/*
Theme Name:		WP Framework
Theme URI: 		http://wpframework.com/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
Author: 		Ptah Dunbar
Author URI:		http://ptahdunbar.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );


body{
font-family:arial;
font-size:13px;
line-height:1.5;
background-attachment:fixed;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
margin:0;
}
.header {
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
height:100px;
text-align:left;
width:809px;
}
#navigation {
	height: 38px;
	width: 809px;
}
#home {
	float: left;
	height: 38px;
	width: 76px;
}
#about {
	float: left;
	height: 38px;
	width: 90px;
}
#testimonial{
	float: left;
	height: 38px;
	width: 116px;
}

#quote {
	float: left;
	height: 38px;
	width: 77px;
}
#claims {
	float: left;
	height: 38px;
	width: 74px;
}
#customer-service {
	float: left;
	height: 38px;
	width: 145px;
}


#contact {
	float: left;
	height: 38px;
	width: 104px;
}

#resources {
	float: left;
	height: 38px;
	width: 113px;
}


.nav-bar {
	float: left;
	height: 38px;
	width: 2px;
	background-image: url(images/nav-line.jpg);
	background-repeat: no-repeat;
}
#contant-body {
	width: 809px;
	overflow: hidden;
	padding-top: 6px;
	background-color:#EFEFDF;
}
#left-content {
	float: left;
	width: 512px;
	padding-left: 9px;
	overflow: hidden;
}

#left-con-text {
	width: 512px;
	overflow: hidden;
	background-color: #FFFFFF;
	color:#535353;
	font-family:Arial;
	font-size:12px;
	text-align:left;
}
.color-text {
	padding-left: 18px;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #CD5089;
	text-decoration: none;
	text-align: left;
}
#left-con-text h1{
	padding-left: 18px;
	font-family: Arial;
	font-style: normal;
	font-weight:bold;
	color: #CD5089;
	text-decoration: none;
	text-align: left;
}
#left-con-text b{
	color:#535353;
	font-family:Arial;
	font-size:14px;
	padding-left:18px;
	text-align:left;
}
#left-con-text p{
	color:#535353;
	font-family:Arial;
	font-size:12px;
	padding-left:18px;
	text-align:left;
	padding-right:20px;
}
.link {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color:#535353;
	text-align:left;
}
.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color:#0A0A0A;
}

#right-content {
	float: left;
	width: 276px;
	overflow: hidden;
}
#add-fild {
	width: 266px;
	overflow: hidden;
	/*background-color:#FFFFFF;*/
	padding-top:5px;
}
#content{
	margin-top:5px;
}
#auto-insurance {
	height: 34px;
	width: 255px;
	background-image: url(images/auto-insurance.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-top:83px;
	padding-left:11px;
	
}
#home-insurance {
	height: 34px;
	width: 255px;
	background-image: url(images/home-insurance.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-top:83px;
	padding-left:11px;
	margin-top:8px;
}

#business-insurance {
	height: 34px;
	width: 255px;
	background-image: url(images/business-insurance.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-top:83px;
	padding-left:11px;
	margin-top:8px;
}

#health-insurance {
	height: 34px;
	width: 255px;
	background-image: url(images/health-insurance.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-top:83px;
	padding-left:11px;
	margin-top:8px;
}
#article-area {
	height:49px;
	width: 254px;
	background-image: url(images/article.jpg);
	background-repeat: no-repeat;
	text-align:left;
	margin-top:8px;
	padding-top:38px;
	padding-left:12px;
}

#contact-area {
	height:126px;
	width: 255px;
	background-image: url(images/contact-bg.jpg);
	background-repeat: no-repeat;
	text-align:left;
	margin-top:8px;
	padding-left:11px;
	padding-top:11px;
}




#follow-box {
	height: 42px;
	width: 249px;
	background-image: url(images/signup-box.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-left:56px;
	padding-top:45px;
	padding-bottom:7px;
	margin-top:8px;
}



