/*

Theme Name: FFH

Theme URI: http://allpromedia.com

Description: A custom theme developed for Freedom Family Homes

Author: All Pro Media

Author URI: http://allpromedia.com

version: 1.0

Tags: three-column, widget-ready

*/







/* basics

=================================================== */



*{margin:0; padding:0;}

.clearfloat {clear:both; height:0px; line-height:1px; font-size:0;}

body {

	background:#dedede url(images/grass-tile400x400.jpg) repeat fixed center top;

	font-family: verdana, arial, tahoma, sans-serif;

	font-size: 8pt;

	margin:20px;

	}

	

h1 {font-size: 18pt;}

h2 {font-size: 14pt;}

h3 {font-size: 10pt;}

h4 {font-size: 9pt;}





img{ border: none; padding:0; }

img a{border:none;}



img.left{ float: left; border: none; padding: 6px 0 0 0; }

img.right{ float: right; border: none; padding: 0 0 0 6px; }



blockquote{

	border-left:1px solid #A5ABAB;

	margin:15px;

	padding:0 12px 0 12px;

	}



code{

	font-family:"Courier New", Courier, monospace;

	}





/* links

=================================================== */



a{

	color:#000;

	text-decoration:none;

	}



a:hover{text-decoration: underline;}



/* container

=================================================== */





#container {

	width:960px;
	margin: 0 auto;
	padding:0;
	color:#231f20;
	overflow: hidden;
	border: 1px solid #000000;
	background-image: url(images/bg.png);
	background-repeat: repeat-y;
	background-position: center top;

	}


#container-2col {

	width:960px;
	margin: 0 auto;
	padding:0;
	color:#231f20;
	overflow: hidden;
	border: 1px solid #000000;
	background-image: url(images/bg-2col.png);
	background-repeat: repeat-y;
	background-position: center top;

	}
#container-2col #content {width:700px;}

/* header

=================================================== */



#header {

	background:#e6e6e6;

  	width:100%; 

  	height:100px;

	color: #fff; 

	}



#header h1{

	font:normal 20pt georgia, times;

	padding:20px 0 0 16px;

	margin:0;	

	}

	

#header h1 a{color: #404040; text-decoration: none;}

#header h1 a:hover{color: #666; text-decoration: none;}





#header h2{

	font:normal 10pt georgia, times;

	color:#333;

	padding: 0 0 0 18px;

	margin:0;	

	}





/* main menu

=================================================== */





#menu {

	background:#000;

	font-family: verdana, arial, times, serif;

	font-size: 8pt;

	width:100%; 

	overflow:hidden;

}





#menu ul {
	margin:0;
	padding:0;
	list-style: none;	

}



#menu ul li {

	list-style-type: none;

	float:left;

	margin: 0;

	padding: 0;

}



#menu ul li a {

	padding:4px 10px;

	margin: 0;

	color: #fff;

	display:block;

}



#menu ul li a:hover {

	background: #fff;

	color:#000;

}









/* content

=================================================== */



#content {

	float: left;
	width:510px;
	overflow: hidden;
	margin:0px;
	}


#content a {color: #008e35; text-decoration:underline;}

#content a:hover { text-decoration:none;}



.post {

	margin:0;

	padding:14px 24px;

	line-height: 14pt;
	}

	

.post h2{

	font:normal 15pt georgia, times;

	}

	

.post h2 a{

	color: #000;

	text-decoration: none;

	}

	

.post h2 a:hover{

	color: #777;

	text-decoration: none;

	}



.post ul {}



.post li {margin-left: 50px; margin-right: 50px;}



.entry p{margin:12px 0;}



.postmetadata{

	clear: both;

	background:#F7F7F7;

	padding:6px;

	margin: 20px 0;

	}

	



.navigation {

	font-size:8pt;

	width:100%;

	float:left;

	margin:0;

	padding:0;

	overflow:hidden;

	}

	

.alignleft a{float:left; margin:5px;}

.alignright a{float:right; margin:25px 0;}

	







/* left sidebar

=================================================== */



#left {

	width:250px;

	float:left;

	margin:0;

	padding:0;

	}



#left h2{

	font:normal 11pt arial, georgia, times;

	color: #000;	

	margin: 0;

	padding: 0;

}



#left label{

	font:normal 11pt arial, georgia, times;

	color: #000;	

	margin: 0;

	padding: 0;

}



#left p {margin:0; padding: 0;}



#left img {padding: 0; margin: 0;}



#left ul {

	margin:12px 9px;

	padding:0;

	}



#left ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#left ul ul {
	margin:14px 0;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
}

#left ul ul ul{
	margin: 0;
	padding: 0;
}

#left ul ul ul li.page_item a{
	color: #fff;
	background-image: url(images/nav_btn_sub.png);
}

#left h2 {display: none;}

#logo { height: 126px; margin: 10px auto; width: 232px;}

#logo h1 {

	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 126px;
	width: 232px;
	margin-top: -4px;
	line-height: 126px;
}

#logo h1 a {}

#logo span {
	float: left;
	margin-top: -1000px;
}







