/*

Theme Name: Siding Calculator

Theme URL: www.sidingcalculator.org/



*/



body {

background:#fff;

font-family:verdana;

font-size:13px;

line-height:19px;

color:#000;

padding:0;

margin:0;

}



.posts_title {	

font-size: 22px;

font-family: 'Cantarell', arial, serif;	

margin-bottom: 8px;	

margin-top: 4px;	

font-weight: 100;	

line-height: 1.5em;

}



.posts_title a{	font-size: 25px;

margin-bottom: 8px;	

margin-left: -2px;	

color: #000;}



.posts_title a:hover {	

background-color: #97c03d;	

color: #fff;	

margin-bottom: 5px;

}



h1 {

font-size: 26x;

font-family: 'Cantarell', arial, serif;	

margin-bottom: 20px;	

margin: 20px 20px 20px 50px;	

line-height: 46px;

}



h1 a {

color:#97c03d;

text-decoration:none;

font-weight: bold;

}



h1 a:visited {

color:#97c03d;

}



* {

padding:0;

margin:0;

}



a {

color:#15c;

text-decoration:none;

font-weight:bold;

}



a:hover {

color:#97c03d;

}



a:visited {

color:#15c;

}





#container {

width:993px; /* this has nothing to do with the '911' event */

margin:0 auto;

position:relative;

border-bottom:#bbb 1px solid;

}



#container h3 {

font-family:'Cantarell', arial, serif;

font-size:19px;

line-height: 24px;

font-weight:bold;

color:#97c03d;



padding: 0 0 10px 0;

}



#container h6 {

font-family:Century Gothic,Tahoma,sans-serif;

font-size:20px;

line-height: 24px;

font-weight:bold;

color:#e74d00;



}



#container h5 {

color:#000;

font-size:17px;

font-weight:normal;

}



#container h4 {

font-family:Century Gothic,Tahoma,sans-serif;

text-align: left;

font-size:19px;

margin:10px 0 10px 0;

font-weight:bold;

}



#bubble {

top:40px;

right:0;

position:absolute;

display:block;

height:28px;

background:url(images/bubble_right.gif) no-repeat right;

}



#bubble p {

display:block;

font-size:11px;

color:#fff;

height:28px;

padding:4px 12px 0 10px;

background:url(images/bubble_left.gif) no-repeat top left;

}



#content {

float:left;

width:740px;

margin:0px 9px 0px 0px;

background: #fff;



}







#content h1 {

font-family:Century Gothic,Tahoma,sans-serif;

font-size:18px;

line-height:27px;



margin:10px 0 15px 0;

color:#50961D;

border-bottom: 1px solid #ddd;

padding: 0 0 9px 0;

}



#content h1 a {

color:#0000fa;

text-decoration:none;

}



#content h1 a:hover {

color:#c00;

}



h2 {

color:#000000;

font-size: 22px;

font-family: 'Cantarell', arial, serif;	

margin-bottom: 0px;	

margin-top: 0px;	

font-weight: 400;	

line-height: 1.4em;



}



#content h2 a {

color:#000000;

text-decoration:none;

}



#content h2 a:hover {

color:#ffffff;

}



#content h2.archive {

font-weight:normal;

font-size:17px;

color:#1c1c1c;

padding:0;

margin:5px 0 20px 0;

border:none;

text-align:left;

}





#content-wide {



float:left;



width:993px;



margin:5px 0 5px 0px;



}

#content-wide h2 {



font-family:Century Gothic,Tahoma,sans-serif;



font-size:22px;



line-height:22px;



font-weight:bold;



margin:5px 0 10px 0;



color:#50961D;







}







#content-wide h2 a {



color:#50961D;



text-decoration:none;



}







#content-wide h2 a:hover {



color:#c00;



}







#content-wide h2.archive {



font-weight:normal;



font-size:17px;



color:#1c1c1c;



padding:0;



margin:5px 0 20px 0;



border:none;



text-align:left;



}





.comments {

color:#333;

margin:0 0 15px 0;

border-bottom:#bbb 1px solid;

}



.comments a {

background:#fff;

padding:0 7px 5px 0;

color:#333;

text-decoration:none;http://www.matchatile.co.uk/roofing-calculators.html

}



.comments a:hover {

color:#c00;

}



.navigation {

background:#f9f9f9;

font-size:12px;

padding:5px 10px;

margin:3px 0 5px 0;

border-top:#bbb 1px solid;

}



.navigation a {

color:#555;

font-weight:bold;

text-decoration:none;

border:#000000 0px solid;

}