#sign-in-box {
	height: 42px;
	width: 249px;
	background-image: url(images/news-letter-box.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-left:17px;
	padding-top:45px;
	padding-bottom:7px;
	margin-top:8px;
}
.input-box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #757575;
	text-decoration: none;
	background-color:#E5E5E5;
	border:0px;
	width:191px;
	height:18px;
	float:left;	
}
.button-go{
	background-image: url(images/go-normal.jpg);
	background-repeat: no-repeat;
	width:34px;
	height:19px;
	border:0px;
	float:left;
	margin-left:4px;
	
}
.button-go:hover{
	background-image: url(images/go-rollover.jpg);
	background-repeat: no-repeat;
	width:34px;
	height:19px;
	border:0px;
	float:left;
	margin-left:4px;
}
#add-banner {
	background-image: url(images/add-1.jpg);
	background-repeat: no-repeat;
	height: 113px;
	width: 275px;
	margin-left:0px;
	border:0px;
}
#upcoming-events {
	width: 263px;
	background-color:#FFFFFF;
	overflow:hidden;
	margin-left:2px;
	text-align:left;
}
.box1{
width:251px;
overflow:hidden;
background-image:url(images/upcoming-events-text-body-m.jpg);
background-repeat:repeat-y;
margin-left:7px;
margin-bottom:5px;
}

.upcoming-events-text {
	font-family: tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #7C7C7C;
	text-decoration: none;
	margin-left:16px;
	margin-right:16px;
	
}
.color-text2 {
	font-family:tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CD5089;
	text-decoration: none;
	text-align: left;
}
.color-text3 {
	font-family:tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CD5089;
	text-decoration:underline;
	text-align: left;
}
.color-text3:hover {
	font-family:tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #EBA2C3;
	text-decoration: none;
	text-align: left;
}
/* innr page 1*/
.headline
{
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D3508A;
	height: 20px;
	width: 200px;
	padding-left:6px;
	margin-left:18px;
}

.email {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color:#535353;
	text-align:left;
}

.email:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration:underline;
	color:#E26EA1;
}
#footer-bg{
	height: 55px;
	width: 809px;
	background-image: url(images/footer-bg.jpg);
	text-align:center;
	background-repeat: no-repeat;
	border:0px;
	margin:0 auto;
}
#blank{
background-image:url(images/blank.gif);
background-repeat:repeat;
width:780px;
height:16px;
border:0px;
background-color:#EFEFDF;
}
.footer-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left:10px;
padding-top:11px;
	color:#363636;

}
.green-link {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #284703;
	text-decoration: none;
}

.footer-nav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color:#363636;
	text-decoration:none;
	
}
.footer-nav:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color:#666666;
	text-decoration:underline;
	
}.white-text {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.green-text {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #6D9E23;
	text-decoration: none;
}
.green-link:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
h1{
	color:#396705;
	
}
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(http://openhouse-sf.org/images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(http://openhouse-sf.org/images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(http://openhouse-sf.org/images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(http://openhouse-sf.org/images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(http://openhouse-sf.org/images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(http://openhouse-sf.org/images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}

#bottom{
width: 809px;
height:25px;
padding-top:15px;
text-align:right;
color:#284703;
}

small {
font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
font-size:0.9em;
line-height:1.5em;
padding-left:6px;
}
.date_posts {
margin-bottom:10px;
margin-left:10px;
margin-top:5px;
}
.postedate {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://openhouse-sf.org/images/date.gif) no-repeat scroll 0 0;
color:#4D4B4C;
padding-left:20px;
}
.postetime {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://openhouse-sf.org/images/time.gif) no-repeat scroll 0 0;
padding-left:20px;
}
.postedby {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://openhouse-sf.org/images/author.png) no-repeat scroll 0 0;
padding-left:20px;
}
.feature_img {
border:none;
float:left;
margin-left:5px;
margin-right:10px;
}
.postmetadata{
	clear:both;
	text-align:center;

}


.home-bg{
	background-image:url(images/quick-quote.jpg);
	width:520px;
	height:330px;
	clear:both;
	text-align:center;
	overflow:hidden;
	margin-top:10px;

}
.home-inner{
	
margin-left:230px;
margin-top:160px;
width:240px;
	
	
	
}
/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}