/* reset code begins */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset code ends */

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

b{font-weight:bold}
img.center{display:block;margin-left:auto;margin-right:auto}
.center{text-align:center}
.justify{text-align:justify}
table.center{margin-left:auto;margin-right:auto}
td{text-align:left;vertical-align:top}
p{margin:18px 0}

ol,dl,dir,menu{margin:1.12em 0 1.12em 40px}
ol{list-style-type: decimal}

body{background:#000 url(/images/Writhing_Snakes.jpg) center fixed;background-size:cover;margin:0;font-family:"Trebuchet MS", Helvetica;color:#ddd}
#ssrwrapper{width:1000px;background-color:#000;border-top:0;border-bottom:0;min-height:900px;margin:0 auto;box-shadow:0 0 20px #000}
#ssrheader{padding:18px 0}
#ssrfooter{width:1000px;padding:18px 0;background-color:#000;opacity:0.65;color:#fff;text-align:center;margin:0 auto;font-size:smaller}
#ssrfooter .links{margin:12px auto}
#ssrfooter .links a {margin:0 12px}
#ssrlogotxt{height:135px;margin-left:60px}
#ssrlogoimg{height:135px;margin-left:18px}
#ssrleaderboard{width:728px;height:90px;border:1px solid #666;display:none}

#ssrnavbar{border:1px solid #666;border-left:none;border-right:none;background-color:#222;position:relative;height:32px}
#ssrartistnav{height:55px;border-bottom:1px solid #666;background-color:#ccc;color:#c33;text-align:center;font-size:13px;padding:7px 50px;position:absolute;top:32px;width:100%;display:none;z-index:1000;box-sizing:border-box}
#ssrartistnav a{color:#333;text-decoration:none;margin:3px 5px;display:inline-block}
#ssrartistnav a:hover{color:#c33}
#ssrmenu{list-style:none;text-align:center;margin-left:120px}
#ssrmenu li{float:left;padding:0}
#ssrmenu li a{font:normal 18px "Trebuchet MS", Helvetica;color:#efefef;display:block;text-align:center;padding:5px 20px;text-decoration:none}
#ssrmenu li a:hover,#ssrmenu li a.active{background-color:#333}
#ssrmain{padding:35px 20px}
a{color:#6dcce2;text-decoration:none}
a:hover{text-decoration:underline}
.ssrcontent{float:right;width:725px;line-height:1.3em}
.sidebar{float:left;width:210px}
.sidebar h1, h1{font-size:larger;border-bottom:1px dotted #666;margin-bottom:16px;padding-bottom:4px;color:#999;text-transform:uppercase;text-align:left}

h1.headline{border:none;color:#ddd;font-weight:bold;text-transform:none;font-size:x-large;margin-bottom:0px}
.newssummary{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #333}
.newssummary h2{font-weight:bold;margin:none;font-size:large}
.newssummary img{float:left;width:280px;margin:0 12px 12px 0;border:1px solid #333}
.pubdate{font-size:small;color:#666}
.newssummary .pubdate{margin-bottom:16px}
.storypic{display:block;margin:16px auto}
.pubdate a,.newssummary h2 a{color:#6dcce2;text-decoration:none}
.pubdate a:hover,.newssummary h2 a:hover{text-decoration:underline}

#morenews{width:270px;float:right}
.article{float:left;width:665px;line-height:1.3em}
.onews,#featarticle{font-size:smaller;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #333}
.onews .pubdate{font-size:small;margin-top:2px}
.onews img{float:left;width:100px;margin:0 9px 9px 0;border:1px solid #333}
.onews.last{border:none;padding-bottom:0}

.albumthumb,.videothumb,.item{text-align:center;margin-bottom:18px;font-size:small}
.albumthumb div,.videothumb div{margin:3px 0}
.albumthumb .albumtitle{text-transform:uppercase}
.albumthumb .albumdate,.videothumb .videodate,#homesidebar .date{font-style:italic}
.albumthumb .albumformat span{color:#6dcce2}
.albumthumb a,.videothumb a{color:#6dcce2;text-decoration:none}
.na,.err, .albumthumb .albumformat span.err,#albumdetails .extra,.albumextra{color:#c33}
.artistlogo{display:block;margin:0 auto 24px auto}

#catalog .albumthumb,.videothumb{float:left;margin:6px;padding:6px;height:274px;position:relative}
#catalog .albumthumb{height:325px;border:1px solid #333}
.videothumb .playicon{position:absolute;top:52px;left:95px;cursor:pointer}
.videothumb{width:214px;height:174px}
#catalog .albumthumb:hover,.videothumb:hover .freezeframe,#merch-Apparel .item:hover{border-color:#666}
#catalog .albumthumb,#catalog .links,#catalog .albumlinks{width:214px}
#catalog .albumthumb .cover,.videothumb .freezeframe{margin:6px auto 12px;width:210px}
.videothumb .freezeframe{border:1px solid #333;margin:6px auto 0}
.albumthumb .artist,.videothumb .artist{text-transform:uppercase;font-weight:bold}
#catalog .albumtitle{text-transform:none}
#catalog .links{margin-top:12px;position:absolute;bottom:12px}
#catalog.merch .links{display:none}
#catalog.merch .albumthumb{height:360px}
.albumthumb .links a{color:#EFFE25}
.sidebar .albumthumb .cover{width:196px;height:auto}

.storyvid{text-align:center}
.storyvid .videothumb{float:none;width:480px;height:420px;margin:20px auto}
.storyvid .videothumb .freezeframe{width:480px;height:360px}
.storyvid .videothumb .playicon{top:180px;left:230px}

#albumdetails{padding:10px;color:#000;font-face:verdana;font-size:14px}
#albumdetails .leftcol{float:left}
#albumdetails .leftcol{text-align:center}
#albumdetails .cover{box-shadow:5px 5px 5px #888}
#albumdetails.large .leftcol,#albumdetails.large .leftcol .cover{width:300px}
#albumdetails.small .leftcol,#albumdetails.small .leftcol .cover{width:196px}
#albumdetails.large .rightcol{margin-left:325px}
#albumdetails.small .rightcol{margin-left:221px}
#albumdetails ol{margin-top:0}
#albumdetails .rightcol{line-height:1.4em;white-space:nowrap}
#albumdetails .rightcol div{margin-bottom:9px}
#albumdetails h1{margin-bottom:4px;color:#363636;font-weight:bold}
#albumdetails h1 .format{font-weight:normal;font-size:12px}
#albumdetails .extra,.albumextra{font-style:italic}
#albumdetails .albumlinks{padding-top:12px;font-size:11px}
.albumlinks img{margin: 4px 9px}
#catalog .albumlinks img{margin:4px;width:24px}
#catalog .albumlinks{font-size:11px;position:absolute;bottom:12px}

#contactform table{margin:24px auto}
#contactform input[type=text],#contactform textarea{width:360px}
#contactform textarea{height:200px}
#contactform input[type=text],#contactform textarea,#contactform select{font-size:small}
#contactform td{padding:3px 6px}
#contactform input[type=submit]{font-size:large}

.merch{padding-bottom:36px;clear:both;line-height:1.1em}
#merch-Apparel .item{float:left;margin:6px;padding:6px;width:292px;height:175px;position:relative;border:1px solid #333}
#merch-Apparel .item img{width:280px;margin-bottom:6px}
.artistlogo{display:block;margin:24px auto}

#homemain{width:620px;float:left;line-height:1.1em}
#homemain .onews img{width:175px}
#homemain h1,#homesidebar h1{font-size:large}
#homesidebar{width:315px;float:right;font-size:small;line-height:1.2em}
#homealbum,#homevid,#homeshirt{text-align:center;margin-bottom:24px;position:relative}
#homesidebar .graphic{width:300px;margin:0 auto 6px;border:1px solid #333}
#homesidebar .graphic:hover,#homesidebar .graphic.freezeframe:hover{border-color:#666}
.more,.more a{text-align:right;color:#EFFE25;padding:18px 0;font-size:12px}
#homesidebar .playicon{position:absolute;top:105px;left:140px;cursor:pointer}
#featarticle .storypic{width:575px}

.artistlogos{text-align:center}
.artistlogos div{display:inline-block;height:100px;margin:25px}
.artistlogos img{max-height:100px;max-width:375px;vertical-align:middle;margin:0}
