/*

Theme Name:Certified Plumbing

Description: Custom Theme for Certified Plumbing <a href="http://positivesignals.com/">Positive Signals</a>.

Version:1.2.0

Author:Jay Clark

Author URI:http://www.positivesignals.com

Tags: grey, red, custom

*/



body {

font-family:Arial, serif;

font-size:13px;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:1.7em;

background: #fff;

}

hr{

margin-top:6px;

border:0;

border-top:1px solid #ccc;

width:100%;

color:#fff;

clear:both;

}

a {

color: #0055a5;

text-decoration: none;

}

a:hover{

color: #ce000c;

}

/*Nice Rounded Corners*/

#flash, #content, #certs, #flash-wrapper, .post img, #foot-social, #footer-copy, #foot-articles, #b-content, #sidebar, .commentlist, #sidebar2{

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-khtml-border-top-left-radius: 10px;

-khtml-border-top-right-radius: 10px;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

-khtml-border-bottom-left-radius: 10px;

-khtml-border-bottom-right-radius: 10px;

}

#wrapper {

width:932px;

margin:0 auto;

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

}

#header {

margin: 0 auto;

width:932px;

height: 76px;

}

.header-wrapper{

width: 100%;

height: 79px;

margin: 0 auto;

background-image: url(images/headergrad.png);

border-bottom: 1px solid #ce000c;

}

.headerimg{

margin: -10px auto;

float: left;

width: 930px;

height:280px;

background: #fff;



border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

}

.clear{

clear: both;

}

#flash-wrapper{ /*----------------------------flash--*/

float: right;

background: #575757;

width: 468px;

height: 260px;

margin: 8px 8px;

overflow: hidden;

}

#flash{

position: relative;

margin: 2px auto;

width: 462px;

height: 254px;

overflow: hidden;

border: 1px solid #575757;

background: #575757;

list-style: none;

}

#logo {

float: left;

height: 210px;

width:420px;

margin: 10px 10px;

padding: 0;

}

.angies{

float: right;

width: 115px;

}

#search-bar{

float: left;

margin: 6px 0px 4px;

padding: 10px 0px 0px;

width: 200px;

display: inline;

}

.search-button{

float: left;

display: inline;

}

#description{

float: right;

display: inline;

width: auto;

margin: 15px 0 0 0;

}

.desc h1{

display: inline;

font-size: 24px;

font-weight: bold;

color: #cc010d;

padding-left: 8px;

}

.desc h2{

display: inline;

font-size: 22px;

font-weight: bold;

color: #fff;

padding-right: 8px;

}



#centerwrapper{ /*----------call to action boxes wrapper--*/

margin: 8px auto 0;

float: left;

background: #fff;

width: 930px;

height: 280px;

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

}



#leftwrap{

width: 440px;

height: auto;

margin: 0  auto;

float: left;

}



#rightwrap{

height: auto;

width: 480px;

margin: 0  auto;

float: right;

}



#contact-box{ /*--------------contact box---*/

float: right;

right: 8px;

position: relative;

width: 468px;

height: 131px;

background: transparent url(images/optinbox.png);

list-style: none;

}



.contactcontentl{

text-align: left;

float: left;

width: 212px;

height: 70px;

margin: 4px 8px;

color: #fff;

}



.contactcontentl h3{

font-size: 13px;

color: #fff;

font-weight: bold;

}



.contactcontentl li{

list-style: none;

padding: 0 4px;

}

.contactcontentr{

text-align: right;

float: right;

width: 212px;

height: 70px;

margin: 4px 8px;

color: #fff;

}



.contactcontentr h3{

font-size: 13px;

color: #fff;

font-weight: bold;

}



.contactcontentr li{

list-style: none;

padding: 0 4px;

}



.contactimg{

clear: both;

border-top: 1px solid #7a7a7a;

width: 320px;

height: 45px;

margin: 0 auto;

padding: 3px 0;

text-align: center;

}

.cbox h2{

margin: 18px 0 10px;

font-family: Arial;

font-size: 20px;

color: #fff;

text-align: center;

}



.cbox h3{

margin: 0;

font-family: Arial;

font-size: 16px;

color: #fff;

text-align: center;

}



.cbox p{

margin: 5px 0 0;

font-size: 14px;

font-style: italic;

text-align: center;

color: #fff;

}



#optin-box{ /*--------------Opt-In box---*/

float: right;

position: relative;

margin: 8px 8px;

width: 468px;

height: 131px;

background: transparent url(images/optinbox.png);

list-style: none;

}



.optincontent{

width: 390px;

height: 60px;

margin: 3px auto;

color: #fff;

}



