/*
Theme Name: New Life 2
Theme URI: 
Description: Theme for New Life Community Church, Stafford, VA
Version: 1.0
Author: Dale Manry
Author URI: http://manrymission.com/
*/

/* SELECTORS */

* { 
    margin:0; 
}
html { height:101%;}
body, #container {
	margin:auto;
	background:url(images/content_grad_bg.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	height:100%;
}

a:link {
	color:#08f;
	outline:none;
}
a:visited {
	color:#417DAD;
	outline:none;
} 
a:hover {
	color:#AF0000;
	outline:none;
} 
a:active {
	color:#08f;
	outline:none;
}

a.blue:hover {
	color:#AF0000;
	outline:none;
}
a.blue:visited {
	color:#08f;
	outline:none;
}

blockquote {
	color: #0A254E;
        font-weight: bold;
	font-style: italic;
	margin: 1em 3em; 
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:lighter;
	letter-spacing:0.05em;
	line-height:28px;
	color:#0A254E;
	margin-top:0px;
	margin-bottom:15px;
	border-bottom:dotted 1px #b0b0b0;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:lighter;
	letter-spacing:0.05em;
	line-height:20px;
	text-transform:none;
	color:#0A254E;
	margin-top:0px;
	margin-bottom:10px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	text-transform:none;
	color:#333;
	margin-top:0px;
	margin-bottom:10px;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:17px;
	text-transform:none;
	color:#374D3C;
	margin-top:0px;
	margin-bottom:10px;
}
h4 a:link {color:#AF0000;}
h4 a:visited {color:#AF0000;} 
h4 a:hover {color:#CD0000;} 

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:17px;
	text-transform:none;
	margin-top:0px;
	margin-bottom:10px;
}
h5 a:link {color:#374d3c;}
h5 a:visited {color:#374d3c;}
h5 a:hover {color:#990000;}

h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	font-weight:normal;
	color:#777; 
        margin-left:15px;
        padding-left:30px;
	background:url(images/calendar.png) no-repeat center left;
}
h6 a:link {color:#777;}
h6 a:visited {color:#777;}
h6 a:hover {color:#AF0000;}

hr {
	background-color:transparent;
	color:#fff;
	height:1px;
	border:1px dotted #b0b0b0; 
	border-style:none none dotted; 
	margin-top:15px;
	margin-bottom:15px;
}

object {
	outline:none;
}
ol {
    margin-top:0px;
	margin-bottom:15px;
	padding-left:30px;
}
p {
	margin-bottom:15px;
}
strong {
	font-weight:bold;	
}
em {
	font-style:italic;	
}
ul {
	list-style-image:url(images/bullet.png);
   	list-style-type:none;
	text-align:left;
	list-style-position:outside;
      margin-top:0px;
	margin-bottom:15px;
	padding-left:30px;
}

/* IDENTIFIERS - alphabetized */
#about {
	width:240px;
	padding-right:17px;
	float:left;
        font-size: 12px;
}
#about li {padding-bottom:6px;}
#about img, #news img, #cal img {
	float:left;
        background:#ddd;
        padding:3px;
        border:1px solid #C3C3C3;
}
#about a:hover img, #news a:hover img, #cal a:hover img {
        background:#374D3C;
}
.alignright {float:right;}
.alignleft {float:left; padding-right:10px;}
.articles li {padding-bottom: 12px;}
.articles li a {color:#08f; text-decoration:none; font-size:14px;}
.articles li a:hover {color:#AF0000; text-decoration: underline;}
#container {
	position:relative;
	clear:both;
	width:100%;
	height:100%;
	cursor:default;
}
body > #container { 
	height:auto; 
	min-height:100%; 
}
#cal {
	width:225px;
	padding-left:16px;
	float:left;
        font-size:14px;
}
#cal li {
        list-style-image:url(images/arrow.gif);
        padding-bottom:6px;
}
#content_container {
	position:relative;
	top:-23px;
	padding:15px;
	margin-left:auto; 
	margin-right:auto;
	width:766px;
	background-color:#fff;
	z-index:10;
	min-height:370px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#444;
	line-height:17px;
	overflow:visible;
	margin-bottom:60px;
}

#content_container_home {
	position:relative;
	top:-23px;
	padding:17px;
	margin-left:auto; 
	margin-right:auto;
	width:766px;
	background:url(images/home_top_grad.jpg) no-repeat top;
	z-index:10;
	font-size:11px;
	line-height:17px;
	overflow:visible;
	margin-bottom:60px;
}
#content_container_home #postthumbnail {
	float:left;
	width:73px;
}
#content_container_home #postexcerpt {
	float:left;
	padding-left:11px;
	width:125px;
        height: 75px;
}
#content_main_container {
	width:770px;
}
#content_main_side_container {
	float:right;
	width:584px;
	border-left:1px dotted #b0b0b0;
	padding-left:15px;
	min-height:540px;
	/*background:url(images/bg_2col.png) repeat-y;*/
}
#footer {
	position:relative;
	z-index:11;
	clear:both;
	height:64px;
      background: #374D3C;
	border-top:1px solid #97A996;
	border-bottom:4px solid #97A996;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:center;
	padding-top:15px;
	line-height:2em;
	margin-top:-84px;
}
#header {
	position:relative;
	height:150px;
      background:#374D3c;
	z-index:1;
}
#header_bg {
	position:relative;
	width:100%;
	height:144px;
	z-index:2;
	top:5px;
}
#header_content {
	position:relative;
	z-index:3;
	top:0px;
	height:130px;
	margin-left:auto; 
	margin-right:auto;
	width:800px;
}
#header_elements {
	position:relative;
	top:-39px;
	z-index:4;
	width:768px;
	height:39px;
	background-color:#f4f3f3;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:39px;
	color:#858485;
	padding:0px 16px;
}
#header_elements a:visited {
	color:#08f;
}
#header_elements a:hover {
	color:#af0000;
}
#header_right {
	position:relative;
	top:20px;
	float:right;
	width:412px;
}
#overall_container {
	position:relative;
	margin:auto;
	width:798px;
	overflow:visible;
	z-index:10;
}
#home_container {
	position:relative;
	top:0px;
	z-index:4;
	margin-left: auto; 
	margin-right: auto;
	width: 798px;
}
#left {
	float:left;
}
#logo {
	position:relative;
	top:26px;
	float:left;
}
#news {
	width:225px;
	padding:0px 16px;
	float:left;
}
#page_header {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#06254e; 
	border-bottom:1px dotted #b0b0b0;
	padding-bottom:5px;
	margin-bottom:10px;
}
#page_tools {
	float:right;
}
#photo {
	position:relative;
	top:-23px;
	z-index:1;
	width:798px;
	height:301px;
	border-bottom:6px solid #374D3C;
}
#photo a:link, #photo a:visited, #photo a:hover, #photo a:active {
	outline:none;
      border: none;
}
#photo img{
      border: none;
}
.quicklinks li {list-style-image:url(images/arrow.gif); padding-bottom:0;}
.quicklinks li a {color:#08f; text-decoration:none; font-size:16px;}
.quicklinks li a:hover {color:#AF0000; text-decoration: underline;}
#search {
	position:relative;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:right;
	padding-bottom:0px;
	top:20px;
}
#search_btn {
	cursor:pointer;
}
#search_input {
	width:196px;
	height:16px;
	border:none;
	background:#E4E4E4;
	border:1px solid #C3C3C3;
	color:#374D3C;
	padding:4px 0 1px 2px;
        vertical-align: top;
}
#search_table {
	margin-top:0px;	
}
#separator_v {
	height:375px;
        margin-top:25px;
	width:1px;
	border-left:1px dotted #aaa;
	float:left;
}
#separator_h {
 	border-bottom:1px dotted #aaa;
	margin:10px 0;
	width:100%;
}
#shad_left {
	position:absolute;
	top:-40px;
	left:-17px;
	z-index:3;
	background:url(images/shad_left.jpg) no-repeat;
	height:464px;
	width:17px;
}
#shad_right {
	position:absolute;
	top:-40px;
	left:798px;
	z-index:4;
	background:url(images/shad_right.jpg) no-repeat;
	height:464px;
	width:17px;
}
#splash_middle {
	float:left;
	width:391px;
	padding-right:15px;
}
#splash_right {
	float:right;
	width:162px;
}
#topright {
	position:absolute;
	right:0;
	top:50px;
	border-top:1px solid #97A996;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:lighter;
	letter-spacing:0.05em;
	color:#fff;
	text-align:right;
	padding-top:8px;
	z-index:100;
}
#twocol_container {
	width:770px;
	overflow:hidden;
	background:url(images/bg_2col_770.png) repeat-y;
}
#twocol_left {
	width:500px;
	float:left;
	padding-right:15px;
}
#twocol_right {
	width:237px;
	float:right;
}

