/*
Theme Name: Wordpress Market
Theme URI: http://www.astereostudio.com
Description: Wordpress powered market theme
Version: 1
Author: Astereostudio
*/


body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
}
a {
	text-decoration: none;
}
#wrap {
	width: 900px;
	margin: 0 auto;
	margin-top: 10px;
}
#logo {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
#logo a img {
	border: 0px;
}
#cont {
	width: 100%;
	margin: 0 auto;
	background-image: url(imgs/sbg.gif);
}
#sidebar {
	float: left;
	width: 190px;
}
#navigation {
	width: 190px;
	margin-bottom: 15px;
}
#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	list-style-type: none;
	margin-bottom: 2px;
	margin: 0px;
	padding: 0px;
}
#navigation ul li a {
	display: block;
	color: #333;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	border-bottom: 4px solid #f2f2f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navigation ul li a:hover {
	border-bottom: 4px solid #7998a1;
	color: #111;
}
#content {
	width: 680px;
	float: right;
	margin-bottom: 15px;
}
#content .breadcrumbs {
	margin-bottom: 5px;
}
#content .breadcrumbs p {
	font-size: 11px;
	text-transform: lowercase;
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
}
#content .breadcrumbs p a {
	border-bottom: 1px dotted #888;
	color: #111;
}
#content .breadcrumbs p a:hover {
	border-bottom: 1px dotted #111;
}
#content .ls {
	width: 256px;
	float: left;
}
#content .tr {
	width: 100%;
	background-color: #f7f6e9;
	text-align: center;
	border-top: 1px solid #eeecdb;
	border-bottom: 1px solid #eeecdb;
	line-height: normal;
	padding-top: 4px;
	padding-bottom: 2px;
}
#content .tr img {
	width: 50px;
	height: 50px;
	padding: 2px;
	border: 1px solid #999;
	margin-right: 10px;
	margin-left: 10px;
}
#content .mi {
	width: 250px;
	padding: 2px;
	border: 1px solid #f2f2f2;
	margin-bottom: 2px;
	height: 250px;
}
#content .desc {
	width: 390px;
	float: right;
}
#content .page {
	width: 100%;
}
#content h2 {
	font-weight: bold;
	color: #222;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#content h2 .price {
	background-color: #9ac15c;
	color: #fff;
	padding-right: 2px;
	padding-left: 2px;
}
#content h2 a {
	color: #777;
	border-bottom: 1px dotted #777;
}
#content h2 a:hover {
	color: #222;
	border-bottom: 1px dotted #222;
}
#content p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 175%;
	color: #333;
	margin: 0px;
	margin-bottom: 10px;
}
#content .desc .buy {
	padding: 5px;
	border: 1px dotted #f2f2f2;
	font-size: 11px;
	line-height: 150%;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#content .desc .buy .field {
	font-family: verdana;
	font-size: 8pt;
	background-color: #EEEEEE;
	border-width:1px;
	width: 175px;
}
/* Single Page Styles */

#content .page p {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 180%;
	color: #333;
	margin: 0px;
	margin-bottom: 10px;
}
#content .page h2 {
	font-size: 16px;
	color: #666;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #f2f2f2;
}
#content .page h3 {
	font-size: 14px;
	color: #333;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
/* Single Post Page Related Posts */

#related {
	width: 660px;
	padding: 5px;
	border: 5px solid #f3f2f2;
	float: right;
	background-color: #fff;
}
#related .image {
	float: left;
	width: 56px;
	border-right: 1px solid #ccc;
	padding-right: 14px;
	margin-right: 14px;
}
#related .image img {
	width: 50px;
	height: 50px;
	padding: 2px;
	border: 1px solid #999;
	margin-right: 10px;
	margin-left: 10px;
}
#related .pn {
	float: right;
	width: 575px;
}
#related .pn h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #444;
}
#related .pn h2 a {
	color: #777;
	border-bottom: 1px dotted #777;
}
#related .pn h2 a:hover {
	color: #222;
	border-bottom: 1px dotted #222;
}
#related .pn p {
	margin: 0px;
	padding: 0px;
}
#related .holder {
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	padding-top: 5px;
}
#related .pn h2 .price {
	background-color: #9ac15c;
	color: #fff;
	padding-right: 2px;
	padding-left: 2px;
}
#related .pn p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 175%;
	color: #333;
	margin: 0px;
	margin-bottom: 10px;
}
/* Bump spacer */

