/*  
Theme Name: Soooo Butch
Author: Postmodern Sublime
Author URI: http://www.postmodernsublime.com/
*/

/*=== Setup ===*/
#test {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); position: absolute}
*{border: 0;margin: 0;padding: 0; outline: none}
html{height: 100%}
body{background: #3d4236 url(images/bg_tile.png); color: #fff; font: 12px/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif; height:100%}
p{padding: 0 0 12px}
a {color: #ffd800;text-decoration: none}
a:hover {color: #eaeaea}
a:active, a:focus {outline: none}
.fade img{float: left; -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85)}
#main .shadowbox img {-moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75)}
img.alignleft {margin: 0 15px 10px 0}
img.alignright {margin: 0 0 10px 15px}
img.thumb {padding: 2px; background: #fff}
img.avatar {-moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a}
input,select,textarea{font: normal 1em  "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 2px;}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{font-weight: normal; font-family: Georgia, serif;}
h1{font-size: 24px; margin: 0 0 15px; }
h2{font-size: 18px; margin: 0 0 12px; }
h3 {font-size: 16px; margin: 0 0 10px; }
h1, h2, h3 {color: #ffd800;}
.clear {clear: both; width: 100%; height: 1px}
/*=== Layout ===*/
#wrap {width: 1000px; overflow: hidden; margin: 0 auto; position: relative; z-index:1; background: url(images/bg_body.png) repeat-y center 0;}
#page {position: relative; z-index: 1}

/*=== Header ===*/
#header{position:relative; height: 300px;z-index: 2; margin: 0 0 15px;}
/*- Logo -*/
#header #logo{top: 10px; left: 30px; height: 237px; width: 237px; text-indent: -999px; background: url(images/logo.png) no-repeat 0 0; position: absolute; z-index: 2}
#header #logo a{height: 237px; width: 237px; display: block}
/*main nav*/
	#mainmenu {background: url(images/bg_menu.png) no-repeat 0 0; height: 48px; width: 920px; position:absolute; top: 255px; left:40px; z-index: 3}
	#mainmenu ul {}
	#mainmenu li {font-family: Georgia, serif; float: left; font-size: 13px; text-transform: uppercase; z-index: 9; border-right: 1px #222 solid; position: relative; z-index:3}
	
		#mainmenu li a {padding: 14px 12px 15px; display: block; color: #ffffff; white-space:nowrap;}
		#mainmenu li a:hover, #mainmenu li.hover a {color: #ffd800}
		#mainmenu .current_page_item, #mainmenu .current_page_parent, #mainmenu .current-cat {background-position: 0 0}
		#mainmenu .current_page_item a, #mainmenu .current_page_parent a, #mainmenu .current-cat a {color: #ffd800}		
		#mainmenu li ul {position: absolute; left: -999em; z-index: 4; background: #fff; width: 175px; opacity: 0.95; filter:alpha(opacity=95); border: 1px #36221c solid}	
			#mainmenu li.hover ul, #mainmenu li:hover ul/*, #mainmenu .current_page_item ul, #mainmenu .current_page_parent ul*/ {left: auto}
				#mainmenu li li {font-size: 12px; font-weight: bold; float: none; border-right: none; text-transform: none; border-bottom: 1px #36221C solid}
					#mainmenu li li	a, #mainmenu li.hover li a {color: #36221C; padding: 5px 15px;}	
					#mainmenu li li	a:hover {background: #eee; color: #36221c}	
		
/*front page promos*/
#promo-wrap {position: absolute; height: 451px; width: 667px; top:-75px; right: 0px; z-index: 1; -webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);}
#promo {position: absolute; z-index: 1; height: 360px; width: 585px; top: 51px; left: 42px; background: #000}
div.panel, div.panel img {}
div.panel {background-position: 0 0; background-repeat: no-repeat; }
#promo .ui-tabs-panel{width:585px; height:360px; position:absolute; top: 0; left: 0;}
#promo .ui-tabs-hide {display: none}
#promo .features-link {display: block; height: 100%; width: 100%}
.panel-overlay{position: absolute; width: 100%; bottom: 100px; left: 0; background: url(images/bg_main.png)}
#promo h2 a {display: block; letter-spacing: 0.1em}
#promo p a {color: #fff; letter-spacing: 0.1em}
.slidetext {padding: 10px}

.promo_frame {position: absolute; z-index: 2}
#promo_frame_top {background: url(images/promo_frame_top.png) no-repeat 0 0; height: 89px; width: 667px; top: 0; ; left: 0}
#promo_frame_right {background: url(images/promo_frame_right.png) no-repeat 0 0; height: 364px; width: 46px; top: 88px; right: 0}
#promo_frame_bottom {background: url(images/promo_frame_bottom.png) no-repeat 0 0; height: 117px; width: 621px; bottom: 0; right: 46px}
#promo_frame_left {background: url(images/promo_frame_left.png) no-repeat 0 0; height: 247px; width:49px; top: 88px; left: 0}

/*home page news*/

#home-news .news-item {width: 48%; float: left; padding: 0 2% 0 0; margin: 0 0 15px; overflow: hidden}

/*=== Main column ===*/
#content{overflow: hidden; background: url(images/bg_main.png); -moz-border-radius: 12px; -webkit-border-radius: 12px; margin: 0 40px; padding: 15px; position: relative; z-index:2}
#main{float: right; width: 550px; margin: 0 100px 0 0}
	.wp-caption, .wp-caption.aligncenter {margin-bottom: 10px; background: #eee; border: 1px #1a1a1a solid; padding: 5px 0; -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a;}
		.wp-caption img {margin: 0 auto; display: block}
		.wp-caption .wp-caption-text {font-size: 80%; color: #444; padding: 4px; text-align: center}
		.wp-caption.alignright {margin: 0 0 10px 10px}
		.wp-caption.alignleft {margin: 0  10px 10px 0}
/*=== Post ===*/
.blogpost {padding: 10px 0; margin: 0; clear:both; border-bottom: 1px #36221c solid; overflow:hidden }
.blogpost .preview-image {margin: 0 15px 0 3px}
.post {clear: both;}
.post p, .post li, .blogpost p {}
.post-content p {padding: 0 0 10px}
.post-content p a, .post-content li a {font-weight: bold}
.post p, .post ul, .post ol {padding: 0 0 12px}
p.large {font: italic 18px/1.5 Georgia, "Times New Roman", Times, serif}
.post ol {margin: 0 0 0 20px}
.post ul{margin: 0 0 0 12px}
.embed-wrap {margin: 0 auto 10px; width:640px;  -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; padding: 5px; background: #4c4c4c}
	.embed-wrap embed {}
.postmeta{color: #999;font-size: 85%; padding: 0 0 12px; display:block; height: 16px}
	.postmeta div {float:left; line-height: 12px; padding: 0 5px 0 0; margin: 0 5px 0 0}
	.postmeta .time, .postmeta .comment {border-right: 1px #36221c solid}
	.sociable {}
	.sociable ul {margin: 0!important; float: left}
	.sociable ul li {float: left; margin: 0 4px 0 0!important; height: 16px; width: 16px; overflow: hidden; list-style: none!important}
		.sociable li img {opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90)}
.blogpost .posted {float: right; color: #999;font-size: 85%;}
		#TB_ajaxContent {padding: 0 !important; overflow: visible !important}
		#TB_window {color: #36221c!important;font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-variant: small-caps!important; background: #222!important; border: none!important }
		#TB_title {background: #222 !important; }
		#TB_ajaxContent .tb-video-more a {color: #fff}
.post ul li ul, .post ol li ol{margin-bottom:0px;}
.post ul li {list-style:disc outside;margin: 7px;}
.post ul li ul li {list-style:disc outside;}
.post ol li {list-style:decimal outside }
.post ol li ol li {list-style:decimal-leading-zero outside}
.edit {float:right; font-size: 85%}	
.more {float: right; text-transform:lowercase;}
.previous-next {text-transform:uppercase; margin: 5px 0 0}
	.previous-next a:hover {color: #fff}

/*=== sidebar == */
#search {position: absolute; top: 15px; right: 12px; width:186px;height: 22px; background: url(images/bg_search.png) no-repeat 0 0}
	#search #s {width: 171px; font-size:  90%; background: none; padding: 2px 4px}	
#search #searchsubmit {background: none;position: absolute; top: 3px; right: 3px; height: 12px; width: 12px; border: 0;cursor: pointer }

#sidebar{width: 220px; float: left; font-family: Georgia, serif;}
#sidebar .widget {margin: 0 0 10px 0; padding: 10px 10px 15px; overflow:hidden; background: url(images/chalkline.png) no-repeat center 100%}
#frame {border-color:#784F1C #764D1B #6F451A; border-width:1px; border-style: solid; padding: 8px; background: url(images/bg_frame.jpg) }
#chalkboard {background: #1a1a1a; border: 1px #000 solid}

.widget-title {text-align: center; color: #fff}
	.widget-title a {color: #fff}
	.widget ul{margin: 0; padding:0; }
		.widget ul li{margin: 0; padding: 5px 0px; overflow:hidden;}
		.widget ul li:last-child {}
		.widget ul li a {font-size: 110%}
		.widget ul li a:hover {}
		.widget .more-news a, .widget .follow-me a {}
.widget_twitter .entry-meta {display: block; font-size: 85%; color: #ccc; padding: 5px 0}
.daily-specials {text-align: center}
.upcoming_events .date, .daily-specials .date {color: #bbb; font: 85% "Helvetica Neue", Helvetica, Arial, sans-serif; display: block}
.widget span.title {}

#email-value {width: 140px; margin: 0 2px 7px 0}
#email-subscribe {background: #e14222; color: #fff; text-transform: uppercase; cursor: pointer; padding: 1px 3px;}

ul.specials {font-size: 18px; text-align: center}

#social {padding: 10px; overflow: hidden}
	#social a {float:left; display: block; background-image: url(images/social.png); background-repeat: no-repeat; margin: 0 4px; opacity: 0.85; filter: alpha(opacity=85); height: 32px; width: 32px}
		#social #facebook {background-position: 0 0;}
		#social #twitter {background-position: -32px 0; }
		#social #youtube {background-position: -128px 0; }
		#social #flickr {background-position: -64px 0; }
		#social #rss {background-position: -160px 0; }

#photos-right {position: absolute; right: 0px; top:300px; width: 130px; z-index: 4}

/*=== Footer ===*/
#footer{font-size: 85%; color: #ccc; margin: 20px 40px;}
	#footer a {color: #ccc }
	
/*=== Misc. ===*/
.th{float: left; margin: 0 7px 0 0}
.image-wrap {float:left; margin: 0 15px 15px 0}
.fl{float: left;}
.fr{float: right;}
.gravatar {float:left;border: 1px solid #ccc;margin-right: 7px;}
/*========= COMMENTS =========*/
div#comments {clear: both; border-top: 1px #36221c solid; padding: 12px 12px 12px 0}
textarea#comment {width: 440px}
.post-a-comment {float: right}
div#comments li {list-style: none}
#comments a {}
.respond {width: 100%; margin: 0 0 0 12px}
	.respond p{margin-bottom:10px;padding:0!important;}
.respond input {-moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 5px 10px #555555; -webkit-box-shadow: 0 5px 10px #555555; padding: 3px 5px}
.cancel-comment-reply {display: none}
.fldrequired{
background-image: url(images/bg-required-field.png)!important; background-repeat: no-repeat !important; background-position: 100% 0!important}

ol.commentlist{margin: 10px 0 0;padding: 0;list-style: none;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px; border-top:1px solid #36221c;}
ol.commentlist li.alt{}

input#submit {display: block; -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; background: #ccc; cursor: pointer}

input#submit:hover {-moz-box-shadow: 0 2px 4px #000; -webkit-box-shadow: 0 2px 4px #000; background: #ddd;}
input#submit:focus {-moz-box-shadow: 0 2px 4px #000; -webkit-box-shadow: 0 2px 4px #000; background: #bbb; outline: none!important; border: none!important}

ol.commentlist .comment-meta{font-size:10px; float: right; color: #36221c}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px; padding: 0}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #892e06; font-style: italic; padding: 0 0 5px}
.post-alt p {padding:0;}

.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter {display: block; margin: 0 auto 12px; text-align: center}
.navigation {overflow: hidden; clear:both}
/*Scrollbar */
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}

.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;	background: #36221c;}
.jScrollPaneDrag {position: absolute;background: #4c4c4c;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading #mainmenu li{
  visibility: hidden !important;}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png);}
#sb-nav-next{background-image:url(images/next.png);}
#sb-nav-previous{background-image:url(images/previous.png);}
#sb-nav-play{background-image:url(images/play.png);}
#sb-nav-pause{background-image:url(images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}