/*

Theme Name: Christina Cox

Theme URI: http://www.christinacox.com

*/



@import url('reset.css');

body {background: url(images/bg.jpg) #4d4e4e 0 0 repeat-x; padding: 30px 0; font: 12px/21px "Century Gothic", Helvetica, Arial, sans-serif;}

a { color: #255b5e; }

a:hover { color: #000; }

strong { font-weight: 700; }

br {clear:both; height:0; overflow:hidden}

h2 {font-size:20px; font-weight:700; text-transform:uppercase; padding-bottom:20px}

#wrapper {width:922px; background: url(images/top-corners.gif) center top no-repeat #8e8f90; padding: 10px 10px 0 10px; margin: auto; 

position:relative}

#bottom {clear:both; float:left; width:100%; height:12px; background: url(images/bottom-corners.gif) center bottom no-repeat}

#header {height:420px; width:922px; background:#666; position:relative; background:#000; overflow:hidden}

#nav {height:64px; display:block; width:470px; padding-left: 455px; position: absolute; left:0; bottom:0; background: url(images/nav.png) 0 0 no-repeat; z-index:9}

#nav li, #nav a {display:block; float:left}

#nav li {padding:22px 15px}

#nav a {text-transform:uppercase; text-decoration:none; color:#fff; line-height:20px; font-size:14px; height:20px}

#nav a:hover, #nav a.active {border-bottom: 2px solid #fff}

#header .arrow {height:18px; width:19px; display:block; position: absolute; top:200px; overflow:hidden; text-indent:-999em; z-index: 9}

.left {background: url(images/arrows.png) 0 0 no-repeat;left:20px}

.right {background: url(images/arrows.png) 0 -18px no-repeat;right:20px}

#header #fade {position:absolute; left:0; top:0; width:100%; height:100%; background: url(images/fade.png) center top repeat-y; z-index:8}

#shadow {height:15px; width:100%; position:absolute; top:430px; left:0; background: url(images/shadow.png) center top no-repeat}

.block {background: url(images/block.gif) #fff left top repeat-x}

.block .inner {padding:20px}

#news {float:left; width:535px; min-height: 374px}

#inner #news { height: auto; }

#video, #sidebar {float:right; width:375px}

.view-more {background: url(images/bottom.gif) #fff left bottom repeat-x; border-top:1px solid #b3b3b3; padding:10px 20px; display:block; text-align:right; text-transform:uppercase; font-weight:700; color:#000; text-decoration:none}

#newsPosts { margin: 0; padding: 0; }

#newsPosts, .blurb {display:block}

#newsPosts img.alignleft { padding: 5px 0 !important; }

.newsBlock { display:block; clear:both; width:330px; float:left; height:135px; position:relative; padding-left: 165px; padding-bottom: 10px; overflow:hidden; }

.newsBlock img { position: absolute; left:0; top:0; }

.newsBlock h3 {font-weight:700; font-size:14px; line-height:1em; padding-top: 7px; }

.newsDate { font-weight:700; font-size:10px; text-transform:uppercase; }

.blurb {font-size:12px !important; line-height:12px !important; padding-top:4px;}

.blurb p { padding: 0 0 10px !important; }

.more-link {text-transform:uppercase; color:#255b5e; font-weight:700;}

#videos {height:250px; overflow:hidden;}

#videoMenu, #videoMenu li, #videoMenu a, #videoMenu a span {display:block; float:left;}

#videoMenu {padding: 5px 0;width:100%}

#videoMenu li {padding: 0 5px}

#videoMenu a {padding-right:10px; line-height:27px; text-decoration: none; color:#000}

#videoMenu a span {padding-left:10px; cursor: pointer}

#videoMenu a:hover, #videoMenu a.active {background: url(images/menu-bg.gif) right top no-repeat;}

#videoMenu a:hover span, #videoMenu a.active span {background: url(images/menu-bg.gif) left top no-repeat}

#moreClips {padding: 0 10px; height:253px; overflow:hidden}

#inner #moreClips {height:auto}

#moreClips .arrow {overflow:hidden; clear:both; margin:auto; text-indent:-999em;background-image: url(images/arrows.gif); width:20px; height:20px; display:block}

#topArrow {background-position: 0 0}

#btmArrow {background-position: 0 -20px}

#moreClips ul {display:block; clear:both; padding: 0}

#moreClips li { border: 2px solid #fff; border-width: 2px 0; display:block; line-height:18px; background:#e5e5e5; width:100%}

#moreClips li a {display:block; color:#000; text-decoration:none;padding: 0 10px 10px 10px;}

#moreClips li h5 {padding-top:10px; display:block}

#moreClips li.active {background: #c3c3c3; font-weight:700 }

#footer {text-align:center; font-size:11px; line-height:1.1em; color:#222; background: url(images/bottom-corners.gif) center top no-repeat; width:922px; margin:auto; padding: 30px 10px 0 10px}

/* == INNER OVERRIDES == */

#inner #videos {height:300px}

#inner #videoMenu {width:85%; padding-left:15%}

#sidebar {

	padding: 20px 0 20px 2px;

	width: 373px;

}

#sidebar .block {margin: 2px 2px 0 2px}

img.orgThumb { padding: 0 10px 10px 0 !important; }

#inner #news p, .post p {padding:0 10px 10px 10px; line-height:18px}

#inner #news ul, #inner #news ol { padding: 0 10px 10px 36px; }

#inner #news ol { list-style: decimal; }

#carousel img {width:700px; height:420px}

#carousel ul {padding-left:120px!important}



/* Wordpress Defaults */



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}



p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}



.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}



#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }



acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}

	

.screen-reader-text {

     position: absolute;

     left: -1000em;

}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}



.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}