/*
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 {
background-color:#489AF0;
background-image:url("images/bg.jpg");
background-position:left top;
background-repeat:no-repeat;
margin:10px 0 30px;
}
body, input, textarea {
font:13px Arial,Helvetica,sans-serif;
}

.container{
overflow:hidden;
width:982px;	
}
.gsection_title{
	color:#66C;
}
.gfield_label{
	font-weight:normal;
}
.header {
background-color:#F9F9F9;
background-image:url("images/header-bg.jpg");
background-repeat:repeat-x;
height:152px;
width:982px;
}
#search-area {
background-image:url("images/search-area.jpg");
background-repeat:no-repeat;
color:#FFFFFF;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
height:152px;
text-decoration:none;
width:318px;
}


#logo  {
float:left;
height:152px;
width:219px;
}
.go {
background-image:url("images/go.jpg");
background-repeat:no-repeat;
border-width:0;
height:25px;
width:38px;
}


.search-textfield {
background-image:url("images/search-bg.jpg");
background-repeat:repeat-x;
border:0 none;
height:25px;
position:absolute;
top:38px;
width:167px;
}
div, p, h1, h2, h3, h4, img, ul, li {
margin:0;
padding:0;
line-height:20px;
}
.commenter{
	text-transform:uppercase;
	font-weight:bold;
	font-style:normal;
}

.comment{
	padding:20px;
	border-bottom:2px solid #DDDDDD;
	margin-bottom:0px;
}
#menu-area {
background-image:url("images/menu-bg.jpg");
background-repeat:repeat-x;
color:#5B5B5B;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
height:51px;
text-decoration:none;
width:982px;
}
#menu-left {
background-image:url("images/menu-left.jpg");
background-repeat:repeat-x;
float:left;
height:51px;
width:12px;
}

#menu-nav {
float:left;
height:20px;
padding-top:0;
width:602px;
}

#menu-img {
float:left;
height:51px;
padding-left:50px;
width:303px;
}

#menu-right {
background-image:url("images/menu-right.jpg");
background-repeat:no-repeat;
float:right;
height:51px;
width:15px;
}

#banner-area {
/*background-image:url("images/banner-bg.jpg");*/
background-repeat:no-repeat;
height:227px;
text-align:left;
width:982px;
background-color:#FFF;
}
#content{
	
background-color:#FFFFFF;

width:982px;
}
#primary{
	color:#585858;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:16px;
overflow:hidden;
padding:23px 23px 11px;
text-align:left;
text-decoration:none;
/*width:648px; */
	
}
.box-area {
	width: 242px;
	overflow: hidden;
	padding-bottom: 12px;
}