.navigation a:hover {

color:#333;

text-decoration:none;

border:#000000 0px solid;

}



.main h3 {

font-size:17px;

font-weight:normal;

margin:20px 0 20px 0;

}



.main img {

padding:2px;

border:#000000 0px solid;

}



.main a img {

padding:2px;

border:#000000 0px solid;

}



.main a:hover img {

padding:2px;

border:#000000 0px solid;

}



.main p {

line-height:20px;

margin:0 0 15px 0;

}



.main ol {

line-height:20px;

margin:0 0 15px 30px;

}



.main ul {

line-height:20px;

margin:0 0 15px 30px;

}



.main li {

margin:5px 0 5px 0;

}



.main li a {

font-color: #3A0099;

}



li {

margin:5px 0 5px 0;

}



li a {

font-color: #3A0099;

}



.meta {

background:#f3f3f3;

font-size:11px;

line-height:15px;

color:#333;

padding:5px 10px;

margin:0 0 30px 0;

border-top:#999 1px solid;

}



.signature {

float:left;

padding:0 5px 0 0;

border-right:#bbb 1px solid;

width:222px;

}



.tags {

float:left;

padding:0 0 0 10px;

width:440px;

}



#sidebar {

font-size:12px;

float:right;

width:240px;

background: #ffffff;

padding:0px 0px 0px 0px;

margin:0 0 10px 0;

}



border-left:#327eba 1px solid;

border-right:#327eba 1px solid;

border-right:#bbb 1px solid;



#sidebar p {

color: #ffffff;

margin:0 10px 10px 10px;

padding:0 10px 10px 10px;

font-size:14px;

line-height:20px;

}



#sidebar a {

color:#0000ff;

font-weight:normal;

border: 0px;

}







#sidebar h3 {

font-size:16px;

padding:5px 0px 5px 10px;

margin: 0px 0 10px 0;

font-weight:bold;

color:#fff;

width: 230px;

background-color:#999999;

}



#sidebar ul {

list-style:none;

color: #000;

padding:0 10px 10px 10px;

font-size:12px;

line-height:19px;

}



#sidebar ul a {

list-style:none;

color: #15c;

padding:0 0px 10px 0px;

font-size:12px;

line-height:19px;

font-weight:bold;

}

#sidebar ul ul ul {

margin:5px 0 0 10px;

}



#sidebar ul li {

padding:10px 0 10px 5px;

}





#author h3 {

margin:5px 0 5px 0;

}



#searchform {

margin:15px 0 0 0;

}



#searchform input {

background:#222;

font-size:11px;

margin:2px 0;

padding:1px 4px 2px 4px;

border:#888 1px solid;

color:#eee;

}



#searchform input:hover {

background:#333;

border:#999 1px solid;

color:#fff;

cursor:pointer;

}



#searchform #s {

background:#f6f6f6;

font-size:11px;

margin:2px 0;

padding:2px 4px;

border:#aaa 1px solid;

color:#222;

}



#searchform #s:hover {

border:#c00 1px solid;

cursor:text;

}



input.searchfield {

background:#f6f6f6;

font-size:11px;

display:block;

margin:5px 0 8px 0;

padding:2px 4px;

border:#aaa 1px solid;

color:#222;

}



input.searchfield:hover {

background:#eee;

color:#222;

}



input.submit {

background:#222;

font-size:11px;

display:block;

margin:0 0 10px 0;

padding:1px 4px 2px 4px;

border:#888 1px solid;

color:#eee;

}



input.submit:hover {

background:#333;

cursor:pointer;

border:#999 1px solid;

color:#fff;

}



input.subcom {

background:#eee;

font-size:11px;

margin:0 0 10px 0;

padding:1px 4px 2px 4px;

border:#888 1px solid;

color:#222;

}



input.subcom:hover {

background:#222;

cursor:pointer;

border:#888 1px solid;

color:#eee;

}



input.comment {

background:#f6f6f6;

font-size:11px;

padding:2px 4px;

border:#aaa 1px solid;

color:#222;

}



input.comment:hover {

border:#c00 1px solid;

}



textarea {

background:#f6f6f6;

font-size:12px;

width:400px;

padding:2px 4px;

border:#999 1px solid;

color:#222;

}



textarea:hover {

border:#c00 1px solid;

}



.postinput small {

font-size:11px;

margin:0 0 0 5px;

}



p.logged {

font-size:12px;

}



h3.reply {

font-size:15px;

margin:0 0 10px 0;

}



.nocomments {

margin:0 0 30px 0;

}



