/*   
Theme Name: GateKeeper 
Theme URI: gatekeeper.com
Description: A template designed for Gatekeeper316.com, an online resource community for worship leaders.
Author: April Canipe
Author URI: www.aprilcanipe.com
.
This site is copyrighted. All rights reserved to Gatekeeper316.com. 
.
*/

/*Structure*/

html, body {
	margin:0;
	padding:0;
}

body {
	background: #000000;	
	background-image:url(images/bg.jpg);
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	background-attachment: fixed;
	min-width: 1070px;
}

img {border:0 none;}
	
#pagewrap {
	width: 1070px;
	margin: 0 auto;	
}

#header {
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	height: 274px;
	padding-left: 20px;
	padding-right: 20px;
}

#logo {
	margin: 0 28px;
	padding: 20px 0 0 0;
	height: 142px;
	width: 1014px;
}

/* Login */
#access {
	color: #fff;
	margin: 0 80px 0 0;
	text-align: right;
	height: 30px;
	width: 310px;
	vertical-align: middle;
}
#access ul {
	list-style: none;
	margin:0;
	padding: 0;
	height: 30px;
} 
#access ul li {
	float: left;
	list-style: none;
}
#access ul a, #access ul li span {
	display: block;
	font-size: 80%;
	line-height:25px;
	padding: 2px 5px;
	vertical-align: middle;
	/*font-size: 11px;*/
}

/*Page Nav*/
#nav {
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	padding: 17px 5px 0 5px;
	height: 33px;
	width:950px
}
#nav ul {
	list-style: none;
}

.nav, .nav ul {
	margin: 0;
	padding: 0;
}

#nav a, #nav a:hover {
	display: block;
	border:none;
}
#nav li {
	float: left;
	list-style:none;
	padding-left: 8px;
	padding-right: 8px;	
}
#nav a, #nav a:visited {
	background-color: transparent;
	display:block;
	color: #1B1B1B;
}
#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background-color: transparent;
}	
	
/* Dropdown Menus */		
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
}
#nav li li {
	width: 172px;
	border: 1px solid #464646;
	background: #171717;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

}
#nav li li a, #nav li li a:visited {
	font-size:0.8em;
	color:#E5E5E5;
	background-color: transparent;
}
#nav li li a:hover, #nav li li a:active {
	background-color: transparent;
}	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

/*Social/Marquee*/

#meta {
	margin: 11px 0 0;
	padding: 0;
	height: 30px;
	width: 1070px;
	
}
#wpa_marquee {
	float:left;
	margin: 0px 0 0 45px;
	padding: 7px 0 0 0;
	height: 23px;
	width: 670px; /* max of 670px */	
}
#wpa_marquee a {color:#fff;}
#social {
	float: right;
	margin: 0 5px 0 0;
	text-align: right;
	height: 30px;
	width: 310px;
}
#social ul {
	list-style: none;
	margin:0;
	padding: 0;
	height: 30px;
} 
#social ul li {
	float: left;
	list-style: none;
}

#social ul a {
	display: block;
	font-size: 80%;
	line-height:25px;
	padding: 2px 5px;
	vertical-align: middle;
	/*font-size: 11px;*/
}

#social ul img {
	background: transparent !important;
	border: 0 none !important;
}

/* nav-extra */
.nav-extra {
	background-color: #1B1B1B;
	padding: 5px;
	text-align:center;
}
.nav-extra ul {
	list-style:none;
	margin: 0;
	padding: 0;
	height:32px;
} 
.nav-extra ul li {
	float:left;
	list-style:none;
	margin: 0;
	padding: 0;
}

.nav-extra a {
	display:block;
	font-size: 110%;
	padding: 5px;
	/*font-size: 11px;*/
}

.nav-extra img {
	background: transparent !important;
	border: 0 none !important;
}
		
#main {
	padding:3px 3px 3px 3px;
	margin: 0 auto;
	background-color: #E5E5E5;
	border-left: 1px white solid;
	border-top: 1px white solid;
	border-right: 1px white solid;
	width: 946px;
}	
	
#footer {
	
	background-image:url(images/footer.png);
	background-repeat: no-repeat;
	color: #fff;
	height: 110px;
	width: 951px;
	margin: 0 auto;
	padding-top:45px;
	padding-left: 30px;
	padding-right: 30px;
		
}

#footer .small {margin-top:5px; font-size:10px;}

