/*==============================
 		Title:Blogthemes
		Date:28.06.09`
 =============================*/
body{
	font-family: Verdana, Arial,Tahoma,Georgia, Lucida,Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	text-align:center;
	font-size:12px;
	padding-bottom:247px;
	background:#218fc8 url(../images/bg.gif) repeat-x top;
}
* {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	outline-style:none;
	outline-width:0;
}
img,fieldset{
	border:none;
}
ul,ol,li{
	list-style:none;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.hide,a b{
     position: absolute;
     left: -9999px;
}
/*----------------------- Page Structure ---------------------*/
/*----------------------- Start outerWrapper -----------------*/
#outerWrapper{
	background: url(../images/topBg.jpg) no-repeat center top;
}
/*-----------------------Start wrapper----------------------*/
#wrapper{
	margin:0 auto;
	text-align:left;
	width:960px;
}
/*-----------------------Start header---------------------*/
#header{
	height:101px;
}
#header a img{
	margin:21px 0 0 28px;
	float:left
}
#header span{
	width:207px;
	height:32px;
	background:url(../images/searchBg.gif) no-repeat;
	display:block;
	float:right;
	margin:50px 30px 0 0;
	padding:3px 0 0 72px;
}
#header span input{
	width:170px;
	border:none;
	background:none;
	height:20px;
	float:left;
	margin:5px 0 0;
	color:#FFFFFF;
}
#header span .submit{
	width:25px;
	height:22px;
	margin:2px 2px 0 5px;
	background:url(../images/submit.gif) no-repeat;
	cursor:pointer;
	float:left;
}
/*-----------------------Start mainBody---------------------*/
#mainBody{
	background:#000033 url(../images/topPart.gif) no-repeat top;
	padding-top:15px;
}
/*-----------------------Start mainArea---------------------*/
.mainArea{
	background:url(../images/bottomPart.gif) no-repeat bottom;
	padding-bottom:15px;
	overflow:hidden;
	width:960px;
}
/*-----------------------Start navigationArea---------------------*/
.navigationArea{
	width:900px;
	margin-left:32px;
	overflow:hidden;
	padding-bottom:15px;
	border-bottom:1px solid #003366;
}
/*-----------------------Start navigation---------------------*/
.navigation {
	height:32px;
	overflow:hidden;
	width:620px;
	float:left;
}
.navigation li{	
	float:left;
	padding-right:10px;
}
.navigation li a{
	float:left;
	height:32px;
	display:block;
}
.wordpress{
	width:101px;
	background:url(../images/wordPress.gif) no-repeat;
}
.blogger{
	width:77px;
	background:url(../images/blogger.gif) no-repeat;
}
.freeThemes{
	width:108px;
	background:url(../images/freeThemes.gif) no-repeat;
}
.premium{
	background:url(../images/premiumThemes.gif) no-repeat;
	width:144px;
}
.navigation li a:hover{
	background-position:0 -32px;
}
/*-----------------------Start rightNavigation---------------------*/
.rightNavigation {
	float:right;
	width:263px;
	height:21px;
	padding:11px 0 0 16px;
	background:url(../images/righNavBg.gif) no-repeat;
}
.rightNavigation li,.rightNavigation em{
	float:left;
	color:#19528a;
	font-style:normal;
	line-height:10px;
	height:10px;
}
.rightNavigation li a{
	float:left;
	padding:0 8px;
	height:10px;
	font-size:10px;
	line-height:10px;
	color:#55a4d2;
	display:block;
	font-weight:bold;
	border-right:1px solid #19528a;
}
.rightNavigation li a:hover,.rightNavigation li .slct{
	color:#fff;
	text-decoration:none;
}
/*-----------------------Start content---------------------*/
.content{
	width:900px;
	overflow:hidden;
	margin-left:31px;
}
/*-----------------------Start left---------------------*/
.left{
	width:621px;
	float:left;
}
.preview{
	width:558px;
	margin:18px 0 0 0;
	height:356px;
	display:block;
	background:#003366;
	padding:15px 16px 16px 16px;
	overflow:hidden;
}
/*-----------------------Start right---------------------*/
.right{
	width:279px;
	float:right;
}
/*-----------------------Start contentArea---------------------*/
.contentArea{
	width:305px;
	padding:14px 0 0;
}
.contentArea h2{
	color:#ffffcc;
	font:bold 28px Arial, Helvetica, sans-serif;
	padding-bottom:8px;
}
.contentArea h2 span {
	font-size:10px;
	color:#316a92;
	display:block;
	font-weight:bold;
	margin-top:-3px;
}
.content h2 a {
        color:#ffffff;
	text-decoration:none;
}
.content h2 a:hover{
	text-decoration:underline;
}
.contentArea p{
	color:#fafadc;
	width:270px;
	font-size:12px;
}
.contentArea #themeinfo{
	width:276px;
	padding:10px 0 8px;
}
.contentArea #themeinfo li.row {
	font-size:12px;
	color:#306a92;
	line-height:24px;
	clear:both;
	border-top:1px solid #001649;
}
.contentArea #themeinfo li.row a{
	color:#306a92;
}
.contentArea #themeinfo li.row img{
	float:left;
	margin:6px 5px 0 0;
}
.contentArea #themeinfo li.rating { height:24px; }

