/* 
ctzn.tv style version 1.0
author: Scott Debney (debney.org)
*/


/*------------------------------------------------------------------------------
	General Global definitions  including classes
------------------------------------------------------------------------------*/

body {
	background:#616161;
	font-family: arial, helvetica, verdana, san-serif;
	line-height: 1.4em;
	font-size: .75em;
	margin:0;
	padding:0;
	color:#33335D;
}

img {
	border:none;
}

.clearit {
	clear:both;
}

a:link, a:visited, a:visited {
	color: #8181F5;
	text-decoration: none;
}
		
a:hover, a:visited:hover {
	color: #5F5FD0; 
	text-decoration: none;
}

h2 {
	font-size:2.4em;
	line-height:1em;
	font-weight:normal;
	color:#343144;
	margin-top:0;
	padding-top:0;
}

h3 {
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	margin-bottom:0px;
	padding-bottom:0;
	margin-top:0;
}

.safari-search {
	width:230px;
	font-size:10px;
	font-family:verdana;
	color:#626262;
	margin:0;
	border-top:1px solid #7C7C7C;
	border-left:1px solid #C3C3C3;
	border-right:1px solid #C3C3C3;
	border-bottom:1px solid #DDDDDD;
	background:#fff url(/assets/images/bg-safari-form.gif) top right repeat-x;
	height:15px;
	padding-top:2px;
	padding-bottom:0;
	padding-left:3px;
}	

.safari-text-area {
	border-top:1px solid #737373;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	width:440px;
	height:175px;
	font-size:10px;
	font-family:verdana;
	color:#434343;
	letter-spacing:1px;
}	

		


/*------------------------------------------------------------------------------
	Main container definitions
------------------------------------------------------------------------------*/

div#main-contain {
	width:900px;
	margin:0 auto;
	padding:9px 0 0 0;
	background:#fff;
}


/*------------------------------------------------------------------------------
	Masthead definitions
------------------------------------------------------------------------------*/

div#masthead {
	width:882px;
	margin:0 auto;
	padding:0;
	height:102px;
	position:relative;
	background:#fff url(/assets/images/bg-inner-pages.gif) top left no-repeat;
}


div#logo {
	position:absolute;
	top:15px;
	left:11px;
	width:260px;
	height:73px;
}

div#logo h1 {
	padding:0;
	margin:0;
	font: bold 1.4em arial, helvetica, san-serif;
}

div#masthead-search {
	position: absolute;
	top:40px;
	left:605px;
	width:300px;
	height:30px;
	align:right;
}


/*------------------------------------------------------------------------------
	Footer Definitions
------------------------------------------------------------------------------*/

div#footer {
	background:#343144;
	padding:3px 0 5px 0;
	text-align:center;
	color:#b7b7b7;
	font:normal 9px verdana, arial, helvetica, san-serif;
	letter-spacing:0.1em;
}

.footer-c {
	font-weight:bold;
	font-size:10px;
	color:#FFBF00;
}

.footer-t {
	font-weight:bold;
	font-size:10px;
	color:#8181F5;
}

.footer-z {
	font-weight:bold;
	font-size:10px;
	color:#C4DF9B;
}

.footer-n {
	font-weight:bold;
	font-size:10px;
	color:#D59758;
}

.footer-s {
	font-weight:bold;
	font-size:10px;
	color:#FF0;
}

.copy {
	color:#ebebeb;
}

/*------------------------------------------------------------------------------
	Page Definitions 
------------------------------------------------------------------------------*/


div#content {
	width:850px;
	margin:0 0 0 25px;
	background:#fff;
	padding:0 0 20px 0;
	border:1px solid #fff;
}

div#content-main {
	background:#fff;
}

div#inner-content {
	width:850px;
	margin:0 0 0 25px;
	background:#fff;
	padding:0 0 50px 0;
	border:1px solid #fff;
}

div#inner-content-main {
	background:#fff;
	margin-top:5px;
}

/*------------------------------------------------------------------------------
	Main Story Definitions
------------------------------------------------------------------------------*/

#main-story-table {
	margin-top:15px;
	margin-bottom:0;
}

#main-story-table td img {
	border:1px solid #000;
	}

#main-story-table td h2 {
	margin-top:8px;
	margin-bottom:10px;
	}
	
#main-story-table td span {
	color:#B8C31D;
	text-transform:uppercase;
	}


.main-story-content {
	padding-top:0;
	padding-left:15px;
}


/*------------------------------------------------------------------------------
	Previous Story Definitions
------------------------------------------------------------------------------*/

#previous-viewed-box {
	background:#F0EFEE;
	padding:9px 2px 13px 11px;
	margin-top:16px;
	border-top:1px solid #E2E2E1;
	border-bottom:1px solid #E2E2E1;
}

#previous-viewed-box td {
	padding-right:7px;
	padding-left:8px;
	padding-top:7px;
	text-align:center;
	font-size:10px;
	color:#000;
}

	
#previous-viewed-box h3 {
	color:#DFA86A;
	margin:0;
}	
	

.initial { 
		background-color: #CFE3AB;  
		}

.normal { 
		background-color: transparent; 
		}

.highlight { 
		background-color: #EABC88;
		}


/*------------------------------------------------------------------------------
	Global Blog Nav
------------------------------------------------------------------------------*/	
	
#global-blog-nav {
	margin-top:17px;
	border-top:1px solid #F0EFEE;
	padding-top:16px;
	padding-bottom:0;
}

#global-blog-nav td {
	padding-right:20px;
	vertical-align:top;
	width:212px;
}

#global-blog-nav td ul {
	padding:0;
	margin:10px 0 0 0;
	list-style-type:none;
}

#global-blog-nav td p {
	margin-top:10px;
}

#global-blog-nav td span {
	font-size:9px;
	color:#999;
	}

/*------------------------------------------------------------------------------
	Content Inner Video Pages
------------------------------------------------------------------------------*/

div#content-inner-frame, div.content-inner-comments {
	width:850px;
	margin-top:0;
	padding-top:0;
	}

div#content-inner-frame {
	padding-top:10px;
	}	
	
div#content-inner-frame	h3 {
	font-size:16px;
	padding:20px 0;
	border-top:1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	margin-top:15px;
}

div.content-inner-comments {
	width:845px;
	}	

div.content-inner-comments, div.content-inner-comments-vj {
	padding:15px 0 15px 5px;
	border-bottom: 1px solid #dcdcdc;
}		

div.content-inner-comments-vj {
	background:#D1DD27;
}	

div#inner-nav {
	float:left;
	width:165px;
	}

div#inner-nav img {
	border:5px solid #D1DD27;
	}

.vj-name-inner-nav {
	color:#D1DD27;
	text-transform:uppercase;
	}

.in-gray {
	color:#333;
	}

div#inner-content-story {
	float:left; 
	width:490px; 
	margin-left:14px; 
	padding:0 6px 0 10px;
	}

div.inner-nav-comments {
	float:left;
	width:165px;
}

div.inner-nav-comments p {
	margin:0;
	padding;0;
	}		

div.inner-content-comments {
	float:left;
	width:490px;
	margin-left:15px;
}	

div#add-a-comment {
	padding-left:185px;
	padding-top:20px;
	}


table#videolist-table td {
	padding-right:10px;
	vertical-align:top;
	padding-bottom:10px;
}	

table#videolist-table h4 {
	margin:0;
	padding:0;
	font-size:14px;
}	

table#videolist-table td span {
	color:#B8C31D;
}	

/*------------------------------------------------------------------------------
	Edit, Send, Embed pop-out link definitions
------------------------------------------------------------------------------*/

.gray-text {
	color:#ccc;
	}
	
#links {
	color:#ccc;
	margin-bottom:0;
}

#links a {
	padding:6px 8px 10px 5px;
	}

#links-email-this {
	color:#ccc;
	margin-bottom:0;
	}

#links-email-this a, #links-send-this a, #links-embed-this a {
	padding:6px 8px 10px 5px;
	}

#links-email-this-content {
	background:#E1E2FE;
	margin-top:0;
	padding-top:0;
	padding:15px;
	}

#links-email-this-content textarea {
	height:60px;
	width:455px;
	}
	
#links-email-this-content p {
	margin-bottom:0;
	padding-bottom:0;
	}	
	
#links-send-this {
	color:#ccc;
	margin-bottom:0;
	}
	
#links-send-this-content {
	background:#E1E2FE;
	margin-top:0;
	padding:15px;
	}

#links-send-this-content p {
	margin-bottom:0;
	padding-bottom:0;
	}

#links-send-this-content .safari-search {
	width:453px;
	}

#links-send-this-content .safari-text-area {
	width:455px;
	}

#links-send-this-content .links-submit {
	font-size:10px;
	}
	
#links-embed-this {
	color:#ccc;
	margin-bottom:0;
	}

#links-embed-this-content {
	background:#E1E2FE;
	margin-top:0;
	padding:15px;
	}

#links-embed-this-content p {
	margin-bottom:0;
	padding-bottom:0;
	}	
	
#links-embed-this-content .safari-text-area {
	width:456px;
	height:90px;
	}
	
.excerpt {
	font-size:15px;
	line-height:22px;
	color:#444156;
	font-family:georgia;
	}
	
#google-bar {
	float:left;
	width:130px;
	margin-left:4px;
	}
	
.vj-post {
	border:3px solid #fff;
	margin-bottom:4px;
	}

.vj-post-name {
	color:#fff;
	text-transform:uppercase;
	}

.latest-blog-h3 {
	margin-top:13px;
	}
	
div#errormsg {
	font-size:11px;
	color:#C00;
	font-family:verdana, arial, helvetica, san-serif;
	background:#FEFAEE; 
	padding:5px;
	margin-bottom:4px;
	}

.email-hover {
	background:#E1E2FE;
	}
	
div#confirmation_text {
	padding-bottom:15px;
	}
	
#main-story-first-paragraph {
	margin:10px 0 18px 0;
	}
	
#view-icon-td {
	font-size:16px;
	text-align:right;
	}
	