#slideshow {
	float: left;
	background: #F6F6F6;
	border: 1px white solid;
	margin: 0 20px 0 0;
	padding: 3px 6px;
	min-height: 294px; /*250px;*/
	width: 593px;
	text-align:center;
}
/*classes*/

.box-row {
	margin: 15px auto;
	padding: 0; 
	height: 300px;
	width: 942px;
	clear:both;
}

.box-row:first, .first-box-row {margin-top:7px;}
.box-row:last, .last-box-row {margin-bottom:0;}

.box-group {
	float: left;
	background: #e5e5e5;
	margin: 0 2px;
	padding: 0;
	height: 300px;
	width: 310px;
}

.box, .box-right {
	float: left;
	background: #F6F6F6;
	color: #fff;
	font-size: 90%;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	margin: 0 2px;
	padding: 3px 5px;
	height: 294px; /*300 - 6 = 294*/
	width: 300px; /*310 - (5 + 5) = 300*/
	overflow: hidden;
	text-shadow: #555 1px 1px 1px;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135)';
}

.box-right {float:right !important;}

.box-group .box {
	float:none;
	margin: 0 auto 5px auto;
	height: 140px; /*150 - 6 = 144*/
	width: 300px; /*310 - (5 + 5) = 300*/
}

.box-group .box:last-child {
	margin-bottom: 0;
	height: 144px;
}

.box h3, .box h4 {
	background: url(images/box-header-bg.png) top left no-repeat;
	color: #fff;
	margin: 0 5px 5px 2px;
	padding: 5px 5px 3px 7px;
	height: 23px;
	width: 288px;
}

.box ul {
	list-style: none;
	margin: 3px;
	padding: 3px;
}

/*.box li {clear:both;}*/

.box ul p {
	margin-bottom: 4px;
}

.box-group .box ul p {
	margin-bottom: 4px;
}

