/*
------------------------------
nclud'ed screen styles
Design & Dev by nclud, LLC
http://www.nclud.com
------------------------------
*/

/*------ Yahoo! Reset CSS ------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;}

body {
	width: 100%;
	font: normal 62.5% Tahoma, Verdana, Arial;
	color: #262626;
	background-color:#090909;
}

#container {}
#subcontainer {background:#fffbf2 url(/media/images/desktop_bg_contentcontainer.png) repeat-x left bottom; padding-top:45px;}
#contentcontainer {width:930px; margin:0 auto; padding:0 30px; background:transparent url(/media/images/desktop_bg_clock.png) no-repeat 0px 230px;}

/*------ Header Styles ------*/
#header {width:100%; background-color:#0e0e0e;}
	#header .nav {width:930px; margin:0 auto; padding:0 30px; position:relative}
	#header .nav a {padding:18px 0 16px 0; margin-right:30px; color:#fff4da; font-size:14px;}
	#header .nav a:hover {text-decoration:none; color:#fff;}
	#header .nav .on a {color:#ffcc33; font-weight:bold; background:transparent url(/media/images/desktop_bg_navOn.png) no-repeat center bottom;}
	#header .nav .version a {color:#5a5a5a; font-size:12px; float:right; margin-right:0; position:absolute; right:30px;}
	#header .nav .version a:hover {color:#8c8c8c;}

/*------ Content Styles ------*/
#content {background:transparent url(/media/images/desktop_bg_iphones.png) no-repeat 0 240px;}
	#content h1 a {display:block; width:930px; height:160px; background:transparent url(/media/images/desktop_logo.png) no-repeat 0 0; text-indent:-5000px;}
	
	#content #intro {margin:80px 0 200px 0; padding-left:534px; }
	#content #intro p {font-size:16px; margin:12px 0; padding-right:16px;}
	#content #intro .events {background-color:#fffbef; border:1px solid #eae1c7; margin:20px 0;}
	#content #intro .events div {height: 80px; width: 380px; position:relative;}
	#content #intro .events h4 {position: absolute; top:13px; left: 20px; width: 320px;}
	#content #intro .events p {font-size:12px; margin:0; position: absolute; top: 37px; left: 20px; width: 320px;}
	#content #intro .events a.rsvp {display:block; background:transparent url(/media/images/desktop_btn_rsvp.png) no-repeat 0 0; width:54px; height:18px; position:absolute; top: 13px; left:300px; text-indent:-5000px;}
	#content #intro .events a:hover.rsvp {background:transparent url(/media/images/desktop_btn_rsvp.png) no-repeat 0 -18px; position: absolute; top: 13px; left: 300px;}

	#content #promo {color:#a39b84; padding-bottom:100px;}
	#content #promo p {font-size:13px; margin:0; background:transparent url(/media/images/desktop_icn_apple.png) no-repeat right center; padding-right:24px; float:left;}
	
	#content .article {width:620px; font-size:12px; margin-top:80px; padding-bottom:40px; float:left; margin-top:20px; line-height:18px;}
	#content .article p,  #content .article ol li {margin:10px 0 20px;}
	#content .article h2  {margin-bottom:12px;}
	
	#content .event {width:620px; font-size:12px; margin-top:80px; padding-bottom:40px; float:left; margin-top:20px; line-height:18px;}
	#content .event h3 {font-weight:normal; font-size:16px; background-color:#ffecb6; padding:6px 6px 6px 30px; width:180px;}
	#content .event ol li {padding-left:30px; padding:15px 0; background:transparent url(/media/images/desktop_bg_greytop.png) no-repeat 0 0;}
	#content .event ol li .description {width:320px; float:right; position:relative; padding-right:60px;}
	#content .event p img {display:none;}
	#content .event a.rsvp {display:block; background:transparent url(/media/images/desktop_btn_rsvp.png) no-repeat 0 0; width:54px; height:18px; position:absolute; top: 13px; right:0px; text-indent:-5000px;}
	#content .event a:hover.rsvp {background:transparent url(/media/images/desktop_btn_rsvp.png) no-repeat 0 -18px;}
	#content .event ol li .details {width:170px; text-align:right; float:left; margin-right:28px;}
	#content .event ol li .details a {color:#262626;}
	
	#content .permalink {width:620px; font-size:12px; margin-top:80px; padding-bottom:40px; float:left; margin-top:20px; line-height:18px;}
	#content .permalink .date {background:transparent url(/media/images/desktop_bg_greytop.png) no-repeat left bottom; padding-bottom:10px; color:#666;}
	#content .permalink .details, #content .permalink .description {margin:20px 30px 0 30px;}
	#content .permalink .description.noloc {margin-top:70px;}
	#content .permalink .details {position:relative;}
	#content .permalink .details a.address {text-decoration:none; color:#262626;}
	#content .permalink .details a:hover.address {text-decoration:underline;}
	#content .permalink a.rsvp {display:block; background:transparent url(/media/images/desktop_btn_rsvp.png) no-repeat 0 0; width:54px; height:18px; position:absolute; top: 13px; right:0px; text-indent:-5000px;}
	#content .permalink a.map {display:block; background:transparent url(/media/images/btn_view_map.png) no-repeat 0 0; width:77px; height:18px; position:absolute; top: 13px; right:60px; text-indent:-5000px;}
	#content .permalink .back {clear:both; margin-top:40px; font-size:12px; font-weight:bold; background:transparent url(/media/images/icn_arrow_back.png) 0 5px no-repeat; padding-left:10px;}
	#content .permalink .back a {color:#262626;}
	
	#content .subnav {float:left; width:270px; margin-top:20px; font-size:12px; margin-left:40px; margin-bottom:60px;}
	#content .subnav h3 {font-family:Tahoma, "Trebuchet MS", Arial; font-weight:normal; font-size:16px; margin-bottom:10px;}
	#content .subnav ul {margin-bottom:40px;}
	#content .subnav li {background: url(/media/images/desktop_icn_arrow.png) no-repeat 6px 14px; padding-left:10px; border-bottom:1px solid #d9d9d9; padding:8px 0 8px 18px;}
	#content .subnav li:hover {background-color:#fff6dc;}
	#content .subnav li.on {background-color:#fff6dc;}
	#content .subnav li.on a {color:#262626;}
	#content .subnav li#search {border:none;}
	#content .subnav li a {float:none; display:block;}
	#content .subnav li a:hover {text-decoration:none;}
	
	#content .subnav .twitter {background:transparent url(/media/images/desktop_icn_drunktweeter.png) no-repeat right bottom; padding-right:100px; padding-bottom:15px; color:#999;}

