/*   
Theme Name: OHMYSTINKINHECK.COM-2
Theme URI: http://ohmystinkinheck.com
Description: A custom design for Oh My Stinkin' Heck, all rights reserved.
Version: 1.0
Author: Heather L. Sanders
Author URI: http://ohmystinkinheck.com
Tags: Web Designer, WordPress Design, WordPress Customizations, Blog Design

*/

body{
	margin:0;
	color:#111;
	font:14px/20px Georgia, "Times New Roman", Times, serif;
	background:#000;
}

code { color: #11719c; font-family: Monaco, "Courier New", Courier, monospace; clear: both; }

pre { width: 500px; margin: 0 0 1.5em 0; overflow: auto; font-size: 12px; float: left; clear: right; }

* html pre { font-size: 12px; }
img{border-style:none;}

img.center-grey { background: #e5e5e5; display: block; padding: 5px; margin: 0 auto 0 auto; border: 1px solid #b2b2b2; float: none; clear: both; }

img.center-noborder { display: block; padding: 5px; margin: 0 auto 0 auto; border: 0px; float: none; clear: both; }

img.left { background: #e5e5e5; padding: 5px; margin: 0.5em 15px 0.5em 0; border: 1px solid #b2b2b2; float: left; clear: left; }

img.left-noborder { padding: 5px; margin: 0.5em 15px 0.5em 0; border: 0px; float: left; clear: left; }

a{text-decoration:underline; color:#f36523;}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.page{
	width:908px;
	margin:0 auto;
	position:relative;
}
#header{
	height:81px;
	background:url(../images/bg-header.gif) repeat-x 0 100%;
	width:900px;
	margin:0 0 0 8px;
	overflow:hidden;
}
.logo{
	float:left;
	width:229px;
	height:55px;
	margin:21px 0 0 51px;
}
.logo a{
	display:block;
	height:55px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
}
.menu{
	float:right;
	padding:0;
	margin:37px 0 0;
	list-style:none;
	font:18px/36px Arial, Helvetica, sans-serif;
}
.menu li{
	float:left;
}
.menu a{
	float:left;
	height:36px;
	font:18px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:36px;
	padding:0 26px;
	text-decoration:none;
}
.menu .active a,
.menu a:hover{
	background:#a0dd36;
	text-decoration:none;
}
.main{
	overflow:hidden;
	background:#fff url(../images/bg-main.gif) repeat-y;
	width:100%;
	padding:0 0 26px;
}
#content{
	width:514px;
	float:left;
	padding:0 0 0 38px;
	overflow:hidden;
}
.post{
	width:100%;
	border-top:1px solid #d5d5d5;
	margin:-1px 0 1px;
	padding:15px 0 10px;
}
.post .head-line{
	margin:0 0 0 -38px;
	width:550px;
}
.post .head-line strong{
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#999;
	text-transform:uppercase;
	padding:0 0 0 45px;
}
.post .head-line h2{
	padding:0 0 0 45px;
	font-size:30px;
	font-weight:normal;
	margin:0 0 6px 0;
	position:relative;
	line-height:38px;
	background:url(../images/big-arrow.gif) no-repeat;
}
.post .head-line h2 a {color:#111111;text-decoration:none;}
.post .first-image{
	display:block;
	border:7px solid #a0dd36;
}
.post .first-image img{
	display:block;
}

.post img.center-grey{ 
	display: block; 
	border: 1px solid #999999;  
}

.post img.center-grey{
	display:block;
}
.post .text{
	padding:18px 0 0 7px;
	word-spacing:2px;
}

.post .text img.center-noborder { display: block; padding: 5px; margin: 0 auto 0 auto; border: 0px; float: none; clear: both; }

.post .text a.more{
	white-space:nowrap;
	margin:0 0 0 7px;
	color:#f36523;
	padding:0 20px 0 0;
	background:url(../images/bg-more.gif) no-repeat 100% 6px;
	text-decoration:underline;
}
.post .text a.more:hover{
	text-decoration:none;
}
.post p{
	margin:0 0 19px;
}
.post p a{
	color:#f36523;
	text-decoration:underline;
}
.post p a:hover{
	text-decoration:none;
}
.post ul{
	margin:0 0 19px;
	padding:0 0 0 12px;
	list-style:none;
	line-height:24px;
}
.post ul li{
	padding:0 0 0 19px;
	background:url(../images/bullet.gif) no-repeat 0 6px;
}

.post ul li em{
	color:#111111;
}

.post ul li em.bold{
	color:#111111;
	font-weight:bold;
}

.post ul li em.red{
	color:#fb260a;
}

.post .polaroids{
	margin:0;
	padding:6px 0 0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.post .polaroids li{
	float:left;
	width:87px;
	margin:0 4px 0 0;
	display:inline;
	padding:10px 0 0 8px;
	height:100px;
	background:url(../images/bg-palaroids.gif) no-repeat;
}
.post .polaroids img{
	display:block;
}
.sidebar{
	float:right;
	width:324px;
	overflow:hidden;
}
.sidebar .art{
	width:100%;
}
.sidebar .art img{
	display:block;
}
.side-block{
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.side-block h2{
	height:39px;
	font:18px/39px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0 11px;
	text-transform:uppercase;
}
.side-block h2.orange{
	background:#f36523;
}
.side-block h2.grey{
	background:#808080;
}
.side-block h2.light-green{
	background:#a0dd36;
}
.side-block .inside{
	width:301px;
	padding:15px 0 0;
	overflow:hidden;
}
.side-block ul.nav{
	margin:0;
	padding:0 0 13px;
	list-style:none;
	line-height:18px;
	width:100%;
	overflow:hidden;
}
.side-block ul.nav li{
	width:100%;
	float:left;
	margin:0 0 5px;
}
.side-block ul.nav a{
	background:url(../images/black-arrow.gif) no-repeat 10px 5px;
	padding:0 0 0 48px;
	text-indent:-16px;
	display:block;
	color:#111;
	text-decoration:none;
}
.side-block ul.nav a:hover{
	color:#f36523;
	background:url(../images/bg-more.gif) no-repeat 10px 5px;
	text-decoration:underline;
}
.side-block .note{
	padding:0 0 0 10px;
	font:12px/18px Arial, Helvetica, sans-serif;
}
.side-block .note p{
	margin:0 0 10px;
}
.side-block .note p a{
	color:#f36523;
	text-decoration:underline;
}
.side-block .note p a:hover{
	text-decoration:none;
}
.side-block .banner{
	width:100%;
}
.side-block .banner img{
	display:block;
	margin:0 0 6px;
}
.side-block .banner p{
	margin:0 0 15px;
	font:12px/18px Arial, Helvetica, sans-serif;
}
.side-block .banner p a{
	color:#fb260a;
	text-decoration:underline;
}
.side-block .banner p a:hover{
	text-decoration:none;
}
.side-block ul.sponsored{
	padding:0;
	margin:0;
	list-style:none;
	line-height:18px;
}
.side-block ul.sponsored li{
	background:url(../images/black-arrow.gif) no-repeat 10px 5px;
	padding:0 0 0 32px;
	margin: 0 0 8px;
	display:block;
	color:#111;
	text-decoration:none;
}
.side-block ul.sponsored a{
	color:#f36523;
	text-decoration:underline;
}
.side-block ul.sponsored a:hover{
	text-decoration:none;	
	
}
#footer{
	width:862px;
	margin:0 0 0 46px;
	color:#fff;
	font:14px/24px Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding:19px 0 24px;
}
#footer p{
	margin:0;
}
#footer ul{
	margin:0 0 0 -10px;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden
}
#footer ul li{
	float:left;
	padding:0 11px 0 12px;
	background:url(../images/footer-split.gif) no-repeat left;
}
#footer ul a{
	color:#fff;
	text-decoration:none;
}
#footer ul .active a,
#footer ul a:hover{
	color:#a0dd36;
}
/*inner page - about*/
.post .text h3{
	margin:0 0 16px;
	font:18px/20px Arial, Helvetica, sans-serif;
}

