/*
Theme Name: Potty Queen 2010
Version: 1.0
Author: hot glue media
Author URI: http://hotgluemedia.com

Many thanks to Mr. Elliot Jay Stocks (http://elliotjaystocks.com) for his work on Starkers (http://elliotjaystocks.com/starkers)
*/

/* Reset  */
	a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, dl, div, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
	:focus { outline: 0; }
	blockquote, q { quotes: none; }
	body { line-height: 1; }
	del { text-decoration: line-through; }
	ins { text-decoration: none; }
	ol, ul { list-style: none; }
	table { border-collapse: collapse; border-spacing: 0; }

/* Fonts */

/* General Styles */
	body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;  }
	#container { background: #005daa; height: 100%; margin: 10px auto 0 auto; min-height: 650px; overflow: hidden; width: 1000px; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	small { font-size: 10px; }
	.alignright { float: right; margin: 0 45px 15px 15px; }
	.alignleft { float: left; margin: 15px 15px 15px 0; }
	span { display: none; }
	hr { margin: 0 0 15px 75px; }

/* Headers */
	h2, h3, h4, h5 {  }
	h1 { margin-left: 15px; }
	h2 { margin: -17px 0 15px 75px; position: relative; z-index: 500; }
	h3 { }
	h3.indent { margin: 5px 0 5px 75px; }
	h4 {  }
	h5 {  }
	h6 {  }

/*Paragraphs */
	p { font-size: 1.4em; margin-left: 35px; max-width: 700px; padding-bottom: 15px; }
	blockquote {  }
	cite, cite a, cite p {  }
	.orgs img { padding-bottom: 5px; }
	#content p.also { padding-bottom: 5px; }

