/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/* RESET */

* 					        { margin: 0px; padding: 0px; }

html 						{ overflow-y: scroll; }

html, body 					{ height: 100%;}

body 						{ background-image: url(http://www.duggerpools.com/wp-content/uploads/pool_water2.jpg); font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; }

h1, h2, h3, h4, h5, h6	                        { color: #3366cc;}

p						{ font-size: .8em; }

a						{ color: #3366cc; }

a:hover						{ color: black;}

/* STURCTURE */

#page-wrap					{ width: 960px; margin: 0px auto -100px; min-height: 100%; height: auto !important; height: 100%; }

#push						{ height: 100px; }

/* UTILITY */


.img_center					{ text-align: center; padding-top: 30px;}

.img_space 					{ padding-right: 10px; } 

.align_left					{ float: left; }

.align_right				        { float: right; }

.clear 						{ clear: both; }

.hr 						{ border-top: 1px solid #000; margin-top: 0px; padding-bottom: 5px; width: 79%; }


/*	Header	*/
.round                                          { -moz-border-radius-topleft: 25px; -moz-border-radius-topright:25px; -webkit-border-top-left-radius:25px; -webkit-border-top-right-radius:25px; float: left; height: 160px; width: 100%; margin-top: 15px;  background-color: white; }
#header 					{ }

#header p 					{ font-weight: bold;  font-family: Times, Times New Roman, Serif; font-size: 0.9em; color: #3366cc; padding-top: 25px; padding-right: 30px;}

#header a 					{ text-decoration: none; color: #3366cc; }

#header a:hover				        { color: black;}

#header img					{ position: relative; top: 17px; left: 12px;}

/*  NAV  */

#nav 						{  background-color: #FF6600; border-bottom: 8px solid #FFCC00; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px;  }

#nav li 					{ display: inline; padding-left: 5px; padding-right: 5px; }

#nav li a 					{ letter-spacing: 1px; text-decoration: none; color: white; font-size: 0.85em; }

#nav li a:hover 			        { text-decoration: none; color: #003366;}

#icon 						{ float:right; padding-right: 15px; }

#icon a 					{ display:block; width:24px; height:24px; background-image: url(http://www.duggerpools.com/wp-content/uploads/facebook_icon.png); }

#icon a:hover 				        { background-image: url(http://www.duggerpools.com/wp-content/uploads/facebook_icon.png); background-position: 0 -24px; }

/*	Post Content  */

#content 					{ height: 100%; background-color: white; min-height: 600px; }

#feed 						{ padding-top: 20px; padding-bottom: 40px; padding-left: 140px; padding-right: 140px;  }



/*  Staff  */

#staff 						{ padding-top: 0px; padding-left: 40px; padding-bottom: 40px; padding-right: 40px; }

.history					{ float: left; width:550px; padding-bottom: 30px; padding-top: 70px; padding-right: 40px;}

.history_img				{ float: left; padding-right: 20px; padding-left: 40px; padding-top: 40px; padding-bottom: 30px;}

#staff h4					{ color: black; }

#staff a					{ text-decoration: none;}

.staff_box					{padding-bottom: 20px; float: left;}

.staff_img					{ float: left; padding-right: 10px; }

.staff_text					{ float: left; padding-top: 35px; width: 300px;}

#contact					{ padding-left: 40px; padding-right: 40px; padding-top: 70px; }

.map						{ padding-right: 40px; float: left;}

.form						{ float: left; }

/*  Contact  */



/*  Pools  */
#pools_about 				{ float: left;  padding-left: 40px; width: 400px; padding-top: 80px; }

#pools_img					{ float: right; padding-top: 40px; padding-right: 40px;}

#pools 						{ padding-top: 50px; padding-left: 40px; padding-right: 40px;  padding-bottom: 10px;}

#pool_container 			{ padding-bottom: 30px; }

#pool_img 					{ float: left; text-align: center; padding-right: 10px; font-size: .8em; line-height: 25px; }

#pool_img a  				{ color: #3366cc; text-decoration: none;}

#pool_img a:hover  			{ color: black; text-decoration: none;}

#pool_text					{ float: left; padding-right: 5px; width: 250px; }




/*  Spas  */

#spas_about 				{ float: left;  padding-left: 40px; width: 400px; padding-top: 80px; }

.spa_img				{ float: right; padding-top: 40px; padding-right: 40px; text-align: center; }

.spa_img a  				{ color: #3366cc; text-decoration: none; font-size: 1.2em;}

.spa_img a:hover  			{ color: black; text-decoration: none;}

#baja						{ padding-left: 40px; padding-right: 40px; padding-bottom: 20px; }

.baja_img					{ float: right; padding-top: 90px;}

.baja_info					{ float: left; width:400px;}

#finnleo					{ padding-left: 40px;  padding-bottom: 40px; padding-right: 40px;}

.finnleo_img				{ float: right; padding-top: 110px;  }

.finnleo_info				{ float: left; width: 400px;   }

#grills					{ width: 400px; float: left; padding-left: 40px; padding-top: 80px;}

#grill_img				{ float: left;  padding-left: 40px; padding-top: 40px;}

#traeger 				{ width: 400px; float: right; padding-right: 40px; padding-top: 250px;}

#traeger_img				{ float: left; padding-top: 50px; padding-left: 40px;}

#traeger a					{text-decoration: none;}

#recipe						{list-style: decimal; font-size: .8em; }

/*  Retail  */

.retail					{ float: left; padding-left: 40px; width: 400px; padding-top: 75px;}

#retail_list				{ padding-left: 15px; line-height: 22px; width: 400px;}


/*  Services  */

#service_top				{padding-right: 40px; padding-left: 40px; padding-top: 40px;}

#service_bottom				{padding-right: 40px; padding-left: 40px; padding-bottom: 40px;}

.service_info				{ float: left; padding-left: 40px; padding-top: 80px; width: 400px; }

.service_list				{ float: left;  padding-top: 72px; padding-left: 40px;}

.service_img1				{ float: left; padding-left: 40px; padding-top: 40px; }

.service_img2				{ float: left; padding-left: 40px; padding-top: 70px; padding-bottom: 40px; }

#services 					{ margin-left: 0; padding-left: 15px; line-height: 22px;}



/*  Footer  */

#footer 					{ border-top: 8px solid #FFCC00; width: 960px;  background-color: #FF6600; height: 100px; margin: 0px auto; }

#footer p 					{ float: left; color: white; font-size: .8em; padding-left: 15px; padding-top: 18px; text-decoration: none;}

#footer a                                       { color: #ffffff; text-decoration: none; }

#footer a:hover                                 { color: #000000;  }

#nav_b 						{ float: right; text-align: center; font-size: 0.7em; padding-top: 18px; padding-right: 15px;}

#nav_b li 					{ color: white; display: inline;}

#nav_b li a					{ color: white; text-decoration: none; }

#nav_b li a:hover                               { text-decoration: none; color: #003366; }