/* 
Sewshell.com
Alex Winter ©2009, July.
*/

* { margin: 0; padding: 0; }
img { border: 0 } a img { border: none }

body {
	background: url(/images/bg.png) repeat-x #daeaf5;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1 { color: #000; font-size: 20px; font-weight: normal; }
h2 { color: #000; font-size: 16px; }
a { color: #38650c; text-decoration: none; }
a:hover { color: #719e45; }
.clear { clear: both; }
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#wrap {
	width: 780px; height: 100%;
	margin: 10px auto 0; padding: 10px;
	background: url(/images/bg_wrap.png) repeat-x #daeaf5;
}

#main {
	width: 756px; height: 100%;
	padding: 10px;
	background: #FFF;
	border: 2px solid #b0c9db;
}

#header {
	width: 100%; height: 80px;
}

#headerLeft {
	width: 556px; height: 75px;
	margin-right: 20px; padding-top: 5px;
	float: left;
}

#headerRight {
	width: 180px; height: 80px;
	float: right;
}

#searchForm input {
	padding: 2px;
	background: #FFF;
	border: 2px solid #DAEAF5;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#searchForm { }
#search { width: 110px; }
#search:focus { background: #FBFBFB; }
#searchSubmit { height: 23px; }
#searchSubmit:hover { background: #FBFBFB; cursor: pointer; }

#navigation {
	width: 180px; height: 35px;
	margin-top: 19px;
	background: #F5F5F5;
	border-top: 2px solid #E1E1E1;
}

#navigation ul {
	height: 35px;
}

#navigation li {
	display: inline;
	line-height: 35px;
	height: 35px;
}

#navigation li a {
	padding: 8px;
}

#navigation li a:hover {
	background: #FBFBFB;
}

#subheader {
	width: 100%; height: 40px;
	background: #ecf1fd;
	border-top: 2px solid #b0c9db; border-bottom: 2px solid #b0c9db;
}

#subheader ul {
	height: 40px;
}

#subheader li {
	display: inline;
	line-height: 40px;
	height: 40px;
}

#subheader li a {
	padding: 8px;
}

#subheader li a:hover {
	background: #edf1ff;
}

#content {
	background: url(/images/bg_sidebar.png) right repeat-y; /* "hack" to fix sidebar height */
}

#left {
	width: 556px;
	margin-right: 20px;
	float: left;
}

.descRow {
	width: 536px; height: 100%;
	padding: 15px 10px;
	border-bottom: 1px solid #E1E1E1;
	font-size: 14px;
}

.row {
	width: 536px; height: 100%;
	margin-top: 10px; padding: 10px;
	border-bottom: 1px solid #E1E1E1;
}

.column {
	width: 150px;
	margin:0 20px 20px 0;
	float: left;
}

.column .snicon {
	margin-right: 4px;
	float: left;
}

.column h2 {
	color: #999999;
	font-variant: small-caps;
	margin-bottom: 10px;
}

.column li {
	list-style: none;
	margin-bottom:5px;
}

.column a {
	font-size: 12px;
}

.viewAll {
	margin-top: 5px;
	font-size: 10px;
}

.post {
	line-height: 20px;
	margin: 20px 0 0 0;
}

.postContent li {
	margin: 10px 0 0 15px;
	list-style: circle;
}

.postHeader {
	background: #fbfbfb;
	padding: 5px 0 0 10px; margin-bottom: 1px;
	border-top: 2px solid #e1e1e1;
}

.postHeader p {
	font-family:Times New Roman,Times,Georgia,serif;
	font-size:12px;
	font-style: italic;
	color: #6B6B6B;
}

.postContent {
	background: #f5f5f5;
	padding: 10px;
}

.postFooter {
	margin-top: 1px;
	background: #ededed;
	border-bottom: 2px solid #e1e1e1;
	font-family:Times New Roman,Times,Georgia,serif;
	font-size:14px;
	font-style: italic;
	text-align: center;
	color: #6B6B6B;
}

.officialWebsite {
	padding: 5px 0;
	background: #FBFBFB;
}

#avgReview {
	width: 536px; height: 100%;
	margin-top: 1px; padding: 10px;
	background: #ededed;
	border-bottom: 2px solid #e1e1e1;
	font-size:14px;
	color: #6B6B6B;
}

