/*
Theme Name: VSermon
Theme URI: http://www.christlivingchurch.com/sermon/
Description: The default ChristLivingChurch Sermon theme.
Version: 1.0
Author: Ronny Santosa
Author URI: http://www.christlivingchurch.com/
Tags: blue, custom header, fixed width, two columns, widgets

	VSermon v1.0
	 http://www.christlivingchurch.com/

	This theme was designed and built by Ronny Santosa,
	whose blog you will find at http://www.christlivingchurch.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font: 11px Verdana,Arial,Tahoma;
	text-align: center;
	background: url(http://www.christlivingchurch.com/home/clc_files/images/bg_trust.jpg) center no-repeat fixed;
}


span {
padding:0;
margin:0;
}

img {
	vertical-align: text-bottom;
	border: 0;
}

a img {
	border: none;
}

/* This is the page container built and centered using -ve margins */
#container {
	margin: 0 auto;
	width: 972px;
	text-align: left;
}

/* This holds the two heading blocks, the title and the login form */
#headerwrapper {
	width: auto;
	padding: 0px 0px 0px 26px;
}

/* This holds the tabs */
#tabholder
{
    width: auto;
}

/* CSS Tabs Main Menu */
#tabs8 {
    font-size:93%;
    float:left;
    width:100%;
    background: none;
    line-height:normal;
    display:inline;
/*    border-bottom:1px solid #CCC; */
}

#tabs8 ul {
    margin:0;
    padding:2px 10px 0 5px;
    list-style:none;
}

#tabs8 li {
    display:inline;
    margin:0;
    padding:0;
}

#tabs8 a {
    float:left;
    background:url(http://www.christlivingchurch.com/home/clc_files/images/tableft8.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}

#tabs8 a span {
    float:left;
    display:block;
    background:url(http://www.christlivingchurch.com/home/clc_files/images/tabright8.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#eee;
    font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs8 a:hover span {
    color:#591333;
}

#tabs8 a:hover {
    background-position:0% -42px;
}

#tabs8 a:hover span {
    background-position:100% -42px;
    color: #0066ff;
	/* original color:888 */
}

body.home #tabs8 #home a,
body.church #tabs8 #church a,
body.pastors #tabs8 #pastors a,
body.ministries #tabs8 #ministries a,
body.lifegroups #tabs8 #lifegroups a,
body.sermons #tabs8 #sermons a,
body.livebroadcast #tabs8 #livebroadcast a,
body.photos #tabs8 #photos a,
body.contactus #tabs8 #contactus a {
	background-position:0% -42px;
}

body.home #tabs8 #home a span,
body.church #tabs8 #church a span,
body.pastors #tabs8 #pastors a span,
body.ministries #tabs8 #ministries a span,
body.lifegroups #tabs8 #lifegroups a span,
body.sermons #tabs8 #sermons a span,
body.livebroadcast #tabs8 #livebroadcast a span,
body.photos #tabs8 #photos a span,
body.contactus #tabs8 #contactus a span {
	background-position:100% -42px;
	color: #0066ff;
}

/* HEADER ENDS HERE */

/* MAIN STARTS HERE */
h2 {
width:630px;height:auto;
padding:8px 0 8px 3px;margin:0;
}

h2 a {
	font: 700 28px Verdana, Arial, Tahoma;color: #000;
}

h2 a:active, h2 a:link, h2 a:visited {
	text-decoration:none;
	color: #000;
}

h2 a:hover {
	text-decoration:underline;
	color:#000;
}

#maincontent {
	width: auto;
}

#content {
	background:#FFF;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 5px;
	clear: both;
}

body > div.entry {
	font: 14px Verdana, Arial, Tahoma;
	padding: 0px 50px 0px 5px;
	margin: -50px 0px 0px 0px;
	line-height:22px;
	width:620px;
}

.entry {
	font: 14px Verdana, Arial, Tahoma;
	padding: 0px 5px 0px 5px;
	margin: -30px 0px 0px 0px;
	line-height:22px;
	width:620px;
	position:relative;
	z-index:1;
}



.postmetadata {
	width:620px;
}

#mediabar {
	display:block;
	background:url(images/mediabar.png) no-repeat;
	width:640px;
	height:59px;
	margin-left:-5px;
	position:relative;
}

#mediabar .txt {
	position:absolute;
	top:9px;
	left:78px;
	font: 700 18px Verdana, Arial, Tahoma;
	color: #FFFFFF;
}

#mediabar #pod a {
	position:absolute;
	top:9px;
	left:360px;
}

#mediabar #mp3 a {
	position:absolute;
	top:9px;
	left:490px;
}

#mediabar a {
	font: 700 18px Arial, Verdana, Tahoma;
	color: #006b88;
}

#mediabar #audiolink {
	position:absolute;
	top:30px;
	left:480px;
	padding:5px;
	width:140px;
	height:50px;
	border: 1px solid #FFF;
	font: 700 14px Arial, Verdana, Tahoma;
	color: #FFF;
	background: #32a9cb;
	visibility:hidden;
}

#mediabar #audiolink a {
	font: 700 14px Arial, Verdana, Tahoma;
	color: #FFF;
}

#mediabar ul {
	padding:4px 0 0 25px;
	margin:0;
	line-height:1.4em;
}



/*{{{ player */

a.player {	
	margin-left:-5px;
	display:block;
	background: url(images/splash.png) no-repeat;
	width:640px;
	height:360px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

a.player.plain {
	background-position:-125px 0;
	padding:0px;
	margin-top:0px;
}
a.player.black {
	background-image:url(images/splash.png);
}

/* play button */
a.player img {
	margin-top:155px;	
}

a.player.plain img {
	margin-top:113px;	
}

a.player.small img {
	margin-top:60px;		
}

a.player p {
	margin-bottom:-15px;
	padding-top:0px;
}

/*}}}*/




/***********/
/* SIDEBAR */
/***********/

.sidebar {
float:right;
font: 11px Verdana,Arial,Tahoma;
color:#000;
position:relative;
z-index:7;
}

.sidebar a {
font: 700 12px Verdana,Arial,Tahoma;
color: #0c729a;
line-height:14px;
}

.sidebar #social {
background:#32a9cb;
width:327px;
height:47px;
}

.sidebar #sociallinks {
padding:8px 0 0 15px;
}

.sidebar #sociallinks img {
padding-right:5px;
}

.sidebar .relatedvideos {
padding:7px 0 0 10px;
width:297px;
}

.sidebar .relatedvideos h3 {
padding:0;
margin:0;
font: 700 18px Verdana,Arial,Tahoma;
color:#000;
}

.sidebar .relatedvideos #spacer {
padding:0 0 7px 0;
}

.sidebar .relatedvideos .relvid {
height:71px;
line-height:16px;
}

.resultvideos h3 {
padding:7px 0 0 10px;
margin:0;
font: 700 18px Verdana,Arial,Tahoma;
color:#000;
}

.resultvideos #spacer {
padding:0 0 7px 0;
}

.resultvideos a {
font: 700 12px Verdana,Arial,Tahoma;
color: #0c729a;
line-height:14px;
}

#myimg {
margin:0 7px 0 2px;
width:111px;
height:71px;
float:left;
position:relative;
}

#myimg #duration {
position:absolute;
bottom:0px;
left:0px;
width:111px;
text-align:center;
font: 9px Arial,Verdana,Tahoma;
color:#FFFFFF;
background:#777;
}

.sermonsarchives {
font: 700 17px Verdana, Arial, Tahoma;
color: #000;
/*padding-left:20px;*/
}

.sermonsarchives a {
font: 700 14px Arial, Verdana, Tahoma;
}