@import url('../twentyeleven/style.css');

/* 
Theme Name:Cogent2011
Theme URI: snoekmedia.com
Description: Cogent Twenty Eleven Child Theme 
Author:  David Hartman snoekmedia.com
Version: 0.0.1
Template: twentyeleven
Tags: two Column, right-sidebar, custom header,custom-colours, custom_background

License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body {
    background-color: #F5F6F7;
}




#page {
    margin: 0 auto;
    width: 1000px;
    height:auto;
	border-color:#efefef solid 1px;
	-moz-box-shadow: 0 0 3px 3px #efefef;
	-webkit-box-shadow: 0 0 3px 3px #efefef;
	box-shadow: 0 0 3px 3px #efefef;
	
	
	}

#page {
    background-color: inheret;
}

.one-column #page {
    max-width: 1000px;
}

#branding {
    border-top: 0px;
}
/****       HOME PAGE ******/

#content.homepage {
	width:100%;
	margin: auto;

	}
#content.homepage p {
	font-size: 14px;

	}
	
	
#homeleft {
	float:left;
	display:block;
	margin-left: 5%;
	width:20%;

	}
	
#homecontent {
	float:left;
	display:block;
	background-color:#fff;
	margin-left:5%;
	width:30%;
	}
	
#homeright {
	float:left;
	display:block;
	width:25%;
	margin-left:5%;
	
	}
/**   TWO COLUMN HOME PAGES  ***/	
#homeleft2 {
	float:left;
	display:block;
	margin-left: 5%;
	width:40%;

	}
#homecontent2 {
	float:left;
	display:block;
	margin-left: 5%;
	width:45%;

	}

/* MENU */

#wpmsgcheader {
	margin: 0 auto;
    width: 1000px;
	position: relative;
    z-index: 100;
	
}

/***************** GLOBAL MENU TOP OF PAGE ***********************/

/* =Menu
-------------------------------------------------------------- */

#access2 {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	background-image: url('images/transparentGradient.png');
    background-color: #333;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0px;
	width: 100%;
	
}
#access2 ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access2 li {
	float: left;
	position: relative;
}
#access2 a {
	color: #858585;
	font-weight: 600;
    line-height: 3.333em;
    padding: 0 1.2125em;
   /* text-shadow: 1px 1px 0 #000;*/
	
}

#access2 li:hover > a,
#access2 ul ul :hover > a,
#access2 a:focus {
	background: inherit;
	color: #fff;
	text-decoration:none;
	
}
#access2 ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access2 ul ul ul {
	left: 100%;
	top: 0;
}
#access2 ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}


#access2 ul li:hover > ul {
	display: block;
}
#access2 .current_page_item > a,
#access2 .current_page_ancestor > a {
	font-weight: none;
}

/****************** END GLOBAL MENU *****************************/
#wpmsgcheader, #access {
        background-image: url('images/transparentGradient.png');
        background-color: #666;
    }
#wpmsgcheader ul, #access ul, #access2 ul{
    font-size: 13px;
    list-style: none outside none;
   /* margin: 0 0 0 -0.8125em;*/
	margin: 0 0 0 0;
    padding-left: 0;
}


#access a {
    color: #EEEEEE;
    display: block;
	font-weight:600;
    line-height: 3.333em;
    padding: 0 1.2125em;
    /*text-decoration: none;*/
	 text-shadow: 1px 1px 0 #333;
	}

#wpmsgcheader a:hover, #access a:hover {
	 text-shadow: none;
}

#access li:hover > a, #access a:focus {
	background: inherit;
	
	}

#access li:hover > a, #access a:focus {
	background: inherit;
	color:#222;
	
	}

	
#wpmsgcheader li.menu-item-home a, #access li.menu-item-home a, #access2 li.menu-item-home a {
	font-weight:bold;
	color:#FFF;
	font-size:20px;
	margin-top:0px;
	line-height:40px;
	text-shadow: 0px 1px 0 #000;
	display:inline-block;
	
	}
 #access2 li.menu-item-home a {
	color:RED;
	
	}
	
	
	
#wpmsgcheader li.menu-item-home a:hover, #access li.menu-item-home a:hover {
	font-weight: bold;
	color: WHITE;
	text-shadow: none;
	
	}
 
#wpmsgcheader li:hover .menu-item-home > a, #access li:hover .menu-item-home > a{
	background: inherit;
	
	}
	
#wpmsgcheader ul ul a, #access ul ul a {
	 	text-shadow: none;
	   	line-height: 1.0em;
    	width: 250px;
}

#wpmsgcheader ul ul li, #access ul ul li,  #access2 ul ul li {
display: inline; 
}