.optinimg{



border-top: 1px solid #7a7a7a;

width: 320px;

height: 45px;

margin: 14px auto;

padding: 3px 0;

text-align: center;

}





#testimonials{/*--------------testimonials---*/

float: left;

margin: 8px 8px;

width: 434px;

height: 131px;

background: transparent url(images/caboxgrad.png);

list-style: none;

}



#quotearea{

float: left;

width: 350px;

padding: 0px 0px 0px 15px;

margin: 0px 0px 0px 5px;

color: #fff;

font-size: 11px;

}



#quoterotator{

line-height: 118%;

}



#quoteauthor{

display: block;

text-align: right;

margin-right: 10px;

margin-top: 0;

font-weight: bold;

font-style: italic;

}



.quotehead{

margin: 0 auto;

width: 95%;

}



.quotehead h3{

margin: 0 9px 0;

float: left;

font-family: Arial;

font-size: 12px;

font-weight: bold;

color: #fff;

}



.quotehead h4 a{

margin: 0;

float: right;

font-size: 11px;

font-weight: bold;

text-decoration: underline;

color: #fff;

}



.quotehead h4 a:hover{

color: #ccc;

}



#ca-box{

float: left;

margin: 0 8px;

width: 434px;

height: 131px;

background: transparent url(images/caboxgrad.png);

list-style: none;

}



#ca-box h3{

text-align: center;

font-size: 12px;

font-weight: bold;

}



#ca-box h3 a{

color:#fff;

text-decoration: underline;

}



#ca-box h2 a:hover{

color:#ccc;

}



/*------------------Call To Action 1*/



.box1{

float: left;

display: block;

width: 190px;

height: 45px;

margin: 2px 7px 0px 16px;

background-image: url(images/01hover.png);

}



.abox1 a, .abox1 a:link, .abox1 a:visited {

display:block;

text-decoration: none;

}



.abox1 .img {

width:100%;

height:100%;

border:0;

}



.abox1 a:hover img{

visibility: hidden;



}



/*Call 2 Action 2*/



.box2{

float: right;

display: block;

width: 190px;

height: 45px;

margin: 2px 16px 0px 3px;

background-image: url(images/02hover.png);

}



.abox2 a, .abox2 a:link, .abox2 a:visited {

display:block;

text-decoration: none;



}

.abox2 .img {

width:100%;

height:100%;

border:0;



}



.abox2 a:hover img{

visibility: hidden;



}



/*Call 2 Action 3*/



.box3{

float: left;

display: block;

width: 190px;

height: 45px;

margin: 4px 7px 0px 16px;

background-image: url(images/05hover.png);



}





.abox3 a, .abox3 a:link, .abox3 a:visited {

display:block;

text-decoration: none;



}

.abox3 .img {

width:100%;

height:100%;

border:0;



}



.abox3 a:hover img{

visibility: hidden;



}



/*Call 2 Action 4*/



.box4{

float: right;

display: block;

width: 190px;

height: 45px;

margin: 4px 16px 0px 3px;

background-image: url(images/04hover.png);



}



.abox4 a, .abox4 a:link, .abox4 a:visited {

display:block;

text-decoration: none;



}

.abox4 .img {

width:100%;

height:100%;

border:0;





}



.abox4 a:hover img{

visibility: hidden;



}



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

margin: 0;

padding: 0;

list-style: none;

}

.sf-menu {

margin: 10px 0 0;

line-height:	1.0;

background: url(images/navbg.png) center no-repeat;

width: 933px;

height: 25px;

}

.sf-menu ul {

position:		absolute;

top:			-999em;

width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

width:			180px;

}

.sf-menu li:hover {

visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

float:			left;

position:		relative;

}

.sf-menu a {

display:		block;

position:		relative;



}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

left:			0;

top:			2.5em; /* match top ul list item height */

z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

left:			15em; /* match ul width */

top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

left:			10em; /* match ul width */

top:			0;

}



/*** DEMO SKIN ***/

.sf-menu {

float:	 left;

margin-bottom: 1em;

font-family: Arial; 

font-size:12px; 

}

.sf-menu a {

padding: .75em 1em;

text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

color: #fff;

}

.sf-menu li {

background: transparent;

}

.sf-menu li li {

background:		#5A595A;

}

.sf-menu li li li {

background:		#5A595A;

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

background:		#ccc;

outline:		0;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

padding-right: 	2.25em;

min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

position:		absolute;

display:		block;

right:			.75em;

top:			1.05em; /* IE6 only */

width:			10px;

height:			10px;

text-indent: 	-999em;

overflow:		hidden;

background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

top:			.8em;

background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

background:	url(images/shadow.png) no-repeat bottom right;

padding: 0 8px 9px 0;

-moz-border-radius-bottomleft: 17px;

-moz-border-radius-topright: 17px;

-webkit-border-top-right-radius: 17px;

-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

background: transparent;

}