.tag{
	background:url(../images/tag.gif) no-repeat left 5px;
	padding-left:16px;
}
.software{
	background:url(../images/software.gif) no-repeat left 5px;
	padding-left:16px;
}
.price{
	background:url(../images/price.gif) no-repeat left 5px;
	padding-left:16px;
}
.demo,.list .demo a{
	margin-right:13px;
}
/*-----------------------Start box---------------------*/
.box{
	float:right;
	width:305px;
}
.box span,.box b{
	width:127px;
	display:block;
	float:left;
	margin-top:18px;
}
.box span{
	margin-right:20px;
}
/*-----------------------Start list---------------------*/
.list{
	clear:both;
	width:900px;
	border-top:1px solid #003366;
	margin-top:33px;
	float:left;
	padding:26px 0 0 0px;
}
.list dd{
	float:left;
	width:280px;
	margin-left:30px;
}
.list .firstContent{
	margin-left:0;
}
.list dd span.thumbwrap,.list dd span.thumbwrap a{
	border:7px solid  #003366;
	display:block;
	width:266px;
	margin-bottom:16px;
}
.list dd span.thumbwrap a{
	border:none;
	margin:0;
	height:166px;	
}
.list h2{
	color:#ffffcc;
	margin-bottom:5px;
	font:normal 19px Arial, Helvetica, sans-serif;
}
.list p{
	font-size:11px;
	line-height:14px;
	padding-bottom:10px;
	color:#89b1a3;
}
.list ul.themelist {
	border-bottom:1px solid #001649;
	margin-bottom:20px;
}
.list ul.themelist li.row {
	color:#306a92;
	border-top:1px solid #001649;
	font-size:11px;
	line-height:24px;
}

.list ul.themelist li.rating { height:24px; }

.list ul.themelist li.row img{
	padding-right:5px;
}
.list ul.themelist li.row strong{
	font-weight:normal;
	font-size:12px;
}
.list ul.themelist li.row a{
	color:#306a92;
}
.list b a{
	float:left;
	display:block;
	width:131px;
}
.list a img.thumb {
	float:left;
}
.list .demo img{
	margin-right:13px;
}

