/* @ BEGIN @ - EastWestChurch Interior Stylesheet ----------------------------------------------------*/

/* @override http://eastwestchurch.org/css/interior.css */

#main-content {
	background: url(../_images/int-content-bg.jpg) no-repeat;
	padding-top: 18px;
	margin-top: -1px;
}

body.sp #main-content {
	padding: 0px !important;
}

#main-content-inner {
	background: url(../_images/int-content-bg.gif) repeat-y;
	overflow: hidden;
	padding-right: 20px;
	margin-top: 18px;
}

#sidebar {
	width: 234px;
	float: left;
	background: #f4f0e5;
	padding: 20px 12px 50px 12px;
}

#sidebar ul {
	padding-bottom: 30px;
}

#sidebar li {
	padding: 8px 0 8px 8px;
}

#subnav_toplevel {
	padding-bottom: 5px;
	border-bottom: 3px solid #ebe5d6;
	margin-bottom: 5px;
	background: none !important;
	font-size: 18px !important;
	color: #92422f !important;
	font-weight: bold !important;
	text-decoration: none;
	display: block;
}

#subnav_level1 {
	margin: 20px 0 0 -8px;
}

#subnav_level1 li.current {
	background: url(../_images/sub-nav-bg.gif) repeat-y 100% 0;
	width: 238px;
	border-top: 1px solid #e9e2d2;
	border-bottom: 1px solid #e9e2d2;
}

#sidebar li strong {
	display: block;
	font: bold 18px "Lucida Grande", Arial, sans-serif;
	color: #92422f;
	border-bottom: 3px solid #ebe5d6;
	padding: 0 0 8px 8px;
	margin-bottom: 4px;
}

#subnav_level1 li a {
	display: block;
	font: bold 13px Helvetica, Arial, sans-serif;
	color: #736959;
	text-decoration: none;
	background: url(../_images/sub-nav-arrow-off.gif) no-repeat 100% 50%;
}

#subnav_level1 li a:hover {
	color: #342f28;
	background: url(../_images/sub-nav-arrow-on.gif) no-repeat 100% 50%;
}

#subnav_level1 li.current a {
	color: #342f28;
	background: url(../_images/sub-nav-arrow-on.gif) no-repeat 94% 50%;
}

.sidebar-block {
	padding: 0 16px;
	background: #eae6d9;
}

.sidebar-block-header {
	background: url(../_images/sidebar-block-header-bg.gif) no-repeat;
	position: relative;
	left: -16px;
	width: 220px;
	margin-bottom: 12px;
}

.sidebar-block-header.open {
	background-position: 0px 0px;
}

.sidebar-block-header.closed {
	background-position: 0px -32px;
}
/*
div:hover.sidebar-block-header.open {
	background-position: 0px -32px;
}

div:hover.sidebar-block-header.closed {
	background-position: 0px 0px;
}
*/
.sidebar-block-header a,
.sidebar-block-header h3 {
	display: block;
	text-decoration: none;	
}

.sidebar-sub-block {
	border-bottom: 1px solid #dbd7c8;
	margin-bottom: 12px;
	padding-bottom: 12px;
	position:relative;
}

#sermon-detail .sidebar-sub-block {
	display: block;
}

.sidebar-sub-block p {
	font: 12px Helvetica, Arial, sans-serif;
	color: #908e87;
	margin: 5px 0;
}

.sidebar-sub-block a {
	color: #974936;
	display: block;
	font: bold 13px Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 16px;
	width:165px;
}

.sidebar-sub-block.sermon a.play {
	margin-top:-30px;
	float:right;
	width:30px;
	height:31px;
	background: url(../_images/sidebar-sub-block-a.gif) no-repeat 100% 0%;	
	text-indent:-999em;
}

.sidebar-sub-block a.play:hover { 
	background-position: 100% -31px;
 }

.sidebar-sub-block a:hover {
	color: #000;
}

.sidebar-sub-block.last {
	margin: 0;
	border: none;
}

.sidebar-sub-block.listen {
	background: transparent url(../_images/media/icons.png) no-repeat 0 0px;
	padding-left: 25px;
}

.sidebar-sub-block.download {
	background: transparent url(../_images/media/icons.png) no-repeat 0 -34px;
	padding-left: 25px;
}

.sidebar-sub-block.watch-video {
	background: transparent url(../_images/media/icons.png) no-repeat 0 -99px;
	padding-left: 25px;
}

.sidebar-sub-block.view-notes {
	background: transparent url(../_images/media/icons.png) no-repeat 0 -71px;
	padding-left: 25px;
}

#content-block {
	float: left;
	width: 642px;
	padding: 20px 0 30px 24px;
	font: 13px Helvetica, Arial, sans-serif;
	color: #625040;
	line-height: 20px;
	min-height:730px;
}

#content-block p, #content-block ul {
	margin-bottom: 20px;
}

#content-block h2 {
	font-size: 14px;
	color: #90722e;
	margin-top: 22px;
}

#content-block h3 {
	font-size: 13px;
	color: #90722e;
}

#content-block h4 {
	font-size: 12px;
	color: #90722e;
}

#content-block h5 {
	font-size: 11px;
	color: #90722e;	
	font-weight: normal;
}

#content-block h6 {
	font-size: 10px;
	color: #90722e;
	text-transform: uppercase;
	font-weight: normal;
}

#content-block a {
	color: #a57c0e;
	text-decoration: underline;
}

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

#content-block #subscribe {
	background: transparent url(../_images/media/feed_icon.png) no-repeat 0 50%;
	padding: 4px 0 4px 20px;
	float: right;
	position: relative;
	top: 5px;
}

#content-block li {
	list-style-type: disc;
	margin-left: 35px;
}

#content-block li p {
	margin-bottom: 5px;
}

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

.sermonbox {
	border-bottom: 3px solid #E9E2D2;
	padding: 20px;
	position: relative;
}

.sermonbox.last {
	border: none !important;
}

.sermonbox ul {
	position: absolute;
	top: 22px;
	right: 20px;
}

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

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

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

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

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

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

.sermonbox p {
	margin: 0 !important;
}

#sorting label {
	display: block;
	font-weight: bold;
	font-size: 11px;
}

#sorting select {
	margin-bottom: 15px;
	width:100%;
}

#post-comment-form {
	background: #F4F0E5;
	padding: 10px 20px 20px 20px;
}

#post-comment-form label {
	font-weight: bold;
}

#post-comment-form label, #post-comment-form input {
	display: block;
}

#post-comment-form input.inp, #post-comment-form textarea {
	border: 1px solid #EBE5D6;
	padding: 5px;
	margin-bottom: 10px;
}

#post-comment-form textarea {
	width: 300px;
	height: 100px;
	display:block;
}

#sermon-buttons {
	margin-top: 10px;
}

#sermon-buttons a {
	display: block;
	background: url(../_images/sermon-button-bg-int.gif) no-repeat;
	width: 205px;
	height: 27px;
	font: bold 13px Helvetica, Arial, sans-serif;
	color: #bea462;
	text-decoration: none;
	padding: 7px 0 0 10px;
}

#sermon-buttons a:hover {
	color: #974936;
}

#byline li {
	list-style-type: none;
	margin-left: 0px;
}