@import "reset.css";
@import "layout.css";

/* Typography
---------------------------------------------- */	
body {
	background:#fff url(images/body_bg.gif) 0 0 repeat-x;
	font:normal 62.5% Arial, Helvetica, sans-serif;
	color:#000;
	}

/* links */
a:link, 
a:visited {
	color:#00aeef;
	text-decoration:none;
	}
a:hover,
a:active {
	color:#00aeef;
	text-decoration:underline;
	}
hr {
	display:block;
	margin:2em 0 1em;	
	width:100%;
	height:1px;
	border:none;
	border-bottom:1px solid #c4bbc4;
	background:none;
	}

/* Common Styles
---------------------------------------------- */	
a.action-link:link,
a.action-link:visited,
a.action-link:hover,
a.action-link:active {
	display:block;
	padding:5px;
	color:#fff;
	background-color:#00aeef;
	text-decoration:none;
	font-family:"Arial Narrow";
	}
	.action-link b {
		font-weight:normal;
		color:#c1b5ad;
	}
	
	.download {
	     display:block;
	     width:100%;
		position:relative;
		}
		.download .action-link:link,
		.download .action-link:visited,
		.download .action-link:hover,
		.download .action-link:active {
		     position:absolute;
		     bottom:5px;
		     right:0;
		     width:140px;
		     padding:5px 0 4px;
		     text-align:center;
		     text-transform:uppercase;
		}

/* Branding Styles
---------------------------------------------- */
#branding h1 {
	display:block;
	padding:70px 0 50px 300px;
	height:65px;
	font:bold 5em Arial;
	text-transform:uppercase;
	color:#fff;
	background:#00aeef url(images/ctv_logo.gif) -10px 	20px no-repeat;
	}

	
/* paragraphs*/
#content p {
	margin:0 0 1.5em;
	line-height:1.5em;
	}

/* headers*/
#content h1 {
	padding:0 0 20px;
	font-size:3em;
	color:#00aeef;
	font-weight:normal;
	}
#content h2,
.lightbox h2 {
	padding:10px 0;
	font-size:1.3em;
	color:#00aeef;
	text-transform:uppercase;
	}

.subTexttext .col1 {
	float:left;
	width:340px;
	margin:0 15px 0 0;
	}
.subTexttext .col2 {
	float:right;
	width:340px;
	}

/* lists */
#content ul.list-download {
	display:block;
	clear:both;
	padding:10px 0 0;
	}
#content .list-download li {
	position:relative;
	list-style:none;
	border-top:1px solid #c4bbc4;
	padding:10px 0;
	}
#content .list-download li .action-link:link,
#content .list-download li .action-link:visited,
#content .list-download li .action-link:hover,
#content .list-download li .action-link:active {
	position:absolute;
	top:8px;
	right:0;
	float:right;
	padding:2px 0;
	width:134px;
	text-align:center;
	text-transform:uppercase;
	}

#content .list-download li .descr {
	float:left;
	width:510px;
	}
#content .list-download li .preview {
	float:right;
	width:172px;
	}
#content .list-download li .preview .framebox {
	padding:5px;
	}
#content .list-download li .preview .action-link:link,
#content .list-download li .preview .action-link:visited,
#content .list-download li .preview .action-link:hover,
#content .list-download li .preview .action-link:active {
	position:relative;
	top:auto;
	right:auto;
	float:none;
	margin:0 0 10px;
	width:172px;
}

.note small {
	font-size:.85em;
	color:#726963;
	line-height:2em;
	}

/*video-clips*/
.video-clips .item {
	width:134px;
	float:left;
	margin:0 10px 20px 0;
	}
	.video-clips .item.last {
	     margin-right:0;
		}
		
	.video-clips .item .framebox {
	     padding:4px;
		}
	.video-clips .item .action-link:link,
	.video-clips .item .action-link:visited,
	.video-clips .item .action-link:hover,
	.video-clips .item .action-link:active {
		padding:4px 0;
		text-align:center;
		text-transform:uppercase;
		}
	.video-clips .item h3 {
	     padding:5px 0;
		color:#00aeef;
		font-size:1.1em;
		}
	.video-clips .item p {
	     font-size:.9em;
		}
.video-clips.wide .item {
	width:170px;
}

	/*discussion-kit-videos*/
	.video-clips.discussion-kit-videos {
	     padding:0 0 10px;
		}
	.video-clips.discussion-kit-videos .item {
		position:relative;
		margin:0 153px 35px 0;
		width:279px;
		height:124px;
		}
		.video-clips.discussion-kit-videos .item.even {
		     margin-right:0;
			}
		.video-clips.discussion-kit-videos .item .framebox {
		     float:left;
		     margin:0 10px 0 0;
			width:124px;
			}
		.video-clips.discussion-kit-videos .item h3 {
		     padding-top:0;
		     padding-bottom:3px;
			}
		.video-clips .item p {
		     display:inline;
			}
		.video-clips.discussion-kit-videos .item .action-link:link,
		.video-clips.discussion-kit-videos .item .action-link:visited,
		.video-clips.discussion-kit-videos .item .action-link:hover,
		.video-clips.discussion-kit-videos .item .action-link:active {
		     position:absolute;
		     bottom:0;
		     right:0;
		     width:134px;
			}