.pagination { padding:5px 10px; margin:20px 0 0 15px; color:#001649; font-size:11px; }
.pagination a { color:#005cb7; padding:2px; }
.pagination a.current { color:#003366; font-weight:bold; }
/*-----------------------Start footer---------------------*/
.footer{
	border-top:1px solid #003366;
	margin:0 30px;
	padding:15px 0 ;
	margin-top:37px;
}
.footer p{
	font-size:11px;
	color:#426586;
}
/*-----------------------Start contact us page---------------------*/
/*-----------------------Start contactArea---------------------*/
.contactArea {
	width:600px;
	padding:30px 0px 50px 0;
	overflow:hidden;
	float:left;
}
.contactArea h2{
	color:#ffffcc;
	padding-bottom:10px;
	font:bold 28px Arial, Helvetica, sans-serif;
}
.contactArea h3{
	color:#ffffcc;
	font:normal 18px Arial, Helvetica, sans-serif;
}
.contactArea p{
	color:#7eabad;
	font-size:12px;
	line-height:18px;
	padding-bottom:20px;
}
.contactArea ul{
	width:560px;
	padding:29px 0 20px 28px;
	background:#003366;
	margin:10px 0 0;
}
.contactArea ul li{
	margin-bottom:10px;
	font-size:12px;
	color:#93b6ce;
	overflow:hidden;
}
.contactArea ul li input.inputtext{	
	width:229px;
	height:21px;
	margin:0 12px 10px 0;
	padding:3px 5px 0 5px;
	background:#000033;
	color:#CCCCCC;
	border:1px solid #214d7a;
}
.contactArea ul li select{
	background:#000033;
	border:1px solid #214d7a;
	padding:3px;
	color:#fff;
}

.contactArea ul li label{
	display:block;
	float:left;
	margin-right:10px;
	width:120px; 
}
.contactArea ul li textarea{
	width:515px;
	padding:5px;
	color:#CCCCCC;
	background:#000033;
	border:1px solid #214d7a;
	height:86px;
}
.contactArea ul li textarea:focus,.contactArea ul li input:focus{
	background:#090949;
}

.contactArea ul li .submit 
{
	padding:5px;
	background:#000033;
	color:#CCCCCC;
	border:1px solid #214d7a;
	font:bold 14px Arial;
	letter-spacing:-1px;
}

.contactArea ul li .post{
	width:107px;
	height:26px;
	background:url(../images/post.gif) no-repeat;
	border:none;
	cursor:pointer;
	padding:0;
	text-indent:-999px;
}
.contactArea ul li .post:focus{
	background:url(../images/post.gif) no-repeat;
}
/*-----------------------Start boxArea---------------------*/
.boxArea{
	padding:26px 0 0 0px;
	display:block;
	float:left;
}
html* .boxArea span{
	[margin-left:30px;
	margin-left:0px;]
	margin-left:30px;
}
/*-----------------------Start list_page ---------------------*/
/*-----------------------Start listing ---------------------*/
.listing{
	border-top:none;
	margin:0;
	padding-top:18px;
}
.list dt{
	font:bold 28px Arial, Helvetica, sans-serif;
	color:#ffffcc;
	padding-bottom:24px;
}
.page{
	margin-top:18px;
}
/*-----------------------Start singular page---------------------*/
.heading{
	font:bold 28px Arial, Helvetica, sans-serif;
	color:#ffffcc;
	padding-top:26px;
}
.contentArea h3{
	color:#ffffcc;
	font:normal 19px Arial, Helvetica, sans-serif;
	padding-bottom:6px;
}
/*-----------------------Start discription ---------------------*/
.discription h2{
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#ffffcc;
	padding:25px 0 5px;
}
.discription p{
	font-size:12px;
	color:#89b1a3;
	padding-right:35px;
	line-height:16px;
}
/*-----------------------Start sampleList ---------------------*/
.sampleList dt{
	font:bold 24px Arial, Helvetica, sans-serif;
	margin:-8px 0 -12px;
}
.sampleList dd h2{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:-5px 0 2px;
}
.sampleList dd p{	
	margin-bottom:-15px;
}
/*-----------------------Start tagArea ---------------------*/
.tagArea{
	padding-top:23px;
	border-top:1px solid #003366;
	margin:6px 0 0px;
	float:left;
}
.tagArea h2{
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#ffffcc;
	padding-bottom:12px;
}
.tagArea p{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#4b9abf;
	line-height:19px;
}
.tagArea p b{
	font-size:14px;
	color:#4b9abf;
}
.tagArea p strong{
	font-size:16px;
}
.tagArea p span {
	font-size:18px;
	font-weight:bold;
}
.tagArea p a{
	color:#4b9abf;
}
.bottom p{
	padding-bottom:37px;
}
/*-----------------------Start footerArea ---------------------*/
.footerArea{
	margin-top:20px;
}

/* rating */
.star-rating-small { list-style:none; line-height:1em; margin: 0px; padding:0px; width: 70px; height: 14px; position: relative; background: url('/images/stars.gif') top left repeat-x;}
.star-rating-small li { line-height:1em; margin: 0px; padding:0px; width:0px; /*\*/ float: left; /* */ border:none;  }
.star-rating-small li a { float: left; display:block; width:14px; height: 14px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.star-rating-small li a:hover { background: url('/images/stars.gif') left bottom; z-index: 20; left: 0px; }
.star-rating-small a.one-star { left: 0px; }
.star-rating-small a.one-star:hover { width:14px; }
.star-rating-small a.two-stars { left:14px;}
.star-rating-small a.two-stars:hover{ width: 28px; }
.star-rating-small a.three-stars { left: 28px; }
.star-rating-small a.three-stars:hover { width: 42px; }
.star-rating-small a.four-stars{ left: 42px; }	
.star-rating-small a.four-stars:hover{ width: 56px; }
.star-rating-small a.five-stars { left: 56px; }
.star-rating-small a.five-stars:hover { width: 70px; }
.star-rating-small li.CurrentRating { margin:0; padding:0; line-height:1em; font-weight:normal; background: url('/images/stars.gif') left center; position: absolute; height: 13px; display: block; text-indent: -9000px; z-index: 1; }