/******************************************************************
Theme Name: SimploBlack
Theme URI: http://www.s5themes.com/theme/simploblack/
Description: SimploBlack - Check <a href="http://www.s5themes.com/documentation/simploblack/">SimploBlack Documentation</a> in case you need directions or get support from <a href="http://www.s5themes.com/forums/">Forum</a>.
Author: Site5.com
Author URI: http://gk.site5.com/t/544
Version: 1.0

License: GPL
License URI: http://www.gnu.org/copyleft/gpl.html
******************************************************************/
/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#777;
	line-height:135%;
}

ul {
	list-style:none;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
        color:#FF7343;
}

a:focus {
	outline:none;
}

p {
	margin:1.5em 0;
}

h1, h2, h3 {
	letter-spacing:-1px;
	line-height:100%;
	padding-bottom:15px;
	color:#999;
}

h1 {
	font-weight:normal;
}

h1 a:hover {
	text-decoration:none;
	color:#333;
}

h2 {
	font-size:20px;
	padding-top:10px;
	font-weight:normal;
}

h3 {
	font-size:18px;
	padding-top:10px;
}

h1 {
	font-size:28px;
	letter-spacing:-1px;
	line-height:100%;
	font-weight:normal;
	font-family:Stencil;
	
	padding-bottom:5px;
}

h2.h2comments {
	display:block;
	background:url(images/bk_dotted_horiz.png) 0 100% repeat-x;
	margin-bottom:2px;
}

blockquote {
	padding-left:30px;
	margin:0 0 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border-top:1px dotted #222;
	border-bottom:1px dotted #222;
}

#content #colLeft ul li, #content #colLeft ol li  {
	padding:5px 0 5px 15px;
	background:url(images/bullet_list.png) 0 11px no-repeat;
}

#content #colLeft ul {
	margin:0 0 15px 15px;
}

#content #colLeft ol li {
	background:none;
	padding-left:0;
}

#content #colLeft ol {
	margin:0 0 15px 35px;
}


 /* LAYOUT STRUCTURE
--------------------------------------------------*/

#mainWrapper {
	width:980px;
	background:url(images/bk_main_wrapper.png);
	margin:30px auto 0;
	overflow:hidden;
}

#wrapper {
	width:906px;
	margin:10px;
	/*background:#000 url(images/bk_wrapper.png) 100% 0 no-repeat;*/
	background:url(images/bk_content.jpg);
	overflow:hidden;
	padding:0 27px 27px;
}

#header {
	position:relative;
	background:url(images/bk_header.png) 50% 0 no-repeat;
	height:137px;
}

#content {
	overflow:hidden;
	margin-top:30px;
	padding-top:10px;
}

#content.twocols {
	
}


#colLeft {
	float:left;
	width:900px;
	padding-right:25px;
}

#colRight {
	float:left;
	width:255px;
	padding-left:25px;
}

#footer {
	width:960px;
	margin:25px auto;
	padding:0 27px 25px;
}	


/* HEADER ELEMENTS
-----------------------------------*/

/* -- logo --*/
#logo {
	position:absolute;
	top:37px;
	left:0;
	color:#999;
	font-size:11px;
}

#logo a img{
	border:none;
	vertical-align:middle;
	margin-right:15px;
}

/* TOP SOCIAL */

#topSocial {
	position:absolute;
	right:0;
	top:52px;
	font-size:11px;
	color:#999;
}

#topSocial a img {
	border:none;
	vertical-align:middle;
	margin-left:10px;
}

/* TOP MENU */

#topMenu {
	background:url(images/bk_dotted_horiz_dbl.png) 0 100% repeat-x;
	height:27px;
	padding:0 0 17px;
}

#topMenu ul {
	display:block;
	background:url(images/bk_dotted_horiz.png) 0 0 repeat-x;
	height:10px;

}


#topMenu ul li{
	float:left;
	padding-right:20px;
		padding-top:13px;
}

#topMenu ul li a {
	display:block;
	padding-left:11px;
	text-transform:uppercase;
	color:#fff;
	padding-bottom:17px;
}