.box-title {
background-image:url("images/box-title.jpg");
background-repeat:no-repeat;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-style:normal;
font-weight:bold;
height:31px;
padding-left:15px;
padding-right:9px;
padding-top:10px;
text-align:left;
text-decoration:none;
text-transform:uppercase;
}
.box-bg {
	background-image: url(images/box-bg.jpg);
	background-repeat: repeat-y;
	padding: 18px;
	/*width: 207px;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C6C6C6;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #585858;
	text-decoration: none;
	text-align:left;
}
.box-bg ul {
	list-style-type:disc;
	color:#66C;
	padding-left: 25px;
}
.box-bg li {
color:#585858;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-style:normal;
font-weight:normal;
letter-spacing:0;
line-height:17px;
margin-left:-20px;
margin-top:5px;
text-decoration:none;
text-transform:uppercase;
}
.box-bg a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #29166F;
	text-decoration: none;
	font-size: 10px;
}
.box-bg a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #66C;
	text-decoration:underline;
}
#footer-area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	height: 52px;
	width: 982px;
	padding-top: 21px;
}
#footer-area a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#footer-area a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.box-bottom{
background-image: url(images/box-bottom.jpg);
width:242px;
height:13px;
}

.aside {
float:right;
width:260px;
padding-top:23px;
}
.footer{
	color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
height:52px;
line-height:20px;
padding-top:21px;
text-decoration:none;
width:982px;
text-align:center;
}

.footer a {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
text-decoration:none;
}
#menu li.current a {
	background-color:#FFF;
}
#menu li {
background:#FFF;
color:#F00;
}
.entry-title, .entry-title a {
color:#6666CC;
font-size:22px;
font-weight:bold;
line-height:20px;
padding-bottom:10px;
text-transform:uppercase;
}
h1,h2{
	border-bottom:2px solid #DDDDDD;

}


.first_line {
background:url("images/career_table_first_line_bgr.png") repeat-x scroll 0 0 transparent;
color:#FFFFFF;
font-weight:bold;
height:30px;
}

.career_table td {
border-bottom:1px solid #CCCCFF;
border-right:1px dotted #CCCCFF;
padding:5px;
}

.career_table {
background:none repeat scroll 0 0 #F7F7FF;
margin-top:10px;

border:1px solid #CCCCFF;
}

.career_table .second_line {
background:url("images/career_table_second_line_bgr.png") repeat-x scroll 0 0 transparent;
color:#663399;
font-weight:bold;
}

.career_table a{
color:#663399;
outline:medium none;
text-decoration:none;
}

.button_job {
background:url("images/icons/button_bgr.gif") repeat scroll 0 0 transparent;
color:#663399;
display:block;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:0;
text-align:center;
text-decoration:none;
width:191px;
}

.third_line {
border-bottom:2px solid #CCCCFF;
font-size:12px;
padding:10px;
color:#000;
}

.lens {
background:url("images/icons/lens.gif") no-repeat scroll 10px 8px transparent;
display:block;
text-indent:30px;
}

.apply {
background:url("images/icons/apply.gif") no-repeat scroll 10px 7px transparent;
display:block;
text-indent:30px;
}
.back {
background:url("images/icons/back.gif") no-repeat scroll 9px 8px transparent;
display:block;
text-indent:30px;
}

.application_form{
	padding:15px;
	
}
.jobapp_heading{
	font-size:16px;
	font-weight:bold;
	color:#66C;
	padding:10px;
	margin-left:150px;
}
.warning{
	color:#F00;
	text-align:center;
	padding:15px;
}
.required{
	color:#F00;
	
}

.button-primary{
	background:#66C;
	border:#66F;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	cursor:hand;
	border:1px #639;
	cursor:pointer;
}
.application_form td{
	font-size:14px;
}
.application_form input{
	
}

.date_posts {
margin-bottom:10px;
margin-left:10px;
margin-top:5px;
}

.postedate {
-moz-background-inline-policy:continuous;
background:url("http://openhouse-sf.org/images/date.gif") no-repeat scroll 0 0 transparent;
color:#4D4B4C;
padding-left:20px;
}

.postedby {
-moz-background-inline-policy:continuous;
background:url("http://openhouse-sf.org/images/author.png") no-repeat scroll 0 0 transparent;
padding-left:20px;
}
.postmetadata {
clear:both;
text-align:center;
}
.hentry, .widget, .comment, .navigation-links {
/*margin-bottom:40px; */
}

.feature_img {
border:medium none;
float:left;
margin-left:5px;
margin-right:10px;
}

.readmore {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:none repeat scroll 0 0 #ccccff;
border:1px solid #6666CC;
clear:both;
color:#FFFFFF;
float:right;
font-size:13px;
height:25px;
line-height:25px;
margin:10px 5px 0 0;
padding:2px 5px;
}
a {
color:#6666CC;
text-decoration:none;
}
.entry-title-blog,.entry-title-blog a{
color:#6666CC;
font-size:15px;
font-weight:bold;
line-height:10px;
padding-bottom:5px;
text-transform:uppercase;
}

.entry-title-blog a:hover{
	text-decoration:none;
}

.post {
	margin-bottom:20px;
}
.hfeed h3 {
color:#0099FF;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
margin-top:15px;
padding:5px;
text-transform:uppercase;
}