/*------ Footer Styles ------*/
#footer {}
	#footer .container {width:930px; margin:0 auto; padding:0 30px; position:relative;}
	#footer .nav {padding:20px 0; position:absolute; right:30px;}
	#footer .nav a {color:#f8f8f8; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
	#footer .nav .love_nclud a {width:15px; height:19px; background:transparent url(/media/images/desktop_bg_love.png) no-repeat 2px 4px; text-indent:-5000px; margin-left:74px;}
	#footer .nav .love_200ok a {width:15px; height:19px; background:transparent url(/media/images/desktop_bg_love.png) no-repeat 0 -15px; text-indent:-5000px; margin-right:0;}

/*------ General Styles ------*/
h1 {font-size:2.2em;}
h2 {font-size:21px; font-weight:bold;}
h3 {font-size:13px; font-weight:bold;}
h4 {font-size:16px;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

a {text-decoration:none; color:#1889bd;outline:none;}
a:hover {text-decoration:underline;}

strong {font-weight:bold;}
em {font-style:italic;}

form {}
	form input {}
	form select {}
	form select option {}
	form textarea {}

/*------ Global Classes (Things I Use All The Time) ------*/
.alt em {position: absolute; left: -5000px; top: -5000px;}

.pos_left {float:left; margin-right: 0.5em;}
.pos_right {float:right; margin-left: 0.5em;}

.list_horizontal li {display: block; float: left;} .list_horizontal li a {display: block;}
.list_bull { margin: 1.0em 0;} .list_bull li {background: url(/media/images/desktop_icn_arrow.png) no-repeat 0px 6px; margin:0.5em 0; padding-left:1.2em;}
.list_num {margin:1.0em; padding-left:1.0em;} .list_num li {list-style:decimal; margin:0.5em 0; padding-left:0.2em;}

.clear {display:inline-block;}
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

#interior #content {background:none;}
#interior #subcontainer {background-color:#fffbf2; background-image:none;}
#interior #contentcontainer {background:none;}
#interior #contentcontainer  h1 a {display:block; width:221px; height:38px; background:transparent url(/media/images/desktop_logo_small.png) no-repeat 0 0; text-indent:-5000px; padding:0; border:none; margin-bottom:20px;}
/*#interior #contentcontainer h2 {font-family:Tahoma, "Trebuchet MS", Arial; font-size:16px; color:#262626; background-color:#ffecb6; width:160px; padding:8px 10px 8px 40px; font-weight:normal;}
#interior #contentcontainer .post {margin-left:30px;}*/

#interior .subnav #search {padding:0; background:none; margin-top:40px;}
#interior .subnav #search .input {width:125px; border:1px solid #ebe1c6; padding:4px;}
#interior .subnav .brand {padding:0; background:none; margin-bottom:40px;}