/*  
Theme Name: Mainstream
Version: 1.3
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/*-----------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
--2.3.1 Drop-downs
-2.4 Introduction
-2.5 Content
-2.6 Sidebar
-2.7 Footer

3. WIDGETS

4. POSTS
-4.1 Typographic Elements
-4.2 Images
-4.3 PageNavi

5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form

6. GENERAL STYLES

-----------------------------------------------*/



/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */

body  {
	font: 14px Helvetica, Arial, Sans-serif;
	line-height: 1.5;  /*unitless for proper inheritance*/
}

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	font-family: Arial,Helvetica,Sans-serif;
}

h1  {font-size: 30px} h2  {font-size: 24px} h3  {font-size: 20px}
h4  {font-size: 18px} h5  {font-size: 14px} h6  {font-size: 12px}

p  {margin: 18px 0;}

/* 1.2 Hyperlinks */

a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}


/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/

/* 2.1 Containers */

#container  {
	width: 960px;
	margin: 0 auto;
}

#main  {
	width: 940px;
	padding: 10px;
}

#main #inside  {
	padding: 20px;
}




/* 2.4 Introduction */

#introduction  {
	padding-bottom: 20px;
}

#about  {
	position: relative;
	z-index: 0;
	float: left;
	width: 580px;
	margin: 0 0 0 -40px;
	padding: 17px 20px 17px 40px;
}

#about h2  {
	font-size: 28px;
}

#about p  {
	line-height: 20px;
}


#about img  {
	float: left;
	margin: 0 20px 10px 0;
}

#about .fold  {
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 20px;
	height: 15px;
}

#connect  {
	float: left;
	width: 278px;
	margin: 0 0 0 20px;
}

#connect ul  {

}

#connect ul li  {
	height: 64px;
}

#connect ul li a  {
	display: block;
	height: 34px;
	padding: 15px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	cursor: pointer;
}

#connect ul li a:hover  {
	text-decoration: none;
}

#connect ul li a img  {
	float: left;
	margin: 0 15px;
}

#connect ul li a span  {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

/* 2.5 Content */

#content  {
	float: left;
	width: 600px;
	margin: 20px 0 0 0;
}

#full-width  {
	width: 940px;
}

h2.result_heading  {
	margin: 0 0 20px 0;
}

/* 2.6 sidebar */

#sidebar  {
	float: left;
	width: 280px;
	margin: 20px 0 0 20px;
}

#sidebar a  {
}

/* 2.7 Footer */

#footer  {
	padding: 20px 0 20px 0;
	text-align: center;
}

#footer p  {
	margin: 7px 0;
	font-weight: bold;
}

#footer ul li  {
	display: inline;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 6px;
}

#footer ul li a  {
}

#footer ul li.current_page_item a, #footer ul li a:hover  {
}



/*-----------------------------*/
/* 3. WIDGETS */
/*-----------------------------*/

.widget  {
	margin: 0 0 30px 0;
}

.widget h3  {
	position: relative;
	margin: 0 -40px 0 0;
	padding: 5px 40px 5px 10px;
	font-size: 14px;
	text-transform: uppercase;
}

.widget h3 span.fold  {
	position: absolute;
	display: block;
	right: 0;
	bottom: -15px;
	width: 20px;
	height: 15px;
}

.widget ul  {

}

.widget ul li  {

}

.widget ul li a:link, .widget ul li a:visited  {
	display: block;
	padding: 0 0 0 20px;
	line-height: 30px;
}

.widget ul li a:hover  {
	text-decoration: none;
}

.widget_recent_comments li  {
	padding: 6px 0 6px 20px;
	line-height: 18px;
}

.widget_recent_comments li a  {
	display: inline;
	padding: 0;
	line-height: 18px!important;
}

#searchform  {
	margin: 15px 0 0 0;	
}

#searchform #s  {
	width: 180px;
	padding: 3px 0 3px 5px;
}

#searchform .submit  {
	padding: 2px 0 2px 0;
	text-transform: uppercase;
}

#flickr h3  {
	margin-bottom: 10px;
}

#flickr .flickr_badge_image  {
	margin: 4px 6px;
	float: left;
	width: 75px;
}

#twitter li  {
	margin: 10px 0;
}

#twitter a  {
	display: inline;
	padding: 0;
	line-height: 18px;
}

#ads img  {
	float: left;
	margin: 10px 5px 0 5px;
}

/*-----------------------------*/
/* 4. POSTS */
/*-----------------------------*/

.post  {
	margin: 0 0 20px 0;
}

.post .meta  {
	margin: 0;
	font-style: italic;
}

.post .meta .comments  {
	padding: 0 19px 0 0;
	text-transform: uppercase;
	font-weight: bold;
}

.post .categories a  {
	display: inline;
	font-size: 12px;
	padding: 6px 8px 4px 6px;
}

.post .categories a:hover  {
	text-decoration: none;
}

.entry  {

}

.entry a.more-link  {
	text-transform: uppercase;
	font-weight: bold;
}

