/* === Global === */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(http://brainwashstudios.com/images/picoday-2010_bg.jpg) no-repeat top center #0b0b0b;
}

 a{color: #ff9900; text-decoration: none;}
 a:hover {text-decoration: underline;}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 900px;
 color: #fff;
 text-align: center;
 padding: 0px 0px 0px 0px;
 height: 139px;
 margin: 1px 0px 0px 0px;
}

#header h1{
font: 32px georgia, serif!important;
text-transform: uppercase;
font-weight: normal!important;
letter-spacing: 3px;
}

span.first {
color: #000;
}

#navigation a.current {color: #fff;}
#navigation a.disabled {color: #343434;}
#navigation a.disabled:hover {color: #343434;}

#header h2{
font: 15px georgia, serif;
padding-top: 2px;
text-transform: lowercase;
letter-spacing: 4px;
font-weight: normal;
font-style: italic;
color: #81abc3

}

#navigation {
 width: 880px;
 color: #333;
 text-align: center;
 padding: 3px 10px 6px 10px;
 margin: 0px 0px 0px 8px;
 border-top: 4px solid #232323;
 border-bottom: 4px solid #232323;
 font: 24px Arial, sans-serif;
 letter-spacing: 2px;
 text-transform: uppercase;
 background: #000;
}

#navigation a{text-decoration: none; color: #ff9900; font-weight: bold; font-size: 16px;}
#navigation a:hover{color: white; }
#navigation span.nav {padding: 0px 30px;}

#content { 
 text-align: center;
 position: relative;
 width: 899px;
 color: #333;
 background: #000;
 margin: 0px 0px 0px 0x;
 padding: 2px 10px 5px 10px;
 
}

#meetup_countdown {font: 24px Arial, sans-serif; font-weight: bold; color: yellow; padding-left: 25px;}

div.mugshots {text-align: center; padding: 3px 4px 5px 24px; margin-top: 13px;}
div.single-mug {float: left; width: 164px; height: 112px; padding: 5px 5px 10px 5px; background: #000 repeat-x; margin-right: 34px; margin-bottom: 1px; border: 1px solid #111}
div.single-mug img{padding: 0px; background: none; border: 1px solid #232323; margin-top: 8px; margin-bottom: 8px;}
div.single-mug a{color: white; text-decoration: none;}
div.single-mug a:hover {text-decoration: none; color: yellow;}

div.my-mug {float: left; width: 175px; height: 260px; padding: 5px 5px 10px 5px; background: #671d3d; margin-right: 34px; margin-bottom: 1px; border: 1px solid #111}
div.blurb {color: #dbdbdb; line-height: 23px; padding-right: 15px;}
div.blurb ul{list-style: none;}
div.blurb li{padding-bottom: 8px;}

span.label {font-weight: bold; text-transform: uppercase; color: white;}

div.blurb a{text-decoration: none; color: #fff4ad;}
div.blurb a:hover {color: white; border-bottom: 1px dashed #fff;}

#book-shell {
 background: #121212;
 text-align: left;
 padding-left: 15px;
 padding-top: 10px;
 padding-bottom: 20px;
 padding-right: 15px;
 color: #dbdbdb;
}

#book-shell h2 {
 font: 20px Tahoma, serif;
 font-weight: normal;
 color: #FFF;
 padding-top: 10px;
 padding-left: 15px;
 padding-bottom: 6px;
 margin-bottom: 4px;
 }

#book-shell p{padding-right: 35px; padding-left: 18px; line-height: 18px; padding-bottom: 10px;}
#book-shell ul{padding-right: 40px; padding-left: 35px; width: 700px; padding-bottom: 10px; padding-top: 5px;}
#book-shell li{padding-bottom: 10px; line-height: 18px;}
span.thumb {
 }

span.thumb img{
 padding: 8px;
 background: #000;
 margin-left: 33px;
 margin-bottom: 18px;
}

#content h3{font: 18px Arial, sans-serif; font-weight: bold; padding-left: 30px; border-top: 2px dotted #000; padding-top: 10px; color: #232323;}


span.social {padding-left: 710px;}

#footer { 
 width: 898px;
 color: #333;
 text-align: center;
 font: 11px arial, sans-serif;
 background: #000;
 margin: 0px 0px 10px -1px;
 padding: 0px 10px 20px 10px;
}


a{outline: 0;}

img{border:none;}

/* added by sam for the slider thingy, mainly copy pasted from the example but i edited like 2 things */

#slider{
	margin:0 30px;
}

#slider li{
	width:840px;
	height:300px;
	display:block;
}

#slider li img{
	width:840px;
	height:300px;
}

#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	top:111px;
	z-index:1000;
}
	
#nextBtn, #slider1next{ 
	left:880px;
        border: none;
}

#prevBtn, #slider1prev{ 
	right:880px;
}											

#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
}	

#nextBtn a, #slider1next a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
}