/*
Name:	Affordable Roofing
URI:	http://affordableroofing.net/
*/

body { background: #44443f; color: #222; font: 66.7% Verdana, sans-serif; }

* { padding: 0; margin: 0; }



/*---:[ core layout elements ]:---*/

#container { width: 970px; margin: -12px auto 0 auto; padding: 0.3em; background: #33332f; 
	border: 0.4em solid #3e3e3a; border-top:0;  }

	#header { position: relative; width: 970px; height: 150px; color: #fff; 
		background: url(../images/header-background.jpg) }
	#navigation {
		width:970px; height: 47px; 
		background: url(../images/nav-background.jpg);
	}

	#content_box { width: 970px; text-align: left; background-color: #fff; padding-top:10px; }

		#left_box { width: 669px; float: left; margin: 10px 0 10px 20px; }

			#content {  }

		#right_box { width: 230px; float: left; margin:0 10px 0 30px;}
		.sidebar { float: left; }

		#left_bar { width: 180px; padding: 30px 0 0 0; }

		#right_bar { width: 280px; padding: 133px 0 0 0; }
	#testimonial-block {
	position: relative;
	width: 970px;
}
	#subfooter { position: relative; width:970px; background-color:#ffffff; text-align:center; 
		padding:12px 0 20px 0; }
	#footer { position: relative; padding: 1.0em 10px 1.0em 690px; 
		font-size: .82em; color: #fff; background: #000; border-top: 5px solid #a90000; }



/*---:[ headlines ]:---*/

