* { margin: 0; padding: 0; font-size: 100%; outline: 0; border: none; }
html { font-size: 62.5%; color: #555; }
body, form, input, textarea, select, label { font-family: Verdana, Geneva, sans-serif; color: #555; }
body {
    background: #abe2c7 url(../images/bg.jpg) top repeat-x fixed;	
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: center;
	padding: 30px 0;
}
#wrap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: url(../images/header.gif) 50% 28px no-repeat;
	height: 50px;
	overflow: hidden;
}
	#header h1, #header .menu, #searchform { float: left; display: inline; margin-left: 10px; }
		#header h1, #header h1 a { width: 370px; height: 43px; }
		/* #header h1 { background: url(../images/wpthemesdirectory.gif) 0 0 no-repeat; } */
		#header h1 { background: url(../images/wpthemesdirectory.png) 0 0 no-repeat; }
		#header h1 a { display: block; text-indent: -9999px; }
		#header .menu { overflow: hidden; margin-top: 5px; }
			#header .menu li { display: inline; margin: 0 0 0 1px; }
			#header .menu li, #header .menu li a, #header .menu li a span {
				display:block;display:inline-block;
				float:left;
				height:23px;
				line-height:23px;
				vertical-align: middle;
			}
			#header .menu li a { background: url(../images/menuleft.gif) no-repeat scroll 0 0; color:#abe2c7; }
			#header .menu li a span {
				background: url(../images/menuright.gif) no-repeat scroll right 0;
				display:inline;
				margin:0 0 0 5px;
				padding:0 10px 0 5px;
			}
			#header .menu li a:hover span, #header .menu li.selected a span { background-position:right -23px; }
			#header .menu li a:hover, #head .menu li a:hover span, #header .menu li.selected a, #head .menu li.selected a span { background-position:0 -23px; color:#377c7f; }
			#header .menu li img { vertical-align: middle; margin: 6px 0; } /* margin fixes IE6's inability to respect line-height != normal */
	#searchform { 
		width: 155px; height: 50px;
		background: url(../images/searchform.gif) 0 0 no-repeat;
		float: right;
		margin: 5px 15px 0 0;
		overflow: hidden;
	}
		#header #search { width: 125px; height: 17px; padding: 0; margin: 6px 0 0 5px; background: #cdeedd; float: left; display: inline; }
		#header #search, #header #search:focus { border: none; }
		#searchsubmit { width: 15px; height: 18px; padding: 0; margin: 4px 6px 0 0; background: none; float: right; display: inline; }
		#advancedsearch { clear: both; font-size: 0.8em; display: block; text-align: center; position: relative; top: 4px; }
#content, #sidebar { float: left; display: inline; margin: 15px 0 0 30px; overflow: hidden; }
#main { background: #fff url(../images/main.gif) 50% repeat-y; overflow: hidden; height: 1%; }
#content { width: 730px; }
	#content h2 { margin: 0; }
	#content .featured, #content p, #content form { margin: 30px 0; }
		#content p.categorydescription { margin-top: 5px; }
	#content ul, #content ol { margin: 0 15px 20px; }
	#categories, #featured { width: 810px; overflow: hidden; } /* TODO: fix non-collapsing margins (due to floated children + oveflow:hidden */
		#categories h2 { font-size: 1.8em; text-transform: lowercase; margin: 0 0 10px; color: #777;  }
		#categories .category, #featured .feature { width: 223.3px; float: left; margin: 0 30px 15px 0; }
		#categories .category { height: 110px; overflow: hidden; }
		#categories #blog_type, #categories #color, #categories #layout { height: 150px; margin-bottom: 30px; }
	#content .screenshot { width: 200px; height: 150px; }
	#content #featured { margin-top: 30px; }
		#content #featured .feature, #content #featured .feature h2 { background: #d8ffe8 url(../images/featured.gif) 0 bottom no-repeat; }
		#content #featured .feature { height: 225px; }
		#content #featured .feature h2 { font-size: 1.4em; margin: 10px; height: 40px; overflow: hidden; }
		#content #featured .feature a { display: block; margin: 0 auto; }
	#content .links { border-bottom: 5px solid #d8ffe8; }
	#content .links .link { margin: 0 0 30px; padding: 20px 0 0; border-top: 5px solid #d8ffe8; }
	#content .links .link p { margin: 10px 30px; }
	#content .links .link .url { line-height: 1.2; margin-top: 5px; }
	#content .links .link .screenshot { float: right; margin: 15px 0 15px 30px; border: 5px solid #d8ffe8; }
	#content .sort, #content .links .link .title { margin-bottom: 0; }
	#content .submit { text-align: center; }
	#content .featured { border: 5px solid #d8ffe8; }
	#content .featured h3 { margin: 30px 30px 0; }
	#content .featured .link { margin: 0 30px 30px; }
	#content .featured .link p { margin: 10px 0; }
	#details .link p em { display: block; width: 220px; margin: 0 10px 0 0; float: left; text-align: right; }
	#details .link p  { overflow: hidden; }
	#details .link p .description, #details .link p .url, #details .link p .keywords { display: block; width: 440px; float: left; }
	#details .link p .url { overflow: hidden; }
	#content .submit { text-align: center; }
