/* @override http://greatoakschurch.cpmpreview.com/css/screen.css */
html {
	background: #000;
}

body {
	font: 12px/18px Helvetica, Arial, sans-serif;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: none;
}

.table-paragraph-margin p, .table-paragraph-margin {
	margin-bottom: 20px !important;
}

table td{text-align:left; vertical-align:top;}
table td.align-bottom	{ vertical-align: bottom; }
table td.align-top		{ vertical-align:top }
table td.align-right	{ text-align: right }
table td.align-center	{ text-align: center; }


a:hover {
	text-decoration: underline;
}

.left {
	float: left;
	width: 50%;
	height: 80px;
}

.left-align {
	float: left; margin: 5px 10px 0 0;
}

.right-align{
	float: right; margin: 5px 0 0 10px;
}

.links-left .left a {
	display: block;
	height: 80px;	
}

.links-left p img { 
	float:right;
	margin-right:7px;
	border:none;
}

.links-left li p,
.links-right li p {  
	margin:0;
}

.links-left li p a {  
	float:left;
	width:50%;
	text-align:right;	
	margin-left:15px;
	padding-top:30px;
}

.links-right p a { 
	float:right;
	width:50%;
}

.links-right p img { 
	float:left;
	border:none;
}

.links-right .right a {
	display: block;
	height: 58px;
}

.right {
	float: right;
	width: 50%;
}

.right img {  
	margin:0;
}

.last {
	border: none !important;
}

#banner {
	height: 193px;
	background-repeat: no-repeat;
}

#content-interior #banner {
	width: 948px;
}

#content-interior td p {
	margin-bottom: 0px;
}

#partial-width #banner {
	width: 700px;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#navigation {
	width: 960px;
	height: 36px;
	background: url(../images/nav-bg.gif) repeat-x;
}

#nav {
	background: url(../images/nav-border.gif) no-repeat 100% 0;
	overflow: hidden;
}

#nav li {
	float: left;
	background: url(../images/nav-border.gif) no-repeat;
	padding-left: 3px;
}

#nav li a {
	padding: 0 12px;
	display: block;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

#nav li.current a, #nav li a:hover {
	background: url(../images/nav-hov.gif) repeat-x;
}

#nav li ul { 
	position:absolute; 
	left:-999em; 
	width:280px; 	
	z-index:9994;
	padding:5px 0 0; 
	background:none;
	border:none;
	height:auto;
}

#nav li:hover ul{ 
	left:auto;
}

#nav li li{ 
	padding:0;
}

#nav li:hover li a{ 
	padding:5px 10px; 
	width:225px;
	display:block;
	text-align:left;
	background:#000;
	opacity: .85;
	line-height:20px;
	text-transform:none;
	font-size: 12px;
	height: auto;
}

#nav li li:hover a{ 
	color:#f5803b;
}

#nav li:hover li:hover { 
	background-image:none;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
						{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul
						{ left:auto; display:block;}
#nav li:hover ul li:hover ul 
						{ margin:-28px 0 0 245px;}
						
#nav li li li a { color: #fff !important; }
#nav li li li a:hover { color: #f5803b !important;}

#header {
	width: 960px;
	height: 182px;
	background: url(../images/logo.jpg);
	text-indent: -9999px;
}

#content {
	border: 6px solid #c5c6c8;
	overflow: hidden;
	font-size: 16px;
	width:948px;
	height:292px;
	overflow:hidden;
	position:relative;
}

#home #content {
	height: 292px;
	position:relative;
}

#content a {
	font-size: 16px;
}

.links-left .video {
	background: url(../images/play-btn.gif) no-repeat 97% 0;
	padding-top: 30px;
}

.links-right .video {
	background: url(../images/play-btn.gif) no-repeat 0 0;
	padding-top: 30px;
}

#col-left {
	width: 280px;
	float: left;
	display:none;
}

.links-left li {
	border-bottom: 6px solid #c5c6c8;
	height: 86px;
	padding-top: 7px;
}

.links-left .left {
	text-align: right;
	font-size: 16px;
	width: 120px;
	margin-left: 30px;
}

.links-left .right {
	width: 107px;
	margin-right: 7px;
}

#buttons li {
	border-bottom: 6px solid #c5c6c8;
	height: 27px;
}

