/*  
Theme Name: Dusty's Bistro
Author: Postmodern Sublime
Author URI: http://www.postmodernsublime.com/
*/

/*=== Setup ===*/
*{border: 0;margin: 0;padding: 0; outline: none}
html{height: 100%}
body{background: #86ae8a url(images/bg_body.jpg) repeat-y center 0 ; color: #5c372c; font: 13px/1.4 Helvetica, Arial, sans-serif; height:100%}
p{padding: 0 0 12px}
a {color: #9d3c3c;text-decoration: none}
a:hover {color: #5c372c}
a:active, a:focus {outline: none}
.fade img{float: left; -moz-box-shadow: 0 2px 4px #666; -webkit-box-shadow: 0 2px 4px #666; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85); padding: 2px; background: #faf9eb}
#main .shadowbox img {-moz-box-shadow: 0 2px 4px #666; -webkit-box-shadow: 0 2px 4px #666; 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 {}
img.avatar {-moz-box-shadow: 0 2px 4px #666; -webkit-box-shadow: 0 2px 4px #666}
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-family: Georgia, serif;}
h1{font-size: 24px; margin: 0 0 15px; }
h2{font-size: 18px; margin: 0 0 12px; }
h2.gradient {background:#9d3c3c url(images/gradient.png) repeat-x 0 0; color:#fff; padding: 5px 7px}
h3 {font-size: 18px; margin: 0 0 10px; }
h4 {margin: 0 0 7px}
/*=== Layout ===*/
#wrap {width: 900px; overflow: hidden; margin: 0 auto; position: relative; z-index:1;}
#page {position: relative; z-index: 1}

/*=== Header ===*/
#header{position:relative;z-index: 2;}
/*- Logo -*/
#header #logo{text-indent: -999px; background: url(images/logo.png) no-repeat 0 0; height:105px; width: 272px; margin: 10px }
#header #logo a{height: 105px; width: 272px; display: block}
#banner {float: right; width:600px}
	#banner .widget {float: right; padding: 10px; display: inline}
/*main nav*/
	#mainmenu {background: #9d3c3c url(images/gradient.png) repeat-x 0 0; height: 37px}
	#mainmenu ul {}
	#mainmenu li {font-family: Georgia, serif; float: left; font-size: 14px; text-transform: lowercase; position: relative; z-index:3}
	
		#mainmenu li a {line-height: 37px; height: 37px; padding: 0 15px; display: block; color: #ffffff; white-space:nowrap; font-weight: bold}
		#mainmenu li a:hover, #mainmenu li.hover a {background: #5c372c}
		#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 {}		
		#mainmenu li ul {position: absolute; left: -999em; z-index: 4; background: #fff; width: 175px; opacity: 0.95; filter:alpha(opacity=95); border-style: solid; border-width: 0 1px; border-color: #ccc #ddd}	
			#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; border-bottom: 1px #ccc solid}
					#mainmenu li li	a, #mainmenu li.hover li a {color: #36221C; background: none; padding: 5px 14px; line-height:normal; height: auto}	
					#mainmenu li li	a:hover {background: #eee; color: #36221c}	
	
a.faceyspace {float: right; height: 25px; width: 25px; display: block; margin:7px 3px 0 0; opacity: 0.8; filter: alpha(opacity=60)}
	a.faceyspace:hover, a:hover.faceyspace {opacity: 1.0; filter: alpha(opacity=100)}
	a#myspace {background: url(images/logo-myspace.png) no-repeat 0 0;}
	a#twitter {background: url(images/logo-twitter.png) no-repeat 0 0;}
	a#facebook {background: url(images/logo-facebook.png) no-repeat 0 0;}	

/*home page zones*/
#home-news .news-item {width: 48%; float: left; margin: 0 2% 15px 0; overflow: hidden; border-bottom: 1px #ccc dotted; padding: 0 0 5px 0}
.subpage {float: left; width: 31.3%; margin: 0 1% 10px; position: relative; z-index:2}
	.subpage img {position: relative; z-index: 2}
	.subpage .antitheft {position: absolute; z-index:3}
		.subpage h2 {color: #fff; opacity: 0.95; filter: alpha(opacity=95); position: absolute; z-index:3; bottom: 5px; right: 5px; font-size: 20px; text-transform: lowercase; margin: 0}
		.subpage h2 a {color: #fff}
.home-menus {overflow: hidden; padding: 0 20px}

/*=== Main column ===*/
#content{overflow: hidden; background: url(images/bg_main.png) repeat-y 0 0;}
.banner-image {position: relative; z-index:2; height:200px; width:650px}
	.banner-image img {position: absolute; z-index:2}
	.banner-image .antitheft {position: absolute; z-index:3; height: 200px; width: 650px}
	.banner-image h1 {color: #fff; opacity: 0.92; filter: alpha(opacity=92); position: absolute; z-index: 3; bottom: 10px; right: 20px; font-size: 60px; text-transform: lowercase; margin: 0}
#main{float: right; width: 650px;}
.main-content {padding: 20px}
	.wp-caption, .wp-caption.aligncenter {margin-bottom: 10px; background: #F9F2E8; border: 1px #ccc solid; padding: 5px 0; -moz-box-shadow: 0 2px 4px #ccc; -webkit-box-shadow: 0 2px 4px #ccc;}
		.wp-caption img {margin: 0 auto; display: block}
		.wp-caption .wp-caption-text {font: italic 90% Georgia, serif; 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 dotted #ccc; 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}

.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 dotted #ccc}
	.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%;}
		
.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:capitalize;font: italic bold 100% Georgia, serif; color:#2ea437}
.more:hover {color: #59c161}
.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: 250px; float: left; }
#sidebar-content {padding: 15px}
#sidebar .widget {margin: 0 0 10px 0; padding: 0 0 10px; overflow:hidden; border-bottom: 3px #9d3c3c dotted}


.widget-title {color: #5c372c; text-transform: lowercase}
	.widget-title a {color:#5C372C}
	.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 {}
		.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 {}
.upcoming_events .date, .daily-specials .date {font-weight: bold; display: block}
.daily-specials .date {margin: 0 0 7px}
.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: #b2b2b2; padding: 20px; clear:both; text-align:right}
	#footer a {color: #b2b2b2 }
	
/*=== 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 dotted #ccc; padding: 12px 12px 12px 0}
textarea#comment {width: 440px; border: 1px #ccc dotted}
.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 2px 4px #666; -webkit-box-shadow: 0 2px 4px #666; 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 #666; -webkit-box-shadow: 0 2px 4px #666; 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}