#sidebar { width: 170px; }
	#sidebar div { width: 155px; margin: 0 0 15px 0; }
	#sidebar div div, #sidebar .submit { margin: 0; }
	#sidebar .submit a { display: block; text-align: center; width: 155px; height: 30px; line-height: 30px; background: #da5c5c url(../images/submittheme.gif) 0 0 no-repeat; margin: 0 15px 0 0; padding: 0; }
	#loginregister, #welcome { text-align: center; }
	#loginregister { text-transform: uppercase; }
	#categorymenu { padding: 20px 0 0; }
	#categorymenu h2 {
		display: block;
		width: 170px;
		height: 25px;
		line-height: 25px;
		text-indent: 10px;
		background: url(../images/categorymenu.gif) 0 0 no-repeat;
		color: #377c7f;
		margin: 5px 0;
	}
	#categorymenu h2.selected { background-position: 0 -25px; color: #fff; }
	#categorymenu .subcats { margin: 0 0 0 10px; width: 155px; }
	#categorymenu .subcats li a { display: block;display:inline-block;width:145px; padding: 0px 5px 0px 10px; line-height: 20px; }
	#categorymenu .subcats li a:hover { background: #abe2c7; }
#footer { clear: both; overflow: hidden; background: #fff url(../images/main.gif) 50% repeat-y; border-bottom: 5px solid #abe2c7; padding: 30px; }
#footer, #footer * { line-height: normal; }
	#footer .menu  { display: block; margin: 0 3px 0 0; overflow: hidden; }
	#footer .menu li { float: left; text-align: center; border-right: 1px solid #ccc; padding: 0 5px 0 0; margin: 0 5px 0 0; }
	#footer .menu li.last { border-right: none; }
	#footer .menu li img { vertical-align: middle; }
	#footer p { margin: 5px 0 0; line-height: 1.4; }