#wpmsgcheader ul li:hover > ul, #access ul li:hover > ul, #access2 ul li:hover > ul {
	display: inline;
	color:#999;
	text-shadow: none;
}

#wpmsgcheader ul ul, #access ul ul, #access2 ul ul {
    width: 250px;

}

#wpmsgcheader .current_page_item > a, #access .current_page_ancestor > a, #access2 .current_page_ancestor > a {
    font-weight: 600;
	text-shadow: none;
}




/** SEARCH **/
#branding .only-search #s {
    background-color: inherit;
    border-color: #000000;
    color: #222;
	font-weight:600;
		
}






/*** CONTENT **/
.one-column #content {
	margin: 0 auto;
	width: 800px;
}

/*** Documentary CONTENT **/
.documentary #content {
	margin: 0 auto;
	width: 900px;
}

#content.documentary .entry-header, #content.documentary .entry-content, .singular #content .documentary  footer.entry-meta,.singular #content.documentary  #comments-title {
    margin: 0 auto;
    width: 900px;
}
.singular .documentary .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    margin: 0 auto;
    width: 100%;
}

	
#docleft img, #docmain img, #docright img   {
    float: left;
	-moz-border-bottom-colors: none;
    -moz-border-image: solid;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #EEEEEE #DDDDDD #BBBBBB #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin: 10px 10px 10px;
    padding: 8px 8px 10px;
    width: 160px;
}
	
#docleft {
	float:left;
	margin-top:0px;
	width:25%;
	
	}
#docmain{
	float:left;
	padding-left: 3%;
	margin-top:0px;
	width:47%;
	}
#docright{
	float:left;
	margin-top:0px;
	padding-left:3%;
	width: 20%;
	}
#docright p{
    font-size: 9px;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}

/* two column */
.twocolumn {
	float:left;
	width: 45%;
	margin-right:3%;
	margin-top:0px;
	}





/* Trailer + Documentary list CSS*/
#trailerlist {
	float:left;
	margin-top:0px;
	width: 45%;
	}
#trailerlist p{
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 2.0em;
    text-transform: uppercase;
}
#trailerlist a {
    color: #333;
	}

#trailerlist a:hover {
    color:#000;
	
}



/**
 Three Column **/
/* 3 Column settings */
#container3 {
    float:left;
    width:100%;
    background:fff;
    overflow:hidden;
    position:relative;
}
#container2 {
    float:left;
    width:100%;
    background:fff;
    position:relative;
    right:30%;
}
#container1 {
    float:left;
    width:100%;
    background:fff;
    position:relative;
    right:40%;
}
#col1 {
    float:left;
    width:26%;
    position:relative;
    left:72%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:36%;
    position:relative;
    left:76%;
    overflow:hidden;
}
#col3 {
    float:left;
    width:20%;
    position:relative;
    left:85%;
    overflow:hidden;
}
#col4 {
    float:left;
    width:20%;
    position:relative;
    left:85%;
    overflow:hidden;
}

/* #SS CODES*/

.ss-docs {
	width:20%;
	float:left;
	margin-left: 3%;
	}

.singular.page .hentry {
    padding: 0 0 0;
}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    margin: 0 auto;
    width: 68.9%;
}

.singular .entry-header{
	width: 100%;
	}

.documentary .entry-header{
    margin: 0 auto;
    width: 100%;
}

.documentary .entry-content{
	 margin: 0 auto;
    width: 90%;
	}


.fullwidth .entry-header, .fullwidth .entry-content, .fullwidth footer.entry-meta, .fullwidth #comments-title {
    margin: 0 auto;
    width: 100%;
}

.pull.alignleft.about {
    margin: 0 1.625em 1.0em 0;
    text-align: right;
    width: 200px;
}

.pull.alignleft {
    margin: 0 2.0em 0 0;
    text-align: right;
    width: 300px;
}

/**GLOBAL SETTING */
.entry-content h1, .entry-content h2,.singular .entry-title,.entry-title, .entry-title a {
	color:#999;
}


h2  {
	font-size: 20px;
	font-weight:600;
	}
	
h1 {
	font-size: 25px;
	}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
	color: #000;
}



#site-generator {
    display:none;
}

#global-menu {
    background: none repeat scroll 0 0 #F9F9F9;
    border-top: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    line-height: 2.2em;
    padding: 2.2em 0.5em;
    text-align: center;
}

.singular footer.entry-meta {
	display: none;
	}
#main {
	
	min-height:500px;
	
	}	
#supplementary {
    background-color: #999;
    background-image: url("images/transparentGradient.png");
	background-repeat:repeat-x;
}