/*  

Theme Name: Elegance

Theme URI: http://www.powertheme.com/themes/elegance/

Description: An elegant WordPress theme brought to you free by <a href="http://www.powertheme.com">PowerTheme</a>

Version: 1.1

Author: PowerTheme

Author URI: http://www.powertheme.com/

Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns

*/


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#mainpage {padding-bottom: 60px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;} 
	
#footer {width: 100%; background: #d4d4d4; background-image: url(img/body-bg2.png);
	background-repeat: repeat-x; color:#FFF}

#footer .inner { width: 800px; margin: 0 auto; }	

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


* { margin: 0; padding: 0; outline: none; }



a:link, a:visited, a:active { color: #6891c3; }

a:hover { color: #134077; }



body {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 12px;
	color: #666;
	background-color: #d7e895;
	background-image: url(img/sf_content_bg.png);
	background-repeat: repeat-y;
	background-position: center center;
}

#wrapper {

}

#mainpage {
	width: 800px;
	height: 100%;
	margin: auto;
}



#header {
	width: 100%;
	height: 138px;
	background-image: url(img/body-bg2.png);
	background-repeat: repeat-x;
}
#headermid {width:800px; margin:auto;}
a.logo { width: 280px; height: 100px; float: left; background: url(img/Sproutfitters_logo.png); margin-top: 20px; }

a.logo span { display: none; }



.search { float: right; margin-top: 55px; }

.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }


#subheader {width:100%; xbackground-color:#C90;}
#subheadercontent { background: url(img/subheader-bg.png) no-repeat; width: 800px; height: 155px; xfloat: left; margin:auto;}

#subheader p { font-size: 10px; padding: 55px 0 0 10px; width: 460px; }



/*

	script stuff 

*/

.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }



#content { width: 550px; float: left; background-color:#fff; padding-left: 10px;}



.post { width: 560px; margin-bottom: 50px; }

.post h2 a { color: #24446b; font-weight: normal; text-decoration: none; font-size: 24px; }

.post span.post-info { color: #CCCCCC; font-size: 10px; padding-bottom: 10px; width: 560px; float: left; }

.post p { line-height: 22px; margin-bottom: 10px; }

.post div.cats { border-top: 1px solid #ececec; padding-top: 10px; }



#sidebar { width: 190px; float: right; }

#sidebar img {border:0}

#sidebar ul { list-style-type: none; }

#sidebar ul li { padding-bottom: 5px; border-bottom: 1px solid #ececec; margin-bottom: 15px; }

#sidebar ul li ul li { margin: 0; border: none; padding: 0; }

#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 10px; display: block; width: 165px; xbackground: url(img/sidebar-bullet.gif) no-repeat 0px 7px; }

#sidebar ul li h2 { font-size: 18px; color: #474747; padding-bottom: 9px; font-weight: normal; }



.navigation .previous {float:left;}

.navigation .next {float:right;}







/*

	.comments template styles

*/



.comments { float: left; padding: 0; }



.comments input[type=text], textarea { width: 350px; }



textarea { width: 450px; }



.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }



.comments p { padding: 0 0 10px 0; }



.comments h2 { padding: 0 0 15px 0; }



#cdisplay { list-style-type: none; padding: 0; margin: 0; }



	#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }

	

	#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }

	

	#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



img.avatar {float:right;}