ol.commentlist {

font-size:12px;

list-style:none;

margin:10px 0 30px 0;

border-bottom:#bbb 1px solid;

}



.commentlist li {

border-top:#bbb 1px solid;

padding:0 0 10px 0;

}



.commentlist li.bypostauthor {

border-top:#bbb 5px solid;

background-color:#f3f3f3;

}



.comment_mod {

margin:10px 0 0 10px;

}



.comment_mod em {

background-color:#fff897;

padding:1px 3px;

}



.comment_author {

margin:10px 0;

float:right;

width:190px;

}



.comment_author img {

float:left;

margin:5px 12px 0 0;

}



.comment_author p {

line-height:20px;

}



.comment_author small {

font-size:11px;

}



.comment_text {

float:left;

width:470px;

margin:0 0 0 10px;

}



.comment_text p {

line-height:18px;

margin:7px 0;

}



.comment_meta {

font-size:12px;

}



#commentform p {

line-height:18px;

margin:0 0 15px 0;

}



#content blockquote {

background-color:#eeeeef;

border:1px solid #bbb;

padding:15px 15px 15px 35px;

margin:15px 0px 15px 0px;

min-height:50px;

font-family: verdana;

font-size:17px;

line-height:21px;

font-weight:normal;

color:#000000;

}



#footer {

background:#eee;

font-size:11px;

font-weight:normal;

color:#555;

margin:0 auto;

padding:10px 0;

text-align:center;

position:relative;

border-top:#bbb 1px solid;

border-bottom:#222 6px solid;

}



#footer p {

font-size:11px;

font-weight:normal;

color:#888;

}



#footer a {

color:#111;

font-weight:bold;

text-decoration:none;

}



#footer a:hover {

color:#333;

text-decoration:none;

}



.clear {

clear:both;

}



.warning p {

background:url(images/warning.gif) no-repeat left;

height:160px;

padding:20px 0 0 90px;

font-size:20px;

margin:0 0 0 10px;

}



#wp-calendar {

padding:10px 0 0 0;

font-size:12px;

}



#wp-calendar caption {

text-align:left;

padding:0 0 5px 0;

}



#wp-calendar tr th,

#wp-calendar tr td {

padding:0 6px 0 0 ;

text-align:right;

}



#wp-calendar td a {

font-weight:bold;

}



#wp-calendar td a:hover {

font-weight:bold;

}



img.wp-smiley {

padding:0;

border:none;

}



input:focus, textarea:focus{

background-color:#ffc;

}



abbr {

border:none;

}



.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;

-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-dd {

font-size:11px;

line-height:17px;

padding:0 4px 5px;

margin:0;

}



/* self-clear floats */



.group:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



/* IE Hacks */



*html #bubble {

display:none;

}



*html #bubble p {

display:none;

}



* html .group,

* html #nav ul li a {

height: 1%;

}



*:first-child+html .group {

min-height: 1px;

}



* html #nav ul li a {

display: inline;

}



#form_wrapper {

	text-align: left;

	margin: 0;

	padding: 10px 10px 10px 10px; /* (top, right, bottom, left) */

	width: 700px;

	border: 1px solid #606060;

	font: normal 13px Arial, Helvetica, sans-serif;

	

}



#col1, #col2 {

	float: left;

	width: 50%;

}



div.pcline { margin-top: 10px; }

div.bcalc { margin-top: 17px; }