#content .leaderboard  { margin: 30px 0; text-align: center; background: #f0f0f0; width: 728px; height: 90px; line-height: 90px; overflow: hidden; }
#sidebar .ads { margin: 15px 0; }
#sidebar .square { margin: 15px; padding: 0; text-align: center; width: 125px; }
.ads a.ad { display: block; width: 100%; height: 100%; color: #aaa; }
.ads a:hover.ad { background: #ddd; }
.ads img {border: 1px dotted #111;}

/* =align */
.aligncenter { text-align: center; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
/* =links */
a, a img { text-decoration: none; border: none; color: #489; }
* a:hover { color: #da5c5c; }
#main p a { border-bottom: 1px solid #489; } #main p a:hover { border: none; }
* a:hover.btn { color: #fff; }
/* =text */
h1, h2, h3, h4, h5, h6, #sidebar .submit a, #content form fieldset legend, .btn, .button, .link p em { font-family: Georgia, "Times New Roman", serif; font-weight: normal; }
#categories .subcats { font-family: Verdana, Geneva, sans-serif; }
h2, .btn, .link p em { font-style: italic; }
#header, #footer, #sidebar, #content .link .url, .sort, #content p.categorydescription { font-size: 0.85em; }
h2, #content form fieldset legend, #content .links .link .title { font-size: 1.3em; }
#sidebar .submit a { font-size: 1.4em; }
/* =lists */
#header ul, #header ul li, #sidebar ul, #sidebar ul li, #footer ul, #footer ul li { list-style: none; }
/* =tables */
.formPage { border: none; }
/* =cursor */
#header .menu li, #categorymenu h2, #content form label { cursor: pointer; }
/* =forms */
input.text, textarea, select, #content form .captcha { border: 1px solid #37cc7f; padding: 3px; }
.text, .btn, .button { font-weight: bold !important; }
.btn, .button { padding: 5px 10px; margin: 0 5px; border: none !important; background: #00c980; color: #fff; }
	#content a.donotagree, #content form #reset { background: #da5c5c; }
.text:focus, select:focus, textarea:focus { background: #d8ffe8; }
option:hover { background: #abe2c7; }
#content p.message, #content p.error { margin: 30px 0; padding: 20px 30px 20px 60px; }
#content p.message  { background: #fff4c3 url(../images/messageicon.gif) 20px 50% no-repeat; border: 1px solid #ffc428; }
#content p.error { background: #ffd8c3 url(../images/erroricon.gif) 20px 50% no-repeat; border: 1px solid #ff7660; }
#content form label, #content form small, #content form input, #content form img { display: block; }
#content form label { width: 220px; float: left; text-align: right; margin-right: 10px; }
#content form label small { position: static; width: 200px; }
#content form small { font-size: 0.85em; line-height: 1.1; clear: left; padding: 5px 0 5px 5px; width: 440px; }
#content form input, #content form select, #content form textarea, #content form .captcha { float: left; margin: 0 10px 0 5px; display: inline; }
#content form input.text  { width: 220px; } 
#content form textarea.text { width: 440px; }
#content form input.checkbox, #content form input.radio { margin-top: 4px; margin-right: 5px; }
#content form select { padding: 2px 3px; }
#content form p { clear: both; overflow: hidden; margin: 20px 10px; }
#content form .captcha { clear: both; margin-bottom: 10px; }
#content form .before { margin: 0 10px; }
#content form .checkbox { line-height: 1;}
#content form .checkbox label { text-align: left; clear: left; margin: 0 0 10px; width: 440px; }
#content form small, #content form .captcha, #content form #reset, #content form #submit, #content form .errForm, #content form .checkbox label { position: relative; left: 230px; } /*see on label width*/
#content form #submit, #content form #reset { padding: 7px; left: 233px; }
#content form fieldset { border: 3px solid #d8ffe8; margin: 0 0 15px; }
#content form fieldset legend { margin: 0 15px; background: #fff; padding: 0 10px; }
#content form .errForm { color: #f00; font-weight: bold; display: block; clear: left; position: relative; width: 440px; padding: 0 5px; }
#content form .checkboxgroup label { left: 0; width: auto; }
#content form#payment .url small, #content form#payment .description small { clear: none; float: left; left: 0; padding: 0; }
#content form#payment #submit { left: 0; margin: 0; }
/*==================================================================*/
.c {
	float: left;
}
.cr {
	clear: left;
}
td {
	vertical-align: top;
	padding: 5px;
}
#descr {
	padding: 0px;
	margin: 0 0 5px 0;
}

td.err {
	padding: 3px;
	color: #FF0000;
	background: #FFEDED;
	border: 1px solid #A0A0A0;
	text-align: left;
}
td.msg {
	padding: 3px;
	color: #0000FF;
	background: #EDF3FF;
	border: 1px solid #A0A0A0;
	text-align: left;
}
.label {
	text-align: right;
}
.buttons {
	border-top: 1px solid #A0A0A0;
	text-align: center;
}
.count {
	color: #6f6f6f;
	font-size: 8pt;
	font-weight: normal;
}
.url {
	color: #6f6f6f;
}
#path {
	margin-top: 2px;
	padding: 3px;
	background: #D9E8F9;
	line-height: 19px;
	border-top: 1px solid #5e74b3;
}
#user-bar {
   clear:both;
   width:20%;
   margin:0 0 0 auto;
   padding:3px;
   background:#D9E8F9;
   line-height:19px;
   text-align:right;
}
.btn {

}
span.req {
	margin-left: 3px;
	color: #FF0000;
	font-weight: bold;
}
.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #909090;
	font-size: 7pt;
	text-decoration: none;
}
p.subcats {
	margin: 0px 0px 7px 0px;
	padding: 0px;
}
div.pr {
	font-size: 6pt;
	color: #000000;
	float: left;
	height: 30px;
	margin-right: 5px;
}
div.prg {
	width: 40px;
	border: 1px solid #999999;
	height: 3px;
	font-size: 1px;
}
div.prb {
	background: #5eaa5e;
	height: 3px;
	font-size: 1px;
}

div.footer {
   bottom:0;
   clear:both;
	text-align: center;
	border-top: 1px solid #E0E0E0;
	padding: 3px 0 0 0;
	margin-top: 50px;
}
div.footer a {
	color: #606060;
}
.price {
	border: 1px solid #A0A0A0;
}
.price table td{
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
}

.paging-links,
.paging-info {
   text-align:right;
}

.paging-info {
   font-style: italic;
}
.limit_field {
   border: 0 solid transparent;
   border-width:0;
}
#toggleCategTree {
   display:block;
   cursor:pointer;
   color:#6A8AD4;
}
#categtree {
   margin:3px 0;
   height:200px;
   width:300px;
   overflow:auto;
   border:1px dotted #9EC2F3;
   border-width:0 1px 1px;
}
#catTitle { background:#fff; } /* Important for Konqueror */

#categtree h2 {
   margin:0 0 5px;
   padding:2px;
   text-align:center;
   color:#5e74b3;
   background:#DDE5F3;
   vertical-align:middle;
}
#categtree #close_tree {
   right:0;
   padding:1px;
   text-align:center;
   white-space:nowrap;
   cursor:pointer;
}
#categtree .categ-item {
   clear:both;
   margin:3px 5px;
   padding:2px 5px;
   display:block;
   border:1px dotted #CBE2EC;
   border-width:1px 0;
   cursor:pointer;
}
#categtree .categ-item img {
   margin-right:1em;
}
#categtree .odd {
   background:#F8F8FC;
}
#categtree .even {
   background:#fff;
}
#categtree .categ-item:hover {
   background:#eee;
}
table.comment {
   border-width: 1px;
   border-color: #5e74b3;
   border-style: dotted;
   margin-top:   5px;
}
tr.comment {
   background-color: #5e74b3;
   color: #FFFFFF;
}