/* CLASSES - alphabetized */

.bold {
	font-weight:bold;
}
.caption{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-style:italic;
	font-size:11px;
	color:#999;
	margin-bottom:15px;	
}
/* 2 column Div Styles right wide*/
.col2_rightwide_container {
	width:770px;
	overflow:hidden;
	background:url(images/col2_rightwide.png) repeat-y;
}
.col2_left {
	width:237px;
	margin-right:30px;
	float:left;
	overflow:hidden;
}
.col2_rightwide {
	width:500px;
	float:right;
	overflow:hidden;
}

/* 2 column Div Styles left wide*/
.col2_leftwide_container {
	width:770px;
	overflow:hidden;
	/* background:url(images/col2_leftwide.png) repeat-y; */
}
.col2_leftwide {
	width:537px;
	margin-right:30px;
	float:left;
	overflow:hidden;
}
.col2_leftwide li {padding-bottom: 12px;}
.col2_right {
	width:200px;
	height:100%;
	float:right;
	overflow:hidden;
}
.pagebar ul {padding:0;margin:0;list-style:none;border:none;width:190px;}
.pagebar li {
        background: #97A996;
        margin-bottom: 5px;
        height:36px;
}
.pagebar li.current_page_item {background:#b7d186;}
.pagebar li a, .pagebar a:visited, .pagebar a:active {
        font-size:14px;
        color:#374D3C;
        display:block;
        padding:10px 0 0 5px;
        height:25px;
        text-decoration:none;
}
.pagebar li :hover {color:#fff;}

/* Mainmenu */
#mainmenu {width:798px; height:35px; position:relative; top:-23px;z-index:100;font-family:arial, sans-serif;margin:0 auto;border-bottom:6px solid #374D3C;background:#97A996;border-left:1px solid #374D3C;}
/* remove all the bullets, borders and padding from the default list styling */
#mainmenu ul {padding:0;margin:0;list-style:none;border:none;}
#mainmenu ul ul {width:200px; border-top:1px solid #374D3C;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainmenu li {float:left;width:133px;position:relative;}
/* style the links for the top level */
#mainmenu a, #mainmenu a:visited {display:block;font-size:13px;text-decoration:none; color:#fff; width:132px; height:22px; background:#97A996; line-height:13px; text-transform:uppercase; letter-spacing:.5px;text-align:center;padding-top:13px;border-right:1px solid #374D3C;}
/* style the second level background */
#mainmenu ul ul a, #mainmenu ul ul a:visited {background:#97A996;text-align:left;border:1px solid #374D3C;border-top:none;}
/* style the second level hover */
#mainmenu ul ul a:hover{background:#c9ba65;}
#mainmenu ul ul :hover > a {background:#c9ba65;}
/* hide the sub levels and give them a position absolute so that they take up no room */
#mainmenu ul ul {visibility:hidden;position:absolute;height:0;left:0; width:200px;}
/* style the table so that it takes no part in the layout - required for IE to work */
#mainmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#mainmenu ul ul a, #mainmenu ul ul a:visited {background:#97A996; color:#fff; height:auto;  padding-bottom:10px; padding-left:10px; width:170px;}

/* style the top level hover */
#mainmenu a:hover, #mainmenu ul ul a:hover{color:#000; background:#b7d186;}
#mainmenu :hover > a, #mainmenu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
#mainmenu ul li:hover ul,
#mainmenu ul a:hover ul{visibility:visible; }

/* Table Formatting */
table { border-collapse: collapse; border: 1px solid #C3C3C3; }
td { border: 1px solid #C3C3C3; padding: 1em; }


.sermonlist {
	border-top:1px dotted #A4BFCF;
	margin-right:7px;
	padding: 15px 0px 15px 12px;
	clear: right;
}

.odd {
	background: white url(images/sermon_bg.png) repeat-y scroll left top;
}
	
.sermonlist h3 {
  font-size: 1.1em;
  margin: 0px 0px 2px 0px;
}

.sermonlist p {
font-size: 14px;
line-height:1.4em;
margin:0;
padding:0;
}

.sermonlist a.mp3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/download.png) no-repeat scroll right center;
color:#79402E;
font-size:14px;
line-height:2em;
margin-left:0;
padding:3px 27px 3px 0;
width:22px;
}

.control-label {
color:#497F9F;
font-size:14px;
font-weight:bold;
line-height:2em;
margin-left:13px;
}