/*
Theme Name: Spirit of 77
Theme URI: http://www.spiritof77bar.com
Description: Version Two of the critically-acclaimed website.
Version: 2.0
Author: Mathew Foster
Author URI: http://www.omfgco.com/
*/
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; }
a,img {text-decoration: none;outline:#FFF;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}

div.break, div.clear, div.clearer {	display:block; clear:both; height:1px;}
iframe {background:transparent;}

body {
	background:#1a1a1a;
	text-align: center;
	font:normal 11px "news-gothic-std-1","news-gothic-std-2",Verdana, Helvetica, sans-serif;
	line-height:170%;
	color:#FFF;
}

/** 	
	.wf-loading {visibility: hidden;}
	.wf-active {visibility: visible;}
*/

/* STRUCTURE */

#container, #header, #featured, #content {
	margin:0 auto;
	position:relative;
	width:1000px;
}

#header {
	background:#1a1a1a url('img/sof77-img.jpg') no-repeat;
	height:120px;
	overflow:hidden;
}
	#header a {
		color:#fff;
		display:block;
		height:120px;
		width:1000px;
	}
		#header a:hover {
			color:#CCC;
		}
	h2#address, h2#hours {
		position:absolute;
		top:0;
	}
	h2#address p,
	h2#hours p {
		display: table-cell;
		height:120px;
		text-align: center;
		text-transform: uppercase;
		vertical-align: middle;
		width:200px;
	}
	h2#hours {
		right:0;
	}
	
	
/* NAV */

#nav {
	background:#1A1A1A url('img/nav.jpg') no-repeat;
	height: 36px; 
	margin: 10px auto; 
	position: relative; 
	width: 775px; 
}

	#nav li {
		background:#1A1A1A url('img/nav.jpg') no-repeat 0 0;
		display: block; 
		height: 36px; 
		list-style: none;
		overflow:hidden;
		position: absolute; 
		text-indent: -2000px;
		top: 0px; 
	}

	#nav a {
		width: 100%; 
		height: 100%; 
		display: block; 
	}

	#nav #li-tv     {left: 46px;  width:104px; background-position: -46px 0;}
	#nav #li-food   {left: 175px; width:60px;  background-position: -175px 0;}
	#nav #li-venue  {left: 259px; width:77px;  background-position: -259px 0;}
	#nav #li-events {left: 361px; width:122px; background-position: -361px 0;}
    #nav #li-press  {left: 507px; width:56px;  background-position: -507px 0;}
	#nav #li-blog,
	body.home #nav #li-blog   {left: 586px; width:46px;  background-position: -586px 0 !important;}
	#nav #li-twit   {left: 646px; width:38px;  background-position: -646px 0;}
	#nav #li-fb     {left: 693px; width:28px;  background-position: -693px 0;}

	#nav #li-tv a:hover,
	body.page-id-45 #nav #li-tv
	{background:transparent url('img/nav.jpg') no-repeat -46px -36px;}
	#nav #li-food a:hover,
	body.page-id-19 #nav #li-food
	{background:transparent url('img/nav.jpg') no-repeat -175px -36px;}
	#nav #li-venue a:hover,
	body.page-id-40 #nav #li-venue
	{background:transparent url('img/nav.jpg') no-repeat -259px -36px;}
	#nav #li-events a:hover,
	body.page-id-362 #nav #li-events
	{background:transparent url('img/nav.jpg') no-repeat -361px -36px;}
	#nav #li-press a:hover,
	body.page-id-366 #nav #li-press
	{background:transparent url('img/nav.jpg') no-repeat -507px -36px;}
	#nav #li-blog a:hover,
	body.blog #nav #li-blog
	{background:transparent url('img/nav.jpg') no-repeat -586px -36px !important;}
	#nav #li-twit a:hover
	{background:transparent url('img/nav.jpg') no-repeat -646px -36px;}
	#nav #li-fb a:hover
	{background:transparent url('img/nav.jpg') no-repeat -693px -36px;}
	

/* HOME */	
	
#content h3 {
	overflow:hidden;
	text-indent: -5000px;
}
#content h4 {
	overflow:hidden;
	text-indent: -5000px;
}

