/* Spottiswoode.com Styles */

* { margin:0; padding:0; }
body { background-color:#000; text-align:center; }
/* clearing fixer */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* main divs */
#rubberband { width:844px; text-align:center; margin:0 auto; position:relative; }
#home #masthead { background:url(images/site2_02.gif) no-repeat left top; height:107px; padding-top:43px; }
#masthead { background:url(images/top2_02.gif) no-repeat left top; height:103px; }
#colwrap { background:url(images/site2_04.jpg) repeat-y left top; }
#sub2 #colwrap { background:url(images/site2b_04.jpg) repeat-y left top; }
#columns, #footpad { width:750px; margin:0 auto; background:url(images/coltop.gif) repeat-x left top; padding-top:9px; }
#departments { float:left; width:120px; text-align:left; overflow:hidden; }
#extree { float:right; width:620px; padding-bottom:5px; text-align:left; }
#news { float:left; width:490px; }
#highlights, #morenews { float:right; width:120px; overflow:hidden; }
#footer { background:url(images/site2_06.gif) no-repeat left bottom; height:91px; }
#comingsoon { position:absolute; left:40px; top:250px; z-index:10; width:130px; }
#comingsoonsub { position:absolute; left:40px; top:200px; z-index:10; width:130px; }
#topimage { width:601px; padding:5px 5px 5px 10px; background-color: #FFF; margin-bottom: 10px; text-align: right; border:2px solid #E6E5E4; }

/* main classes */
.date { font-family:Georgia, "Times New Roman", Times, serif; color:#999; font-size:12px; line-height:1em; padding:0 10px; border-left:1px solid #cecdcc; border-right:1px solid #cecdcc; background-color: #fbfaf8; }
.newsitem { padding:0 5px 10px 5px; }
.review { padding:0 5px 5px 5px; margin-bottom:10px; border-bottom:1px solid #E3E2E1;  }
.navitem { font-size:13px; }
.highlight { margin:0 0 15px 0; }
.highlight img { margin-bottom:5px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* main font styles */
#departments, #highlights, #news, #youarehere, #morenews, .review, #news ol, #flashcontent { font-family:"Times New Roman", Times, Georgia, serif; }
#departments h1, #highlights h1, #morenews h1 { color:#34312f; font-size:12px; text-transform:uppercase; padding-bottom:2px; border-bottom:1px solid #E6E5E4; margin-bottom:10px; }
#departments h2 { color:#34312f; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:.8em 0 0 0; border-bottom:1px solid #E6E5E4; }
#highlights h2 { color:#34312f; font-size:13px; margin:0 0 .2em 0; line-height:1.2em; font-weight:normal; }
#morenews h3 { color:#34312f; font-size:13px; margin:0 0 .7em 0; line-height:1.2em; font-weight:normal; }
.newsitem h1, .review h1 { color:#34312f; font-size:32px; letter-spacing:-0.05em; line-height:1em; margin-bottom:5px; }
.newsitem h2, .review h2 { color:#34312f; font-size:22px; letter-spacing:-0.05em; line-height:1em; margin-bottom:5px; font-style:italic; }
#departments p, #highlights p, .newsitem p, .review p { font-family:Georgia, "Times New Roman", Times, serif; color:#000; }
.newsitem p, .review p { font-size:12px; line-height:1.5em; padding:0 5px .5em 5px; }
.highlight p { font-size:11px; line-height:1.2em; padding:0 0 .5em 0; }
.more { font-size:11px; line-height:1em; padding-left:5px; }
#footer p { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#34312F; padding-top:5px; }
#flashcontent { font-size:16px; line-height:1.5em; color:#34312f; }

/* sub-page global */
#youarehere { text-align:right; padding:60px 47px 0 0; }
#youarehere span { font-size:28px; line-height:1em; color:#3D5078; }
.paginate { background-color:#edeae7; margin:10px 0; padding:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-align:right; }
.paginate a { margin-left: 10px; }
.clearit { height:1px; clear:both; }

/* singularities */
.newsitem img, .review img { float:right; padding:5px; border: 1px solid #E3E2E1; margin:0 0 5px 10px; background-color:#FFF; }

/* tour dates */
.tourhdr { background:url(images/coltop.gif) repeat-x left bottom; text-align:left; color:#CECDCC; font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica; text-transform:uppercase; font-size:12px; padding-bottom:12px; }
.tourdate { background:url(images/coltop.gif) repeat-x left bottom; padding-bottom:14px; text-align:left; height:auto; }
.details { float:left; width:480px; }
.suspect { float:right; width:120px; }
.details span.ppt { color:#CECDCC; font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica; text-transform:uppercase; font-size:11px; width:50px; font-weight:normal; display:block; float:left; font-style:normal; letter-spacing:0px; line-height:11px; }
.details h1, .details h2, .details h3, .details h4 { font-family:"Times New Roman", Times, Georgia, serif; }
.details h1 { color:#34312f; font-size:28px; letter-spacing:-0.05em; line-height:1em; }
.details h2 { color:#34312f; font-size:19px; letter-spacing:-0.05em; line-height:1em; margin:3px 0; font-style:italic; }
.details h3, .details p { font-weight:normal; color:#000; font-size:13px; line-height:1.5em; }
.details h4 { font-weight:normal; color:#3D5078; font-size:14px; line-height:1.5em; font-weight:normal; }

.details h1 span.ppt { padding-top:15px; }
.details h2 span.ppt { padding-top:7px; }
.details h3 span.ppt, .details p span.ppt { padding-top:5px; }
.details h4 span.ppt { padding-top:7px; }

/* Track Listing */
#news h3 { color:#34312f; font-size:17px; letter-spacing:-0.05em; line-height:1em; margin-bottom:5px; font-style:bold; }
#news ol { margin:0 0 1.5em 25px; font-size:14px; }
#news ol li { line-height:1.5em; padding:0 0 0 .2em; }
#news ul { margin:0 0 1.5em 0; font-size:14px; }
#news ul li { list-style-type:none; background:url(images/bullet.png) no-repeat left 4px; line-height:1.5em; padding:0 0 0 18px; }
#buythis { background-color:#FFF; border:1px solid #E3E2E1; padding:5px; font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica; font-size:12px; }
#buythis span.buyit { font-weight:bold; font-size:12px; padding-top:7px; display:block; float:left; }

/* Buttons */
.btn { display: block; position: relative; background: grey; padding: 5px; float: left; color:#444; text-decoration: none; cursor: pointer; margin-left:10px; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
* html .btn span { margin-top: -5px; }

.btn.blue { background: #ccd8e3; }
.btn.green { background: #d6e3cc; }
.btn.pink { background: #e3ccd6; }
.btn.orange { background: #e3d5cc; }
.btn.spottgray { background: #edeae7; }
.btn:hover { background-color: #900; color:#FFF; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(images/shade.png); background-position: bottom; }

/* Loot */
.loothdr { background:url(images/coltop.gif) repeat-x left bottom; text-align:left; color:#CECDCC; font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica; text-transform:uppercase; font-size:12px; padding-bottom:12px; }
.lootitem { background:url(images/coltop.gif) repeat-x left bottom; padding-bottom:14px; text-align:left; height:auto; }
.evidence { float:left; width:120px; }
.description { float:left; width:330px; padding:0 10px; }
.description h1, .description h2, .description h3, .description p { font-family:"Times New Roman", Times, Georgia, serif; }
.description h1 { color:#34312f; font-size:28px; letter-spacing:-0.05em; line-height:1em; }
.description h2 { color:#34312f; font-size:19px; letter-spacing:-0.05em; line-height:1em; margin:0 0 3px 10px; }
.description p, .description h3 { font-weight:normal; color:#000; font-size:13px; line-height:1.2em; margin-left:10px; }
.description h3 { border-top:1px solid #E3E2E1; margin-top:4px; padding-top:4px; }

.actions { float:right; width:120px; font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica; }
.actions p { clear: both; padding-bottom: 2em; font-size:12px; }
.actions p .btn { margin:0 0 10px 0; }

/* forms */
#thisisaform { width:490px; font-family:"Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica; }
#thisisaform label { font-size:12px; line-height:1.2em; }
#thisisaform fieldset p { font-style:italic; color:#222; }
#thisisaform fieldset { clear:both; border:1px solid #E3E2E1; padding: 0 .5em; margin-bottom: 1em; }
#thisisaform fieldset legend { font-size:19px; font-weight:bold; margin:0; padding:0 5px; color:#444; }
#thisisaform fieldset div { clear: left; display: block; height: expression('1%'); margin: .5em 0 0 0; padding: 1px 3px; }
#thisisaform fieldset div label { display: block; float: left; width:100px; padding:.3em .7em 0 0; margin:0; text-align: left; color:#000; }
#thisisaform input:focus, #thisisaform select:focus, #thisisaform textarea:focus { background-color:#FFFFCC; color:#000; }
#thisisaform form { margin-bottom:1em; }


/* links */
.newsitem p a, .newsitem p a:link, .newsitem p a:active, .newsitem h3 a, .newsitem h3 a:link, .newsitem h3 a:active, .more a, .more a:link, .more a:active, #morenews a, #morenews a:link, #morenews a:active, #highlights a, #highlights a:link, #highlights a:active, #highlights a:visited, .review p a, .review p a:link, .review a:active, .details a, .details a:link, .details a:active, .herotext a { color:#900; text-decoration:none; }
.newsitem p a:visited, .newsitem h3 a:visited, .more a:visited, #morenews a:visited, .review a:visited, .details a:visited { color:#333; text-decoration:none; border-bottom:1px solid #E3E2E1; }
.newsitem p a:hover, .newsitem h3 a:hover, .more a:hover, #morenews a:hover, #highlights a:hover, .review a:hover, .details a:hover, .herotext a:hover { background-color:#edeae7; color:#900; text-decoration:none; border-bottom:1px solid #E3E2E1; }

#morenews a.this, #morenews a.this:link, #morenews a.this:visited, #morenews a.this:active { color:#000; text-decoration:none; }

.lootitem h1 a, .lootitem h1 a:link, .lootitem h1 a:visited, .lootitem h1 a:active { display:block; color:#900; text-decoration:none; padding:4px 2px; }
.lootitem h1 a:hover { color:#900; background-color:#edeae7; text-decoration:none; }

.navitem a, .navitem a:link, .navitem a:visited, .navitem a:active { display:block; color:#900; text-decoration:none; padding:4px 2px; border-bottom:1px solid #E6E5E4; }
.navitem a:hover { display:block; color:#900; background-color:#edeae7; text-decoration:none; padding:4px 2px; border-bottom:1px solid #E6E5E4; }

#footer a, #footer a:link, #footer a:active, #footer a:visited { color:#000; text-decoration:none; border-bottom:1px solid #E3E2E1; }
#footer a:hover { border-bottom:1px solid #900; }

.paginate a, .paginate a:link, .paginate a:visited, .paginate a:active, #flashcontent a, #flashcontent a:link, #flashcontent a:visited, #flashcontent a:active { color:#900; text-decoration:none; }
.paginate a:hover, #flashcontent a:hover { background-color:#900; color:#FFF; text-decoration:none; }

/*promo*/
.promo { padding:0 5px 10px 5px; }
.promo h1 { color:#34312f; font-size:32px; letter-spacing:-0.05em; line-height:1em; margin-bottom:5px; }
.promo h2 { color:#34312f; font-size:22px; letter-spacing:-0.05em; line-height:1em; margin-bottom:5px; font-style:italic; }
.promo p { font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size:12px; line-height:1.5em; padding:0 5px .5em 5px; }
.promophoto { float: left; width:210px; text-align: center; height:210px; border:1px solid #E6E5E4; padding-top: 5px; margin:0 10px 10px 0; }
.promophoto img { margin-bottom: 10px; }
.promophoto p a, .promophoto p a:link, .promophoto p a:active { color:#900; text-decoration:none; }
.promophoto p a:visited { color:#333; text-decoration:none; border-bottom:1px solid #E3E2E1; }
.promophoto p a:hover { background-color:#edeae7; color:#900; text-decoration:none; border-bottom:1px solid #E3E2E1; }

/* additions - 2/10 */
.herotext { float:left; width:250px; text-align:left; }
.herotext p { font-size:13px; margin-bottom:.7em; }
p.sampletrack { background-color:#FFF; border:1px solid #E3E2E1; line-height: 24px; padding: 0 5px; margin:10px 5px; }