/*  



Theme Name: Green Grunge Theme



Version: 1



Description: A grunge WordPress theme for churches



Author: Vandelay Design



Author URI: http://vandelaydesign.com



*/







* {outline:none;}



body{margin:0;padding:0;font-size:12px;height:100%;}



a:link, a:visited, a:hover, a:active{text-decoration:none;}



ul, ol{margin:0;padding:0;list-style-type:none;}



form{margin:0px;padding:0px;}



a img{border:0;}



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



.clearfix{min-width:0;display:inline-block;display:block;}



* html .clearfix{height:1%;}



.left{float:left;}



.right{float:right;}



.textleft{text-align:left;}



textarea{overflow:auto;}



.textright{text-align:right;}



p, h1, h2, h3, h4, h5, h6{margin:0;padding:0;}







/* COMMON TAGS ----------------------- */



.widget a{color: #333333; line-height:20px;}







a, #leftcol .post span.gray a:hover { 



	color: #990000;



	text-decoration:none;



}



a:hover, #leftcol .post span.gray a {



	color:#191919;



}



a.underline{text-decoration:underline;}



a.underline:hover{text-decoration:none;}



.redlink{margin-top:15px;display:block;}







#container div.common1 span.bold{color:#b80201;}







.clear{clear:both;line-height:1px;height:1px;}



input, textarea{float:left;border:solid 1px #d2d2d2;font-size:14px;color:#999;margin:0;padding:0;}



address{font-style:normal;}







/* TYPOGRAPHY ---------------------- */



h1{font-size:2.4em;}



h2{font-size:2.2em;}



h3{font-size:2.0em;}



h4{font-size:1.8em;}



h5{font-size:1.6em;}



h6{font-size:1.1em;}







/* LAYOUT TAGS ----------------------- */



body{background:url(images/bg_body1.jpg) no-repeat center top #100010;



	font-family:Georgia, "Times New Roman", Times, serif;



	font-size:14px;



	color:#191919;} 



#box{width:920px;



	margin:0 auto;}







#header{width:100%;



	height:150px;



	padding:30px 0 0 0;}



#logo{width:350px;



	height:80px;



	float:left;}



#header_right{width:570px;



	height:25px; margin-top:40px;



	float:left;}



/* Main Menu */



.navigation ul{float:right; position:relative;}



.navigation li { 



	float:left; font-size:17px;



	color:#ffdf67;



	line-height:25px;



	padding:0 0 0 15px;



	position:relative;



}



.navigation a { 



	display:block;



	height:30px;



	color:#DFA66F;



}



.navigation a:hover, .navigation a.active, #container .feature1 a:hover { 



	color:#fff;



}



/* Dropdown */