.post .tags  {
	margin: 0 0 20px 0;
}

/* 4.1 Typographic Elements */

.post h2.title  {
	margin: 8px 0 20px 0;
	font-size: 30px;
	line-height: 20px;
}

.post h2.title a:link, .post h2.title a:visited  {

}

.entry h1  {}
.entry h2  {}
.entry h3 {}
.entry h4 {}
.entry h5 {}
.entry h6 {}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {
	margin: 0 0 15px 0;
}

.entry blockquote  {
	padding: 10px 30px;
}

.entry blockquote p  {
	margin: 0;
}

.entry ul  {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
}

.entry ul ul  {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

.entry ul li  {
	list-style-type: circle;
}

.entry ul li ul li  {
	list-style-type: disc;
}

.entry ol  {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
}

.entry ol ol  {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

.entry  ol li  {
	list-style-type: upper-latin;
}

.entry  ol li ol li  {
	list-style-type: lower-latin;
}

/* 4.2 Images */

.entry img  {
}

img.wp-smiley  {
	padding: 0;
}

.entry .alignleft  {
	float: left;
	margin: 10px 15px 10px 0;
}

.entry .alignright  {
	float: right;
	margin: 10px 0 10px 15px;
}

.entry .aligncenter  {
	text-align: center;
}


/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/

/* 5.1 Comments */

#comments h3 { 
	font-size: 20px;
	font-weight: normal;
	padding: 10px 0 20px 0;
}

#comments ol.commentlist  {
	margin: 20px 0 0 0;	
}

#comments ol.commentlist li {
	list-style-type:none;
	padding: 10px 0;
}

#comments ol.commentlist li .comment-head {
	margin: 0 0 10px 0;
}

#comments ol.commentlist li .comment-head .avatar img  {
	float: right;
}

#comments ol.commentlist li .comment-head .user-meta span  {
	display: block;
}

#comments ol.commentlist li .comment-head .user-meta span.name  {
	font-weight: bold;
}

#comments ol.commentlist li .comment-head .user-meta span.date  {
	font-size: 11px;
}

#comments ol.commentlist li .comment-head .user-meta span.perma  {
	text-transform: uppercase;
	font-size: 10px;
}

#comments ol.commentlist li .comment-entry p  {
	margin: 0 0 10px 0;
}

#comments div.reply a { font-size:11px; text-decoration:none; text-transform: uppercase; font-weight: bold; }

#comments ul.children { 
	margin:10px 0 0 0;
	padding:0 0 0 22px;
}

#comments ul.children li {
	padding-bottom: 0;
}

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
	display: block;
	padding: 5px 9px;
	margin-left: 4px;
	font-family:Georgia;
	font-weight:bold;
}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	width:auto;
}

#comments .cancel-comment-reply {margin-bottom:10px;}

/* 5.2 Comments Form */

#respond  {
	margin: 20px 0 0 0;
}

#respond h2  {
	margin: 0;
}

#commentform  {
	margin: 20px 0 0 0;
}

#commentform input.txt  {
	width: 207px;
	margin: 0 10px 0 0;	
	padding: 3px 0 3px 5px;
}

#commentform label  {
	font-size: 11px;
	text-transform: uppercase;
}

#commentform textarea  {
	width: 100%;
}

#commentform #submit  {
	padding: 2px 0 2px 0;
	text-transform: uppercase;
}

/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/

.floatl  {float: left;}
.floatr  {float: right;}

.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* 

Designed and hand-coded by http://www.pixallent.com.
Copyright (c) Pixallent, Ltd. All rights reserved.

*/

/* @group Global */

body {
	color: #444;
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	text-align: center;
	background-color: #fdfdfd;
	padding-bottom: 200px;
}

div#container {
	text-align: left;
	background-color: #fff;
	width: 958px;
	min-width: 958px;
	margin: 0 auto;
	border-right: 1px dashed #ccc9ca;
	border-bottom: 1px dashed #ccc9ca;
	border-left: 1px dashed #ccc9ca;
}

div#container, div#topbar, div#header, div#nav, div#showcase, div#start, div#products, div.product, div.image, div#newsletter, div#filters, div.section, div#product, div#bigimg, div#size, div#imgs, div#customize, div.customizerbg, div.placement li, div.placewrap, div.location p, div.totals, div#finish, div.section, div.process, div.fields, div#adder, div#pages, div#addresses, div#lines, div.wrap, div#footer, div.heading, div.butt-ugly-seals {
	display: inline-block;
}

div#container, div#topbar, div#header, div#nav, div#showcase, div#start, div#products, div.product, div.image, div#newsletter, div#filters, div.section, div#product, div#bigimg, div#size, div#imgs, div#customize, div.customizerbg, div.placement li, div.placewrap, div.location p, div.totals, div#finish, div.section, div.process, div.fields, div#adder, div#pages, div#addresses, div#lines, div.wrap, div#footer, div.heading, div.butt-ugly-seals {
	display: block;
}

