/* 
	RenovationPlanners.com - Global CSS styles 
	copyright Renovation Planners 2010 
	2010-01-15
*/

/* TOC 
	 1. Baseline Style Reset 
	 2. Global Elements
	 3. Global Fixes
	 4. Header Elements
	 5. Navigation Elements
	 5.5 Subnavigation Elements
	 6. Page Essentials
	 7. Headline Elements
	 8. Overlay Elements
	 9. Promo Area
	10. Column Elements
	11. Footer Elements
	12. Custom ToolTip
	13. Overlay Common Elements
	14. Page not found
	15. Highlights
	16. Feature Story Areas
	17. Article
	18. Filter Elements
	19. No Results Message
	20. Product Options Overlay
*/


/* 1. BASELINE STYLE RESET
------------------------------------------------ */ 
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 2. GLOBAL ELEMENTS 
------------------------------------------------ */
html {
	background-color: white;
}

body {
	font: 68%/1.47 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #19191a;
	min-width: 960px;
	min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.15;
	color: #000;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 2.3em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.35em;
}

h5 {
	font-size: 1.15em;
}

p {
	margin: 7px 0 15px;
	font-size: 1.2em;
}

a {
	color: #e17027;
	text-decoration: none;
	-webkit-transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
	-moz-transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}

a:hover {
	text-decoration: underline;
}

ul, ol {
	margin: 0 0 20px;
}

ol {
	margin-left: 17px;
}
		
li {
	list-style: none outside;
	width: auto;
	padding: 0 0 0 1em;
	float: none;
}

ol li {
	margin-left: 20px;
	padding-left: 0;
	list-style: decimal outside;
	background: none;
	font-size: 1.2em;
}

textarea {
	width: 500px;
}

/* Set widths / margins here */
#container {
	width: 960px;	
	clear: both;
	margin: 0 auto;
}

/* 3. HEADER ELEMENTS 
------------------------------------------------ */
*+html #header {
	height: 150px
}
#header h1, #renovation-planners {
	color: white;
	float: left;
	padding: 40px 0 0;
}

#renovation-planners {
	margin: 0;
}

#press {
	color: #6b6b6b;
	font-size: 10px;
	display: inline;
	line-height: 4em;
}

*+html #press {
	display: none;
}

* html #press {
	display: none;
}

.phone-number {
	float: right;
	color: #e17027;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 10px;
}

#featured {
	float: right;
	margin-bottom: 8px;
}

#featured li {
	float: left;
	padding-left: 5px;
}


/* 4. NAVIGATION ELEMENTS 
------------------------------------------------ */
#nav li a {
	color: #57524e;
	font-size: 1.15em;
	font-weight: bold;
}

/* SUPERFISH MENU STYLES 
http://users.tpg.com.au/j_birch/plugins/superfish/ ***/
#nav ul {
	position:		absolute;
	top:			0;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#nav ul li {
	width:			180px;
}
#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
	float:			left;
	position:		relative;
	padding:		0;
	text-transform:	lowercase;
}
#nav a {
	display:		block;
	position:		relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
	left:			0;
	top:			3.5em; /* match top ul list item height */
	z-index:		99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top:			-999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top:			-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

ul#nav {
	float:			right;
	width:			601px;
	margin-bottom:	0;
	background-color: #ededed;
}

#nav a {
	padding: 		.95em 1em;
	text-decoration:none;
}

#nav li li a {
	padding: 		.75em 1em;
	font-size: 		1.05em;
}
#nav li li a:hover {
	color: white;
}
#nav li#home li,
#nav li#home a:hover,
#nav li#home:hover {
	background:		#9c9c9c;
}
#nav li#who li,
#nav li#who a:hover,
#nav li#who:hover {
	background:		#ffbd4e;
}
#nav li#what li,
#nav li#what a:hover,
#nav li#what:hover {
	background:		#ff913a;
}
#nav li#case li,
#nav li#case a:hover,
#nav li#case:hover {
	background:		#ffd361;
}
#nav li#buzz li,
#nav li#buzz a:hover,
#nav li#buzz:hover {
	background:		#ffbd4e;
}
#nav li#referral li,
#nav li#referral a:hover,
#nav li#referral:hover {
	background:		#ff913a;
}
#nav li#blog li,
#nav li#blog a:hover,
#nav li#blog:hover {
	background:		#ffd369;
}