#avgReviewLeft {
	width: 265px; height: 100%;
	margin-right: 6px;
	float: left;
}

#avgReviewRight {
	width: 265px; height: 100%;
	float: left;
}

#comments {
	background: #ededed;
	padding: 10px;
}

.comment {
	width: 536px; height: 100%;
	margin-top: 10px;
	border-bottom: 2px solid #e1e1e1;
	font-size:14px;
	color: #6B6B6B;
}

.commentLeft {
	width: 536px; height: 100%;
	margin-right: 6px;
	background: #f1f1f1;
}

.commentRight {
	width: 536px; height: 100%;
	background: #f1f1f1;
	color: #000;
}

.commentRight p {
	margin-bottom: 10px;
}

#write {
	width: 536px; height: 100%;
	margin-top: 1px; padding: 10px;
	background: #F5F5F5;
	border-bottom: 2px solid #e1e1e1;
}

#write form {
	padding: 10px 0 0 0;
}

.writeLeft {
	width: 385px; height: 100%;
	margin-right: 6px;
	float: left;
}

.writeRight {
	width: 145px; height: 100%;
	float: left;
}

.writeRight p {
	padding: 0 0 5px 0;
}

.review {
	background: #f1f1f1;
}

.reviewerName {
	color: #000;
}

#commentform input, #commentform textarea {
	margin: 0px 0px 10px 0px; padding: 5px 0;
	font-size: 1.3em;
	border: 2px solid #E1E1E1;
}

#commentform input {
	width: 100%;
}

#commentform textarea {
	height: 100px; width: 375px;
}

#commentform textarea:focus, #commentform input:focus {
	border: 2px solid #B0C9DB;
}

#commentform #submit { background: #EDEDED; }
#commentform #submit:hover { background: #FBFBFB; cursor: pointer; }

#commentform label {
	padding-bottom: 5px;
	font-size: 1.4em;
}

.more {
	padding: 10px 0 0 0;
	font-size: 11px;
}

.more .left { float: left; }
.more .right { float: right; }

.archive {
	padding: 10px 10px 0 10px;
}

ul.ratings {
	padding: 0 0 5px 0; margin: 0;
}

.rating_value a {
	background: url(http://www.sewshell.com/wp-content/plugins/review-site/star-empty.png) no-repeat;
	width: 12px;
	height: 12px;
	display: block;
	float: left;
}

.rating_value .on {
	background: url(http://www.sewshell.com/wp-content/plugins/review-site/star.png) no-repeat;
}

table.ratings {
	border-collapse: collapse;
}

ul.ratings li {
	padding: 0 10px 0 0;
	display: inline-table;
	list-style: none;
}

.rating_label {
	padding: 0 2px 0 0;
	white-space: nowrap;
	font-size: 8pt;
}

.rating_value {
	padding: 0 0 0 4px;
}

.rating_value .no_ratings {
	color: #666;
}

#right {
	width: 160px;
	padding: 10px;
	float: left;
}

#right ul {
	margin-bottom: 10px;
	list-style: none;
}

#right ul ul {
	border-bottom: 2px solid #FBFBFB;
}

#right ul h2 {
	padding: 3px 0;
}

#right ul ul li {
	border-top: 1px dotted #FBFBFB;
	padding: 3px 0 3px 0;
}

#right ul ul li:hover {
	background: #FBFBFB;
}

#right .subscribeButton {
	margin-bottom: 15px; padding: 6px 0 14px 0;
	border-bottom: 1px solid #E1E1E1;
}

#footerWrap {
	width: 780px; height: 50px;
	margin: 0 auto; padding: 10px;
}

#footer {
	width: 756px; height: 30px;
	padding: 10px;
	font-size: 11px;
}

#contact {

}

#contact input, #contact textarea {
	width: 522px;
	margin: 0px 0px 10px 0px; padding: 5px;
	font-size: 1.3em;
	border: 2px solid #E1E1E1;
}

#contact textarea {
	height: 90px;
}

#contact textarea:focus, #contact input:focus {
	border: 2px solid #B0C9DB;
}

#contact #submit { width: 100%; background: #EDEDED; }
#contact #submit:hover { background: #FBFBFB; cursor: pointer; }

#contact label {
	padding-bottom: 5px;
	font-size: 1.4em;
}