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

/*=== Setup ===*/
*{border: 0;margin: 0;padding: 0; outline: none}
html{height: 100%}
body{background: #664C36; color: #DDD2C3; font: 14px/1.4 "Century Gothic", Helvetica, Arial, sans-serif; height:100%}
p{padding: 0 0 10px}
a {color: #ED3469;text-decoration: none; }
a:hover {color: #D7EF6F;}
a:active, a:focus {outline: none}
.fade img{opacity: 0.92; -moz-opacity: 0.92; filter: alpha(opacity=92)}
.shadowbox img {opacity: 0.92; -moz-opacity: 0.92; filter: alpha(opacity=92)}
img.alignleft, .alignleft img {margin: 0 10px 10px 0}
img.alignright, .alignright img {margin: 0 0 10px 10px}
img.avatar {}
.post img {}
input,select,textarea{font: normal 1em  Helvetica, Arial, sans-serif;padding: 2px;}
input[type=submit] {cursor: pointer; background: #ED3469; color: #fff}
select{padding: 0}
.row {clear: both; overflow: hidden; width: 100%}
ul li{list-style: none}
h1, h2, h3{font-weight: normal;}
h1{font-size: 32px; margin: 0 0 15px; text-transform: uppercase }
h1.huge {font-size: 64px}
h2{font-size: 28px; font-style:italic; font-family: georgia, serif; margin: 0 0 12px; }
h3 {font-size: 20px; margin: 0 0 10px; text-transform: uppercase }
h4 {font: italic 12px georgia, serif; font-weight: normal; margin: 0 0 10px; }
/*=== Layout ===*/
#wrap {width: 1143px; margin: 0 auto 0;position: relative; z-index: 1;}


/*=== Header ===*/
#header{}
#logo{margin: 0; height: 41px; width: 347px; text-indent: -999px;}
#logo a {height: 41px; width: 347px; display: block; background: url(images/logo.png) no-repeat 0 0; }
#logo a:hover {background-position: 0 -41px}
#tagline {color: #281B0B; font-size: 18px}
/*main nav*/
	#mainmenu {padding: 25px 0 0; float: left; width: 370px; overflow: hidden}
	#mainmenu ul {width: 1000px}
	#mainmenu li {font-size: 32px; text-transform: uppercase; line-height: 32px; background-image: url(images/menu.png); background-repeat: no-repeat; margin-bottom: 10px; overflow: hidden}
		#mainmenu li a {color: #281B0B; padding: 0 8px 0 70px; line-height: 32px; background: url(images/point.png) no-repeat 100% -100px; display: block; float:left; height: 70px; line-height: 70px}
		#mainmenu li.current-menu-item a, #mainmenu li.current-menu-parent a {color: #ED3469}
		#mainmenu .node {width: 300px; height:70px; float: left; margin: 0 0 0 7px}
		#mainmenu li.current-menu-item .node, #mainmenu li.current-menu-parent .node {background: url(images/node-menu.png) no-repeat 0 center}
		#mainmenu li a:hover {color: #D7EF6F; background-position: 100% center}

		#menu-item-17 {background-position: 0 0}
			#menu-item-17.hover {background-position: 0 -70px}

		#menu-item-15 {margin-left:15px; background-position: 0 -140px}
			#menu-item-15.hover {background-position: 0 -210px}

		#menu-item-14 {margin-left:30px;background-position: 0 -280px}
			#menu-item-14.hover {background-position: 0 -350px}

		#menu-item-683 {margin-left:45px; background-position: 0 -420px}
			#menu-item-683.hover {background-position: 0 -490px}
		
		#menu-item-18 {margin-left:60px; background-position: 0 -560px}
			#menu-item-18.hover {background-position: 0 -630px}

		#menu-item-16 {margin-left:75px; background-position: 0 -700px}
			#menu-item-16.hover {background-position: 0 -770px}

#search {width:195px;height: 24px; margin: 5px 5px 0 5px; float: right;background: url(images/bg_search.png) no-repeat 0 0}
	#search #s {width: 150px; font-size:  90%; background: none; padding: 4px; font-style: italic}	
#search #searchsubmit {background: none; position: absolute; top: 0; right: 3px; height: 18px; width: 18px; border: 0; cursor: pointer }

/*=== Main column ===*/
#main{float: left; width: 430px; padding: 0 0 0 43px; margin: 100px 0 0; border-left: 1px #3A2C19 solid; }
#main.sansfrontieres {border: none; width}
#main-content {}
.blogpost {padding: 10px 0; margin: 0; clear:both; border-bottom: 1px #3A2C19 dashed; overflow:hidden }
.polaroid {float: left; padding: 2%; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); border: 1px #3A2C19 solid; background: #DDD2C3; margin: 7px}
	.polaroid .timestamp {font: 70% "Courier New", Courier, monospace; text-transform: uppercase; color: #4c4c4c; display: block; text-align: center}
	.polaroid img {border: 1px #CCBEB0 solid}
	.photo-label {color: #281B0B; font-size: 24px; margin: 2% 0 0}
	.polaroid.large {margin: 0 0 43px;}

.blogpost .polaroid {margin: 10px}
.blogpost .date {-moz-transform:rotate(-10deg);-webkit-transform: rotate(-10deg);
background:url("images/datestamp.png") no-repeat scroll 0 0 transparent;
color:#F73CAB;
float:right;
font:70%/1 "Courier New",Courier,monospace;
margin:0 0 0 10px;
padding:15px;
text-align:center;
text-transform:uppercase;
width:30px;
}
h1.vert {width: 50px; font-size: 64px; float: left; line-height:1; text-align: center; margin-right: 43px; display: inline}
.post {clear: both;}
.post p, .post ul, .post ol {padding: 0 0 10px}
.post ol {margin: 0 0 0 20px}
.post ul{margin: 0 0 0 12px}
.post p, .blogpost p {text-align: justify}
.post p a, .post li a {font-weight: bold}
.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}
p.large {font: italic 18px/1.5 Georgia, "Times New Roman", Times, serif}

.wp-caption, .wp-caption.aligncenter {margin-bottom: 10px;background: #F9EBD7; border: 1px #ccc solid; padding: 5px 0; }
		.wp-caption img {margin: 0 auto; display: block}
		.wp-caption .wp-caption-text {font: 85% "Courier New", Courier, monospace; padding: 4px; text-align: center; color: #434343}
		.wp-caption.alignright {margin: 0 0 10px 10px}
		.wp-caption.alignleft {margin: 0  10px 10px 0}

.postmeta{color: #aaa;font-size: 70%; 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 #aaa 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.8; -moz-opacity: 0.8; filter: alpha(opacity=80)}

.blogpost .posted {float: right; color: #aaa;font-size: 70%;}


.edit {float:right; font-size: 70%; position: absolute; top: 5px; right: 0}	
.more {float: right;  margin: 10px 0; color: #D7EF6F; font-size: 70%}
.more:hover {color: #ED3469;}
.previous-next {text-transform:uppercase; margin: 5px 0 0}
	.previous-next a:hover {}

/*=== sidebar == */

#sidebar{float: left; padding: 100px 0 0 0}
.widget { width: 230px; padding: 0 0 20px 40px; margin: 0 25px 0 0; background: url(images/node-widget.png) no-repeat 0 13px}
.widget:last-child {background: url(images/node-widget-last.png) no-repeat 0 0}

.widget-title {color: #281B0B;}
	.widget-title a {color: #281B0B;}
	#sidebar .widget ul{margin: 0; padding:0 30px 0 0 }
		.widget ul li{margin: 0 0 10px; overflow: hidden; }
		.widget ul li:last-child {margin: 0}
		.widget ul li a {}
		.widget .current_page_item a {}
		.widget ul li a:hover {}
		.widget ul ul {padding: 10px 0 0}
			.widget ul ul li {}
			.widget ul ul li a {padding: 0 0 0 20px}
			.textwidget a {font-weight: bold}
			
		.widget .more-news a, .widget .follow-me a {}
.widget_twitter .entry-meta {display: block; font-size: 70%; color: #ccc; padding: 5px 0}
.widget .date {font: 70% "Courier New", Courier, monospace; text-transform: uppercase; color: #F73CAB; width:30px; padding: 15px; background: url(images/datestamp.png) no-repeat 0 0; float: left; margin: 0 10px 0 0; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); text-align: center; line-height:1}
.mc-field-group {margin: 0 0 15px}

#bottom-widgets {width: 940px; margin: 0 auto}
#bottom-widgets .widget {float: left; width: 31.3%; margin: 0 1%}

/*=== Footer ===*/
#copyright{font-size: 70%; color: #ccc; padding: 0 15px; text-align: right; margin:0 0 20px; position: fixed; bottom: 200px; right:-200px;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}
	#footer a {color: #fff }
	
/*=== 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 #3A2C19 dashed; padding: 12px 12px 12px 0}
textarea#comment {width: 440px; margin: 0 0 10px}
.post-a-comment {float: right}
div#comments li {list-style: none}
#comments a {}
.respond {width: 100%; margin: 0 0 0 12px}
	#comments p{margin-bottom:10px;padding:0!important;}

.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 #3A2C19 dashed;}
ol.commentlist li.alt{}

input#submit {display: block; cursor: pointer; padding: 10px 20px; font-weight: bold; margin: 10px 0 0}

input#submit:hover {background: #ddd;}
input#submit:focus {background: #bbb; outline: none!important; border: none!important}


ol.commentlist .comment-meta{font-size:10px; float: right; color: #aaa}	
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}

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