#c-wrapper{

width: 930px;

float: left;

background: #fff;

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

}



#certs{

float: left;

position: relative;

margin: 5px 8px;

width: 914px;

height: 180px;

border: 1px solid #ccc;

color: #3C3A3B;

}



#cert1{

padding: 10px 5px 0px 2px;

float: left;

text-align: center;

}

#cert2{

margin: 20px 0px;

padding: 30px 10px;

float: right;

}



.certtext h3{

font-size: 12px; 

color:#ce000c;

}



#certtext{

margin:0px 25px;

float: left;

text-align: left;

}



.certtext p{

margin: 12px auto;

padding: 2px 0px;

width: 100%;

font-size: 12px;

}



#b-wrapper{

margin: -1px auto;

width: 930px;

float: left;

background: #fff;

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

}



#b-content{

margin: 15px 8px;

border: 1px solid #ccc;

width:630px;

float:left;

min-height:420px;

color: #3C3A3B;

}



#content {

margin: 0 8px 2px;

border: 1px solid #ccc;

width: 915px;

float:left;

min-height:auto;

color: #3C3A3B;



}



.navigation{

margin: 0 15px 5px;

}

.post {

padding: 6px;

font-size: 12px;



}

.post p {

margin:6px 0 6px 0;



}

.post em{

font-style:italic;

}

.post h2 {

font-family: Arial;

font-size:20px;

margin:6px 0 10px 0;

font-weight:normal;

text-decoration: none;

color: #5e5d65;

}



.post h1, .post h1 a{

font-family:Arial;

font-size:28px;

margin:6px 0 10px 0;

font-weight:normal;

line-height:32px;

text-decoration: none;

color: #5e5d65;

}



.post h1 a:hover{

color: #ccc;

}



.post h3, .post h4 {

font-family:Arial;

font-size:20px;

margin:15px 0 10px 0;

font-weight:normal;

text-decoration: none;

color: #5e5d65;

}

.post h4 {

font-size:18px;

color: #5e5d65;

}







.post .indent {

padding-left:10px;

}

.post .indent p {

padding-left:10px;

}

.post small {

font-size:11px;

}

.post small a {

font-weight:normal;

}

.post .alignright {

float:right;

margin-left:10px;

}

.post .alignleft {

float:left;

margin-right:10px;

}

.post .aligncenter {

margin:0 auto;

display:block;

}

.post abbr {

font-weight:normal;

}

.post ul{

list-style:disc;

margin:0 0 0 25px;

}



.post li{

list-style:disc;

margin:0 0 0 25px;

}

.post ol{

list-style:decimal;

margin:0 0 0 30px;

}

.post .wp-caption {

background:#f7f7f7;

border:1px solid #ccc;

margin:10px;

text-align:center;

padding:5px 0 0;

}

.post .wp-caption-text {

margin:0;

}

.post .wp-caption a, .post .wp-caption a:hover {

border-bottom:0;

}

.post blockquote {

color:#3C3A3B;

border-left:2px solid #ccc;

margin:15px 30px 0 10px;

padding-left:20px;

}

.post pre {

font-family:courier;

font-size:12px;

letter-spacing:-1px;

margin:14px 0 14px 0;

}

.post .message ul {

margin:12px 0 0;

}

.post .message {

display:none;

background:#0F67A1;

margin-top:10px;

padding:20px;

color:#fff;

}



#respond {

clear:both

}

#comments {

    padding:0 8px;

    margin:8px 0

}



#comments h1{

font-size: 18px;

}



#comments h3 {

    padding:8px

}

.commentlist {

    text-align: justify

}



.commentlist li {

    margin: 0 0 10px 0;

    padding: 5px 5px 10px 10px;

    list-style: none;

    clear:both;

}



.commentlist ul {

    clear:both

}

.commentlist ul.children{

    margin-top:10px;

}



.commentlist li li { 

    margin: 0 -4px 0 0

}



.commentlist li .avatar { 

    float: right;

    padding: 2px;

    background: #fff;

    border-width:1px;

    border-style:solid;

    border-radius: 2px;

    -moz-border-radius: 2px;

    -khtml-border-radius: 2px;

    -webkit-border-radius: 2px

}

.commentlist p {

    font-size:1.2em;

    margin: 10px 5px 10px 0

}

.children { padding: 0 }





.nocomments {

    text-align: center;

}

.comment-author{

    font-size:1.2em

}

.comment-meta a,

.comment-meta a:hover{

    border:0 !important

}



.reply {

    clear:both;

}