.post .text p em{
	color:#111111;
}

.post .text p em.bold{
	color:#111111;
	font-weight:bold;
}

.post .text p em.red{
	color:#fb260a;
}

.post .text p em.grey, .post .text p em.grey a{
	color:#999999;
}

/*inner4 page - portfolio*/
.portfolio{
	border:solid #d5d5d5;
	border-width:1px 0 0 0;
	margin:-1px 0 1px;
	overflow:hidden;
	width:100%;
	padding:19px 0 4px;
}
.portfolio .illustration{
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	margin:0 0 0 1px;
	width:158px;
	overflow:hidden;
}
.portfolio .illustration li{
	width:155px;
	height:160px;
	background:url(../images/shadow.gif) no-repeat;
	padding:0 0 0 3px;
	margin:0 0 9px;
	float:left;
	width:100%;
}
.portfolio .illustration img{
	display:block;
}
.portfolio .description{
	width:345px;
	float:right;
}
.portfolio .description h4{
	color:#f36523;
	font:14px/20px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	text-transform:uppercase;
}
.portfolio .description ul{
	margin:0 0 19px;
	padding:0;
	list-style:none;
	line-height:20px;
}
.portfolio .description ul li{
	padding:0;
	background:none;
}
/*inner5 page - comments*/
.comments-area{
	border-top:1px solid #d5d5d5;
	padding:15px 0 10px;
	width:514px;
}
.comments{
	padding:0 47px 0 0;
	height:1%;
}
.comments h3{
	font-size:24px;
	position:relative;
	z-index:5;
	margin:0 0 -6px 15px;
	font-weight:normal;
}
.comments h3.omsh{
	margin-left:9px;
	padding:0 0 0 24px;
	background:url(../images/bg-omsh.gif) no-repeat left;
}
.comments p{
	margin:0 0 10px;
}
.comments .grey-comment,
.comments .white-comment{
	margin:17px 0 0;
	height:1%;
	overflow:hidden;
}
.comments .grey-comment div{
	background:#ebebeb;
	padding:13px 10px 0 13px;
	height:1%;
	overflow:hidden;
	margin:0 0 7px;
}
.comments .white-comment div{
	background:#fff;
	padding:13px 10px 0 13px;
	height:1%;
	overflow:hidden;
	margin:0 0 7px;
}
.add-comment{
	border-top:1px solid #d5d5d5;
	padding:15px 0 10px;
	height:1%;
}
.comment-form{
	width:491px;
	overflow:hidden;
}
.comment-form .form-item{
	width:100%;
	overflow:hidden;
	margin:10px 0 0;
}
.comment-form label{
	float:left;
	font-size:24px;
	width:88px;
	line-height:28px;
}
.comment-form label.com{
	width:100%;
}
.comment-form .txt{
	float:left;
	height:28px;
	width:313px;
	height:28px;
	background:url(../images/bg-txt.gif) no-repeat;
	overflow:hidden;
}
.comment-form .txt input{
	width:287px;
	padding:8px 13px 0;
	height:20px;
	border:0;
	background:none;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#111;
}
.comment-form .area{
	width:491px;
	height:152px;
	background:url(../images/bg-textarea.gif) no-repeat;
	float:left;
}
.comment-form .area textarea{
	width:465px;
	height:144px;
	padding:8px 13px 0;
	border:0;
	background:none;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#111;
	overflow:auto;
}
.comment-form .submit{
	font:18px Arial, Helvetica, sans-serif;
	color:#fff;
	width:119px;
	height:43px;
	padding:0;
	background:url(../images/bg-submit.gif) no-repeat;
	border:none;
	margin:16px 0 0 35px;
	cursor:pointer;
}
.subscribe-to-comments label {float:none;font-size:14px;width:auto;}
.none {border:0;}