#buttons li a {
	display: block;
	height: 27px;
	text-align: right;
	line-height: 27px;
}

.podcasts {
	background: url(http://s3.amazonaws.com/churchplantmedia-cms/greatoakschurch/podcast-btn.gif) no-repeat 100% 50%;
	padding-right: 121px;
}

.newsletter {
	background: url(http://s3.amazonaws.com/churchplantmedia-cms/greatoakschurch/newsletter-btn.gif) no-repeat 100% 50%;
	padding-right: 121px;
}

.calendar {
	background: url(http://s3.amazonaws.com/churchplantmedia-cms/greatoakschurch/calendar-btn.gif) no-repeat 100% 50%;
	padding-right: 121px;
}

#col-middle {
	float: left;
	width: 380px;
	height: 292px;
	border-left: 6px solid #c5c6c8;
	border-right: 6px solid #c5c6c8;
	display:none;
}

#col-right {
	float: left;
	width: 276px;
	display:none;
}

#col-right li {
	border-bottom: 4px solid #c5c6c8;
	height: 81px;
	padding: 7px;
}

#quicklinks {	
	height: 184px;
	overflow: hidden;
}

#narrow-col {
	float: left;
}

#wide-col {
	float: right;
	border:6px solid #C5C6C8;
	border-left:none;
}

#narrow-col li {
	border-bottom: 6px solid #c5c6c8;
	width: 156px;
	height: 83px;
}

#wide-col .col {
	width: 258px;
	height: 172px;
	float: left;
	border-left: 6px solid #c5c6c8;
}

#content-interior a {
	color: #f5803b;
	text-decoration: underline;
	font-size: 13px;
}

#content-interior a:hover {
	text-decoration: none;
}

#content-interior h1 {
	font-size: 35px;
	color: #777;
	font-weight: normal;
	margin-bottom: 20px;
}

#content-interior h2 {
	font-size: 25px;
	color: #62be50;
	font-weight: normal;
	margin-bottom: 20px;
}

#content-interior p img {
	float: left;
	margin: 5px 20px 20px 0;
}

#content-interior h3 {
	font-size: 20px;
	color: #f5803b;
	margin-bottom: 12px;
}

#content-interior h4 {
	font-size: 18px;
	margin-bottom: 12px;
	color: #aaa;
}

#content-interior h5 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #f5803b;
}

#content-interior h6 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #62be50;
}

#content-interior ul, #content-interior ol {
	margin: 0 0 20px 20px;
}

#content-interior ul li {
	list-style-type: disc;
}

#content-interior ol li {
	list-style-type: decimal;
}

#content-interior li {
	margin: 5px 0;
}

#content-interior li p {
	margin-bottom: 0;;
}

#content-interior strong, #content-interior b {
	font-weight: bold;
}

#content-interior em, #content-interior i, #content-interior address {
	font-style: italic;
}

#content-interior p {
	margin-bottom: 20px;
	color: #dddfe0;
	font-size: 13px;
}

.alt-grey #content-interior h4 {
	color: #777 !important;
}

.alt-grey #content-interior p, .alt-grey #content-interior li {
	color: #333 !important;
}

.alt-tan #content-interior p, .alt-tan #content-interior li {
	color: #333 !important;
}

#content-interior {
	border: 6px solid #c5c6c8;
	overflow: hidden;
	font-family: Arial, sans-serif;
}

.alt-grey #content-interior {
	background: #eee;
	color: #333 !important;
}

.alt-tan #content-interior {
	background: #FEE8D6;
}

#full-width {
	padding: 22px;
}

#partial-width {
	width: 700px;
	float: left;
	border-right: 6px solid #c5c6c8;
}

#pw-content {
	padding: 22px;
}

#sidebar {
	float: left;
	width: 242px;
}

#sidebar p {
	padding: 22px;
}

#subscribe {
	background: url(../images/feed_icon.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
	padding-left: 22px;
	text-decoration: none;
}

#subscribe:hover {
	text-decoration: underline;
}

#media-links {
	padding: 10px 0 10px 33px;
	border-top: 1px solid #3f332c;
	width: 248px;
	margin-left: 1px;
}