.box-blue-bg a, .box-small-blue-bg a, .box-small-blue-alt-bg a {text-shadow:#555 1px 1px 1px;}

.box ul a {
	text-decoration: underline;
	text-shadow:none;
}

.box-blue-bg {background:url(images/box-blue-bg.png) top left no-repeat;}
.box-small-blue-bg {background:url(images/box-small-blue-bg.png) top left no-repeat;}
.box-small-blue-alt-bg {background:url(images/box-small-blue-alt-bg.png) top left repeat-x;}
.box-yellow-bg {	background:url(images/box-yellow-bg.png) top left repeat-x;}

.box-yellow-bg a, .box-blue-bg a, .box-small-blue-bg a {color:#6d0909 !important;}

.box .icon {
	float: right;
	margin: 0 0 2px 5px;
	border:1px solid #e0e3e6;
	height:84px;
	width:75px;
}

.box .box-content {text-align:left;}
/*
.events-widget ul {float:left;}
*/
.discussion-widget .icon {background:url(images/discussion.png) no-repeat;}
/*.events-widget .icon {background:url(images/events.png) no-repeat;}*/
.events-widget li {margin:12px 0 12px -5px; padding:0;}
.events-widget ul {margin:0 0 0 16px; list-style:disc;}
/*.pastors-widget .icon {background:url(images/for-pastors.png) no-repeat;}
.podcast-widget .icon {background:url(images/podcasts.png) no-repeat;}
.resources-widget .icon {background:url(images/resources.png) no-repeat;}
.sunday-review-widget .icon {background:url(images/sunday-review.png) no-repeat;}*/

.box .title {font-size: 100%; font-weight: bold;}
.box .more {margin-top: -3px;}

.video-player {
	margin: 0;
	padding: 0;
	height: 245px;
	width: 300px;
}

h1.logo { 
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	height: 93px;
	width: 400px;
	border: none;
	margin-left: 50px;
}
	
.searchbar {
	margin-right: 50px;
}
	
.postbg {
	background-color: #fff;
	border: 1px white solid;
	padding: 5px;
}
	
.postbg2 {
	background-color: #fff;
	border: 1px white solid;
	padding: 10px;
}	

.image { 
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 3px;
	
}
.text { 
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	padding-bottom: 8px;
}
	
.content {	
	width: 925px;
	margin: 5px auto;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
/*author image*/
.entry_author_image {
	float: left;
	border: 1px outset #333;
	margin: 1.2em 1.2em 0px .1em;
}

.entry_author_image img {
	border: 0 none;
}

img.contentimage { 
 	width: 125px;
}
.contenttext { 
	width: 600px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
	
	.contenttext2 { 
	float: left;
	width: 600px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 20px;
}

.post-wrap {
}

.sidebar {	
	width: 322px;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
	
	ul#sidelist {
	list-style: none;
}
	
	ul#sidelist li {
	list-style: none;
}
	
	.postnav {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}
	
	.postnav a {
	font-size: 12
	px;
}
	
	ul.bullets {
	list-style: none;
}

input.input {
	padding:3px;
	margin: 3px;
	font-size: 80%;
}

input.button {
	font-size: 90%;
	margin: 3px;
}
	
.picture {
	width: 910px;	
	padding-top: 12px;
	margin: 10px;
	background-color: #F6F6F6;
	border: 1px white solid;
	height: 300px;
	padding: 10px;
}
	
	.pagecontent {
	float: left;
	width: 575px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
	
	.pagecontent img {
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
	
/*html*/

/*img {
	border: 1px solid #101010;
	background-color: #FFFFFF;
	padding: 3px;	
}*/
	
a:link, a:visited {
	color: #1FBBE8;
	text-decoration:none;
	padding: 0px;
}

a:hover, a:active {
	text-decoration:underline;
}
	
p {
	font-size:95%;
	/*font-size: 12px;*/
	line-height: 14px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}

hr {
	display: block;
	height:7px;
	background: #1B1B1B;
	border:0;
	margin-bottom: 10px;
}
	
hr.thin {
	display: block;
	height:1px;
	background: #1B1B1B;
	border:0;
	margin-bottom: 10px;
	margin-top: 10px;
	
}

h1 {
	color: #161616;
	text-align: left;
	font-size:138.5%;
	text-transform: uppercase;
	padding-top:10px;
	padding-bottom: 14px;
}
	
h2 { 
	color: #161616;
	text-align: left;
	font-size:123.1%;  
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-top: 8px;
	border-top: 1px solid #000000;
}
h3 {
	font-size:108%;
}
h4 { 
	color: #161616;
	text-align: left;
	font-size: 102%;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*em {
padding-top: 15px;
font-size: 100%;
font-weight: bold;
}*/

a.title {
	font-size: 138.5%;
	color: #1FBBE8;
	line-height: 18px;
}
	
	a.blogtitle {
	font-size: 123.1%;
	color: #1FBBE8;
	line-height: 13px;
	padding: 0;
}

p.date { 
	font-family: Cambria, serif;
	font-size: 105%;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 13px;

}
	
	p.datenopadding {
	font-family: Cambria, serif;
	font-size: 105%;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	padding: 0px;	
	line-height: 12px;
}

p.tiny {
	font-size: 95%;
}
	
a.button {
	float: right;
	background-color: #1B1B1B;
	border: #464646 1px solid;
	line-height: 22px;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
	
	a.button:hover {
	border: #ffffff 1px solid;
}
	
	a.read {
		font-size: 100%;
		float: right;
	}

small {
	font-size: 0.80em;
	padding:3px 6px;
}

.entry {
	padding-top:10px;
	padding-bottom: 20px;
}
	
.sidebar ul {
	padding: 0;
}
	
	.sidebar ul li {
	padding-bottom: 6px;
	font-size: 12px;
	line-height: 15px;
}
	
	.sidebar ul li a {
	font-size: 100%;
	line-height: 15px;
}

	
	blockquote {
	border-left: 5px solid #ddd;
	border-right: 5px solid #ddd;
	padding-left: 20px;
	padding-right: 20px;
	margin: 15px 10px 0 30px;
}

.content  ol {
	font-size: 100%;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
}
	
	.content ol li {
		list-style: circle;
		padding-bottom: 6px;
	}
		
.content  ul {
	font-size: 100%;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
}
	
	.content ul li {
		list-style: square;
		padding-bottom: 6px;
	}

img.worshipleader {
	float:left;
	margin-top: 0;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0;
}
	
	
	/*Members List*/

ul#membersList {
	list-style: none;
}
ul#membersList li {
}	

/* Comments*/

.alt {
	padding: 8px 15px 10px 15px;
	background:#161616;
}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	border: 1px inset #aaa;
}

h3#respond {
	border-top:1px dotted #b6b6b6;
	margin-top:25px;
	padding-top:20px
}

h3#comments {
	margin-top:32px
}

ol.commentlist {
list-style: none;
	padding-left:0px;
}
	
ol.commentlist li {
list-style: none;
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#f2f2f2;
	border-top: 1px solid #ddd;
}

ol .commentlist li li {
list-style: none;
}



#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
}
	
.commentmetadata {
	display: block;
}

.commentlist small {
	background:#e9e9e9
}

.commentlist cite {
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.05em;
}	
	
	

/*navigation*/

/*footer nav*/
	
ul.nav2  {
	list-style: none;
	font-size: 11px;
}

ul.nav2 li {
	display: inline;
	list-style:none;
	padding-left: 5px;
	padding-right: 5px;	
}

ul.nav2 a, ul.nav2 a:visited {
	color: #E5E5E5;
}
li.rss img {
	border: none;
	background: none;
}

li.rss img:hover {
	background: none;
	border:none;
}

#login .cimy_uef_input {
	font-size: 20px;
	width: 97%;
	padding: 3px;
	margin-right: 6px;
}

