/*  
Theme Name: Spracingonline Blog Default
Theme URI: 
Description: This theme is developed by Herovn
Author: Herovn
Author URI: 
*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background:url(images/bg.png) repeat center top;
	padding:0px;
	margin:0px;
}
div{ margin:0; padding:0;}
#wrapper{
margin:0 auto;
width:996px;
}
#header{
	background:url(images/header.png) no-repeat center top;
	width:996px;
	height:147px;
}
#main{
	background:url(images/bg_mid.png) repeat-y left top;
	width:996px;
	min-height:700px;
}
#main_bottom{
	background:url(images/bg_bottom.png) no-repeat center top;
	width:996px;
	height:25px;
}
#footer{
	background:url(images/footer.png) no-repeat center top;
	width:996px;
	height:78px;
	text-indent:-1000px;
}
#leftbox{
	width:180px;
	min-height:400px;
	height:auto;
	margin-left:18px;
	float:left;
	color:#FFF;
}
#rightbox{
	float:right;
	height:auto;
	margin-right:20px;
	min-height:400px;
	width:774px;
	margin-top:0px;
}
/* ----- categories ----- */

.widget h2{
	background:url(images/title_category1.png) no-repeat center top;
	width:165px;
	height:26px;
	display:block;
	
	color:white;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	
	padding-left:15px;
	padding-top:8px;
	text-transform:uppercase;
	margin:0;
}
.widget ul,.widget {
	background:url(images/category_element2.png) repeat-y center top;
	font-family:arial,tahoma,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0pt;
	padding:0pt;
	width:180px;
}
.widget ul li {
	background:url(images/category_element.png) no-repeat center top;
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0px;
	text-align:left;
	padding-left:20px;
	line-height:22px
}
.widget ul li a {
	text-decoration:none;
	color:#FFFFFF;
	padding-top:4px;
	font-weight:normal;
}
.widget ul li a:hover{
text-decoration:underline;
}

/* ----- /categories ----- */

/* -----/top menu ----- */
.topmenu{
	background:url(images/topmenu.png) no-repeat left top;
	width:783px;
	margin:-22px 0 0 -4px;
	padding-bottom:6px;
}
.topmenu ul{
	margin:0;
	padding:0 0 0 27px;
}
.topmenu li{
	display:inline;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	line-height:40px;

}
.topmenu li a{
	color:#FFFFFF;
	text-decoration:none;
	float:left;
}
.topmenu li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.topmenu .spaces{
	background:url(images/space.png) no-repeat center 9px;
	height:40px;
	width:14px;
	float:left;
}
.tbl{margin-top:-22px;}

/* -----/top menu ----- */

a{
color:#333333;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}


#maincontent {
margin:10px 0 0 0;
}
#maincontent .box{
margin:0 0 10px 0;
}
#postcontent{
border:1px solid #CCC;
padding:5px 0;
}
.box h2{
	background:url(images/topmenu.png) no-repeat left top;
	width:783px;
	line-height:44px;
	margin:0 0 0 -4px;
	font-weight:bold;
	padding:0;
	font-size:13px;
	color:#FFF;
	text-indent:25px;
}
.box h2 a{
color:#FFF;
text-decoration:none;
}

.box .line1{
margin:0 10px 0 10px;
border-bottom:1px solid #CCC;
padding:0 0 5px 0;
}
.line1 .catitems{
line-height:18px;
}
.catitems a{
background:url(images/caticon.jpg) no-repeat left 2px;
padding:0 5px 0 18px;
text-decoration:none;
}
.catitems a:hover{
text-decoration:underline;
}
.box .postdate{
background:url(images/date.gif) no-repeat left;
padding:0 0 0 20px;
margin:2px 10px 0 10px;
color:#666;
}
.box .entry{
padding:10px 15px;
line-height:170%;
}
.line2{
font-size:11px;
}
.metacomment{
background:url(images/comment.gif) no-repeat;
float:right;
line-height:18px;
padding:0 0 0 18px;
}
blockquote{
background:#DDD;
border-left:5px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
margin:0 0 0 30px;
padding:8px;
font-style:italic;
}


/*Comments*/
#comments{
padding:0 15px;
}
ol.commentlist li {
clear : both;
list-style : none;
padding-top : 14px;
padding-bottom : 14px;
overflow : auto;
}
ol.commentlist li.alt {
background-color:#EEE;
border:1px solid #DDD;
}
ol.commentlist div.commentinfo {
float : left;
width : 150px;
text-align : right;
}
ol.commentlist div.commenttext {
float : right;
width : 370px;
padding : 10px;
}
.commentinfo .commentdate {
font-size : 10px;
color : #8d8d8d;
}
h2.commentstitle {
font-size:16px;
color:#444444!important;
margin : 16px 0 7px 0;
background:none !important;
}
#commentform input, #searchform2 input{
padding:2px;
margin-top : 7px;
color : #5d5d5d;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
}
#commentform #submit{
margin:0;
padding:0;
}
#commentform textarea {
padding:2px;
border : 1px solid #bdbdbd;
margin-top : 7px;
color : #5d5d5d;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
}
.commenttext p {
margin-top : 7px;
margin-bottom : 7px;
}
#commentform input[type="image"] {
margin-top : 4px;
}

.page_title{
padding:5px 20px;
color:#990000;
margin:0;
line-height:normal;
}


#calendar_wrap,.textwidget{
padding:5px;
}
#wp-calendar{
width:100%;
}
#tag_cloud a{
color:#FFF;
text-decoration:none;
}
#tag_cloud a:hover{
text-decoration:underline;
}


.navigation{
padding:0 10px;
}