/*logotypes*/
.logotypes {
	padding:15px 0;
	}
#content .logotypes h2 {
	display:block;
	float:left;
	padding:20px 65px 0 0;
	}
.logotypes .ecc {
	margin:0 80px 0 -15px;
	}
.logotypes .ekids {
	margin:0 0 0 0;
	}

/* forms*/
.form-column.first {
	float:left;
	padding:10px 0;
	width:330px;
	}
.form-column.second {
	float:right;
	padding:10px 0;
	width:330px;
	}
.row {
	clear:both;
	padding:0 0 8px;
}
.row .cell {
	float:left;
	}
.row input {
     font:1em Arial;
	}
.row label {
	display:block;
	padding:0 0 5px;
	}
.row select {
	border:1px solid #aaadb2;
	padding:1px;
	}
.row .textfield {
	display:block;
	clear:both;
	border:1px solid #aaadb2;
	padding:2px;
	}
	.form-column .row .textfield {
	     width:324px;
		}
.row textarea {
	border:1px solid #aaadb2;
	margin:0 0 10px;
	padding:2px;
	width:704px;
	}
#content .row p {
	margin:0 0 10px;
	}
	/*specified rows */
	.row.inline label {
		float:left;
		padding:4px 8px 5px 0;
		}
	.row.inline .textfield {
		clear:none;
		float:left;
		width:25px;
		}

	.row .cell.city {width:133px;}
		.row .cell.city .textfield {width:118px;}
	.row .cell.state {width:103px;}
		.row .cell.state select {width:96px;}
	.row .cell.zip {width:94px;}
		.row .cell.zip .textfield {width:88px;}
	.row .cell.date-event {width:210px;}
		.row .cell.date-event .textfield {width:195px;}
	.row .cell.number-attendees {width:120px;}
		.row .cell.number-attendees .textfield {width:114px;}
	
	.row.submit {
		position:absolute;
		bottom:3px;
		right:20px;
		border-bottom:1px solid #c4bbc4;
		padding:0;
		}
		.row.submit input {
		     font-size:14px;
			 display:block;
		     float:right;
			background:#00aeef;
		     color:#fff;
		     border:0;
		     padding:5px 0;
		     width:140px;
			 height:25px;
		     text-transform:uppercase;
			}

/* info */
#info {
	
	width:100%;
	font:bold 1.5em Arial;
	color:#00aeef;
	}

.info-text {
	float:left;
	padding:15px;
	width:660px;
	height:110px;
	background:#efe9e5;
	color:#000;
	}
	.info-text h2 {
		padding:0 0 5px;
		color:#000;
		font-size:22px;
		font-weight:bold !important;
		padding:0 0 0 6px;


	}
	.info-text p {
		font-size:18px;
		line-height:30px;
		font-weight:normal !important;
		padding:7px 0 0 6px;
		position:relative;

		}
	.info-text p a:link,
	.info-text p a:visited,
	.info-text p a:hover,
	.info-text p a:active {
		color:#fff;
		background:#00aeef; 
		text-transform:uppercase;
		text-decoration:none;
		font-size:14px;
		padding:3px 10px;
		}

#landing {
	    padding:100px 0 0;
	    }
	

/* Sidebar Styles
---------------------------------------------- */
.text-under-cover {
	padding:20px 0;
	text-align:center;
	}
.text-under-cover .action-link:link,
.text-under-cover .action-link:visited,
.text-under-cover .action-link:hover,
.text-under-cover .action-link:active {
	margin:20px 0 0;
	font-family:Arial;
	}

#nav-main {
	font:bold 1.5em Arial;
	color:#00aeef;
	text-transform:uppercase;
	}
#nav-main li {
	display:block;
	float:left;
	}
		#nav-main a {
			display:block;
			float:left;
			padding:10px 10px 0;
			height:25px;
		}
		
		#nav-main a:link,
		#nav-main a:visited {
			color:#00aeef;
			text-decoration:none;
		}
		#nav-main a:hover,
		#nav-main a:active,
		
		#nav-main .current a:link,
		#nav-main .current a:visited,
		#nav-main .current a:hover,
		#nav-main .current a:active {
			color:#000;
			text-decoration:none;
			background-color:#dfdad7;
		}