b.bor { color: #707070; }

b.rgrey { color: #e74d00; }



span.sspace { float: left; width: 110px; font-weight: bold; }



#wrapper_material {

    margin: 0;

    padding: 10px 10px 10px 10px; /* (top, right, bottom, left) */

    width: 700px;

    border: 1px solid #606060;

    font: normal 13px Arial, Helvetica, sans-serif;

    

}



span { font: normal 13px Arial, Helvetica, sans-serif; }

div.mcline { margin-top: 4px; }

div.mcrow { margin-bottom: 4px; }

div.res_price { margin-bottom: 4px; }



b.rgrey { color: #e74d00; }

b.bx { margin-left: 15px; margin-right: 15px; }



input.sbox { margin-left: 10px; border: 1px solid #000; }

input.sreg { border: 1px solid #000; }

input.scalc { margin-top: 19px; background: #EEE; border: 1px solid #000; color: #000; font-weight: bold; padding: 3px 20px 3px 20px; }

select.stype { width: 150px; }



span.sspace, span.sspace2 { float: left; width: 85px; font-weight: bold; }

span.sspace2 { width: 128px; }

span.sptop { vertical-align: top; font-weight: bold; }



#metal_panels {

	margin: 0;

	padding: 10px 10px 10px 10px; /* (top, right, bottom, left) */

	width: 700px;

	border: 1px solid #606060;

	font: normal 13px Arial, Helvetica, sans-serif;

	

}



span.sspace { float: left; width: 100px; font-weight: bold; }



b.rgrey { color: #e74d00; font-size: 15px; }

b.munit { margin-left: 3px; margin-right: 5px; }



input.sreg { border: 1px solid #000; text-align: right; margin-bottom: 3px; }

input.scalc { margin-top: 19px; background: #EEE; border: 1px solid #000; color: #000; font-weight: bold; padding: 3px 20px 3px 20px; }

select.stype { width: 100px; border: 1px solid #000; margin-bottom: 3px; }



div.res_price { margin-bottom: 4px; }





.nav{height:40px;line-height:30px;font-weight:700;font-size:14px;background:url(http://www.androidarena.org/android-menu.jpg) bottom left repeat-x;border-bottom:0px solid #cccccc;}

.nav ul{margin:0;padding:0;list-style-type:none;}.nav ul li{float:left;margin:0;padding:5px 13px 0 15px;}.nav a{color:#ffffff; text-decoration:none;}.nav a.active{color:#ffffff;}.nav a img{border:0;vertical-align:middle;}



.p_text1 { 



	font-size: 16px;



	line-height: 21px;



	color: #000000;



}



.p_text2 { 

	font-family: arial;

	font-size: 17px;



	line-height: 21px;



	color: #000000;



}



.p_text2 { 



	font-size: 18px;



	line-height: 21px;



	color: #000000;



}



#estform



{

	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 

	font-size:12px;

}

#estform p, h1, form, button

{

	border:0; 

	margin:0; 

	padding:0;}



.spacer{clear:both; height:1px;}



.myform {

	margin:0 auto;

	width:370px;

	padding:14px;

}

	/* ----------- basic ----------- */

	#basic{

		border:solid 2px #DEDEDE;	

	}

	#basic h1 {

		font-size:14px;

		font-weight:bold;

		margin-bottom:8px;

	}

	#basic p{

		font-size:12px;

		color:#666666;

		margin-bottom:20px;

		border-bottom:solid 1px #dedede;

		padding-bottom:10px;

	}

	#basic label{

		display:block;

		font-weight:bold;

		text-align:right;

		width:140px;

		float:left;

	}

	#basic .small{

		color:#666666;

		display:block;

		font-size:11px;

		font-weight:normal;

		text-align:right;

		width:140px;

	}

	#basic input{

		float:left;

		width:200px;

		margin:2px 0 30px 10px;

	}

	#basic button{ 

		clear:both;

		margin-left:150px;

		background:#888888;

		color:#FFFFFF;

		border:solid 1px #666666;

		font-size:11px;

		font-weight:bold;

		padding:4px 6px;

	}





	/* ----------- stylized ----------- */

	#stylized{

		border:solid 2px #b7ddf2;

		background:#ebf4fb;



	}

	#stylized h1 {

		font-size:14px;

		font-weight:bold;

		margin-bottom:8px;

	}

	#stylized p{

		font-size:11px;

		color:#666666;

		margin-bottom:20px;

		border-bottom:solid 1px #b7ddf2;

		padding-bottom:10px;

	}

	#stylized label{

		display:block;

		font-weight:bold;

		text-align:right;

		width:140px;

		float:left;

	}

	#stylized .small{

		color:#666666;

		display:block;

		font-size:11px;

		font-weight:normal;

		text-align:right;

		width:140px;

	}

	#stylized input{

		float:left;

		font-size:12px;

		padding:4px 2px;

		border:solid 1px #aacfe4;

		width:200px;

		margin:2px 0 10px 10px;

	}

	#stylized textarea{

		float:left;

		font-size:12px;

		padding:4px 2px;

		border:solid 1px #aacfe4;

		width:200px;

		margin:0 0 0 10px;



	#stylized button{ 

		

		

		width:125px;

		height:31px;

		background:#444;

		text-align:center;

		line-height:31px;

		color:#FFFFFF;

		font-size:11px;

		font-weight:bold;

	}



/*Popular Posts*/

#sideBar #popularPosts { list-style:none; }

#sideBar #popularPosts li { overflow:auto; margin:10px 0px;}

#sideBar #popularPosts li img { float:left; margin-right:10px; border:5px solid #88ffd3;}

#sideBar #popularPosts li a { text-decoration:none; font-weight:bold; color:#1e292b;}

#sideBar #popularPosts li p { margin-top:10px; }