#login .cimy_uef_input_27 {
	font-size: 24px;
	width: 97%;
	padding: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 16px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
}

.cimy_uef_checkbox { width:auto !important; }
/* Profile Styling */

#profile form {
	margin-left: 8px;
	padding: 16px 16px 40px 16px;
	font-weight: normal;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	box-shadow: rgba(200,200,200,1) 0 4px 18px;
}

#profile form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0; }

#profile form .submit input {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	padding: 3px 10px;
	border: none;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	cursor: pointer;
	text-decoration: none;
	margin-top: -3px;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

#profile form p {
	margin-bottom: 0;
}

#profile label {
	color: #333;
	font-size: 13px;
	font-weight:bold;
}

#profile th {
	valign:top;
}

#profile input {
	font-weight:normal;
	line-height:1em;
	padding:2px;
	width:97%;
}

#profile form .forgetmenot label {
	font-size: 11px;
	line-height: 19px;
}

#profile form .submit { float: right; }
#profile form .submit input {width:auto;}

#profile form p { margin-bottom: 24px; }

#profile { /*width: 420px;*/ margin: 10px auto; }

#profile #login_error, .message {
	margin: 0 0 16px 8px;
	border-width: 1px;
	border-style: solid;
	padding: 12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#profile #user_pass, #profile #user_login, #profile #user_email {
	font-size: 24px;
	width: 97%;
	padding: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 16px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
}

#profile .cimy_uef_input {
	font-size: 20px;
	width: 97%;
	padding: 3px;
	margin-right: 6px;
}

#profile .cimy_uef_input_27 {
	font-size: 24px;
	width: 97%;
	padding: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 16px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */

.linklove {
	display: none !important;
}

.author-img {
	float: left;
	margin: 5px;
	width: 125px;
}

.leaders, .advisors {clear:both;}

.leader, .advisor {
	border-bottom: 2px solid #aaa;
	clear:both;
	height:130px;
	padding: 5px;
}

.featured-videos {
	background: #fff;
	clear: both;
}
.video-box {
	float: left;
	margin: 2px;
	padding: 0;
	height: 255px;
	width: 310px;
}

.clear {
	clear: both;
}

.left {
	float: left;
}
	
.right {
	float: right;
}	
	
.padding { 
	padding-bottom: 20px;
}

/*events page*/

.event {
	background: #dbdedf url(images/event-list-item.png) repeat-x;
	/*border: 1px solid #dbdedf;*/
	margin: 15px 0;
	padding: 5px 10px 10px;
	/*height: 115px; /* 130px - (5px + 10px) = 115px */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior:url(border-radius.htc);
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	behavior: url(border-radius.htc);
	-ms-behavior: url(border-radius.htc);
}

.event h3 {
	margin: 3px 0;
	padding: 2px 0;
}

.event .event-desc {
	margin: 20px 0 0 0;
}

.event .event-register {
	float:right;
	margin: -29px 10px 0 0;
}

.event .event-logo {
	background: url(images/logo-small.png) no-repeat;
	float:right;
	margin: -29px 185px 0 0;
	height: 80px;
	width: 217px;
}

.event .event-register a {
	background: #acadad;
	border: 1px solid #666;
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 5px 0;
	padding: 7px 9px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.event .event-register a:hover {
	background: #f3f3f3;
	border: 1px solid #ccc;
	color: #555;
}