.navigation ul li:hover a{color:#fff;text-decoration:none;}



.navigation ul li:hover li a{background:none;color:#999;}







.navigation ul ul{visibility:hidden;position:absolute;top:100%;left:-32px;font-size:60%;z-index:10000; height:auto; background:#fff; width:150px;border:solid 5px #ffdf67;}



.navigation ul ul li{float:none;margin:0;text-align:left;font-size:14px;padding:0;display:block;background:none;font-variant:normal;}



.navigation ul ul li a{display:inline-block;text-decoration:none;margin:0;height:auto;color:#999;border-bottom:solid 1px #d2d2d2;padding:5px 5px 5px 20px;display:block;background:none;}



.navigation ul ul li a:hover{color:#0e5c2a;}



/* LEVEL THREE */



.navigation ul ul ul { left: 100%; top: 0; }



.navigation ul li:hover > ul {visibility: visible;}







#showcase{background:url(images/bg_showcase.png) no-repeat;



	width:920px;



	height:460px;



	position:relative;



	left:-20px;



	top:0;



	padding:20px;}



/* Slider */







.slider-wrapper{width:920px;



height:460px;overflow:hidden;



position:relative;}



.slider-wrapper img {



	position:absolute;



	top:0px;



	left:0px;



	display:none;



}



.slider-wrapper a {



	border:0;



	display:block;



}







.slider-wrapper .nivo-controlNav {



	width:200px;



	height:20px;



	position:absolute;



	left:20px;



	bottom:20px;



	z-index:50;



}



.slider-wrapper .nivo-controlNav a {



	float:left;



	width:20px;



	height:20px;



	margin:0 7px 0 0;



	background:url(css/slider/images/slider_buttons.png) no-repeat left top;



	display:block;



	line-height:20px;



	text-indent:-9999px;



}



.slider-wrapper .nivo-controlNav a.active {



	background-position:left bottom;



}







.slider-wrapper .nivo-directionNav a {



	display:block;



	width:30px;



	height:30px;



	background:url(css/slider/images/arrows.png) no-repeat;



	text-indent:-9999px;



	border:0;



}



.slider-wrapper a.nivo-nextNav {



	background-position:-30px 0;



	right:55px;



}



.slider-wrapper a.nivo-prevNav {



	left:15px;



}







.slider-wrapper .nivo-caption {



    display:none;



}



.slider-wrapper .nivo-caption p{margin:0; padding:0;}



#container.homepage {



	background:url(images/bg_container.png) repeat-x #E5E0CA;



	width:100%;



	padding:35px 0 10px 0;



	border-bottom:solid 1px #999999;



	color:#fff;



}



.columns {



	background:url(images/bg_container1.png) repeat-x #E5E0CA;



	width:100%;



	padding:35px 0 10px 0;



	border-bottom:solid 1px #106b2e;



	color:#333;



}



#container.homepage a{color:#ffdf67;}



#container {



	

	background:url(images/bg_container.png) repeat-x #E5E0CA;



	width:880px;



	padding:15px 20px;



	color:#191919;



}







.feature1 { 



	width:250px;



	float:left;

	

	margin-left: 20px;



	padding:0 40px 20px 0;



}



.feature1.last { 



	padding:0;



}



.feature1 h2 { 



	font-size:22px;



	color: #990000;



	font-weight:bold;



	padding:0 0 10px 0; margin-bottom:10px; border-bottom:solid 1px #106b2e;



} 



.feature1 p {



	line-height:20px;



	padding:0 0 18px 0;



}



.feature1 li{width:100%;



	border-bottom:solid 1px #106b2e;



	line-height:5px;



	padding:0 0 0px 0;



	margin:0 0 0px 0;}



.feature1 li .list_title{display:block;



	font-weight:bold;



	color: #990000;}







.viewall{display:block;padding:0;}











#footer{width:100%;



	padding:25px 0 12px 0;}



#footer_left{width:320px;



	float:left;



	color:#ffdf67;}



#footer_right{width:600px;float:right;text-align:right;}











/* inner page *//* inner page */



#singlecol{width:890px;



	float:left;



	padding:0 40px 0 0;}





#leftcol{width:560px;



	float:left;



	padding:0 40px 0 0;}



#rightcol{width:280px;



	float:left;}







.post_excerpt{width:100%;padding:0 0 45px 0;}