/* left sidebar page menu

=================================================== */

#left ul ul {
	background-image: url(images/bg_leftbar_tan-paper.jpg);
	background-repeat: repeat;
	background-position: center top;
}

#left ul ul li.page_item {
	padding: 0 5px;
}

		#left ul ul li.page-item-3 {
			background-image: url(images/bg_leftbar_tan-paper-top.png);
			background-repeat: no-repeat;
			background-position: left top;
			padding-top: 5px;	
		}

		#left ul ul li.page-item-22 {
			background-image: url(images/bg_leftbar_tan-paper-bottom.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			padding-bottom: 10px;	
		}

#left ul ul li.page_item a {
	line-height: 24px;
	background-image: url(images/nav_btn_.png);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: middle;
	height: 24px;
	width: 210px;
	margin-top: 4px;
	margin-right: 4px;
	padding-left: 10px;
	display: block;
	font-weight: bold;
	color: #f1e78e;

}



#left ul ul li.page_item a:hover {	background-image: url(images/nav_btn_hover.png);}


/* Vertical Response Signup form

=================================================== */

#vr-form {
	background-image: url(../../../images/bg_signup.jpg);
	border-style: none;
	font-size: 12px;
	clear:both;
}
#vr-form div {
	background-image: url(../../../images/corner-TL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
}
#vr-form div div {
	background-image: url(../../../images/corner-TR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: auto;
}
#vr-form div div div {
	background-image: url(../../../images/corner-BR.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: auto;
}
#vr-form div div div div {
	background-image: url(../../../images/corner-BL.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: auto;
}

#vr-form div div div div div#vr-wrap {
	background-image: url(../../../images/signup-house.jpg);
	background-repeat: no-repeat;
	border-style: none;
	height: auto;
	padding: 10px;
	background-position: 10px 10px;
}	

#vr-form div div div div div#vr-wrap label {
	text-align: left;
	display:block;
	font-size: 12px;
	clear:both;
	margin-top:3
}
#vr-form div div div div div#vr-wrap p {
	height:75px;
	background-image: url(../../../images/getNewsletter.gif);
	background-repeat: no-repeat;
	background-position: right 13px;
}
#vr-form div div div div div#vr-wrap p span {
	float:left;
	margin: -10000px;
	width: 134px;
	height:43px;
}

#vr-form input#email_address, #vr-form input#first_name, #vr-form input#last_name {
	display: block;
	float: right;
	height: 14px;
	width: 130px;
	margin-top: -20px;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 3px;
	background-color:#FFFFFF;
	border: 1px solid #000;
	vertical-align: top;
	padding: 3px;
}


#vr-form div div div div div#vr-wrap input#vr-submit {
	background-image: url(../../../images/btn_join.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	height: 22px;
	width: 137px;
	display: block;
	font-size:0px;
	border:none;
	float: right;
	clear:both;
	margin-bottom: 10px;
}

.vr-required {font-size: 10px;}
.red {color:#fff;}


/* right sidebar

=================================================== */



#right{

	width:200px;

	float:right;

	margin:0;

	padding: 0;

	}



#right h2{

	margin: 0;

	padding: 0;

	padding-top: 3px;

	background-image:url(images/bg_RTcol_h2.png);

	background-repeat: repeat-x;

	background-position: center top;

	line-height: 25px;

	height: 22px;

	font-weight: bold;

	font-size: 18px;

	text-transform: uppercase;

	text-align: center;

}



#right label{

	font:normal 11pt arial, georgia, times;

	color: #000;	

	margin: 0;

	padding: 0;

}



#right p {margin:0; padding:0;}



#right img {padding: 0; margin: 0;}



#right ul {

	margin:12px;

	padding:0;

	}



#right ul li {

	margin: 0;

	padding: 0;

	line-height: 14pt;

	list-style-type: none;

	}



#right ul ul {

	margin:14px 0;

	padding: 0;

}



#right ul ul li {

	list-style-type: none;

	}



#right ul ul ul{

	margin: 0;

	padding: 0;

}



#right ul ul ul li{

	padding: 0 0 0 15px;

	list-style-type: square;

	color: #898989;

}







/* comments

=================================================== */



#respond {padding: 14px 24px; background-color:transparent;}

#commentform{

	background:#fff;

	margin:0;

	padding:0;

	}

	

#commentform p{

	color: #000;

	}

	

#commentform a{line-height: 14pt;}

	

#commentform h3{

	font-family: georgia, times, verdana;

	font-size: 10pt;

	font-weight: 300;

	color: #000;

	margin:0;

	padding:0;

	}

	

#comment{

	width:80%;

	}



#author, #email, #url, #comment, #submit{

	background: #fff;

	font-family: verdana, arial, times;

	font-size: 8pt;

	margin:5px 5px 0 0;

	padding:0;

	border: 1px solid #000;

	}

	

#submit{margin:5px 5px 0 0;}



#comments{margin:0; padding:0}

	

ol.commentlist {list-style-type: none; margin:0; padding:0;}



.avatar{float:left; margin:0 12px 0 0;}