#sidebar2 {

background: #979596 url(images/sidebargrad.png) repeat;

width:232px;

float:right;

margin:15px 10px 25px 0;

padding: 0 15px 0 20px;

border: 1px solid #979596;

color: #fff;

}



#sidebar2 h3{

margin-top: 5px;

font-size: 16px;

color: #ce000c;

font-weight: bold;

}



#sidebar2 ul{

list-style: outside;

margin: 0 10px;

}



#sidebar {

background: #979596 url(images/sidebargrad.png) repeat;

width:232px;

float:right;

margin:15px 10px 25px 0;

padding: 0 15px 0 20px;

border: 1px solid #979596;

}

#sidebar h3 {

padding:25px 0 3px 0;

font-size:18px;

color: #fff;

}

#sidebar .block ul {

border-bottom:1px solid #ccc;

margin-bottom: 10px;

}

#sidebar .block ul .children{

border:0;

padding: 0 0 0 8px;

}

#sidebar .block li {

border-top:1px solid #ccc;



}

#sidebar .block li a {

background:transparent;

font-size:13px;

font-weight:normal;

padding:2px 0 2px 15px;

display:block;

border-bottom:none;

color: #fff;

}

#sidebar .block li a:hover {

color: #ccc;

}

#sidebar .widget_search label {

display:block;

padding:25px 0 3px 0;

font-size:18px;

border-bottom:1px solid #ccc;

margin:0 0 5px;

}



#sidebar .widget_recent_comments{

margin-bottom: 10px;

padding-right: 2px;

}



#sidebar .widget_recent_comments li {

background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;

padding:2px 2px 2px 15px;

color: #fff;

list-style: none;

}

#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{



color:#fff;



}

#sidebar .widget_recent_comments li a:hover {

color:#ccc;



}

#sidebar .widget_tag_cloud h3 {

margin:0 0 8px;

border-bottom:1px solid #ccc;

font-size: 12px;

}

#sidebar .widget_tag_cloud a{

color: #fff;

}



#sidebar .widget_tag_cloud a:hover{

color: #ccc;

}



#sidebar .widget_text h3 , #sidebar .calendar h3{

border-bottom:1px dotted #ccc;

}

#sidebar .calendar h3{

display:none;

}

#sidebar #wp-calendar {

width:95%;

text-align:center;

}

#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{

text-align:center;

}

#sidebar #wp-calendar caption {

font-size:18px;

padding:25px 0 3px 0;

}

#sidebar #wp-calendar th {

font-weight: bold; 

border-top:1px dotted #ccc;

border-bottom:1px dotted #ccc;

}

#sidebar #wp-calendar tfoot td{

border-top:1px dotted #ccc;

border-bottom:1px dotted #ccc;

}



/*---Main Footer Wrapper*/

#footer-wrapper{

float: left;

border-top: solid 1px #ce000c;

width: 100%;

height: 160px;

background-image: url(images/headergrad.png);

}

/*---Main Footer*/

#footer {

color: #fff;

margin: 0 auto;

width:930px;

border-top:2px solid #ce000c;

padding: 5px 0 10px 0;

}



#foot-block{

width: 630px;



}

/*---Footer Social Links*/

#foot-social{

display: block;

float: left;

text-align: left;

width: 295px;

height: 113px;

background: #5C5A5B;

margin: 10px 23px 0px 0px;

padding-top: 5px;

}



.foot-social ul {

}

.foot-social ul li{

padding: 0 5px 5px;

}

.foot-social h3{

font-size: 12px;

padding-top: 4px;

}

.foot-social a{

color: #fff;



}

.foot-social a:hover{

color: #ce000c;

}

.foot-social img{

float: left;

padding: 0px 8px 8px 2px;

width: 30px;

height: 30px;

}

/*---Footer Latest Articles*/

#foot-articles{

float: left;

margin: 10px 0px;

text-align: left;

width: 295px;

height: 100px;

background: #5C5A5B;

}



.foot-articles ul {

margin: 1px 25px;



}

.foot-articles ul li{

padding: 0px 0px 0px;

list-style: outside;

}

.foot-articles h3{

margin: 5px 10px;

font-size: 12px;



}

.foot-articles a{

color: #fff;

font-size: 11px;

}

.foot-articles a:hover{

color: #ce000c;

}

/*---Footer Copyright*/

#footer-copy{

float: right;

margin: 10px 0px;

text-align: left;

width: 295px;

height: 100px;

background: #5C5A5B;

}



.footer-copy p{

text-align: center;

margin: 4px 2px;

padding: 5px 5px;

font-size: 10px;

}



#foot-credit{

position: relative;

margin: 2px 0px 0px;

text-align: center;

}