/*
Theme Name: Bethel Church
Theme URI: http://www.bethelchurch.info
Description: The default theme for Bethel Church
Version: 3.0
Author: AM Creative
Author URI: http://www.allenmoorecreative.com/
Tags: bethel church

	bethelchurch3.0
	 http://www.bethelchurch.info

	This theme was designed and built by AM Creative
	whose blog you will find at http://www.allenmoorecreative.com/

/* Import Additional Styles
------------------------------- */
@import url("css/featured.css");

/* HTML Rules
------------------------------- */
html
{
	text-align: center;
	
}
body
{
	margin: 0 auto;
	text-align: center;
	font-family: sans-serif;
	font-size: 100%;
	background: url(images/bg.jpg) no-repeat #000000 top center;
	height: 100%;
	color: #000000;
}
fieldset, img
{
	border: 0;
}
.clear
{
	clear: both;
}
/* Form Rules
------------------------------- */
input.contact
{
	color: #666666;
	background: #CCCCCC;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
	font-size: 1.125em;
	font-family: sans-serif;
}
textarea.contact
{
	width: 340px;
	height: 240px;
	color: #666666;
	padding: 5px 5px 5px 5px;
	font-size: 1.125em;
	font-family: sans-serif;
	background: #CCCCCC;
	border: 1px solid #000000;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=phone],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password]
{
	color: #666666;
	background: #eeeeee;
	border: 1px solid #000000;
	padding: 5px 5px 5px 5px;
	font-size: 1.125em;
	font-family: sans-serif;
}
.gform_wrapper input[type=text]:hover,
.gform_wrapper input[type=url]:hover,
.gform_wrapper input[type=email]:hover,
.gform_wrapper input[type=phone]:hover,
.gform_wrapper input[type=number]:hover,
.gform_wrapper input[type=password]:hover,
.gform_wrapper textarea:hover
{  
    border-color: #9ac2ff;  
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=phone],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper textarea
{  
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
}
.gform_wrapper textarea
{
	wwidth: 500px;
	height: 240px;
	color: #666666;
	padding: 5px 5px 5px 5px;
	font-size: 1.125em;
	font-family: sans-serif;
	background: #CCCCCC;
	border: 1px solid #000000;
}
/* Body Rules
------------------------------- */
#container_wrapper
{
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
/* Service Rules
------------------------------- */
#service_wrapper
{
	width: 100%;
	height: 30px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background-color: #181818;
}
#service
{
	width: 970px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#service_left
{
	width: 350px;
	height: 21px;
	padding-top: 9px;
	color: #ffffff;
	float: left;
	text-align: left;
	font-size: 1em;;
}
#service_right
{
	width: 500px;
	height: 28px;
	padding-top: 2px;
	color: #ffffff;
	float: right;
	text-align: right;
	font-size: 0.75em;
}
#service_right ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#service_right ul li
{
	list-style: none;
	display: inline;
}
#service_right ul li a
{
	padding-right: 1em;
}
#service_right ul li a:hover
{
	text-decoration: none;
}
#service_right a
{
	color: #ffffff;
	text-decoration: none;
}
#service_right a:hover
{
	color: #9ac2ff;
	text-decoration: underline;
}
/* Header Rules
------------------------------- */
#header_wrapper
{
	width: 100%;
	height: 100px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#header
{
	width: 970px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#logo_left
{
	width: 280px;
	height: 80px;
	padding-top: 20px;
	float: left;
	text-align: left;
}
#top_nav
{
	width: 685px;
	height: 59px;
	float: right;
	padding-top: 41px;
	text-align: right;
	font-size: 1.125em;
}
#top_nav a
{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 900;
	text-shadow: #000000 2px 2px 2px;
}
#top_nav a:hover
{
	color: #9ac2ff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 900;
	text-shadow: #000000 2px 2px 2px;
}
/* Panel Rules
------------------------------- */
#panel_wrapper
{
	width: 100%;
	height: 340px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#panel
{
	width: 950px;
	height: 320px;
	background: #181818 repeat top center;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
/* Box Rules
------------------------------- */
#box_wrapper
{
	width: 100%;
	height: 140px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#box
{
	width: 950px;
	height: 120px;
	background-color: #181818;
	padding: 0px 10px 10px 10px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
/* Main Events Rules
------------------------------- */
#main-events-wrapper
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#main-events
{
	width: 950px;
	height: 100&;
	background-color: #181818;
	padding: 0px 10px 10px 10px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	color: #ffffff;
	font-size: .75em;
}
#main-events a
{
	color: #ffffff;
	text-decoration: none;
}
#main-events a:hover
{
	color: #9ac2ff;
	text-decoration: none;
}
/* Content Rules
------------------------------- */
#content_wrapper
{
	width: 970px;
	height: 100%;
	overflow: auto;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}
#content
{
	width: 660px;
	height: 100%;
	background: url(images/content_bg.png) repeat top left;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	float: left;
	color: #cccccc;
	font-size: .875em;
}
#content strong
{
	color:#7496c9;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000;
}
#content h1
{
	font-size: 1.5em;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 900;
	text-shadow: 1px 1px 1px #000000;
}
#content h2
{
	font-size: 1.125em;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 900;
	color: #7496c9;
}
#content a
{
	color: #7496c9;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}
#content a:hover
{
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}
#content img
{
	padding-right: 10px;
	padding-bottom: 10px;
}
.staff
{
	width: 500px;
	height: 230px;
}
.staff_left
{
	width: 160px;
	height: 230px;
	float: left;
}
.staff_right
{
	width: 330px;
	height: 230px;
	float: right;
	text-align: left;
}
#sidebar
{
	width: 270px;
	height: 100%;
	overflow: auto;
	margin: 0 auto;
	postition: relative;
	text-align: left;
	float: right;
}
#video_content
{
	width: 930px;
	height: 100%;
	background: url(images/content_bg.png) repeat top left;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	float: left;
	color: #cccccc;
	font-size: .875em;
	text-align: center;
}
#video_content h1
{
	font-size: 1.5em;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 900;
	text-shadow: 1px 1px 1px #000000;
}
#video_content h2
{
	display: none;
}
/* Sidebar Rules
------------------------------- */
#sidebar ul
{
	margin-top: 20px;
}
#sidebar li
{
	width: 230px;
	height: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666666;
	text-align: left;
	list-style: none;
	margin-left: -20px;
}
#sidebar a
{
	color: #9ac2ff;
	font-weight: 300;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .875em;
	text-shadow: 1px 1px 1px #000000;
}
#sidebar a:hover
{
	color: #cccccc;
	font-weight: 300;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .875em;
	text-shadow: 1px 1px 1px #000000;
}
/* Footer Rules
------------------------------- */
#footer_wrapper
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#footer
{
	width: 930px;
	height: 90px;
	background: url(images/footer_bg.png) no-repeat top center;
	padding: 40px 20px 20px 20px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	color: #ffffff;
	font-size: .75em;
}
#footer a
{
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover
{
	color: #9ac2ff;
	text-decoration: none;
}
#footer_left
{
	width: 283px;
	height: 90px;
	margin-right: 20px;
	float:left;
	text-align: left;
}
#footer_middle
{
	width: 283px;
	height: 90px;
	margin-right: 20px;
	float: left;
	padding-left: 20px;
	text-align: left;
}
#footer_right
{
	width: 283px;
	height: 90px;
	float: left;
	padding-left: 20px;
	text-align: left;
}
/* Socialize Rules
------------------------------- */
#feat_vid_left
{
	width: 95px;
	height: 73px;
	padding-top: 17px;
	border-right: 1px solid #333333;
	float: left;
	text-align: left;
}
#feat_vid_left img
{
	border: 5px solid #333333;
}
#feat_vid_right
{
	width: 180px;
	height: 90px;
	color: #FFFFFF;
	float: right;
	font-size: 0.875em;
}
#feat_vid_right h3
{
	font-size: 1.25em;
	margin-top: 2px;
	margin-bottom: 2px;
	text-shadow: 0px 0px 0px;
}
/* Socialize Rules
------------------------------- */
.social
{
	width: 283px;
	height: 24px;
	padding-bottom: 5px;
}
.social_icon
{
	width: 24px;
	height: 24px;
	float: left;
	padding-right: 8px;
}
.social_link
{
	width: 251px;
	height: 18px;
	padding-top: 6px;
	float: right;
}
/* Copyright Rules
------------------------------- */
#copyright_wrapper
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#copyright
{
	width: 970px;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	color: #ffffff;
	font-size: .75em;
	line-height: 16px;
	text-shadow: 2px 2px 2px #000000;
}
#copyright a
{
	color: #ffffff;
	text-decoration: none;
}
#copyright a:hover
{
	color: #9ac2ff;
	text-decoration: none;
}
#copyright_left
{
	width: 500px;
	height: 20px;
	float: left;
	text-align: left;
}
#copyright_left ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#copyright_left ul li
{
	list-style: none;
	display: inline;
}
#copyright_left ul li a
{
	padding-right: 1em;
}
#copyright_left ul li a:hover
{
	text-decoration: none;
}
#copyright_right
{
	width: 460px;
	height: 20px;
	float: right;
	text-align: right;
}
.row
{
    width: 100%
}

.col-post
{
    width: 33%;
    float: left;
    padding-bottom: 15px;
    min-height: 150px;
    text-wrap: unrestricted;
	line-height: 14px;
}
/* Footer Navigation Rules
------------------------------- */
.am-creative
{
	width: 195px;
	height: 30px;
	background: url(images/am-creative-01.png) no-repeat;
	float: right;
}
.am-creative-link
{
	width: 195px;
	height: 30px;
	display: block;
	background: url(images/am-creative-01.png) no-repeat;
	float: right;
}
.am-creative-link:hover
{
	background: url(images/am-creative-02.png) no-repeat;
	float: right;
}
.full-events
{
	text-align: left;
	padding-bottom: 5px;
}
.fulldate
{
	text-align: left;
}
.date-title
{
	font-size: 0.875em;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 0px;
	font-weight: 900;
}
.time
{
	padding-bottom: 5px;
}
.event-title
{
	font-size: 1.125em;
	text-align: left;
	color: #000000;
	font-weight: 900;
}
.event-date
{
	font-size: 0.875em;
	text-align: left;
	color: #000000;
}
/*navigation menu */
#navigation
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
}
#navigation, #navigation ul
{
	line-height: 16px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	width: 100%;
}
#navigation a, #navigation a:hover
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	border: medium none;
	display: block;
	text-decoration: none;
}
#navigation li
{
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
#navigation a, #navigation a:visited
{
	color: #FFFFFF;
	display: block;
	padding: 0 20px;
}
#navigation a:hover, #navigation a:active, .current_page_item a, #home .on
{
	text-decoration: none;
}
#navigation li ul
{
	border-bottom: 1px solid #6E7073;
	height: auto;
	left: -999em;
	line-height: 16px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 222px;
}
#navigation li li
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/nav-dropdown-bg.png) repeat scroll 0 0;
	border-left: 1px solid #6E7073;
	border-right: 1px solid #6E7073;
	width: 220px;
}
#navigation li li a, #navigation li li a:visited
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/nav-dropdown-bg.png) repeat scroll 0 0;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: normal;
}
#navigation li li a:hover, #navigation li li a:active
{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: url(images/nav-dropdown-bg.png) repeat scroll 0 0;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul
{
	left: auto;
}
#churchonline_counter
{
	overflow: auto;
	width: 350px;
	padding: 0px;
	display: none;
	color: #ffffff;
	text-shadow: 0px 1px 0px #111111;
	float:left;
}
#churchonline_counter .description, #churchonline_counter .time li .label
{
	font-size: 0.875em;
}
#churchonline_counter .time
{
	list-style: none;
	padding: 0;
	margin: 0px 0 0 0;
	font-size: 0.75em;
}
#churchonline_counter .time li
{
	float: left;
	padding: 0 5px;
	text-align: center;
}
#churchonline_counter .time li:first-child
{
	padding-left: 0;
}
#churchonline_counter .time li span
{
	font-size: 1em;
}
#churchonline_counter .live
{
	display: none;
	font-weight: bold;
}