ol.commentlist li {

	background: #fff;

	margin:10px 0;

	padding:5px 0 5px 10px;

	list-style-type:none;

	}



ol.commentlist li.alt {background: #eee;}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}



ol.commentlist a {}



cite {

	font-family: arial, verdana, tahoma;

	font-size: 9pt;

	font-weight: bold;

	font-style: normal;

	}

	

cite a{ }







/* FREE DVD BOX

=================================================== */

#freeDVDbox {

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	margin-top: 20px;

	margin-bottom: 30px;

}

#freeDVDbox a {text-decoration:underline; color: #e9d453;}

#freeDVDbox a:hover {text-decoration:none; color: #e9d453;}

#freeDVDbox p {margin-top: 15px;}



.txt_bigYellow {

	font-size: 18px;

	font-weight: bold;

	color: #e9d453;

}

#freeDVD {

	font-size: 25px;

	font-style: italic;

	margin-top: 25px;

}

img#dvdimg { margin-top: 10px; }





/* PROMOTIONS BOX

=================================================== */

#promotionsBox {

	background-color: #f1e78e;

	border: 1px solid #432A15;

	padding: 0 0 10px 0;

	margin: 0 0 30px 0;

}

#promotionsBox h2 {

	background-image: url(images/bg_RTcol_h2.png);

	background-repeat: repeat-x;

	background-position: center top;

	height: 25px;

	margin:0;

	padding:0;

	text-align: center;

}

#promotionsBox h3 {margin: 10px; margin-bottom: 5px; color: #5a3517;}

#promotionsBox p {margin: 10px; margin-bottom: 5px; color: #231f20;}

#promotionsBox a {text-decoration:underline; color: #008e35;}

#promotionsBox a:hover {text-decoration:none; color: #008e35;}







/* RECENT NEWS BOX

=================================================== */

#recentnews {}

#recentnews .newsTitle a {color: #e9d453; font-weight:bold; text-decoration:none}

#recentnews .newsTitle a:hover {text-decoration: underline;}

#recentnews .newsDate {font-size: 10px; color:#fff;}

#recentnews .newsSnippet {

	color:#fff;

	line-height: 12px;

	padding-bottom: 10px;

	display: block;

}

#recentnews li {border-bottom: 1px solid #432A15; padding-bottom: 10px;}







/* search

=================================================== */



#searchform{

	padding:0;

	margin:14px 0;

	}



#searchform input#s{

	margin:0;

	border:1px solid #000;

	padding:2px;

	}









/* misc

=================================================== */



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

	}

	

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -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;

}


/* HOME PAGE TWEAKS (#post-3)

=================================================== */

#post-3 h2 {display:none;}
#post-3 .entry h2 {display: block;}
/* #post-3 p, #post-3 h2, #post-3 h1, #post-3 h3, #post-3 ul, #post-3 ol {padding-left: 14px; padding-right: 14px;} */

/* .wp-image-149 {
	margin: -14px -22px -14px -22px;	
	width: 512px;
	border: 0;
} */

#homeImg {margin: -14px -23px -14px -23px; overflow:hidden;}

#content a.post-edit-link {margin: 14px; border: 1px solid #333333; padding:5px; background-color:#F2F2F2; font-size:10px; line-height: 10px; height: 10px; clear:both; display: block; text-align: center; text-decoration: none;}
#content a:hover.post-edit-link {background-color:#FFFFCC;}



/* Cutom Field Template (plug-in) styles

=================================================== */
#cft1 {width: 280px; float:right; clear:right; }
.post #cft1 li {margin-left: 15px; margin-right: 10px;}
#cft1 div.cft-label {clear:both; border-top: 1px dashed #ccc; font-weight:bold; width: 280px; height:auto;}
#cft1 div.cft-info {float:right; width: 180px; margin-left: 0px; font-weight:normal;}
#cft1 div.cft-info-description {float:right; width: 280px; margin-left: 0px; font-weight:normal;}
#cft1 div.cft-info ul { list-style: outside; }

#ngg-gallery-2 {float: left; clear: left; margin-top: 14px; width: 150px;}
.mapp-div {clear: both;}
.wp-caption {margin:0;}

#cft0 {width: 300px; float:right; clear:right; }
.post #cft0 li {margin-left: 15px; margin-right: 10px;}
#cft0 div.cft-label {clear:both; border-top: 1px dashed #ccc; font-weight:bold; width: 300px; height:auto;}
#cft0 div.cft-info {float:right; width: 200px; margin-left: 0px; font-weight:normal;}
#cft0 div.cft-info-description {float:right; width: 300px; margin-left: 0px; font-weight:normal;}
#cft0 div.cft-info ul { list-style: outside; }

.ngg-singlepic {border: 1px dashed #ccc; margin-bottom: 14px;}

/* footer

=================================================== */



#footer {
	background:#000;
	clear: both;
	width: 100%;
	}

#footer p{padding:14px 0;margin: 0; color: #eee; text-align:center;}

#footer a{color: #BCBCBC;text-decoration: none;}

#footer a:hover{color: #5D5D5D;text-decoration: underline;}