#topMenu ul li a:hover{
	color:#00A5FF;
	text-decoration:none;
}

/* COLLEFT ELEMENTS
-----------------------------------*/

#archive-title {
	padding:0 0 9px;
	margin:0 0 20px;
	display:block;
	/*background:url(images/ico_archive.png) 2px 50% no-repeat;*/
	border-bottom:1px solid #555;
}

.postItem {
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(images/bk_dotted_horiz.png) 0 100% repeat-x;
}

.postItem a img {
	border:none;
}

.postItem .meta {
	font-size:10px;
	color:#999;
	padding-bottom:7px;
	overflow:hidden;
}

.postItem .meta div {
	float:left;
	margin-right:15px;
}

.postItem .meta .icoAuthor, .postItem .meta .icoComments{
	padding-left:20px;
}

.postItem .meta img {
	vertical-align:middle;
}

.postItem h1 a{
	color:#ddd;
}

.postItem h1 a:hover{
	text-decoration:none;
}

.postItem .categs {
	margin:0 0 10px;
	overflow:hidden;
}

.postItem .categs a {
	display:block;
	float:left;
	font-size:9px;
	padding:2px 6px;
	color:#ccc;
	margin-right:2px;
	text-transform:uppercase;
}

.postItem .categs a:hover {
	color:#fff;
	text-decoration:none;
	border-color:#999;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright, img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}

/* COLRIGHT ELEMENTS
-----------------------------------*/

#colRight h2 {
	font-size:13px;
	text-transform:uppercase;
	padding:0 0 10px;
	border-bottom:2px solid #333;
	font-weight:normal;
	color:#eee;
}

#colRight .rightBox{
	margin-bottom:25px;
}

#colRight .rightBox p {
	margin:15px 0;
}

#colRight .rightBox ul li {
	padding:9px 0;
	border-bottom:1px solid #333;
}

#colRight .rightBox ul li a{
	font-size:12px;
}

#colRight .rightBox ul li a:hover {
	text-decoration:none;
}

#colRight .rightBox ul li:hover {
	background:#121212;
}

/* FOOTER ELEMENTS
----------------------------------*/
#footer #footerWidgets {
	overflow:hidden;
}

#footer .boxFooter {
	float:left;
	width:210px;
	padding-right:30px;
	overflow:hidden;
	margin-bottom:40px;
	color:#ccc;
}


#footer h2 {
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:2px solid #ccc;
	font-weight:normal;
	color:#fff;
}

#footer .boxFooter ul li {
	padding:7px 0;
	border-bottom:1px solid #999;
}

#footer .boxFooter ul li a {
	text-decoration:none;
	color:#ccc;
	font-size:12px;
	font-style:normal;

	
}


#footer .boxFooter p {
	margin:15px 0;
}

/* Copyright */

#copyright {
	border-top:2px solid #ccc;
	padding-top:25px;
	margin-top:15px;
	position:relative;
	margin-right:30px;
	font-size:11px;
	color:#ccc;
}

#site5bottom {
	position:absolute;
	right:0;
	top:17px;
}

/* COMMENTS
-----------------------------------*/


#content #colLeft ul.commentlist {
	list-style:none;
	list-style-position:outside;
	display:block;
	margin:0 0 20px;
	background:url(images/bk_dotted_horiz_dbl.png) 0 100% repeat-x;
	padding:0;
	padding-bottom:10px;
}

#content #colLeft ul.commentlist ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
}

#content #colLeft ul.commentlist li {
	padding:20px 0 10px 35px;
	position:relative;
	margin-top:0;
	background:url(images/bk_dotted_horiz.png) 0 0 repeat-x;
}

#content #colLeft ul.commentlist li img {
	border:none;
}

#content #colLeft ul.commentlist li p{
	font-size:13px;
	margin:10px 0;
}

#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {
	margin-left:20px;	
}

#content #colLeft ul.commentlist li .comment-meta span {
	font-size:11px;
	color:#999;
}