.post_excerpt.search_results{padding:15px 0; border-bottom:1px solid #e9e9e9;}



.post_excerpt.listing-type{width:100%; display:block; float:left;}



.post_excerpt.listing-type img{float:left;}



img.attachment-event-small, img.attachment-event-medium, img.attachment-event-large{background:#fff;border:solid 1px #d2d2d2;padding:4px;margin-right:20px;}



.post .entry .post_excerpt.events h4{font-size:14px; font-weight:bold; color:#b80201; padding:0;}



.post .entry .post_excerpt h4{font-size:18px; font-weight:bold; padding:0;}



.post .entry .post_excerpt h4 a{text-decoration:none;}



.post .entry .post_excerpt p{line-height:20px;padding:8px 0;}



.post .entry .post_excerpt .gray{display:inline;color:#999;}



.post .entry .post_excerpt span{display:block;}



.post .entry .post_excerpt span.date{display:block;color:#999;padding:0 0 20px 0;}











.player{display:none;}



.poptitle{color:#fff; font-size:14px; font-weight:bold; display:block; margin-bottom:5px;}



#simplemodal-container {width:510px; height:60px; background-color:#666; -moz-border-radius:7px; border-radius:7px; -webkit-border-radius:7px; -moz-box-shadow: 0 0 5px #333; box-shadow:0 0 5px #333; -wekit-box-shadow:0 0 5px #333;padding:5px;}



#simplemodal-container .simplemodal-data {padding:2px;}



#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}







/*-----------------------------*/



/* 3. WIDGETS */



/*-----------------------------*/



.widget{width:100%;padding:0 0 35px 0;}



.widget h4{font-size:20px;padding:0px;color: #993300;}



.widget li{width:100%;border-bottom:solid 1px #999;padding:5px 0;}



.widget li .list_title{display:block;font-weight:bold;color:#b69311; margin-bottom:20px;}







.widget .viewall{padding:15px 0 0 0;}







#searchform .field{width:258px;height:14px;padding:7px 10px;}



#searchform .submit{display:none;}







/*-----------------------------*/



/* 4. POSTS */



/*-----------------------------*/



.post h2.title, h2.result_heading{font-size:20px;padding:0 0 25px 0;color:#993300;}



.post.single-media h2.title{padding:0 0 4px 0;}



.entry span.date{display:block;color:#1e4353;padding:0 0 25px 0;}



p.meta{font-style:italic;margin-top:-15px;}



span.meta{font-style:italic;}







.entry p{line-height:20px;padding:0 0 15px 0;}



.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{font-size:16px;padding:0 0 15px 0;color: #990000;}



.entry h1  {font-size:24px;}



.entry h2  {font-size:20px;}



.entry h3 {font-size:18px; }



.entry h4 {font-size:16px;}



.entry h5 {font-size:14px;}



.entry h6 {font-size:12px;}







.entry blockquote  {padding: 10px 20px 10px 50px; color: #444; background:url(images/blockquote.png) no-repeat; }



.entry blockquote p  { font-style:italic; }



.entry li{padding:3px 0;}



.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 15px; }



.entry ul li{list-style-type:square;}



.entry ul ul  { margin: 0; }



.entry li{line-height:20px;}



.entry a{text-decoration:underline;}



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



.entry ul ul li  { list-style-type: circle; }



.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 20px; }



.entry ol ol  { margin: 0; }



.entry  ol li  { list-style-type: decimal; }



.entry  ol li ol li  { list-style-type: lower-latin; }



.entry pre{ white-space:normal;}







.table {



	width:100%;



	padding:15px 0 30px 0;



}



.table a{text-decoration:none;}



.table .th1 {



	background:none; border-bottom:dotted;



	width:100%;



	float:left;



	font-weight:bold;



	line-height:16px;



	padding:12px 0;



}



.table .tr1 {



	border-bottom:solid 1px #333333;



	width:100%;



	line-height:16px;



	float:left;



	padding:12px 0;



}



.table .tr1 .td1, .table .td1, .table .td2, .table .td3, .table .td4, .table .td5{line-height:100%;}



.table .tr1 .td1 {



	font-weight:bold;



}



.table .td1 {



	width:220px;



	float:left;



	padding:0 20px;



}



.table .td2 {



	width:60px;



	float:left;



	padding:0 15px 0 0;



}



.table .td3 {



	width:190px;



	float:left;



	padding:0 30px 0 0;



}



.table .td4 {



	width:130px;



	float:left;



	padding:0 15px 0 0;



}



.table .td5 {



	width:80px;



	float:left;



	text-align:center;



}



.table a.listen {



	background:url(images/button_listen_sprite.png) no-repeat left top;



	width:59px;



	height:29px;



	float:left;



	text-indent:-9999px;



	display:inline-block;



	margin:-6px 3px;



}



.table a.listen:hover {



	background-position:left bottom;



}				







/* 4.2 Images */







.entry .thumb { padding: 1px; text-align:center; background:#F8F8F8;  border: solid 1px #e6e6e6; }



img.wp-smiley  { padding: 0; border: none; }



.alignleft  { float: left; width: auto; margin: 5px 15px 15px 0; }



.alignright  { float: right; width: auto; margin: 5px 0 15px 15px; }



.aligncenter  { text-align: center; margin-bottom:15px;}



img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }



.entry .gallery-caption {}



.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8;  border: solid 1px #e6e6e6; }



.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }



.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }



.entry .wp-caption.aligncenter { margin:0 auto 15px; }







/* 4.3 Page Navi */







.pagination {



clear:both;



padding:20px 0;



position:relative;



font-size:14px;



line-height:13px;



}



 



.pagination span, .pagination a {



display:block;



float:left;



margin: 0 10px 0 0;



padding:6px 9px 6px 9px;



text-decoration:none;



width:auto;



color:#191919;



background: #d2d2d2;



}



 



.pagination a:hover{



color:#fff;



background: #b69311;



}



 



.pagination .current{



padding:6px 9px 6px 9px;



background: #0e5c2a;



color:#fff;



}



.pagination .numbers{float:right; background:none;}







/*-----------------------------*/



/* 5. COMMENTSAREA */



/*-----------------------------*/







/* 5.1 Comments */







ol.commentlist li{width:100%;border-bottom:solid 1px #d2d2d2;margin:0 0 18px 0;}



ol.commentlist li .comment_info img{background:url(../images/bg_post.gif) no-repeat;width:58px;height:58px;float:left;border:solid 1px #d2d2d2;margin:2px 10px 10px 0;}



ol.commentlist li .commento p{line-height:20px;padding:0 0 12px 70px;}



ol.commentlist li .commento .commento_head{display:block;color:#999; margin:-2px 0 2px 0;}



ol.commentlist li .commento .commento_head a{font-weight:bold;}



#comments h4{font-size:14px;border-bottom:solid 1px #d2d2d2;padding:0 0 10px 0;margin:0 0 20px 0;}



#comments a{ color:#191919;}



#comments a.res{color:#b80201; float:right:}











/* 5.2 Comments Form */







#respond{width:100%;height:auto;}



#respond h5{font-size:14px;padding:0 0 15px 0;}



#respond label{display:block;height:25px;padding:10px 0 5px 0;}



#respond div.field{width:100%;height:32px;}



#respond div.textarea{width:100%;height:140px;}



#respond .input{width:230px;height:14px;padding:8px 10px;}



#respond textarea{width:380px;height:100px;font-family:Arial, Helvetica, sans-serif;padding:10px;}



#respond .button{background:#0e5c2a;width:130px;height:30px;color:#fff;cursor:pointer;} 



#respond .button:hover{background:#b69311;}











/*-----------------------------*/



/* 6. GENERAL STYLES */



/*-----------------------------*/







.floatl  {float: left;}



.floatr  {float: right;}



.alignl  {text-align: left;}



.alignr  {text-align: right;}



.alignc  {text-align: center;}



/* http://sonspring.com/journal/clearing-floats */



html body * span.clear,



html body * div.clear,



html body * li.clear,



html body * dd.clear



{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}







/* Align */



.aligncenter {margin: 10px auto 20px auto;display: block;}



.alignleft {margin: 10px 20px 8px 0;float: left;}



.alignright {margin: 10px 0px 8px 20px;float: right;}



.col-left {float: left;}



.col-right {float: right;}











/* PageNavi */







.more_entries {font-size:11px;}



.more_entries .wp-pagenavi {clear:both;float: right;}



.more_entries .wp-pagenavi a {text-decoration: none !important;}



.more_entries .wp-pagenavi .current, 



.more_entries .wp-pagenavi .on,



.more_entries .wp-pagenavi a:hover {background: #9f9f9f !important;}



.more_entries .wp-pagenavi a,



.more_entries .wp-pagenavi a:link,



.more_entries .wp-pagenavi a:visited, 



.more_entries .wp-pagenavi .current, 



.more_entries .wp-pagenavi .on,



.more_entries .wp-pagenavi span.pages { background: #EEEEEE;color: #666; padding: 4px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; }



.more_entries .wp-pagenavi .extend { background:none; border:none; }







/* Misc */







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



.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden}



.fl{float: left}



.fr{float: right}



.ac{text-align: center}



.ar{text-align: right}



img.centered{display: block;margin-left: auto;margin-right: auto;}



.wp-caption {background-color:#EEEEEE;border:1px solid #DDDDDD;padding:4px 0 5px;text-align:center;}



.wp-caption-text {padding:3px 0 0;font-size:11px;}







/* Columns CPT Events */



 



th#col_ev_date, th#col_ev_cat {width:150px}



td.col_ev_date em {color:gray;}



th#col_ev_times {width:150px}



th#col_ev_thumb {width:100px}







.ev-meta ul li { height: 20px; clear:both; margin: 0 0 15px 0;}



.ev-meta ul li label { width: 100px; display:block; float:left; padding-top:4px; }



.ev-meta ul li input { width:125px; display:block; float:left; }



.ev-meta ul li em { width: 200px; display:block; float:left; color:gray; margin-left:10px; padding-top: 4px}