h1, h2, h3 { font: bold 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 { font-weight: bold; font-size: 1.8em; line-height: 1.25em; text-align: center; color:#800000; }

h2 { font-weight: bold; font-size: 1.6em; line-height: 1.25em; text-align: center; color:#800000; }

	h2 a, h2 a:visited { color: #a90000; }
	
	h2 a:hover { color: #000; text-decoration: none; }

	.posts h2 { margin: 0 0 0.125em 0; padding: 30px 0 0 0; border-top: 1px dotted #bbb; text-align: center; }
	
	.posts h2.top, .posts h2.first { padding: 20px 0 0 0; border-top: none; }
	
	.posts h2.first { padding: 10px 0 0 0; }

h3 { font-size: 1.23077em; }

	h3.checked {background-color: transparent; 
	background-image: url(/styles/images/small-check-mark.jpg);
		background-repeat: no-repeat; 
		background-attachment: scroll; 
		background-x-position: left;
		background-y-position: center; 
		padding-left: 18px;
		background-position: 3px;
}

	
		

/*---:[ global elements ]:---*/

/*
hr { display: none; }
*/

a, a:visited { color: #a90000; text-decoration: none; }

a:hover { color: #a90000; text-decoration: underline; }

a img { border: none; }

blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 20px 1.53846em 20px; margin-top: 5px; padding: 2px 0 0 7px; border-left: 3px solid #806060; }

abbr, acronym { border-bottom: 1px dotted #888; text-transform: uppercase; cursor: help; }

code { color: #090; font-family: "Andale Mono", Courier; }

pre { margin: 0 0 1.53846em 0; font-family: "Andale Mono", Courier; overflow: auto; float: left; clear: both; }

	/*---:[ global <p> elements ]:---*/
	p { padding-bottom:.5em;}
	p.center { text-align: center !important; }
	p.bottom { margin: 0 !important; }
	p.unstyled { font-size: 1.3em; }
	p.readmore {background-image: url(/styles/images/small-check-mark.jpg);
				background-repeat: no-repeat;  padding: 0 21px 20px 21px; font-size:1.32em;
				margin:30px 50px; clear:left;   }
		p.readmore a:link {border-bottom: 1px dotted;)
			
		}
		p.readmore a:hover {border-bottom: 1px solid; color:navy; text-decoration:none;
			
		}
	p.error { margin:15px;text-align:center; padding:6px; border: 1px solid #cBdA8F; background-color: #EBFAAF; color:#900;}
	p.caption { font-size:.85em; padding:0 7px 14px 7px; margin-top:-12px;}
	p.category { font-size:.85em; text-align:center;}
	p.description { font-weight: bold;}
	p.blast { 
		text-align: center; font-size: 1.8em; color: red;  
		width: 90%; margin-left: 5%; 
	}
	
	/*---:[ global <img> elements ]:---*/
	img.inset { float: right; border: 1px solid #dedede; background-color: #eeeeee; font-size: 11px;
		margin: 10px; padding: 10px;}
	img.left { margin: 0 20px 0.76923em 0; float: left; clear: left; }
	img.right { margin: 0 0 0.76923em 20px; float: right; clear: right; }
	img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }
	img.frame { padding: 6px; border: 1px solid #aaa; background: #eee; }
	img.stack { clear: none !important; }


ul { list-style-type: square; list-style-position: outside; padding:0 0 9px 3px; margin-top: 1px; }
li { padding-top: 5px; margin-left: 5px; color: #666666; }

dl {
   font-size: 11px;
   line-height: 15px;
   padding: 0;
   margin: 0;
}
dt {
   font-weight: bold;
   margin-left: 5px;
   padding-top: 3px; clear:left; border-top:1px solid #ddd;}
dd {
   margin:0 10px 0px 10px; float:left;
}
dd a, dd a:visited { text-decoration: underline; }
dd a:hover { text-decoration: none; }

dl.glossary { 	display:block; }
dl.glossary dt { margin:0;border:0; clear: left;}
dl.glossary dt:after { content: ": "; }
dl.glossary dd { float: none; display: inline;}

dl.album-list dd, dl.article-list dd {
	width:456px; margin-top:5px;
}


/*---:[ nav menu styles ]:---*/

ul#nav_menu { float:right; list-style: none; 
max-width:765px; margin-right:4px;}

ul#nav_menu li {
border-left:2px solid #900000;
border-right:1px solid #BB0000;float:left;
font-size:14px;
letter-spacing:1px;
line-height:22px;
margin:0 0 0 1px;
padding:0;
}
ul#nav_menu li.first {border-left:0;}
ul#nav_menu li.last  {border-right:0;}
	
		ul#nav_menu li a, ul#nav_menu li a:visited { display: block; padding: 0.36364em 0.66667em 0.45455em 0.66667em; color: #ddd; }

		ul#nav_menu li a:hover { color: #fff; background: #cc0000; text-decoration: none; }

ul.breadcrumbs  { text-align:center; list-style:square;}		
	ul.breadcrumbs li { display:inline; font-weight:normal; color:black;margin:.25em;}
	ul.breadcrumbs:after {clear:left;}
	ul.breadcrumbs li a {color:#335; font-weight:normal; text-decoration:underline;}
	ul.breadcrumbs li:before {content:">";margin-right:.25em;}
	ul.breadcrumbs li.first:before {content:"";}

/*---:[ #header styles ]:---*/

/*#header { background: url(/styles/images/roof-silhouette2.jpg) repeat-x; }*/

#logo { position:absolute; top:16px; left:8px; width: 270px; height: 168px; }

	#logo a { display: block; width: 270px; height: 168px; background: url(/images/business-card.png) no-repeat; text-indent: -9999px; outline: none; }
	
	
#header h1, #header p#tagline { font-weight: normal; font-size: 1.4em; line-height: 1em; color: #888; }

#postit { position: relative; top:0px; left:20px; width: 213px; height: 145px; }
	#postit a { display: block; width: 213px; height: 170px; background: url(/images/free-estimate-post-it.png) no-repeat; text-indent: -9999px; outline: none; }


/*---:[ content styles ]:---*/
.halfcol { float: left; width: 290px; padding-left: 20px; }
.contentcol { float: left; width: 205px; padding-right: 15px; }

.icon {
   float: left;
   margin: 3px;
   padding: 10px;
}
.prodlogo {
	float: left;
	width: 180px;
}
.prodlogo img {
	float: right;
	padding-top: 15px;
}
.proddesc {
	float: left;
	width: 450px;
	padding: 10px 0 0 10px;
}

#angieslist { border-top:1px dotted; border-bottom:1px dotted; margin:10px; padding-bottom:5px;}		

/*---:[ image gallery styles ]:---*/
#thumbpanel { display:block; margin:10px 0 0 30px; float:none; clear:both;}
	#thumbpanel img {float:left; margin:6px; padding:4px; border: 1px solid #aaa; background: #eee;}

/*---:[ Insurance Table styles ]:---*/
/*.insurance-chart { width: 350px;  position:relative; left:160px; top:5px; }*/
.insurance-chart { width: 350px; float:right; padding:5px 0 0 25px; }
.insurance-chart table { border-collapse: collapse;}
.insurance-chart table th {text-align:center; padding:2px; background: #990000; color: #ffffff;  }
.insurance-chart table td {text-align:right;  padding:2px 5px 2px 0;}
.insurance-chart table td.firstcol {text-align: left; padding:2px 0 2px 5px;}
.insurance-chart p { font-size: .85em; padding-top:3px; }

/*---:[ Weather Widget styles ]:---*/
#weather-widget { width:630px; background: url(/images/weather/clouds_630x440_bg.jpg);
				font-weight:bold;  }
   #weather-widget .heading { color: white; }
      #weather-widget h2{ color: #ffe2c6; }
   #weather-widget .current { float:left; padding: .5em .2em; text-align:center; }
      #weather-widget p { padding:0; font-size:.92em;}
      #weather-widget p.temp { font-size:1.98em; color:#a22; padding:.2em;}
   #weather-widget .details {margin:8px 3px; text-align:left;}
     #weather-widget dl {}
	 #weather-widget dt { margin:0; padding:0; border:0; font-size:.87em;
		width:60px; float:left; clear:left; text-align:right; }
	 #weather-widget dt:after { content: ": "; }
	 #weather-widget dl dd {margin:0 3px; padding:0; border:0; float:left;
	 			font-weight: normal;}
   #weather-widget .radar {float:left; padding-left:2em;}
   #weather-widget .forecast-wrapper {clear:left; background-color:#6DAFE9;}
   .forecast-wrapper .forecast {float:left;width:126px; background-color:#6DAFE9; padding:.4em 0; text-align:center;}	
/*---:[ sidebar styles ]:---*/
.sidebar-block { margin-bottom: .4em; }

.address { text-align:center; padding: 5px 0 0 0; border: 1px solid #eFe7cF; 
	background-color:#FFF7DF; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; }

.sidebar-block ul { list-style: none; }
.sidebar-block li { padding-left: 11px; background: url('images/bullet_sidebar.gif')  -1px 6px no-repeat;}

#right_box h3 { background-color: #933; color:#fff; padding: 2px 0 2px 9px; clear: both; }

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget { margin: 0 0 2.0em 0; padding: 0 10px; font: normal 1.2em/1.33333em Verdana, sans-serif; float: left; }

	#left_bar li.widget { width: 160px; }
	
	#right_bar li.widget { width: 260px; }
	
	#right_bar li#search { margin: 0 0 2.5em 0; }
	
	
	/*---:[ generic sidebar styles ]:---*/

		li.widget p { margin: 0 0 1.0em 0; }
		
		li.widget ul { list-style: none; }
		
		li.widget ol { margin: 0 0 0 20px; }
		
			li.widget li { margin: 0 0 0.6em 0; padding: 0 0 0 19px; background: url('images/bullet_sidebar.gif') 5px 0.3em no-repeat; }
		
			#left_bar li.widget li { padding: 0 0 0 14px; background-position: 0 0.3em; }
			
			#right_bar li.widget li br { display: none; }
			
				li.widget ul li ul { margin: 0.6em 0 0 0; }
				

/*---:[ footer styles ]:---*/

#footer a, #footer a:visited, #footer a:hover { color: #aaa; }

#footer p { margin: 0 0 1.5em 0; text-align: right; }

	#footer p a, #footer p a:visited { color: #fff; text-decoration: none; border-bottom: 1px solid #000; }

	#footer p a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #555; }
	
	#footer a img { display: none; }

#article-wrapper h1,#article-wrapper h2 {text-align:left;}

#subfooter img {
	padding-right: 30px;
}
#subfooter img.last {
	padding-right: 0;
}

/*---:[ Testimonial Block ]:---*/
#testimonial-block {
	background-color: #993333;
	text-align: center;
	padding: 20px 0 0 0;
	border-bottom: 4px solid #caa;
	border-top: 4px solid #caa;
}
#testimonial-block h3 {
	display: none; line-height: 0;
}
#testimonial-block blockquote {
border:0 none;
color:#CCAAAA;
float:left;
font-size:1.6em;
line-height:21px;
overflow:visible;
width:28%;
}

/*---:[ estimate request form styles ]:---*/
#request_form {}

	#request_form  dl {	width:460px;}
		#request_form dd, #request_form dt {padding:3px 0; margin:0;}
		#request_form dt { clear:left; float:left; font-weight: bold; width: 210px; text-align:right; 
			border:0; }
		#request_form dd {clear:none;float:left;}
		#request_form dt:after {content:':';}
	ul.errors { list-style:none; float:left; clear:none; }
		ul.errors li { display: inline-block; float:left; color:#f00; text-indent:0;  }
		ul.errors li:before {content:'*'}
	label.required:before {content:'*'; color:#f00;}
	#request_form legend{ margin-left:15px; padding:2px 5px; background-color:#fff; 
						font-size:1.2em;  border:1px solid #000; margin-top:4px;}
	#request_form fieldset { background-color:#ffFfdF;}
	#request_form p.hints { }
	#request_form input, #request_form select { margin-left: .25em; }
	#request_form textarea {max-width:385px; margin-left:80px;
	}
	
/*---:[ self-clearing floats from Dan Cederholm ]:---*/

#angieslist:after,#content_box:after, #nav_menu:after,#weather-widget:after, #testimonial-block:after
 { content: "."; display: block; 
height: 0; clear: both; visibility: hidden; }

.clearall { height: 0; clear: both; }