#featured, #games, #location, #foods, .quotes {margin:40px auto;}
#featured a:hover, #games a:hover, #location a:hover, #foods a:hover, .quotes a:hover {
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}


/* FEATURED */

#featured h3 {
	background:#1a1a1a url('img/bigscreen.gif') no-repeat 0 0;
	height:335px;
	width:393px;
}

	#featured #events {
		background:#fbf9ea;
		border:4px solid #636466;
		color:#222;
		height:315px;
		position:absolute;
		right:0;
		top:0;
		width:595px;
	}

	#featured #events p {
		font-size:18px;
		line-height:140%;
		margin-bottom:16px;
	}
	#featured #events strong {
		background:#c8c7bd;
		display:block;
		font:normal 32px "bello-pro-1","bello-pro-2",Georgia,sans-serif;
		margin:0 0 8px 0;
		padding:8px 0 4px 0;
		text-transform: capitalize;
	}
	#featured p.schedule {
		background:#636466;
		border-left:4px solid #636466;
		border-right:4px solid #636466;
		bottom:0;
		font-size:11px;
		letter-spacing: 1px;
		padding:3px 0;
		position:absolute;
		right:0;
		text-transform: uppercase;
		width:595px;
	}
	#featured p.schedule a {
		color:#f8e6f2;
	}


/* GAMES */

#games h3 {
	background:#1a1a1a url('img/sof77-img.jpg') no-repeat 0 -120px;
	height:400px;
	width:1000px;
}

/* LOCATION */

#location h3 {
	background:#1a1a1a url('img/sof77-img.jpg') no-repeat 0 -520px;
	height:260px;
	width:1000px;
}

/* FOODS */

#foods h3 {
	background:#1a1a1a url('img/sof77-img.jpg') no-repeat 0 -921px;
	height:784px;
	width:1000px;
}

/* QUOTES */

.quotes h3.esquire {
	background:#1a1a1a url('img/sof77-img.jpg') no-repeat 0 -780px;
	height:68px;
	width:1000px;
}
.quotes h3.playboy {
	background:#1a1a1a url('img/sof77-img.jpg') no-repeat 0 -848px;
	height:68px;
	width:1000px;
}

/* FUNNYS */

#funnys h3 {
	background:#1a1a1a url('img/sof77-img.jpg') no-repeat 0 -1705px;
	height:820px;
	width:1000px;
}

	
/* PAGES CONTENT */

body.page #content {
	margin-top:50px;
}	
body.page #content {
	text-align: left;
}	
body.page #content h1 {
	border-bottom:1px solid #666;
	font-size:30px;
	margin:40px 0 0 0;
	padding-bottom:10px;
	text-transform: uppercase;
}	
body.page #content h2 {
	background:#333;
	font-size:22px;
	margin:40px 0 0 0;
	padding:10px;
	text-transform: capitalize;
}	
body.page #content h2 a {color:#f1592a;}

body.page #content p {
	color:#A1A1A1;
	font:14px/18px Courier,"Courier New", monospace;
	margin:12px 0;
}	
body.page #content a {
	color:#FFF;
}	
body.page #content blockquote,
body.page #content blockquote p {
	color:#FFF;
	font:italic 28px/36px Georgia,sans-serif;
}	
img.alignleft {
	float:left;
	margin:0 20px 20px 0;
	vertical-align: top;
}

.entry a img:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}


/* MENUS */
	
body.page-id-19 #content .menu {
	background:#F2F2DF;		
	float:left;
	height:800px;
	margin:0 15px 0 0;
	padding:10px 0;
	text-transform: uppercase;
	width:315px;
}
body.page-id-19 #content .menu p,
body.page-id-19 #content .menu ul {
	color:#333;
	font:normal 11px "news-gothic-std-1","news-gothic-std-2",Verdana, Helvetica, sans-serif;
	line-height:170%;
	margin:0 6px 12px 6px;
}	

body.page-id-19 #content .menu h2.menu-header {
	background:url('img/line.png') repeat-x 0 11px;
	color:#00aeef;
	font:normal 32px "bello-pro-1","bello-pro-2",Georgia,sans-serif !important;
	margin:0 6px -8px 6px;
	text-align: center;
	text-transform: capitalize;
}	
	.menu h2.menu-header span {
		background:#F2F2DF;		
		padding:0 8px;
	}	

