/*
Theme Name: CAP-2009X
Theme URI: http://cap.elreyjesus.org/
Description: A new web 2.0 theme for the Apostolic Conference 2009
Version: 2.0
Author: Jose Pena & Sergio Alvarado
Author URI: http://www.elreyjesus.org/
Tags: el rey jesus, cap 2009, king jesus ministry, guillermo maldonado

    CAP-2009X v2.0
     http://cap.elreyjesu.org/

    This theme was designed by Sergio Alvarado and built by Jose Pena,

*/

/*	GLOBAL RESET	===================================================================================================================================================================*/
body, html {margin:0; padding:0}


/*	GLOBAL AREA
===================================================================================================================================================================*/
body {font-family: Trebuchet MS, Helvetica, Arial, Verdana, sans-serif; background-color:#000000; color: #ffffff;}
h1 {}
h2 {margin:0; padding:0;font-size:30px}
h3 {margin:0; padding:0;font-size:24px}
h4 {margin:0; padding:0;font-size:18px}

a {color:#000000; text-decoration:underline}
a:hover {color:#999999; text-decoration:none}
a:visited {color:#333;}

ul, ol {margin:0; padding:0}


/*	TYPE
===================================================================================================================================================================*/
p {color:#EEE}
.paper p {font-size:13px; line-height:18px; color:#666}
.paper h4 {font-size:15px; margin:0 10px; font-weight:bold; color:#333333}
.paper p.caption {margin:0; text-align:right; font-size:11px; color:#800000}
.paper ul {font-size:12px; line-height:18px; color:#666; list-style-type:none}
.paper ul li {margin-bottom:8px}
p.mini-title, h4 {font-weight:normal; color:#76cdd9; font-size:12px;}



/*	MAIN LAYOUT
===================================================================================================================================================================*/
.container {width:920px; margin:0 auto}
.floatLeft {float:left}
.floatRight {float:right}
.paper {background:url('images/paperbg.jpg') repeat top left #edede8; #min-height:100px;}


#wrapper {width:100%; margin:0 auto;}

/*#topbar {height:50px; font-size:11px;}
*/

#header {height:325px; margin:0; background:url('images/headerbg.jpg') no-repeat top center}

#menu {margin:0; background:url('images/menubg.jpg') no-repeat top center #000; } * html #menu {margin:0;}
	#menu #language-dropdown {float:right; height:30px; padding-top:1px;color:#666666 line-height:30px} * html #menu #language-dropdown {padding-top:5px;}
	#menu #language-dropdown select#qtrans_select_qtrans_language_chooser {width:80px;; font-size:10px; border:1px solid #FF9900}
	
#content {min-height:400px; background: url('images/contentbg.jpg') no-repeat top center #000000} * html #container {padding:0}

	#feature {}
	
	#main {float:left; width:600px; padding:0;} * html #content {}
		#main h2 {margin:0 0 20px}
		#main h3 {margin:0 0 10px 0; font-size:16px}
		#main h4 {margin:16px 0}
		#main #front-text p {font-size:16px}
		#main #blog p {font-size:12px; margin:0 0 1em 0}
		#main p.calltoaction {text-align:left; font-size:11px}
	
#sidebar_container {float:right; overflow:hidden; width:300px; background-color:#FFF;} * html #sidebar_container { }

#video {margin:0 0 10px 0;}/*This holds the page title. It's called video for semantic links that skip the content*/
/*The folowing hides the title on video view posts*/
.s-category-2007-selection #video,
.s-category-choix-2007 #video,
.s-category-choix-2008 #video,
.s-category-2008-selection #video {height:0px; margin:0; padding:0; overflow:hidden; background-color:#000000}


h2 {margin:0; padding:0}
p {margin:0 0 1em 0; line-height:1.5em}

#footer {clear:both; font-size:10px; /*height:340px; background:url('images/footerbg.jpg') no-repeat top center*/}

	ul#social {margin:0; text-align:right; font-size:11px; color:#FFCC66; list-style-type:none}
	ul#social li{margin-bottom:5px;}
	#social a {text-decoration:none; color:#FFCC66;}
	#social a:hover {text-decoration:underline; color:#FF9933;}

	#footer .copyright {font-size:10px;color:#999999}
	#footer a, #footer a:visited {color:#CCCCCC}
	#footer a:hover {color:#999999}


/*	PAGE
====================================================================================================================================================================*/
/* 2007 selection */
#winners a {color:#76cdd9; text-decoration:none; font-weight:900}
#winners a:hover {text-decoration:underline}

/* video matrix */
#video-matrix {padding:4px; border:1px solid #EEE}
#video-matrix .column {float:left; width:180px; min-height:270px; padding:3px; margin:5px;} * html #video-matrix .column {margin:3px; padding:3px}
#video-matrix .column:hover {/*background-color:#ddeee9*/}

#video-matrix .column .post-thumb_container {width:95px;}
#video-matrix .column .post-thumb_container img.post-thumb {width:100%; height:120px; border:0; margin:0; padding:3px; border:1px solid #CCCCCC}
#video-matrix .column .post-thumb_container img.post-thumb:hover {border:1px solid #999999}

#video-matrix .column .entry-title a {text-decoration:none}
#video-matrix .column .entry-title span {font-size:9px}

#video-matrix .column .entry-excerpt p {margin:0; font-size:11px; line-height:16px}
#video-matrix .column .entry-excerpt p a {font-size:10px; font-weight:bold; color:#CC0000}
#video-matrix .column .entry-excerpt p a:hover {color:#FF0000}

#video-matrix .column .comments_container {text-align:right;font-size:10px}
#video-matrix .column .comments_container .comments-link {margin:0}


/*contact page
#contact-form {padding:0 0 20px 0; margin-bottom:20px; border:1px solid #CCCCCC; background-color:#EEE}*/

/*
#video-matrix .post-thumb_text {float:left;width:475px}
#video-matrix .post-thumb_text p {margin:0; padding:0; font-size:12px;}
#video-matrix .post-thumb_text p.comments-link {margin:0; padding:0;font-size:11px; width:50%}
#video-matrix .post-thumb_text .comments-link a {margin:0; padding:0;font-size:11px}
#video-matrix {margin:0; padding:5px; background:url('images/container_bg.gif') repeat #333}
#video-matrix .column {float:left; overflow:visible; width:176px; height:250px; margin:5px; padding:5px; background-color:#FFFFFF}
#video-matrix .column:hover {background-color:#EEE}
#video-matrix h3.entry-title {font-size:12px; margin:0 0 10px 0; }
#video-matrix .entry-time {font-size:11px}
#video-matrix .rating-stars {width:75%; font-size:0; margin:0 0 5px 0}
*/



/*	SINGLE	====================================================================================================================================================================*/
#nav-below {clear:both; margin:10px 0 0 0; padding:10px 0 0 0;}
#nav-below div.nav-previous {float:left; font-size:11px;}
#nav-below div.nav-next {float:right; font-size:11px;}

/* VIDEOS */
.entry-content #film-title {font-size:32px; font-weight:600}
.entry-content #film-student {font-size:12px; font-weight:600}
.entry-content #school {font-size:11px}
.entry-content #film-runtime {margin-bottom:10px; font-size:11px;}


/*	SIDEBAR
====================================================================================================================================================================*/
div.sidebar {margin:0; padding:0}
div.sidebar ul, div.sidebar ul li, div.sidebar ul li ul li {margin:0; padding:0; list-style-position:inside; list-style-type:none}
div#primary{width:300px;}
div#secondary{width:300px;}

div#boxad_left {float:left;margin:15px 0 0 17px}
div#boxad_right {float:right;margin:15px 17px 0 0}


/*	COMMENTS
====================================================================================================================================================================*/
div#comments{clear:both; margin:20px 0 20px 0; padding:20px 0 0 0; background-color:#FFF;}
div#comments h2 {margin:0 0 10px 0}

div#comments-list ol {margin:0; padding:0px; border-bottom:1px dotted #CCC}
div#comments #comment-notes {font-size:11px}
div#comments .form-label {font-size:12px}
div#comments #login {font-size:12px}

li.comment {background-color: #FFF; margin:0 0 15px 0; border:1px solid #CCCCCC; list-style-type:none; padding:10px; text-indent:none;}
li.comment div.comment_header{margin:0 0 10px 0; background-color:#d2f8fa}
li.alt div.comment_header{background-color:#ddeee9}

li.comment div.comment_number h3 {font-size:36px; color:#CCCCCC; margin:0;padding:0}
li.comment div.comment-author {font-size:11px; padding:0; margin-bottom: 10px;}
div.comment-author img.avatar { 
	float:left;
	margin-right: 10px;
	margin-bottom:0;
}
.comment-date{
	color: #666666;
}



li.comment div.comment-karma {float:right; width:25%; height:100%; text-align:right; font-size:24px;}
li.comment div.comment-meta {font-size:10px; color:#999999}
li.comment p {padding:5px 20px 0 50px; line-height:20px;}

#commments .formcontainer {margin:20px 0 0 0; padding:20px 0 0 0; border-top:2px dotted #CCC}

#commentform input, #commentform textarea {
	border:1px solid #666;
	padding:5px;
}

#commentform {
	padding:15px 0 5px 0;
	border-top: dotted 1px #667;
	border-bottom: dotted 1px #667;
	#min-height:100px;
}

#commentform label small {
	padding-left:5px;
}
div.commentlist ol {
	display:block;
	padding:0;
	margin:0;
	#min-height:450px;
}

.navigation {
	font-size:12px;
	margin: 15px 0px;
}

.navigation .alignleft {
	float:left
}
.navigation .alignright {
	float:right
}

em.comment-approval {
	margin-left:50px;
	margin-bottom:10px;
	padding:2px 10px;
	font-size:13px;
	background-color:#FFFF99;
	border:#FFCC33 solid 1px;	
}

H3#comments {
	color:#660000;
}

/*	DATE
====================================================================================================================================================================*/
.date {width:50px; height:60px; text-align:center; font-size:11px; background:url('images/date_bg.jpg') no-repeat top center}
.date .day {text-transform:uppercase; font-size:24px; padding-top:5px; font-weight:bold; color:#333;}
.date .month {text-transform:uppercase; padding-top:3px; font-weight:bold; color:#FFF;}


/*	BREADCRUMB BAR
====================================================================================================================================================================*/
.breadcrumb, .translation-link {font-size:10px;color:#999999; /*font:11px/11px normal Verdana, Arial, Helvetica, sans-serif;*/}
.breadcrumb a, .translation-link a {color:#666666}


/*	RATINGS
====================================================================================================================================================================*/
#ratings {float:right;background-color:#FFFFFF;font-size:11px;height:70px; margin: 0 0 10px 10px;padding:10px;text-align:center; border:1px solid #EEE}
.rating-stars {font-size:0; margin:0} /*just show the stars, not beign able to click on them to vote*/


/*	BANNER AD
====================================================================================================================================================================*/
#banner_ad {text-align:center}
#banner_ad img {margin:10px}


/*	MISCELLANEOUS
====================================================================================================================================================================*/
.clear {clear:both; margin:0; padding:0; height:0;}
.reset {margin:0;padding:0}
.teal {color:#76cdd9}
.lightgreen {color:#ddeee9}
.calltoaction {font-size:11px;}
.hover { background-color:#EEE;}
.hover:hover {background-color:#ddeee9}

/*	DIGG BUTTON SPRITES (NOT IMPLEMENTED)
====================================================================================================================================================================*/
.thumbup {background-image: url('/film/wp-content/plugins/ck-karma/images/thumbs.png'); background-position:19px 0px;
	width:19px; height:19px;
}
.thumbup:hover {background-image: url('/film/wp-content/plugins/ck-karma/images/thumbs.png'); background-position:19px 19px;
	width:19px; height:19px;
}

/*	SCROLLOVER LINKS
====================================================================================================================================================================*/
a.scrollover {
    /* Default Colour/Styles here */
    color: #333333; text-transform:capitalize
}
a.scrollover em:first-line {
    /* Rollover Colour/Styles here */
	color: #FF5B3C;
}
a.scrollover .scrollover_Nudge {top:1px;}


/*	MENU TABS
====================================================================================================================================================================*/
/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
#menu {text-align:center;}
#menu ul {padding:0; list-style:none;}
#menu ul li {float:left; display:inline; margin:0; padding:0; }
#menu ul li a {float:left; display:block; position:relative; padding:13px; text-decoration:none; font:11px Arial, Helvetica,  Trebuchet MS, Verdana, sans-serif; font-weight:600; color:#f7f3d3;}
#menu ul li a:hover {color:#f7f3d3; background:url('images/menu_a_bg-hover.gif') no-repeat bottom center}


	
/*FRENCH*/
.home #menu .page-item-home a,
.pageid-8 #menu .page-item-8 a,
.pageid-119 #menu .page-item-119 a,
.pageid-16 #menu .page-item-16 a,
.pageid-7 #menu .page-item-7 a,
.pageid-68 #menu .page-item-68 a,
.pageid-123 #menu .page-item-123 a,
.pageid-133 #menu .page-item-133 a,
.pageid-242 #menu .page-item-242 a,
.pageid-144 #menu .page-item-144 a,
/*ENGLISH*/
.pageid-2 #menu .page-item-2 a,
.pageid-120 #menu .page-item-120 a,
.pageid-13 #menu .page-item-13 a,
.pageid-6 #menu .page-item-6 a,
.pageid-67 #menu .page-item-67 a,
.pageid-121 #menu .page-item-121 a,
.pageid-132 #menu .page-item-132 a {
color:#f7f3d3; background:url('images/menu_a_bg.gif') no-repeat bottom center;
}
	
	/* not for IE5.x or IE6 */
	

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

img, a img {
	border:none;
}

img.alignright {
	float:right;
}

.post-nav {
	padding: 0 0 10px 0;
	border-bottom:#333 dotted 1px;
	margin:0 0 10px 0;
}

div.prev-post a:link, div.prev-post a:visited, div.prev-post a:active, 
div.next-post a:link, div.next-post a:visited, div.next-post a:active{
	color: #333333;
	font-size:12px;
	text-decoration:none;
}


div.small-navigation {
	width:193px;
	display:block;
	margin: 0 auto;
}
div.prev-post a:hover, div.next-post a:hover {
	text-decoration:underline;
}
div.post-thumb_container {
text-align:center;
padding:0 0 15px 0;
background:url('images/paperbg.jpg') repeat top left #edede8;
}

img.post-thumb {
	margin: 20px auto 15px auto;
	border:1px solid #666666;
	
}


div.post-thumb_container div.prev-post a, div.post-thumb_container div.next-post a{
	color: #000000;
}

div.prev-post {
	float:left;
}

div.next-post {
	float:right;
}

.paper H2{
	color:#660000;
}

/******** FOOTER **********/

#floor {
background:#1A1A1A url(floorBG.jpg) repeat-x scroll center top;
height:130px;
padding-top:25px;
width:100%;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

#footer {
background-color:transparent;
margin:0 auto;
width:990px;
}

#footer p {
color:#666666;
}

#copyright {
float:left;
padding-top:30px;
}

#copyright p.copyright {
color:#FFFFFF;
}

#copyright p {
font-size:11px;
line-height:18px;
margin:0;
}
.topLink {
float:right;
margin-right:50px;
}

#subway {
background-color:#000000;
height:20px;
width:100%;
}


/* SOCIAL NETWORKS */

UL#socials {
	height:24px;
	list-style:none;
	list-style-image:none;
	padding:5px 0 5px 15px;;
	margin:170px 0 0 0;
	display:block;
	float:right;
	width:307px;
	background-color:#000000;
}

UL#socials LI.bigBlu {
	font-family: helvetica neue, helevetica, lucida sans, arial, sans-serif;
	font-size:14px;
	color:#23aaca;
	line-height:24px;
	letter-spacing:-.02em;
	font-weight:bold;
	
}

UL#socials li {
	height:24px;
	padding:0 0 0 0;
	list-style:none;
	list-style-image:none;
	text-indent:none;
	float:left;
	margin:0 10px 0 0;
	
}