/* Links */
	a:link, a:visited { color: #005daa; text-decoration: none; }
	a:hover, a:active, a:focus { color: #f58426; }
	h2 a:link, h2 a:visited {  }
	h2 a:hover, h2 a:active, h2 a:focus {  }

/* Lists */
	li { font-size: 1.4em; }
	ul, ol { margin-left: 10px; padding-left: 10px; }
	ul.perfectalso { margin: 0 0 0 95px; }
	ul.perfect { margin: -10px 0 0 95px; }
	ul.perfect li, ul.perfectalso li { margin-left: 10px; padding-left: 5px; }
	ul { list-style-type: disc; }
	ol { list-style-type: decimal; }
	#sub ul { margin-left: 75px; padding-bottom: 15px; }
	#sub #sidenav ul, #sub #sidenav { margin-left: 0; }
	.stats li { margin-left: 25px; padding-left: 0; }

/* Images */	
	img.alignleft { float: left; padding-right: 10px; }
	img.alignright { float: right; padding-left: 10px; }
	img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	img#wpstats { display:none; }

/* Forms */
	#hgmform { display: block; float: left; margin-left: 75px; width: 400px; }
	#hgmform input { border: 1px solid #ccc; margin: 0; width: 250px; }
	#hgmform textarea { border: 1px solid #ccc; float: left; margin: 10px 0 0 0; width: 250px; }
	#hgmform textarea:focus, #hgmform input:focus { border: 1px solid #213f94; }
	#hgmform input.submit-button { float: left; padding: 5px; position: relative; margin-top: 0; width: 100px; }
	label { float: left; font-size: 1.2em; margin-right: 25px; position: relative; text-align: left; width: 100px; }
	.formline { float: left; padding-bottom: 5px; width: 400px; }
	.formline label { padding-top: 0; }
	.formline-check { float: left; font-size: 1.2em; padding-top: 10px; width: 400px; }
	#hgmform .formline-check input { width: auto; }
	.formline-checklabel { margin: 10px 0 0 0; }
	.checklist { margin-left: 25px; margin-bottom: 10px; float: left; width: 250px; }
	.buttons { float: left; margin-left: 125px; margin-top: 0; padding-top: 0; width: 250px; }
	.buttons-no { float: left; margin-left: 0; margin-top: 0; padding-top: 0; width: 250px; }
	#hgmform input.checkbox { float: left; width: auto; }
	#hgmform .checklist input { border: 1px solid #fff; }
	.formline label#quest { margin-top: 15px; }
	#fred { height: 1px; }
	#hgmform .formline-no input { float: left; margin-right: 10px; width: 25px; position: relative; z-index: 20; }
	#hgmform .formline-no label { float: left; padding-top: 2px; width: 325px; }
	#hgmform .formline-no label#howhear, #hgmform .formline-no label#quest { width: 250px; }
	#hgmform .formline-no p { font-size: 1.2em; padding: 0; margin: 0; position: relative; z-index: 10; }
	#hgmform .formline-no { float: left; padding-bottom: 5px; width: 425px; }
	#hgmform .formline-no textarea { width: 425px; }
	#hgmform .formline-s input { float: left; margin-right: 10px; width: 25px; position: relative; z-index: 20; }
	#hgmform .formline-s label { float: left; padding-top: 2px; width: 210px; }
	#hgmform .formline-s p { font-size: 1.2em; padding: 0; margin: 0; position: relative; z-index: 10; }
	#hgmform .formline-s { float: left; padding-bottom: 5px; width: 425px; }
	#hgmform .formline-s textarea { width: 200px; }
	#hgmform p.back { font-size: 1.2em; font-weight: bold; margin: 0; }
	#hgmform hr { background: #fff; border: 1px solid #fff; color: #fff;  }

/* Header */
	#header { background: #fff url(img/header.png) no-repeat; float: left; height: 125px; width: 1000px; }

/* Sidebars */
	#sidebar { float: left; min-height: 350px; width: 225px; }
	#secondary-sidebar { float: right; margin: -10px 25px 0 0; min-height: 250px; width: 200px; }
	#sidenav { background: transparent; float: left; margin: 10px 0 0 0; padding: 0; position: relative; width: 200px; z-index: 102; }
	#sidenav li, #sidenav li a { display: block; height: 60px; list-style: none; margin: 0; padding: 0; width: 200px; }
	#sidenav li a.brochure { background: url(img/sidenav_brochure.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.floorplan { background: url(img/sidenav_floorplan.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.questions { background: url(img/sidenav_questions.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.compare { background: url(img/sidenav_compare.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.order { background: url(img/sidenav_order.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.community { background: url(img/sidenav_community.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.news { background: url(img/sidenav_news.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.about { background: url(img/sidenav_about.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.servicearea { background: url(img/sidenav_servicearea.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.careers { background: url(img/sidenav_careers.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.contact { background: url(img/sidenav_contact.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.testimonials { background: url(img/sidenav_testimonials.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.risers { background: url(img/sidenav_risers.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.septicsvc { background: url(img/sidenav_septicsvc.png); background-position: 0 0; margin-left: -5px; }	
	#sidenav li a.septictips { background: url(img/sidenav_septictips.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.svclog { background: url(img/sidenav_svclog.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.septiccontract { background: url(img/sidenav_septiccontract.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.liquid { background: url(img/sidenav_liquid.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li a.survey { background: url(img/sidenav_survey.png); background-position: 0 0; margin-left: -5px; }
	#sidenav li:hover a { background-position: 0 -59px; }
	.cc { float: right; margin: 0 10px 0 0; padding: 0; }
	.dent { float: right; margin: 20px 25px 0 -200px; position: relative; width: 200px; z-index: 5000; }
	.teamlist { float: right; margin: 15px 0 0 10px; width: 200px; }
	.teamlist img { padding-bottom: 5px; }
	#content .teamlist p { padding-left: 0; margin-left: 10px; }

/* Navigation */
	#nav { float: left; margin: 75px 0 0 15px; width: 200px; }
	#nav li, #nav li a { display: block; height: 40px; list-style: none; margin: 0; padding: 0; width: 200px; }
	#nav li a.home { background: url(img/nav-home.png); background-position: 0 40px; }
	#nav li a.about { background: url(img/nav-about.png); background-position: 0 40px; }
	#nav li a.restrooms { background: url(img/nav-restrooms.png); background-position: 0 40px; }
	#nav li a.comfort { background: url(img/nav-comfort.png); background-position: 0 40px; }
	#nav li a.septic { background: url(img/nav-septic.png); background-position: 0 40px; }
	#nav li a.order { background: url(img/nav-order.png); background-position: 0 40px; }
	#nav li a.contact { background: url(img/nav-contact.png); background-position: 0 40px; }
	#nav li a.bulk { background: url(img/nav-bulk.png); background-position: 0 40px; }
	#nav li:hover a { background-position: 0 0; }

/* Content */
	#content_wrapper { float: right; height: 100%; margin-left: -25px; width: 800px; }
	#content { background: url(img/content_body.png) repeat-y; float: left; height: 100%; min-height: 350px; position: relative; width: 800px; z-index: 100; }
	#content p { margin-left: 75px; position: relative; z-index: 500; }
	#content_top { background: url(img/content_top.png) no-repeat; float: left; height: 100px; position: relative; width: 800px; z-index: 100; }
	#content_bottom { background: url(img/content_bottom.png) no-repeat; float: left; height: 100px; position: relative; width: 800px; z-index: 100; }
	#sub { float: left; width: 500px; }
	.watermark { float: left; margin: 50px 0 -341px 75px; position: relative; z-index: 101; }

/* Main Page Columns */
	#cols { float: left; margin: 50px 0 0 75px; min-height: 150px; position: relative; width: 700px; z-index: 500; }
	#col1, #col2, #col3, #col4 { float: left; margin: 10px 30px 0 0; min-height: 150px; position: relative; width: 150px; z-index: 500; }
	#col1 { background: url(img/col_crown.png) no-repeat; }
	#col1 ul { padding-top: 5px; }
	#col1 li { font-size: 1.3em; line-height: 110%; list-style: circle; padding-top: 5px; }
	#col1 a:link, #col1 a:visited { color: #000; text-decoration: none; }
	#col1 a:active, #col1 a:hover, #col1 a:focus { color: #005daa; }
	#col2 {  }
	#col3 { background: url(img/col_crown.png) no-repeat; }
	#col3 p { font-size: 1.3em; line-height: 110%; margin: 0; padding: 5px 0 0 0; }
	#col3 a:link, #col3 a:visited { color: #005daa; text-decoration: none; }
	#col3 a:active, #col3 a:hover, #col3 a:focus { color: #000; }
	#col4 { background: green; margin-right: 0; }

/* Item Thumbnails */
	.itemcol { margin-left: 71px; position: relative; width: 800px; z-index: 500; }
	.item { float: left; height: 185px; margin: 0 25px 25px 0; width: 210px; }
	.item img { display: block; margin-left: auto; margin-right: auto; }
	.item h3 { padding-top: 5px; }

/* Footer */
	#footer { float: left; height: 60px; margin-top: -40px; position: relative; width: 1000px; z-index: 500; }

/* Data Tables */
	table { border: 2px solid #ccc; margin-left: 75px; }
	tr { border: 2px solid #ccc; }
	td { border: 1px solid #000; width: 55px; }