#media-links li {
	padding-left: 26px;
	background: url(../images/icons.png) no-repeat;
	margin: 12px 0;
}

#media-links li a {
	text-decoration: none;
	color: #ece8de;
}

#media-links li a:hover {
	text-decoration: underline;
}

#media-links .listen {
	background-position: 0px 2px;
}

#media-links .download {
	background-position: 0px -32px;
}

#media-links .watch {
	background-position: 0px -70px;
}

#media-links .notes {
	background-position: 0px -105px;
}

#blog-sidebar {
	padding: 20px 0 10px 33px;
	border-top: 1px solid #3f332c;
	width: 248px;
	margin-left: 1px;
	color: #ece8de;
}

a#blog-feed {
	background: url(../images/feed_icon.png) no-repeat;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0 4px 22px;
	color: #ccc;
}

a#blog-feed:hover {
	text-decoration: underline;
}

#blog-categories, #latest-posts {
	margin: 15px 0;
}

#how-it-works {
	height: 30px;
	margin: 10px 0 20px !important;
	padding: 0;
	list-style: none;
	width: 511px;
	border: 1px solid #c5c6c8;
	background: #333;
}

#how-it-works li {
   padding-left: 22px;
   font-size: 11px;
   float: left;
   display: inline;
   margin-right: 30px;
   background: url(../images/icons.png) no-repeat;
}

#how-it-works li#how {
   background: none;
}

#how-it-works li#play {
   background-position: 0 1px;
}

#how-it-works li#notes {
   background-position: 0 -70px;
}

#how-it-works li#video {
   background-position: 0 -106px;
}

#how-it-works li#save {
   background-position: 0 -33px;
}

#sorting {
	padding: 20px 0 10px 33px;
	width: 208px;
	margin-left: 1px;
}

#sorting label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2px;
	color: #494a45;
}

#sorting select {
	margin-bottom: 20px;
	width: 190px;
}

.sermonbox, .post {
	position: relative;
	border-bottom: 1px solid #333;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.post h3 a {
	font-size: 16px !important;
	font-weight: bold;
	margin-bottom: 0px;
	display: block;
	text-decoration: none;
}

.post h3 a:hover {
	color: #333;
}

p.date {
	font-size: 11px;
}

.sermonbox p {
	margin-bottom: 5px !important;
}

.sermonbox h5 a {
	font-size: 16px !important;
	margin-bottom: 5px;
	display: block;
	text-decoration: none;
}

.sermonbox h5 a:hover {
	color: #333;
}

.sermonbox ul {
	position: absolute;
	top: 0;
	right: 0;
}

.sermonbox li {
	float: left;
	margin-left: 10px;
	list-style-type: none !important;
}

.sermonbox li a {
   width: 18px;
   height: 20px;
   background: url(../images/icons.png) no-repeat;
   text-indent: -9999px;
   display: block;
}

.sermonbox li.sl_listen a {
	background-position: 0 2px;
}

.sermonbox li.sl_download a {
   background-position: 0 -33px;
}

.sermonbox li.sl_notes a {
	background-position: 0 -69px;
}

.sermonbox li.sl_video a {
	background-position: 0 -105px;
}

#post-comment-form {
	padding: 20px;
	background: #222;
	-mox-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 20px;
}

#post-comment-form label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2px;
	color: #ccc;
}

#post-comment-form input.inp {
	background: #fff;
	border: none;
	width: 299px;
	height: 34px;
	padding-left: 10px;
	opacity: .65;
	margin-bottom: 10px;
}

#post-comment-form textarea {
	background: #fff;
	border: none;
	width: 399px;
	height: 134px;
	padding: 10px;
	opacity: .65;
	margin-bottom: 10px;
}

#post-comment-form input:hover, #post-comment-form input:focus, #post-comment-form textarea:hover, #post-comment-form textarea:focus {
	opacity: 1;
}

#comment-submit {
	display: block;
}

#comment-status {
	background: #222;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 20px 20px 0 20px;
}


#slider {
	position:relative;
    width:618px;
    height:246px;
    margin-left:190px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#content img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#content a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(http://cpmassets.com/rotator/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
#narrow-col{width:155px;}

#narrow-col a{clear:left;}

/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
#content {
	position:relative;
}
#content img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
#content a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}