/*

Theme Name: Suzanne Bump Default

Theme URI: http://www.suzannebump.com

Description: The default WordPress theme that skins the Suzanne Bump for Auditor website.

Version: 1.0

Author: Andrew Binns

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

*/



.aclear {clear: both;}



a {color:#1d467e; text-decoration: none;}

a:hover {color:#000000; text-decoration: none;}



#layout{ margin:0 auto; width:999px;}

#header{float:left; width:999px; height:39px;}

#header .logo{float:left; margin:3px 0 0 10px; display:inline;}

#header ul.menu{float:right; list-style:none; padding-right:10px; height:38px;}

#header ul.menu li{float:left; width:auto; padding:0 0 0 1px; }

#header ul.menu li a{float:left;color:#1d467e; text-decoration:none; padding:0 25px 0 25px;font:normal 20px/33px "Myriad Pro", Arial, "Times New Roman", "Century Gothic"; height:38px;}

#header ul.menu li a:hover,#header ul.menu li a.active{background:#edb04a}



#page_content_container {float:left; width: 999px; margin-top:7px;}

#page_content_container .top {width: 999px;}

#page_content_container .main {width: 999px; background: url(../../../images/content.png) repeat-y;}

#page_content_container .main .box {width: 602px; min-height: 345px; float: left; margin-left: 7px; background-color: #ACBBCF; padding: 7px;}

#page_content_container .main .prbox {width: 340px; float: left; margin: 7px 0px 0px 7px; background-color: #ACBBCF; padding: 7px;}`

#page_content_container .bottom {width: 999px;}

#page_content_container .cat_title {text-align: right; font-size:18px; color:#000000; text-decoration: none; margin-bottom: 7px;}

#page_content_container h2 {font-size:18px; color:#1d467e; text-decoration: none;}

#page_content_container h2 a:hover{font-size:18px; color:#000000; text-decoration: none;}

#page_content_container h3 {font-size:15px; color:#1d467e; text-decoration: none;}

#page_content_container h3 a:hover{font-size:15px; color:#000000; text-decoration: none;}

#page_content_container p {font-size:14px; line-height:16px; color:#333; padding-bottom:10px;}

#page_content_container ul li {margin-left: 20px; font-size:14px; line-height:16px; color:#333; padding-bottom:5px;}

#page_content_container h6{ font-size:11px; line-height:15px; color:#666; font-weight:normal; font-style:italic}

#page_content_container table {font-size:14px;}

#page_content_container .input, textarea {border: solid 1px #666; background-color: #CCC;}



#banner{float:left; width:999px; background:url(../../../images/banner_bg.jpg) no-repeat 0 0; height:342px; margin-top:7px; padding:7px 0 0 0;}

#banner .left_section{float:left; width:613px; padding:0 0 0 7px;}

#banner .placeholder{float:left; width:613px; height:328px; position:relative; border:1px solid #000;}

#banner .title{width:613px; background:url(../../../images/repeat1.png) repeat-x 0 0; height:48px; position:absolute; bottom:0; left:0;}

#banner .title ul{float:left; width:auto; list-style:none; margin-top:10px}

#banner .title ul li{float:left; width:66px; text-align:center; padding:0 3px 0 10px; font:normal 15px/30px Arial, Helvetica, sans-serif;}

#banner .title ul li a{float:left; width:66px; height:32px; background:#999; color:#fff;}

.right_section{float:left; width:372px; position:relative; height:330px;}

.right_section .img_section{ position:absolute; top:-20px; left:8px;}

.right_section .img_section img{float:left}

.signup{float:left; width:180px; height:73px; background:url(../../../images/signup.gif) no-repeat 0 0;  position:absolute; bottom:0;

 left:7px; z-index:1}

.signup form{float:left; width:180px;}

.signup fieldset{float:left; width:172px; padding:4px 4px; height:70px; font-size:12px; line-height:19px; color:#fff;}

.signup fieldset input.text{float:left;width:130px; height:18px; border:1px solid #000; background:#ccc; padding:0 2px 2px 2px; font-size:12px; line-height:18px; color: #666;}

.signup fieldset input.submit{float:left;width:32px; height:22px; background:url(../../../images/go_btn.jpg) no-repeat 0 0; border:none; cursor:pointer; margin-left:2px; display:inline;}



.social_section{ position:absolute; right:0; bottom:5px; width:191px;}

.social_section a{float:left; margin:0 0 0 10px;}

.social_section a img{float:left}

.btn_section{ position:absolute; right:3px; top:105px; width:191px;}

.btn_section a{float:left; margin:5px 0 0 10px; display:inline;}

.btn_section img{float:left;}

.btn_section input{float:left; margin: 5px 0 0 10px;}



#body_container{float:left; width:999px; background:url(../../../images/body_repeat.gif) repeat-y 0 0; margin-top:12px; position:relative}

#body_container .outer{float:left; width:100%; background:url(../../../images/body_top.gif) no-repeat 0 0;}

#body_container .inner{float:left; width:992px; background:url(../../../images/body_bottom.gif) no-repeat 0 bottom; padding:5px 0 30px 7px; }



.content_box{float:left; width:980px; background:url(../../../images/repeat2.gif) repeat-y 0 0;}

.content_box .outer_section{float:left; width:980px; background:url(../../../images/top_curve.gif) no-repeat 0 0;}

.content_box .inner_section{float:left; width:980px; background:url(../../../images/bottom_curve.gif) no-repeat 0 bottom; padding-bottom:30px;}



.col1{width:295px; float:left; padding:0 10px 0 10px;}

.col1 .head{float:left;width:295px; padding-top:3px; position:relative}

.col1 h3 {float:left; font-size:15px; line-height:32px; color:#1d467e; padding-bottom:10px; text-decoration: none;}

.col1 h3 a {float:left; font-size:15px; line-height:32px; color:#1d467e; padding-bottom:10px; text-decoration: none;}

.col1 h3 a:hover {float:left; font-size:15px; line-height:32px; color:#000000; padding-bottom:10px; text-decoration: none;}

.col1 h4{ font-size:15px; line-height:18px; color:#1d467e; font-weight:normal; text-decoration: none;}

.col1 h4 a { font-size:15px; line-height:18px; color:#1d467e; font-weight:normal; text-decoration: none;}

.col1 h4 a:hover { font-size:15px; line-height:18px; color:#000000; font-weight:normal; text-decoration: none;}

.col1 h6{ font-size:11px; line-height:15px; color:#666; font-weight:normal; font-style:italic}

.col1 p{font-size:13px; line-height:16px; color:#333; padding-bottom:10px;}

.col1 p a{ color:#1d467e; font-size:10px;}

.col1 p.twitter{font-size:15px; line-height:16px; color:#333; padding-bottom:0;}

.col1 span{display:block; color:#1d467e; font-size:12px; line-height:20px; padding:0 0 5px 10px;font-style:italic}

.col1 ul{float:left; width:100%; list-style-position:inside;}

.col1 ul li{font-size:15px; line-height:18px; padding-bottom:10px;}

.twitter_icon{ position:absolute; right:-7px; top:3px;}

.padding_right{ padding-right:25px;}



span.wpcf7-list-item { display: table-row; }

span.wpcf7-list-item * { display: table-cell; }



#footer{float:left; width:999px; background:url(../../../images/footer.gif) no-repeat 0 0; height: 100px;}

#footer p{float:left; width:100%; text-align:center; font-size:13px; color:#fff; }



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.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 p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */