/* 
Theme Name: COG
Theme URL: http://creedofgold.com/
Description: ..
Author: Peter Copu
Author URI: ..
Version: 1.0

Based on Brian Purkiss' theme Whiteboard.
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" ""; margin:0;padding:0;}


a {
	color: #3575fc;
}
p {
text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.6875em;
}
h1 {
	
}
h2{

}
body {
	color: #fff;
		background: #000 url(/wp-content/themes/cog/images/bg.jpg) no-repeat fixed center bottom;
}
#header{
	background: #000 url(/wp-content/themes/cog/images/headerbg.jpg) no-repeat fixed center top;
}
#header #topTitle {
		width: 440px;
	margin: auto;
}

#header #nav {
	width: 100%;
	margin: auto;
	text-align: center;
	height: 40px;
	line-height: 40px;
		background: url(/wp-content/themes/cog/images/subnav.jpg) no-repeat center bottom rgba(0,0,0,0.50);
}

#header #nav a{
	font: small-caps 200 1.0625em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 0px 10px;
}
#content {
	

}
.container{
	margin: auto;
	width: 600px;
	
	}
	#blog.container{
	width: 800px;
	margin: auto;
	padding: 15px 0 0 0;
	}
		#castandcrew.container{
	width: 720px;
	margin: auto;
	padding: 15px 0 0 0;
	}
			#castandcrew.container #content{

	}
				#castandcrew.container #cast{
float: left;
width: 345px;
margin-left: 30px;
	}
					#castandcrew.container #crew{
	float: left;
	width: 345px;
	}
			#castandcrew.container .entry{
width: 345px;
height: 140px;
margin: 0 0 30px 0;
overflow: hidden;
	}
				#castandcrew.container .entry a{
position: relative;
top: 0px;
	}
				#castandcrew.container .entry img{
float: left;
}
					#castandcrew.container .entry p{
text-align: justify;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	padding-left: 105px;
}
					#castandcrew.container .entry p#readmore{
text-align: right;
	font-size: 15px;
	position: absolute;
	width: 340px;
	margin-top: 76px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px 0 0;
	background:url(/wp-content/themes/cog/images/biogradient.png) repeat-y center bottom;
}
					#castandcrew.container .entry p#readmore a{
color: #000;
}
				#castandcrew.container .entry h1{
font-size: 18px;
}
					#castandcrew.container .entry h1 span{
font-size: 13px;
	}
	
					#facebox .entry h1{
font-size: 18px;
}
					#facebox .entry h1 span{
font-size: 13px;
	}
	#facebox p#readmore {
	height: 0px;
	visibility: hidden;
	width: 0px;
}
	#facebox p {
margin: 5px 0 0 0;
}
	#facebox img {
float: left;
padding: 0px 20px 10px 10px;
}
	
	#castandcrew.container #footer{
float: left;
width: 720px;
}
	
	#home.container{
	width: 100%;
	padding: 0px 0 0 0;
	}
		#home.container #trailer{
width: 570px;
	margin: auto;
	}
			#home.container #social{
	width: 570px;
	margin: auto;
	margin-top: 20px;
	
	}
			#home.container #tt, #home.container #tt span{
width: 427px;
height: 70px;

	}
	#home.container #tt span {
	display: block;
	position: relative;
	z-index: 1;
	background: url(/wp-content/themes/cog/images/tt.png) no-repeat center center;
	}
	
	#home.container #footer{
margin-top: 20px;
margin-bottom: 0px;
padding:0 0 20px 0;
}
		#stills.container{
	width: 920px;
	margin: auto;
	padding: 0px;
	}

	#blog.container #content{
	width: 600px;
	float: left;
	background: none;
}
.container#generic {
		padding: 15px 0 0 0;
}

.container#generic p {
	padding: 0 0 10px 0;
	}
.container#generic p span {
	color: #efba21;
	font-size: 1.25em;
	font-weight: bold;
	font-style: italic;
}

.container#generic #press{
	padding: 10px 25px 25px 25px;
		border-top: 1px solid #efba21;
}

.container#generic #press p{
	color: #efba21;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.container#generic #press textarea,input{
	background-color: #191919;
	color: #fff;
	padding: 7px;
		border-top: 1px solid #5e490e;
		border-right: 1px solid #5e490e;
		border-bottom: 1px solid #5e490e;
		border-left: 5px solid #efba21;
}
#footer{
	width: 600px;
	text-align: center;
	color: #efba21;
	margin: auto;
	font: 10px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* 	background: url(/wp-content/themes/cog/images/subcontent.jpg) no-repeat center top; */
#footer a{
	color: #efba21;
}

/* @group CODA */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */
.panel .panel-wrapper .title {
	height: 0px;
	display: none;
}
	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */
	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 400px; overflow: auto !important; padding-right: 20px }
	
    .panel .panel-wrapper .codacaption {
	margin-top: -25px;
	padding: 0 10px;
	color: #000;
	height: 25px;
	line-height: 20px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
    .panel .panel-wrapper .codacaption span {
background-color: #efba21;
}
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 800px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	.coda-nav-left a { background: url(/wp-content/themes/cog/images/buttonleft.png) no-repeat center center;}
	.coda-nav-right a { background: url(/wp-content/themes/cog/images/buttonright.png) no-repeat center center;}

	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { display: none;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left; }
	.coda-nav-left a, .coda-nav-right a { width: 60px;height: 350px;display: block;}

/* @end */

/* @group 404 */

.container#fourohfour #content {
text-align: center;
}
.container#fourohfour #content #centerme {
	width: 400px;
	margin: auto;
}
.container#fourohfour #content p {
text-align: justify;
}
.container#fourohfour #content h2 {
	color: #efba21;
	margin: 10px 0 0 0;
	text-align: center;
	font: small-caps bold 2.1875em "Courier New", Courier, mono;
}
.container#fourohfour #content #recentposts {
	color: #fff;
	padding: 20px 5px;
	line-height: 1.6875em;
}
.container#fourohfour #content #recentposts h2{
	margin: 5px;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
}

/* @end */
h1 {
	color: #efba21;
	font: italic small-caps bold 1.875em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 5px 0;
}
h1 span {
	background-color: #efba21;
	color: #000;
	padding: 0 5px;
}

/* @group Comments */

#comments .nocomments {
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #808080;		
}

#comments .comments_meta p {
	font-size: 12px;
	line-height: 10px;
}
#comments ol li em {
	font-style: italic;
	color: red;
	padding: 0 0 0 50px;
}
#comments h3{
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
	border-top: 1px solid #303030;
	padding: 10px 0 10px 0;
	margin-top: 10px ;
	border-bottom-style: none;
	text-align: center;
}
#comments .comment_text p {
padding: 10px 0 0 20px;
text-indent: 0px;
	border-left: 1px solid #3575fc;
}
.comments_reply {
padding: 15px 0 0 0;
}
.comments_reply h3{
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
	border-top: 1px solid #303030;
	padding-top: 10px;
}
.comments_reply p {
		font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #808080;	
}
#commentform {
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
}
.comments_reply #commentform textarea, .comments_reply #commentform input {

}

.comments_reply #comment {
	width: 545px;
}
p.commentterms {
		font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
	text-indent: 0px;
}

/* @end */

.post:hover {
	border-bottom: 10px solid #656565;	
}

.post {
		background-color: rgba(0,0,0,0.5);
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 10px;
	text-align: justify;
	border-bottom: 10px solid #303030;	
}
.post img {
padding: 10px 0;
}
.post p.wp-caption-text{	
	margin: -10px 0 10px 0;
	text-shadow: #000 2px 2px 5px;
	color: #7f7f7f;
	text-indent: 0px;
	font: small-caps 1.25em/1.25em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	.post h2 a{
	text-decoration: none;	
	text-shadow: #000 2px 2px 5px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1.875em;
}
.post p.date {
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0px 0 0 10px;
	margin: 0px;
	color: #808080;
	border: none;
	text-shadow: #000 2px 2px 5px;
	text-indent: 0px;
}
.post p {
	margin: 5px 0 0 15px;
	text-indent: 15px;
}

#blog.container #content #postnavigation p a, #blog.container #content .postnavigation p a {
	font: italic small-caps bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #000 2px 2px 5px;
	color: #3575fc;
}

h2.archivetitle {
	font: italic small-caps bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #000 2px 2px 5px;
	color: #7f7f7f;
}
#sidebar{width: 185px;
float: right;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#sidebar ul {
	list-style-type: none;
}
#sidebar ul li{
	padding: 10px 15px;
	background-color: #3a3a3a;
}
#sidebar ul li h2{
	text-shadow: #000 2px 2px 5px;
}
#sidebar ul li ul{
padding: 0px 0 0 5px;
}

#sidebar ul li ul li{
padding: 0px;
	list-style-type: disc;
	text-indent: 0px;
	padding: 10px 0 0px 0;
	list-style-position: inside;
}
#sidebar ul li ul li a{
font-weight: 300;}
#sidebar ul .widget_text {
padding: 0px;
}
#sidebar ul #text-3 h2 {
padding: 10px 0 10px 15px;
}
#sidebar ul #text-5 {
text-align: right;
background-color: transparent;
padding: 0px 17.5px;
}
#sidebar ul .widget_Slickr {
	padding: 0px;
	background-color: transparent;
	padding-left: 10px;
}
#sidebar #slickrwidget img {
margin: 0px;
}
.container#blog #footer{
	width: 600px;
	float: left;
	text-align: center;
	color: #3575fc;
	margin: 20px 0 0px 0;
	font: 10px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.container#blog #footer a{
	color: #3575fc;
}

/* My Comment */