.moreroom {
	margin-bottom: 10px;
}
.spacer {
	width: 100%;
	clear: both;
}
/* Grid Homepage */

#grid {
	width: 660px;
	padding: 5px;
	border: 5px solid #E5E5E5;
	float: right;
	background-color: #fff;
}
#grid .rtp {
	background-image: url(imgs/rtp.gif);
	height: 25px;
	width: 644px;
	margin: 0 auto;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}
#grid .itl {
	background-image: url(imgs/itl.gif);
	height: 25px;
	width: 644px;
	margin: 0 auto;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}
#grid .srt {
	background-image: url(imgs/srt.gif);
	height: 25px;
	width: 644px;
	margin: 0 auto;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}
#grid .features {
	padding: 5px;
	margin-right: 8px;
	margin-left: 8px;
	border: 1px dashed #666;
	margin-bottom: 15px;
}
#grid .features p {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	color: #555;
}
#grid .features .postform {
	font-family: verdana;
	font-size: 8pt;
	background-color: #EEEEEE;
	border-width:1px;
	width: 175px;
}
#grid .features .left {
	float: left;
	width: 210px;
	border-right: 1px solid #e2e2e2;
	margin-right: 20px;
}
#grid .features .right {
	float: left;
	width: 210px;
	border-right: 1px solid #f2f2f2;
}
#grid .features .farright {
	width: 75px;
	float: right;
	text-align: center;
	color: #222;
}
#grid .post {
	float: left;
	width: 116px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 10px;
}
#grid .post .item {
	font-size: 12px;
	background-image: url(imgs/itembg.gif);
	height: 86px;
	width: 116px;
	text-align: center;
	line-height: normal;
	margin-bottom: 5px;
}
#grid .post .item img {
	margin-top: 7px;
}
#grid .post .item a img {
	border: 1px solid #fff;
}
#grid .post .item a:hover img {
	border: 1px solid #7cceed;
}
#grid .post .inside {
	font-size: 12px;
}
#grid .post .top {
	font-color: #222;
	text-align: center;
}
#grid .post .top h2 {
	margin: 0px;
	padding: 0px;
	line-height: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#grid .post .top h2 a {
	color: #4d98c8;
}
#grid .post .top h2 a:hover {
	color: #2a718c;
}
#grid .post .bot {
	background-color: #F3F3F3;
	color: #222;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
#grid .post .bot p {
	color: #222;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-weight: bold;
}
#grid .navigation {
	font-size: 12px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 5px;
}
#grid .navigation a {
	border: 1px solid #ccc;
	color: #555;
	padding: 4px;
}
#grid .navigation a:hover {
	border: 1px solid #222;
	color: #222;
}
#grid .navigation .left {
	width: 45%;
	float: left;
}
#grid .navigation .right {
	width: 45%;
	float: right;
	text-align: right;
}
/* Sidebar */

#about {
	background-color: #f1fafe;
	border: 1px solid #82dafb;
	padding: 5px;
	margin-bottom: 15px;
}
#about p {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 175%;
}
#ads {
	background-color: #f2f2f2;
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 10px;
	text-align: center;
}
#ads img {
	margin-bottom: 5px;
}
#ads a img {
	border: 1px solid #666;
}
#ads a:hover img {
	border: 1px solid #222;
}
#ads p {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 11px;
	padding-top: 5px;
}
#ads p a {
	color: #555;
	border-bottom: 1px dotted #666;
}
#ads p a:hover {
	color: #222;
	border-bottom: 1px dotted #222;
}