.hfeed ul{
	padding:10px 15px 15px 15px;
	list-style-image:url(http://assets3.babyfit.com/images/controls/bullet_purple.gif)
	
}
.hfeed blockquote ul{
	padding:10px 0px 15px;
	list-style-image:url(http://assets3.babyfit.com/images/controls/bullet_purple.gif);
	margin-left:10px;
	
}
.hfeed blockquote li a{
	font-size:12px;
}

.hfeed blockquote li{
	background-position:left;
	background-repeat:no-repeat;
	font-size:12px;
}
.hfeed li{
	/*background-image:url(http://www.rabbitagility.com/Images/Bullets/BlueBullet.GIF);*/
	background-position:left;
	background-repeat:no-repeat;
	font-size:14px;
}

.entry-content p{
	/*background-image:url(http://www.rabbitagility.com/Images/Bullets/BlueBullet.GIF);*/
	margin-bottom:15px;
	font-size:14px;
	margin-top:15px;
	text-align:justify;
	
	
}


#search-area a {
color:#29166F;
font-family:Verdana;
font-size:25px;
font-style:normal;
font-weight:bold;
text-decoration:none;
}

.red{
	color:#F00;
}

.contact{
	font-weight:bold;
	padding:5px;
	color:#29166F;
}

.contact input{
	
}

.contact select{
	}
.contact textarea{
	width:500px;
	height:300px;
	
}

.contact_submit{
width:250px;
padding:5px;
margin:5px;
text-transform:uppercase;
font-weight:bold;
background-color:#66C;
border:1px solid #29166F;
color:#FFF;
}
.home-boxes{
width:210px;
height:550px;
background-color:#fff;
border:1px solid #DDD;
float:left;
margin-left:4px;
margin-top:30px;
}

.home-boxes img{
text-align:center;
border:1px #6666CC solid;
margin-left:8px;
height:128px;
width:190px;
}
.home-boxes h4 {
/*border-left:4px solid #6666CC;*/
color:#6666CC;
font-size:14px;
font-weight:bold;
height:30px;
letter-spacing:0;
line-height:30px;
text-align:center;
text-transform:uppercase;
background:url("http://www.bluage.com/templates/bluage/rd_nfs_bluage_00/_style/bg_tablehome.png") repeat-x scroll 0 0 #E6E8EA;
}

.home-boxes li{
background-image:url("http://assets3.babyfit.com/images/controls/bullet_purple.gif");
background-position:left center;
background-repeat:no-repeat;
line-height:14px;
list-style:none outside none;
padding:7px 10px;
}

.home-boxes ul{
margin-left:5px;
margin-top:0px;
padding:0px;
/*list-style-image:url(https://uma.att.com/assets/images/icon_check.gif);*/
}

.hfeed blockquote {
background-image:none;
background-color:#CCCCFF;
background-position:10px 25px;
background-repeat:no-repeat;
border-bottom:2px dashed #6666CC;
border-top:2px dashed #6666CC;
color:#29166F;
float:right;
margin:10px 20px 10px;
padding:15px;
text-indent:0px;
width:270px;
clear:both;
margin-right:20px;
font-size:12px;
text-decoration:none;
}
.hfeed blockquote span{
display: block;
background-repeat: no-repeat;
background-position: bottom right;
}
.hfeed blockquote p{
margin:0px;
font-size:12px;
}
	

h4{
font-weight:bold;
color:#66C;
font-size:14px;
text-transform:uppercase;
clear:none;
}


element.style  {
float:right;
font-weight:bold;
margin-right:10px;
}
.sfststreadmore {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:none repeat scroll 0 0 #CCCCFF;
border:1px solid #6666CC;
width:75px;
text-align:center;
color:#FFFFFF;
font-size:13px;
height:25px;
line-height:25px;
clear:both;
margin-left:130px;
margin-top:10px;


padding:2px 5px;
}

blockquote {
	background-image:url("images/closequote1.gif");
background-position:top left;
background-repeat:no-repeat;
color:#666666;
font-style:italic;
margin-left:0px;
padding-left:10px;
border:none;
text-indent:10px;
}
blockquote cite{
		background-image:url("images/closequote1.gif");
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:10px;
text-align:left;
float:right;
padding:7px;
text-indent:0px;
}

#sfstest-page blockquote {
background-color:#CCCCFF;
background-image:url("images/closequote1.gif");
background-position:10px 25px;
background-repeat:no-repeat;
border-bottom:2px dashed #6666CC;
border-top:2px dashed #6666CC;
color:#29166F;
float:right;
margin:0 5px 10px;
padding:20px 20px 0;
text-indent:10px;
width:90%;
}
#sfstest-page blockquote cite{
	float:left;
		background-image:url("images/closequote1.gif");
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:20px;
width:90%;
text-align:right;
padding:15px;
}

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}