/*
Theme Name: CMAC 2
Theme URI: http://www.cmac.tv
Description: A minimalist theme.
Version: 2.0
Author: CMAC
Author URI: http://www.cmac.tv
Tags: fixed width, three columns
*/

/* Navigation Menu */
#navigationContainer {
position:relative;
margin-left:auto;
margin-right:auto;
max-width: 925px;
font-size:14px;
padding:0 5px;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    }

/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
	#body { margin-right: 23.25em; }
	#bigbody { }
	#sidebarContainer { position: absolute; top: 0; right: 0; width: 22.9em; }   	
}
@media screen and (max-width: 47.5em) {
    #imageContainer { display: none; }
}

.videoWrapper {
	margin:15px 15px 10px 15px;
	position:relative;
	padding-bottom:54.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.headerimg{width:254px;height:188px;margin-left:25px;}
a#HeaderLogo{border: none;}

.search {
                padding:8px 15px;
                background:rgba(50, 50, 50, 0.2);
                border:0px solid #dbdbdb;
                width:360px;
                margin-left:-26px;
}
.button2 {
                position:relative;
                padding:6px 15px;
                left:-8px;
                border:2px solid #207cca;
                background-color:#207cca;
                color:#fafafa;
}
.button2:hover  {
                background-color:#fafafa;
                color:#207cca;
}

/* Global Styles */
* {margin:0; padding:0;}

.npologos {text-align:center;}
.npologos img{width:200px;}

.seriesdesc{padding:5px 0 10px 0;}
.seriesproducer{padding:0 0 10px 0;}
.series{float:left;width:220px;height:40px;font-size:16px;padding:6px;margin:6px;position:relative;background:#eee;}

.catname{clear:both;padding:20px 0 0 0;margin:10px 0;font-size:20px;}

.textwidget p{margin:0 0 1em 0;}
.textwidget {
	background: #FFFFFF;
	display: block;
	margin: 0 auto;
	padding: 10px;
    font-size:11px;
}
.execphpwidget p{margin:0 0 1em 0;}
.execphpwidget{
	background: #FFFFFF;
	display: block;
	margin: 0 auto;
	padding: 10px;
    font-size:11px;
}

#bodyschedule table {margin-left:15px;text-align:left;}
#bodyschedule table th{background:#cecece;padding:5px 10px;}
#bodyschedule table th#scheduledate{background:#dedede;text-align:center;}
#bodyschedule table td{background:#eee;padding:5px 10px;}
#bodyschedule table td#scheduletime{background:#eee;}

#body ul, #bigbody ul{padding:0 50px;}
#body li, #bigbody li{padding:5px 0;}

.photos{top:30px;left:350px;position:relative;opacity:.75;}

body {
	background: #0E283F url(images/CMAC_BodyBG2.jpg) no-repeat center top;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

input.btn{
	color:#fff; 
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#4a8ca4; 
	border:none;
}

img {border: 0;}

a img {text-decoration: none;}

/* Typography */
	/* Links */

a { color: #3284a3; border-bottom: 1px dotted #9CC1CE; text-decoration: none; }
a:hover { color: #FF9900; border-bottom: 1px solid #FF9900; }

.vodcat, .vodcat a{color:#000;font-size:9px;font-weight:bold;text-transform:uppercase;}
.vodcat a:hover{text-decoration: underline;}
.vodshow{
width:175px;
margin:10px 12px 5px 2px;
vertical-align: top;
display: inline-block;
*display: inline;
*zoom: 1;
}
.vodshow a{border-bottom:0px solid #000;}
.vodshow a:hover{border-bottom:0px solid #000;}
.vodimg{border:none;margin:5px 0;width:175px;height:98px;}
a span.vodplayFront {width: 100%; height: 110px; display:none; position: absolute; top: 10px; left: 0; /*background: url(images/vodplay.png) center center no-repeat; */z-index: 100;}
a span.vodplay {width: 100%; height: 110px; display:none; position: absolute; top: 0px; left: 0; /*background: url(images/vodplay.png) center center no-repeat; */z-index: 100;}
a:hover span.vodplay, a:hover span.vodplayFront { display:block; }

/*.vodlengthFront{font-size:10px;color:#FFF;background-color:#000;padding:2px;z-index:100;position:absolute;left:130px;top:97px;opacity:0.8;filter:alpha(opacity=80);}
.vodlength{font-size:10px;color:#FFF;background-color:#000;padding:2px;z-index:100;position:absolute;left:130px;top:87px;opacity:0.8;filter:alpha(opacity=80);}*/
.vodlengthFront, .vodlength{display:none;}

.vodtitle{font-size:12px;font-weight:bold;}
.vodproducer{float:left;font-size:11px;}
.voddate{font-size:11px;color:#888;}

#footer a {	color: #4DA2C2; }	
#footer a:hover { color: #FFFFFF; }

	/* Text */
#bodyWide p, #body p, #bigbody p { line-height: 1.5em; }

#footer { color: #0E283F; }	

.sidebarModule ins { font-size: 11px; text-decoration: none; line-height: 1.4em; }

	/* Header Images */
h1 {
	border-bottom: 2px solid #FF9900;
	color: #FF9900;
	display: block;
	font: 30px Verdana, sans-serif;
	margin-left: -20px;
}

h2 {margin-left: 15px;font: 20px Verdana, sans-serif;}

/* Positioning & Design */

#BodyContainer {
	max-width: 1100px;
	position:relative;
	margin: 5px auto;
}

#header {
	background: #9CC1CE url(images/CMAC_HeaderBG4.jpg) no-repeat center center;
	height: 233px;
	max-width: 1100px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
    overflow:hidden;
}

#HeaderLogo {
	display:block;
	height: 160px;
	float: left;
	margin: 22px 0 0 34px;
}

#imageContainer {
	top:35px;
	left:425px;
	position:relative;
}

#imageContainer img {
	display:none;
	position:absolute;
}
	
/* Body */

#body, #bigbody {
	background: #FFFFFF;
	padding: 5px;
	margin-top: 5px;
}

#bodyWide h1, #body h1, #bigbody h1{
	margin: 15px 15px;
}

#bodyWide p, #body p, #bigbody p {
	margin: 20px 15px;
}

	/* Body Highlight Images */
#bodyTopHighlight {
	background: url(images/CMAC_BodyTop.png) center no-repeat;
	display: block;
	height: 20px;
	margin: 0 auto;
}

#bodyBottomHighlight {
	background: url(images/CMAC_BodyBottom.png) center no-repeat;
	display: block;
	height: 20px;
	margin: 0 auto;
}

.sidebarHeader {
	background: url(images/CMAC_SidebarHeaderBG.png) repeat-x;
	color: #FFFFFF;
	display: block;
	font: lighter 18px Verdana, sans-serif;
	text-transform: uppercase;
	text-align: left;
	padding:2px 0 0 12px;
	margin:0 0 0 3px;
	height: 28px;
}

#sidebarContainer {
	padding:0 5px;
}

.sidebarModule {
	background: #99BFCD;
	margin-bottom: 15px;
	padding: 5px 5px 8px 5px;
}

#footer {
	background: #0E283F url(images/CMAC_FooterBG.jpg) bottom center no-repeat;
	padding-top: 5px;
	height: 120px;
	text-align: center;
	color:#0b1e2f;
}

#footer a {
	margin: 20px;
}

#footer span {
	display: block;
	margin-top: 20px;
}
#footer ul{
list-style-type:none;
margin:0;
padding:0;
}

#footer ul li.page_item{
display:inline;
margin:0;
}