div#container:after, div#topbar:after, div#header:after, div#nav:after, div#showcase:after, div#start:after, div#products:after, div.product:after, div.image:after, div#newsletter:after, div#filters:after, div.section:after, div#product:after, div#bigimg:after, div#size:after, div#imgs:after, div#customize:after, div.customizerbg:after, div.placement li:after, div.placewrap:after, div.location p:after, div.totals:after, div#finish:after, div.section:after, div.process:after, div.fields:after, div#adder:after, div#pages:after, div#addresses:after, div#lines:after, div.wrap:after, div#footer:after, div.heading:after, div.butt-ugly-seals:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#overview h1, div#overview h2, div#steps h3, div#steps p, div#featured h5, div.join p, div#heading h5, div#filters h3, div#prevnext h5, div.customizer div.steps ul, div#customize h3, div#info h3, div#cartbar h1, div#outbar h1 {
	display: none;
}

a {
	color: #f80043;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* @end */

/* @group Header + Nav */

div#topbar, div#header, div#nav {
	text-align: left;
	margin: 0 auto;
}

div#topbar {
	background: #272727 url(../images/topbar.png) no-repeat;
	width: 920px;
	min-width: 920px;
	padding: 0 20px;
}

div#login {
	width: 700px;
	float: left;
}

div#login label, div#logged span, div#nav p {
	display: none;
}

div#email, div#password, div#forgot {
	padding: 8px 0 7px;
	float: left;
}

div#email, div#forgot {
	background: url(../images/email.png) no-repeat;
	padding-left: 50px;
}

div#password {
	background: url(../images/password.png) no-repeat 10px 0;
	padding-left: 80px;
}

div#login input.field {
	font-size: 11px;
	width: 100px;
	margin: 0;
	padding: 2px;
	border: 1px solid #fff;
	float: left;
}

div#login input.long {
	width: 140px;
}

div#login input.button {
	margin-left: 10px;
	float: left;
}

div#login p {
	color: #fff;
	font-size: 68.75%;
	padding: 12px 0 9px 10px;
	float: left;
}

div#login p a, div#items a, div#logged a {
	color: #fff;
	text-decoration: underline;
}

div#login p a:hover, div#items a:hover, div#logged a:hover {
	text-decoration: none;
}

div#logged {
	color: #fff;
	background: url(../images/welcome.png) no-repeat;
	width: 500px;
	padding: 13px 0 10px 68px;
	float: left;
}

div#login div#logged p {
	padding: 0;
}

div#items {
	color: #fff;
	font-size: 68.75%;
	text-align: right;
	background: url(../images/items.png) no-repeat;
	padding: 12px 0 9px 35px;
	float: right;
}

div#header {
	background: #82cb00 url(../images/header.png) no-repeat;
	width: 880px;
	min-width: 880px;
	padding: 10px 40px 4px;
}

div#header h1 {
	height: 75px;
	float: left;
}

div#header h1 a {
	background: url(../images/logo.png) no-repeat;
	width: 205px;
	height: 0;
	padding-top: 75px;
	float: left;
	display: block;
	overflow: hidden;
}



div#nav{background:#82cb00 url(../images/nav.png) no-repeat;width:960px;min-width:960px;height:41px;padding-top:9px;}
div#nav ul{padding-left:52px;}
div#nav li{display:inline;}
div#nav li a{background:url(../images/nav.png) no-repeat;height:0;padding-top:41px;float:left;display:block;overflow:hidden;}
div#nav li#nav-home a{width:114px;background-position:-52px -9px;}
div#nav li#nav-home a:hover{background-position:-52px -50px;}
div#nav li#nav-home a.active,div#nav li#nav-home a:hover.active{background-position:-52px -91px;}
div#nav li#nav-catalog a{width:129px;background-position:-166px -9px;}
div#nav li#nav-catalog a:hover{background-position:-166px -50px;}
div#nav li#nav-catalog a.active,div#nav li#nav-catalog a:hover.active{background-position:-166px -91px;}
div#nav li#nav-about a{width:138px;background-position:-295px -9px;}
div#nav li#nav-about a:hover{background-position:-295px -50px;}
div#nav li#nav-about a.active,div#nav li#nav-about a:hover.active{background-position:-295px -91px;}
div#nav li#nav-blog a{width:109px;background-position:-433px -9px;}
div#nav li#nav-blog a:hover{background-position:-433px -50px;}
div#nav li#nav-blog a.active,div#nav li#nav-blog a:hover.active{background-position:-433px -91px;}
div#nav li#nav-help a{width:109px;background-position:-542px -9px;}
div#nav li#nav-help a:hover{background-position:-542px -50px;}
div#nav li#nav-help a.active,div#nav li#nav-help a:hover.active{background-position:-542px -91px;}
div#nav li#nav-status a{width:114px;background-position:-651px -9px;}
div#nav li#nav-status a:hover{background-position:-651px -50px;}
div#nav li#nav-status a.active,div#nav li#nav-status a:hover.active{background-position:-651px -91px;}


p.test {
	padding-bottom: 200px;
}

/* @end */


/* End of Stylesheet */