/* Larry and Laura's Style Sheet
===============================
Table of Contents

-------------------------------
aa. Browser Reset and Imports
-------------------------------
1.  Major Layout Elements
-------------------------------
2.  Navigation Bar Formatting
-------------------------------
3.  Headers Formatting
-------------------------------
4.  Text Elements
-------------------------------
5.  Tables
-------------------------------
6.  Forms
-------------------------------
7.  Entries and Posts
-------------------------------
8.  Contact Form
-------------------------------
9.  Comment Form
-------------------------------
10.  Clearfix Hacks
-------------------------------
*/


/* aa Browser Reset File Import & Starter Information
==============================================================*/

@import url("http://www.cfsmissionaryupdate.com/go/hoffert/reset_css");

body {
	font: 62.5%/1.5 Helvetica, Arial, sans-serif;
	text-align:center;
	color: #333333;
	background:#5B5141 url(http://www.cfsmissionaryupdate.com/images/hoffert/layout/paper-bg.jpg) repeat-y top center scroll;	
    line-height: 1.5; /* Unitless for proper inheritance */
}

body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */



/* 1. Major Layout Elements
==============================================================*/

#container { /* the wrapper that goes all the way around the page, duh! */
}

#content-wrapper {
	text-align: justify;
	width: 960px;
	margin: 0pt auto;
	padding-bottom: 0px;
	background: transparent url(http://www.cfsmissionaryupdate.com/images/hoffert/layout/note-paper-bg.jpg) repeat-y top center scroll;
}
	#main-content {
		float: left;
		width: 570px;
		margin: 0pt 0pt 0pt 100px;
		padding: 0pt;
	}
	
	#sidebar-wrapper {
		float: right;
		width: 200px;
		margin: 0 50px 0 0;
		padding: 0pt;
	}
#header-wrapper {
	width: 960px;
	height: 191px;
	margin: 0pt auto;
	background: transparent url(http://www.cfsmissionaryupdate.com/images/hoffert/layout/header.jpg) no-repeat top center scroll;
}

#footer-wrapper {
	width: 960px;
	height: 65px;
	margin: 0pt auto;
	background: transparent url(http://www.cfsmissionaryupdate.com/images/hoffert/layout/footer-note-paper.jpg) no-repeat bottom center scroll;
}


/* 2. Navigation Bar Formatting
==============================================================*/

#nav-wrapper {
	width: 813px;
	height: 45px;
	margin: 0pt 0pt 35px 70px;
	padding: 12px 0pt 0pt;
}

ul#navigation {
	height: 42px;
}

#navigation li {
float:left;
height:42px;
overflow:hidden;
}

#navigation li a {
	background-position:center top;
	display:block;
	line-height:42px;
	overflow:hidden;
	text-indent:-5000px;
}

#our_news {
background:transparent url(/images/hoffert/layout/navbar/our_news.jpg) no-repeat scroll 0%;
width:150px;
}

#get_involved {
background:transparent url(/images/hoffert/layout/navbar/get_involved.jpg) no-repeat scroll 0%;
width:166px;
}

#contact_us {
background:transparent url(/images/hoffert/layout/navbar/contact_us.jpg) no-repeat scroll 0%;
width:157px;
}

#cfs {
background:transparent url(/images/hoffert/layout/navbar/cfs.jpg) no-repeat scroll 0%;
width:255px;
}

#navigation li a:hover {
background-position:50% -42px;
}
/* 3. Headers Formatting
==============================================================*/
h1,h2,h3,h4,h5,h6 {clear:both;}

h1 { 
	font-size: 3em;
	text-transform: uppercase;
	color: #901414;
 }

h2 { 
	font-size: 2em; 
	text-transform: uppercase;
	color: #ccc;
}

h3 { 
	font-size: 1.5em; 
	line-height:2; 
	text-transform: uppercase;
	color: #4D4D4D;
}
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }

/* 4. Text Element Formatting
==============================================================*/

p           { margin: 0 0 1.5em 0; text-align:justify; }
p.last      {margin-bottom:0;}
/* p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; } */
p img.top   {margin-top:0;} /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 0 0 1.5em 1.5em; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

a           { color: #125AA7; text-decoration: none; outline: none; }
a:hover     { color: #000; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
p.quiet   { color: #666; }
.hide     { display: none; }


/* 5. Table Formatting
==============================================================*/

table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      {font-weight:bold;}


/* 6. Form Element Formatting
==============================================================*/

label     { font-weight: bold; }
textarea  { height: 180px; width: 300px; }

/* 7. Entry and Post Formatting
==============================================================*/
.entry {
	margin: 0px 0px 2.5em;
	text-align: left;
}

.entry h2 {color: #901414; }

.postmeta {
	background: transparent url(http://www.cfsmissionaryupdate.com/images/hoffert/layout/divider.gif) no-repeat center bottom scroll;
	padding-bottom: 5px;
}

.postmeta p {
	text-align: right;
}

.postmeta p span {display: block; float: left; color: #666;}

div.entry p img {border: 5px solid #901414;}

/* 8. Contact Form
==============================================================*/

#contactform {
	clear:both;
	line-height:25px;
	padding:0px 0pt;
}
#contactform label {
	display:block;
	float:left;
	font-size:12px;
	padding-right:5px;
	text-align:right;
	width:150px;
}
#contactform ul li {
	list-style: none;
	clear:both;
	padding:3px 0pt;
}
#contactform input, #contactform textarea {
	border:1px solid #CCCCCC;
	color:#333333;
	font-family:'lucida grande','trebuchet ms';
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding:3px;
	width:350px;
}
fieldset ul li.short input {width:auto;}
#contactform li.captcha label {display:none;}

#contactform li.captcha span {
	display:block;
	float:left;
	padding-right:5px;
	text-align:right;
	width:150px;
}			
#contactform li.submit_button {padding-left:155px;}
	#contactform li.submit_button input.submit_button {
		width: auto;
	}
.captcha .textfield {width:100px;}

.auto_clear {color:#999999;}
/* 9. Comment Form
==============================================================*/
.comment_entry {
	padding-bottom: 5px;
	background: transparent url(http://www.cfsmissionaryupdate.com/images/hoffert/layout/divider.gif) no-repeat center bottom scroll;
}

.comment_entry li.author {
	color: #901414;
	font-size: 1.4em;
}
.comment_entry li.date {
	font-style: italic;
	margin-bottom: 1em;
}
#commentform {
	clear:both;
	line-height:25px;
	padding:0px 0pt;
}
#commentform label {
	display:block;
	float:left;
	font-size:12px;
	padding-right:5px;
	text-align:right;
	width:150px;
}
#commentform ul li {
	list-style: none;
	clear:both;
	padding:3px 0pt;
}
#commentform input, #commentform textarea {
	border:1px solid #CCCCCC;
	color:#333333;
	font-family:'lucida grande','trebuchet ms';
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding:3px;
	width:350px;
}
#commentform input.checkbox {
	border:1px solid #CCCCCC;
	color:#333333;
	font-family:'lucida grande','trebuchet ms';
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding:3px;
	width:auto;
}

fieldset ul li.short input {width:auto;}
#commentform li.captcha label {display:none;}

#commentform li.captcha span {
	display:block;
	float:left;
	padding-right:5px;
	text-align:right;
	width:150px;
}			
#commentform li.submit_button {padding-left:155px;}
	#commentform li.submit_button input.submit_button {
		width: auto;
	}
.captcha .textfield {width:100px;}

.auto_clear {color:#999999;}

/* 10. Clear Fix Hacks
==============================================================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */