* { margin: 0; }
html, body { height: 100%; }
body{color:#7e775e;margin:0;font-family:Helvetica,Arial;padding:0;height:100%;font-size:12px;line-height:1.6;background:#f6f5ee url(../images/2012_bg.jpg);margin-top:30px;}
body.youtube {background-position: left 30px; }

#container{margin:40px auto 0px;padding:0px;position:relative;padding:0px 0px 100px;width:978px;border:0px;min-height:100%;}

/*Header Styles*/
h1,  .title a, .title a:visited, .title a:visited {display:inline;font-family:Helvetica, Arial, serif;font-size:1.8em;font-weight:bold;color:#333;line-height:1.4em;}
h2, .post .head .subtitle a {display:inline;font-family:Helvetica, Arial, serif;font-size:1.2em;font-weight:bold;color:#333;line-height:1.4em;}
h3{font-size:1.8em;display:inline;font-weight:bold;color:#999;line-height:1.1em;font-family: Helvetica, Arial; letter-spacing: -1; text-shadow: 0px 1px 0px #cccccc;	}
h5 { display:inline-block;background:#fff;padding:4px 8px;font-size:1em;border:1px #ccc solid;top:245px;left:380px;position:absolute}

/*General Elements*/
a, a:visited{color:#129667;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
p{margin-bottom: 20px;}
li{list-style:none;}
textarea,input{background:#fff;border:1px solid #ddd;font-size:1em;margin:0 5px 5px 0;padding:5px; -moz-border-radius:0.5em;-webkit-border-radius:0.5em;}
img{border:0px;vertical-align:middle;}
hr{border:0;border-bottom:#dfded4 1px dotted;margin:10px 0px;}
em{font-size:.9em;color:#666;}
strong {font-weight:bold;}
th { text-align:left;padding-bottom:5px;}
tr { border-bottom:1px #ccc solid; }
td {padding:10px 2px;margin:0px;border:0;}
blockquote { display:block;background:#f6f5ee;padding:30px;font-size:14px;font-family:Georgia;-webkit-border-radius: 20px;-webkit-border-top-left-radius: 0;-moz-border-radius: 20px;-moz-border-radius-topleft: 0;border-radius: 20px;border-top-left-radius: 0;line-height: 20px;}

/*Fixes*/
.left, .fl{float:left;}
.right, fr{float:right;}
.clear{clear:both;}
.fix{clear:both;height:0px;overflow:hidden;margin:-1px 0 0;}
.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 */
.fl img {padding-right:10px;}
.fr img {padding-left:10px;}
.imageleft { float:left; margin-right:10px; }

/*Sign in/up form*/
#sess{position:absolute; right:0px;top:0px;color:#333;font-size:1em;text-align:right;padding:0px 0px 5px 0px;margin-top:-5px;}
#sess #login {padding:5px 10px 0;font-size: .9em;}
#sess #login a {color:#129667;margin-left:7px;}
#sess #login a:hover {color:#efefaa;margin-left:7px;}

/*Header*/
#header{position:absolute;top:0px;left:0px;z-index:99;border:0;background:#292923;}
#headerimg{background: url(../images/2012_green.png);width:300px;height:150px;}
#headernav{height:30px;position: relative;width:300px;background-color:#292923;overflow: hidden;}
#headernav #min {background: #119264;position: absolute;top:0;left:0;height:28px;width:60px;text-align: center;padding:1px;display: none;}
#headernav #tools {position: absolute;right:4px;top:3px;vertical-align: middle;} 
#pulldown {display: none;position: absolute; bottom:-25px; z-index:90;left:-40px;}

/*Navigation*/
#n{width:100%;padding:0px 0px;background:#292923;border-bottom:1px #231f1c dotted;margin-bottom:0px;letter-spacing:0px;position: fixed; top:0;left:0;z-index:1000}
#nav{width:980px;margin:0px auto 0px;position:relative;color:#fff;}
#nav a{color:#fff;}
#nav a:hover{color:#efefaa;text-decoration:none;}
#navigation {margin-left:305px;padding:0px;}
#navigation li { display:inline;padding:5px 16px;float:left;margin:0px;background:none;border-right:1px #322c28 solid;margin:0px;font-size:12px;} 
#navigation li:first-child {margin-left:5px;}
#navigation li:last-child {padding:5px 26px;} 
#navigation li:hover {background:#322c28;} 
#navigation li.highlight{background:#322c28;}

#search { position:relative;height:30px;text-align:right;padding:5px 5px 0 10px;border:1px #111 solid; border-top:0;background:#1e1a18;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;color:#ccc;}
#nav form {display:inline;position: relative;}
#nav input.searchbox{position:relative;height:20px;width:150px;margin:0px;padding:1px 2px;border:1px #3a3a32 solid;font-size:12px;line-height:0px;background: url(../images/search_stripe.png);color:#fff;}
#nav input.searchsubmit{background:none;height:16px;width:16px;border:0;right:0px;bottom:-10px;position:absolute;}

.catimg {position:absolute;bottom:0;right:0px;}

/*Pagination*/ 
div.pagination{margin:0 0px 0 0;padding:10px 0px;display:inline;width:100%;}
div.pagination a{border:1px solid #ccc;color:#333;text-decoration:none;margin:2px 0px 2px 2px;padding:8px 10px;}
div.pagination a:hover,div.pagination a:active{border:1px solid #ddd;color:#129667;}
div.pagination span.current{background-color:#333;border:1px solid #ddd;color:#fff;font-weight:700;margin:2px 0 2px 2px;padding:8px 10px;}
div.pagination span.disabled{border:1px solid #ccc;color:#ddd;margin:2px 0px 2px 2px;padding:2px 5px;}
div.pagination div.buttons{width:150px;}
div.pagination div.numbers{text-align:center;width:450px;}

/*Video/Album Thumbnails*/
.video-box{float:left; border:4px solid #FFFFFF; margin:10px 15px 10px 7px; padding: 1px;width:202px;background:#fff;position:relative;padding:4px; border:1px #F1F4DC solid;-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.05); box-shadow: 0px 2px 10px rgba(0,0,0,0.05);font-family: Arial;}
.video-box .inside {width:200px;height:210px;overflow:hidden;position:relative;border:1px #F1F4DC solid;}
.video-box .descr{font-size:1em;line-height:20px;text-decoration:none;padding:5px 10px;width:180px;overflow:hidden;position:absolute;top:160px;background:#f3f2e6;color:#666;height:100px;text-align:left;font-family: Arial;font-size:12px;}
.video-box .descr .download img{height:16px;width:16px;float:right;}
.video-box .bottom{position:absolute;right:10px;bottom:5px;color:#999;font-size:.9em;}

.video-box.last{margin-right:10px;float:right;}

/*Index Page*/
#home-left {width:667px;margin-top:0px;float:right;}

.ad{padding:20px 20px 20px;background:#f6f5ee url(../images/ad_stripe.png);margin-top:10px;border:1px #eee solid;}

/*Post Styles*/
.post, .notes {padding:30px;margin-top:10px;color:#7e775e;background:#fff url(../images/bgr-box-trans.png) top left repeat-x;border:1px #e7e2e2 solid;font:14px Helvetica, Arial, sans-serif; color:#555;line-height: 1.8em;position: relative;}
.post .head {margin-bottom: 5px;}
.post a:link { color:#129667;}
.postimg {padding:20px;}
.cat {padding:20px;}
.post .type , .post .postbottom {background:#fff url(../images/bgr-box-trans.png) top left repeat-x;text-align:right;color:#666;margin:20px -30px -20px -30px;padding: 15px 20px 0px;border-top:1px #ccc dotted;font:11px Arial, sans-serif;height:20px;}
.post .image {margin-right:15px;float:left;-moz-box-shadow:0 2px 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.05); box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
.post .image img {padding:5px;border:1px #F1F4DC solid;}
.post .interview div{padding:10px;background:#eee;margin:15px 0px;text-align:center;font-style:italic;font-size:.9em;}
.post .interview div img {max-width:534px;margin-bottom:10px;}
.post .interview span {font-weight:bold;}
.post img { max-width:625px;}
.post img.image-comic { max-width:925px; width:100%;}
.post .crop {width:200px;height:200px;overflow:hidden;float:left;margin-right:15px;padding:5px;border:1px #ddd solid;}
.post .crop img {margin-left:-50px;margin-top:-50px;}
.post .readmore { position: absolute;top:215px;right:20px;background:#efefef;font-size:12px;padding:2px 7px;}
.post .type .right a {color:#129667;}
.interview i {color:#555;font-style:normal;}
span.interviewer { color:#666 }

/*Sidebar*/
#home-right{width:300px;font-size:.9em;color:#666;float:left;margin-top:150px;}
#home-right li a  {color:#129667;}
#home-right .descr {font:11px Arial; color:#777;line-height: 1.8em;}

.quote {width:280px;float:right;margin-bottom:10px;border:1px solid #ddd;padding-bottom:5px;background:#fff;}
.quote .comment { font-size:1.2em;letter-spacing:0;padding:10px;background:#eef4f8;border-bottom:1px #ddd solid;}
.quote .info { background:url(../images/quote.jpg) 3px top no-repeat;margin-top:-1px;padding:5px 5px 0px 25px;font-size:.9em;}

.event2 {float:left;font-size:1.2em;margin:8px 5px 20px 5px;border-right:1px #ccc solid;padding:5px;font-weight:bold;}

img.expand  {margin:0 0 10px;background: #f1efe3;padding:9px;border:1px solid #e5e3d4;width:280px;}

.menu {list-style:none;width:100%;margin:0 0 5px;padding:0;line-height:18px;}
.menu li{list-style:none;}
.menu .first{font-weight:700;font-size:1.1em;padding:10px 0px 0px;}
.menu .image img{border:1px #ccc solid;padding:4px;width:235px;height:132px;}
.menu .descr{padding:5px 0px;}

/*Video Page*/ 
#video{text-align:center;margin-bottom:10px;width:640px;background:#fff;padding:12px;border:1px #e7e2e2 solid;}
#video #playerbox { width:640px;margin:0 auto; }

#social {background:#dad8c4;padding:10px;width:280px;}
#social div {margin-right:5px;}
.description{padding:30px 40px 40px;background:#fff url(../images/bgr-box-trans.png) top left repeat-x;border:1px #e7e2e2 solid;font:14px Helvetica, Arial, sans-serif; color:#555;line-height: 1.8em;position: relative;}
.description a {color:#129667;}
.descr { padding:20px;padding-top:10px;margin-bottom:0px;font:14px Helvetica, Arial, sans-serif; color:#666;line-height: 1.8em;}
.descr a {color:#129667;}

 #playerbox { width:666px;height:386px;margin-bottom:15px;border:1px #e7e2e2 solid;}

 #info { float:right; width:300px;margin:22px 0 22px;padding:0px 0px;position:relative;height:364px;overflow:hidden;} 

 #playerbox .type {position:absolute;bottom:10px;border-top:1px dotted #aaa;margin-right:0px; padding:0px 0 100px 0;color:#222;height:25px;}
 #playerbox .type a {color:#129667;}
#playerbox #player { margin:0px 0px;width:640px;border:12px solid #fff;background:#fff;height:360px;position:relative;overflow:hidden;}
#playerbox #player  a.cover { position:absolute; top:0;left:0; width:640px;height:340px;}
#playerbox #player div.type { width:600px;padding:15px 20px 0px;}

#category { position:absolute;right:0px;top:-23px;padding:2px 6px;background: #222; color:#ddd;text-shadow: 1px 1px 4px #333;font-weight: bold;text-transform: uppercase;}

 .y {height:390px;}
 .d {height:360px;}
 .v {height:360px;}
 .n {height:385px;}


 /*Sidebar Elements*/
.l{vertical-align:middle;padding:10px 10px 0px;margin-bottom:0px;border-bottom:solid 1px #FFF9E6;border-bottom:dotted 1px #F7EECD;width:280px;}
div.l:hover { background-color:#f3f2e6;}
.l .last {border:none;}

.l a { text-decoration:none; color:#129667;}
.l img{margin-right:10px;vertical-align:top;}
.l.highlight { background: #e5e3d4;font-size:12px;margin:0px;padding:15px 10px 10px;line-height:14px;height:20px;border:0;border-bottom:1px #dad8c4 solid; }
.l.red { background: #e5e3d4;}
.l.green { background: #e5e3d4; }

.l.highlight a {color:#333;font-weight:bold;;}
.l.green a {font-weight:bold;;}
.bar { margin:0px 0px 20px;padding:20px;background:#f3f2e6  url(../images/ad_stripe.png);}

/*Related Post*/
.related {margin-bottom:5px;line-height:14px;width:300px;color:#666;}
.related a {color:#777;}
.related .img {width:50px;height:50px;float:left;border:5px #fff solid;moz-box-shadow: 0px 1px 4px #ddd;position: relative;
	-webkit-box-shadow: 0px 1px 4px #ddd;
	box-shadow: 0px 1px 4px #ddd; }
.related .img a { font-size:24px; color:#fff;font-weight:bold;display:block;width:50px;height:50px;text-align:center;padding-top:15px;text-shadow: 0.1em 0.1em 0.2em black;}
.related .rel {padding:12px 0 0 12px;height:40px;overflow:hidden;line-height:1.7em;width:160px;}
div.related:hover { background:#f3f2e6;}


/*Album Page*/
#last_fm {background: #f6f5ee url(../images/icons/lastfm.png) 20px 15px no-repeat ;padding:15px 5px 15px 50px;border:1px #e7e2e2 solid;margin-top:0px;color:#999;border-top:0px;font-size:11px;}
#reviews {background: #f6f5ee url(../images/icons/pencil.png) 20px 15px no-repeat ;padding:15px 15px 15px 50px;border:1px #e7e2e2 solid;margin-top:0px;color:#999;border-top:0px;font-size:11px;}
.review {background: #f6f5ee url(../images/icons/star.png) 45px 15px no-repeat ;padding:15px 5px 15px 70px;border:1px #e7e2e2 solid;margin-top:0px;color:#999;border-top:0px}
#members {background: #f6f5ee url(../images/icons/user.png) 20px 15px no-repeat ;padding:15px 5px 15px 50px;border:1px #e7e2e2 solid;margin-top:0px;color:#999;border-top:0px;font-size:11px;}

#facebook {background: #f6f5ee;padding:12px 5px 12px 22px;border:1px #e7e2e2 solid;margin-top:0px;color:#666;border-top:0px}
#facebook iframe { border:none; background:#f6f5ee; overflow:hidden; width:600px; height:30px;overflow:hidden;padding:5px 5px 0px 0px; }

#last_fm a { color:#777;}

#clip {width:280px;height:100px;overflow:hidden;margin:0px -20px 10px -20px;border-bottom:#dedede solid 4px;}
#clip img {padding-bottom:2px;width:280px;margin-top:-70px;}


/*Comment box*/
#disqus_thread{ padding:10px 30px;border:1px #eee solid;margin-top:10px;background:#e5e3d4;}
#dsq-content div, #dsq-content p, #dsq-content h3 { clear:none !important; }
#dsq-content h3 { font-size:14px;display: block;color: #333;}
#dsq-content p, #dsq-content {color: #333;}
#dsq-content .dsq-moderator .dsq-comment-header {
  background: #dad8c4;
}


/*Footer*/
#f{width:100%;margin:10px auto 0px;padding:0px 0px 0px;font-size:.9em;background:#f3f2e6;border-top:1px #e5e3d4 solid;position:relative;}
#footer{width:980px;margin:0 auto 0px;padding:20px 0px;;color:#fff;position:relative;}
#footer .left a{color:#38322e;margin:0 0 0 5px;margin-right:5px;}
#footer a:hover{color:#000;}
#ticket {  position:absolute;right:0px;top:-2px;width:155px;height:36px;padding:12px 0px 0 30px;}


/*JQuery*/
#overlay {background-image:url(../images/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;} 
#videoplayer, #flashcontent, #playerbox iframe {z-index:102;position:relative; }
#lightSwitcher { z-index:150;position:relative;}

.error { background:#f4f4f4 url(../images/icons/help.png) no-repeat 9px 9px; text-indent:25px;}

.calendar { width:100%;text-align:left;}
.calendar tr, .calendar th, .calendar td { text-align:left;}
.calendar td {border:#ccc 1px solid;padding:8px;}
.calendar a {color:#fff;font-weight:bold;}
.calendar .linked-day { background:#1cb031;}
.calendar td.noborder {border:0px;}
.calendar .calendar-month {text-align:left;font-weight:bold;font-size:1.2em;}

.zeromargin { margin:0px;}

div.dateblock{
line-height: 1.5em;
width: 40px;
float: right;
background:#f6f5ee;
color: #aaa;
text-align: center;
letter-spacing: 0.17em;
font-family: Tahoma, Verdana, sans;
padding: 6px 4px;
font-size:11px;
text-align:center;
margin-right:-40px;
margin-top:-30px;
}
.dateblock.album {margin-right:-50px;
margin-top:-40px;}
span.dateblock_mon{
display: block;
}
span.dateblock_day{
font-weight: bold;
font-size: 20px;
display: block;
position: relative;
top: 0px;
}
span.dateblock_year{
display: block;
 }


.alt, tr.alt td { background:#f3f2e6;}
#shows { width:650px;}
#shows td {padding:10px}

.dew { position:absolute;right:1px;top:0px;width:20px;}
.dewright { float:right;width:20px;overflow:hidden;}

#adbottom { background:#111; text-align:center;padding:10px 0px;}

img.medium { padding:5px;border:1px #ddd solid;}
.white { color:#fff;margin-left:20px;}

.controls  { position:absolute; top:10px; right:40px;text-align:right;font-size:.8em;display: inline-block; padding-right:25px;}
#albumpage  { position:absolute; top:10px; right:60px;text-align:right;font-size:.8em;display: inline-block; padding-right:25px;}
#albumpage #dewplayer_content{display:inline-block;position:absolute;right:0px;width:20px;overflow:hidden;top:2px;padding-left: 10px;}
#albumpage #dewplayer { }	
.the-tag { display:inline;}
.tags:before { content: "tags: "}
.the-tag:after { content: ", "}
#mainimg {z-index: 100;}
.note { border-bottom:1px #f3f2e6 dotted; padding:5px 0px;}
.hidden { display:none;}

#oio-banner-1, #oio-banner-2 {display:inline-block;}
#oio-banner-2 { margin-left:15px;padding-left:15px;}
#home-right #oio-banner-2, #oio-banner-3 { border-left:0px #aaa dotted;padding-left:0;}
#about { background: #b8264d;}
#about div { width:960px; margin: 0 auto;padding:20px 0px;color:#fff;}

#apple { display: none;}

#catheader{width:100%;height:108px;text-align: center;margin-bottom:-50px;}
#close {position: absolute;top:5px;left:10px;}

body.minimized #header { top:-150px; }
body.minimized #headernav #min {display: inline;}
body.minimized  #header #pulldown {display: block;}
body.minimized #home-right {margin-top:0;}

#prev,#next {position: fixed;top:40px;z-index:10001;background: #f1efe3;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;padding:10px 10px 2px; font-size:11px;}
#prev img, #next img {border:#dad8c4 solid 1px;}
#prev a, #next a {color:#7e775e}
#prev {right:-15px;padding-right:20px;}
#next {left:-10px;text-align: right;padding-left:20px;}

.albumdownload { background:#f6f5ee;margin-top:2px;font-size:11px;margin:4px -4px -4px;text-align: center;}
.albumdownload a, .albumdownload a:link, .albumdownload a:visited { color: #a09c80;width:100%;display: block;}