body.page-id-19 #content .menu ul {
	margin-bottom:18px;
}	
body.page-id-19 #content .menu li {
	border-bottom:1px solid #CCC;
	margin-bottom:4px;
	padding-bottom:2px;
}	
body.page-id-19 #content .menu strong {
	font-size:12px;
}	
body.page-id-19 #content .menu em {
	color:#888;
}	

/* SLIDES */

#slides {
	height:50px;
	margin:12px 0;
	width:1000px;
}
#slides li {
	border:1px solid #999;
	float:left;
	margin:0 3px 0 0;
}
	#slides li:hover {
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=50);
	}
	#slides li.activeSlide {
		border:1px solid #FFF;
	}
	
#slideshow {
	min-height:675px;
	width:1000px;
	clear:both;
}



/* FOOTER */

#footer {
	background:#373737;
	letter-spacing: 1px;
	margin:20px auto;
	padding:4px 0;
	text-transform: uppercase;
}

	#footer h3 {
		color:#f1592a;
		display:inline;
		font-weight:bold;
	}
	#footer a {
		color:#d0d0d0;
	}
	#footer a:hover {
		color:#FFF;
	}

#mc_embed_signup,
#mc_embed_signup h2,
#mc_embed_signup div, 
#mc_embed_signup .fieldset, 
#mc_embed_signup #mc-field-group,
#mc_embed_signup #mce-responses,
#mc_embed_signup input,
#mc_embed_signup input.btn
{display:inline;}

	
/* jScrollPane */

.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:10px;height:100%;background:red;border-left:2px solid #FFF}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red;}
.jspVerticalBar *,
.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#FFF;position:relative;}
.jspDrag{background:#c8c7bd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#FFF;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#CCC;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#FFF;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}

/*
	BLOG
*/	


#twitter {
	position:absolute;
	top:30px;
	left:0;
	width:230px !important;
}
	#twitter h2 {
		margin:0 0 5px 0;
		color:#739c9a;
		font-size:18px;
		text-align: center;
		font-family: "bello-pro-1","bello-pro-2",sans-serif;
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
	}

	
#twtr-widget-1, .twtr-hd, .twtr-bd {
	font:normal 11px "news-gothic-std-1","news-gothic-std-2",Verdana, Helvetica, sans-serif !important;
	width:230px !important;
	line-height:245% !important;
}
.twtr-ft, .twtr-hd {display:none;}
.twtr-tweet {
	margin:0 0 4px 0;
	padding:4px 0;
	border-bottom:1px dotted #313131 !important;
	text-align: center !important;
	width:230px !important;
	font-size:12px;
}
.twtr-tweet a {
	background:transparent;
}


/*
	POST
*/
.post {
	margin:30px 0 10px 325px;
	font-size:16px;
	width:500px;
	clear:both;
	text-align: left;
}	
.post p {
	margin:0 0 15px 0;
}	
.post a, body.blog #content a {
	border-bottom:1px solid #CCC;
	color:#fcb040;
}	
.photo img {
	height:auto;
	width:500px;
}

.postmeta {
	font-size:13px;
	position:relative;
	margin:10px 0;
	padding-top:6px;
	border-top:1px dotted #313131
}

.addthis_toolbox {
	position:absolute;
	top:10px;
	right:0;
}
.addthis_default_style a,
.addthis_button_compact, 
.addthis_button_compact span {
	display:block;
	padding:none;
	width:15px !important;
	height:16px !important;
	background:transparent url('http://www.omfgco.com/etc/addthis.gif') no-repeat !important;
}

#fb-like {
	position:fixed;
	top:25px;
	right:-100px;
}

ol.notes a {
	background:none;
}

.quote h2 {
	font-weight:700;
	font-style:italic;
	font-size:22px !important;
	line-height:150%;
	text-align: center;
	color:#DFD959 !important;
}

.quote p {
	font-style:italic !important;
	text-align: center !important;
}



ol.notes {
	margin:10px 0 10px 16px;
	list-style-type: decimal;
	text-align: left;
	font-size:12px;
}
ol.notes li {
	margin-bottom:3px;
}