#content #colLeft ul.commentlist li .comment-meta {
	font-size:16px;
}


#content #colLeft ul.commentlist li .gravatar {
	position:absolute;
	width:40px;
	height:40px;
	top:20px;
	left:0;
}

#content #colLeft ul.commentlist li .gravatar .gravatar_mask {
	position:absolute;
	left:0;
	top:0;
	background:url(images/bk_gravatar_mask.png) 0 0 no-repeat;
	width:40px;
	height:40px;
}

#content #colLeft ul.commentlist .reply {
	position:absolute;
	right:0;
	top:25px;
	width:46px;
	height:21px;
	text-align:center;
}

#content #colLeft ul.commentlist .reply a {
	display:block;
	width:46px;
	height:21px;
	text-transform:uppercase;
	font-size:11px;
}

#content #colLeft ul.commentlist .reply a:hover {
	text-decoration:none;
	color:#333;
}


#content #colLeft ul.commentlist li .children li {
	margin-top:15px;
	padding-top:25px;
	border-bottom:none;
	overflow:hidden;
	padding-bottom:5px;
}

#content #colLeft ul.commentlist li .children li .gravatar {
	top:20px;
}

#content #colLeft ul.commentlist li .children li .reply {
	top:30px;
}

/* PAGINATION */

.emm-paginate {padding:10px 0; overflow:hidden; clear:both;}
.emm-paginate a { border:1px solid #333; color:#666; margin-right:5px; padding:3px 7px; text-align:center; text-decoration:none; -moz-border-radius:2px;
   -webkit-border-radius:2px;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current { -moz-border-radius:2px;    -webkit-border-radius:2px;color:#fff; background:#666; border:1px solid #666; margin-right:5px; padding:3px 7px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}

/* FORMS
-------------------------------------------*/
#colRight #searchBox {
	overflow:hidden;
	margin-bottom:25px;
}

#searchform input {
	border:1px solid #333;
	padding:6px 4px;
	color:#666;
	width:173px;
	float:left;
	background:#222;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
}

#searchform input[type="submit"] {
	width:70px;
	height:30px;
	border:none;
	background:url(images/but_search.jpg) -2px 0 no-repeat;
	cursor:pointer;
	padding:0;
	text-align:center;
	color:#ccc;
	font-size:11px;
}

/* COMMENTS F0RM */

#commentform p {
	margin:0;
}

#commentform label {
	display:block;
	padding:5px 0;
}

#commentform input, #commentform textarea {
	padding:8px;
	width:300px;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border:1px solid #222;
   background:#222;
   color:#999;
}


#commentform textarea {
	width:560px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#commentform input[type="submit"]{
	border:none;
	width:151px;
	height:32px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/bk_but_form.jpg) 0 100% repeat-x;
	color:#FFF;
	font-size:12px;
	padding:0;
}

/* Contact Form */

#contact label {
	display:block;
	padding:5px 0;
	font-weight:bold;
}

#contact input, #contact textarea {
	padding:8px;
	width:300px;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border:1px solid #222;
   background:#222;
   color:#999;
}


#contact textarea {
	width:560px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contact button.submitbutton{
	border:none;
	width:151px;
	height:30px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/bk_but_form.jpg) 0 100% repeat-x;
	color:#FFF;
	font-size:12px;
	padding:0;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}


.errormsg, .successmsg{
	background:none;
	border:1px solid #DA4310;
	color:#DA4310;
	padding:10px;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.successmsg {
	background:none;
	border:1px solid #8FA943;
	color:#8FA943;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.thanks {
background: #F2F3F6;
background: url('images/ok.png') no-repeat left;
padding-left:20px;
clear: both;
}
.error {
color: #333;
background: #FCE2D4 url('images/error.png') no-repeat 5px 50%;
margin-top: 5px;
display:block;
clear: both; 
padding:7px;
padding-left:30px;
border-radius:6px;
font-size:11px;
border: 1px solid #fbc2c4;
width:280px;
}