#home li#blog {
	margin-left: 120px;
}

#case, #buzz, #blog {
	z-index: 5000;
}

#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active {
	outline:		0;
}

#nav li li a:hover {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#nav .first, #nav .first a:hover {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;	
}
#nav .last, #nav .last a:hover {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

/*** arrows **/
#nav a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.25em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1em;
}


/* 5. CONTENT ELEMENTS 
------------------------------------------------ */
#content {
	min-height: 556px;
}
#content h1, #content h2 {
	clear: both;
	padding: 40px 0 30px;
	color: #3d3d3d;
}

#content h1 {
	padding: 30px 0 20px;
}

h1 strong, h2 strong {
	text-transform: uppercase;	
}

#article {
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #c5c5c5;
	min-height: 400px;
	width: 660px;
	margin: 50px 0 30px;
	padding: 0 20px;
}

#media {
	width: 384px;
	float: left;
	position: relative;
}
#media object, #media img {
	clear: left;
	display: block;
}
#remodeling-report {
	width: 280px;
	padding: 10px 0 10px 10px;
	margin-left: -20px;
	float: left;
	border-left: 2px solid #EEEEEE;
	text-align: center;
}
#remodeling-report p {
	margin: -4px 0;
}
#diduno {
	padding-left: 30px;
}
#remodeling-report-signup {
	float: right;
	margin-top: 15px;
	background: url(img/report.jpg) no-repeat top left;
	min-height: 375px;
	margin-right: -5px;
}
#remodeling-report-signup form {
	margin-top: 320px;
	margin-bottom: 20px;
}
#report legend {
	display: none;
}
#report label {
	display: inline;
}
#remodeling-report-signup label {
	padding-right: 10px;
	color: white;
}
#report input {
	width: 200px;
	margin-bottom: 5px;
}
#remodeling-report-signup input {
	width: 150px;
	margin-right: 40px;
}
#report input[type=submit] {
	width: 70px;
	margin-bottom: 0;
	margin-left: 100px;
}
#report ul {
	margin: 0;
}
#monica {
	float: left;
	margin-top: -170px;
	z-index: 999;
	position: relative;
}


/* 5. BLOG ELEMENTS 
------------------------------------------------ */
.post-rss {
	font-size: 10px;
	}

#comments {
	padding: 10px 0;
	}

#comments_list {
	background: #fffeef;
	}

#comments_list li {
	padding: 10px;
	list-style: none;
	}

#comments_list li:nth-child(even) {
	background: #efefef
	}
	
#comments_list .author {
	background: #E6EFE0;
	}

.comments_reply {
	border-top: 1px solid #C6D3A5;
	padding-top: 10px;
	}

.comments-tags {
	font-size: 10px;
	}

.comments-tags code {
	display: block;
	background: #fafafe;
	padding: 5px 10px;
	}

.comments_reply textarea#comment {
	width: 100%;	
	}



/* 5. FOOTER ELEMENTS 
------------------------------------------------ */
#footer {
	min-height: 100px;
	width: 100%;
	clear: both;
}

#footer li {
	float: left;
	padding: 0 6px 0 0;
}

#footer a {
	color: orange;
	text-decoration: underline;
}

#top10 {
	margin-top: -28px;
}

#copyright {
	clear: both;
	text-align: center;
}



/* 5. SKIP TO CONTENT ELEMENTS 
------------------------------------------------ */
#intro-border {
	top: 0;
	width: 100%;
}

#intro-border a {
	width: 100%;
	margin: 0 auto;
	display: block;
}

#intro-border em {
	display: none;
}


/*
Here is a list of all the unused tags in Whiteboard theme.
*/

.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
.comments_navigation{}
.comments_navigation{}
.comments_text{}
.comments_meta{}