/* ===== MAIN PAGE STYLING ===== */

body {
	font: 67.5%/2em "Lucida Grande";
	margin: 0;
	padding: 0;
	background: #e8e8e8;
}

#container {
	background-image: url(/assets/images/page-bg.png);
	background-position: center top;
	background-repeat: repeat-y;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	overflow-x: hidden;
	background: white;
}


a {
	color: #063A60;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #063A60;
	font-weight: bold;
	text-decoration: underline;
	outline: none;
}

a img {
	border: 5px solid #f7f7f7;
	vertical-align: middle;
	text-align: center;
}

a:hover img {
	border: 5px solid #ccc;
	vertical-align: middle;
	text-align: center;
}

#header {
	width: 960px;
	height: 85px;
	margin: 0;
	background: white;
}

.clear {
	clear: both;
}


/* ===== HEADER AREA STYLING ===== */

#logo a img {
	float: left;
	border: none;
	text-align: center;
	margin: 15px 0 15px 15px;
}

#account-navigation {
	position: relative;
	float: right;
	margin: 5px 5px 0 0;
	padding: 0;
	color: #333;
	text-align: right;
	display: inline;
}

#account-navigation li {
	display: inline;
	text-transform: capitalize;
}

#account-navigation a {
	margin: 6px;
	color: #448EB5;
	text-decoration: none;
}

#account-navigation a:hover {
	margin: 6px;
	color: #76CDEA;
	text-decoration: none;
}




/* ===== TOP NAVIGATION STYLING ===== */

#top-navigation {
	background-color: #444444;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 12px;
	height: 42px;
	background-image: url(/assets/images/nav-bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

#top-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	background: none;
}

#top-navigation li {
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	margin: 0;
	padding: 14px 8px 15px;
	background: none;
}

#top-navigation li a {
	color: #fff;
	background: none;
	padding: inherit;
	padding: 14px 8px 15px;
}

#top-navigation li a:hover {
	color: #FFF;
	background: #448EB5;
	padding: inherit;
	padding: 13px 8px 14px;
	text-decoration: none;
	margin: 0;
	background-image: url(/assets/images/nav-bg-hover.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.rss {
	float: right;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
	padding: 14px 25px 14px 15px;
	background-image: url(/assets/images/icon_rss_15.png);
	background-position: center right;
	background-repeat: no-repeat;
	line-height: 14px;
	margin-right: 15px;
	font-size: 12px;
}

.rss img a, a:hover {
	border: 0;
	margin: 0;
	padding: 0;
}


/* ===== LEFT NAVIGATION STYLING ===== */

#left-navigation {
	color: #000;
	margin: 0 0 20px 20px;
	width: 180px;
	float: left;
	clear: left;
	background: #333;
	border: #666;
	background-image: url(/assets/images/menu-middle.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#left-nav-top{
	width: 180px;
	height: 8px;
	background-image: url(/assets/images/menu-top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#left-nav-bottom{
	width: 180px;
	height: 8px;
	background-image: url(/assets/images/menu-bottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#left-navigation a {
	color: #76CDEA;
}

#left-navigation a:hover {
	color: white;
	text-decoration: none;
}

#left-navigation h3 {
	color: white;
	font-size: 22px;
	font-weight: lighter;
	font-family: "lucida grande", "lucida sans unicode", sans-serif;
	margin: 0;
	padding: 5px 0 0 15px;
	letter-spacing: -1px;
}

#left-navigation ul li.group {
	line-height: 140%;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: normal;
	padding: 2px 0 8px 0;
}

#left-navigation ul li {
	line-height: 150%;
	font-size: 12px;
	text-transform: capitalize;
}

#left-navigation .channel_group {
	padding: 0 15px;
}

#left-navigation .channel_group ul {
	padding-left: 15px;
}

#left-navigation ul {
	list-style-image: none;
	list-style-type: outside;
	list-style-type: none;
}

#left-navigation a.group-link {
	padding: 2px;
	margin-bottom: 2px;
}

#left-navigation .available_content {
	font-size:9px;
}

#left-navigation li.group .available_content {
	padding-left:15px;
}




/* ===== CONTENT AREA STYLING ===== */

#content {
	overflow: auto;
	width: 718px;
	float: right;
	clear: right;
	margin: 0 20px 20px 20px;
}

#release-list {
	margin-bottom: 40px;
}

#release-list .item a {
	background-image:url(/assets/images/icon-press-release.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	color:#333333;
	font-size:12px;
	line-height:16px;
	margin:0 0 0 15px;
	padding:2px 0 0 22px;
}

#release-list a:hover {
	color: #76CDEA;
}

#content form { margin: 0px auto 0; position: relative; }

#content form fieldset {
  border: solid 1px #ccc;
  margin: 4px;
  padding: 30px 30px 20px 45px;
  overflow: auto;
}

#content form fieldset label { clear: left; float: left; width: 9em; line-height: 1.8em; margin-bottom: 5px; }
#content form fieldset input { float: left; width: 14em; line-height: 2em; margin-bottom: 10px; }
#content form fieldset input.submit { width: 6em; }

#content form a { float: right; margin: 10px; }
#content form a.toggle_vcard { float: none; margin: 0; }
#content form input.submit { margin: 10px; }

#content form.signup fieldset label { width: 12em;}
#content form.signup fieldset input { width: 30em;}
#content form.signup fieldset .textarea { width: 31em; float: left;}
#content form.signup fieldset .textarea textarea{ margin:0; padding:0; width: 100%; resize: none;}

#content form.account_edit fieldset label { width: 12em;}
#content form.account_edit fieldset input { width: 30em;}
#content form.account_edit fieldset .textarea { width: 31em; float: left;}
#content form.account_edit fieldset .textarea textarea{ margin:0; padding:0; width: 100%; resize: none;}

.signup,.account_edit { width: 80%;}
.login,.forgot-password { width: 400px; }

.column { float: left; padding: 0 1em; width: 48em; }

ul.message { list-style: none; }

.message {
	background-color: #ADC96F;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	padding: 10px 20px;
	margin: 0 0 2em;
}

.message.error { background-color: #CA6F6F; }




/* ===== PHOTO PAGE - PHOTO-LIST AREA STYLING ===== */

#photo-list.default .item {
	width: 23%;
	height: 140px;
	margin: 0 12px 12px 0;
	text-align: center;
	float: left;
	background-color: #F7F7F7;
}

#video-list.default .item {
	width: 21%;
	height: auto;
	padding: 0 0 10px 0;
	text-align: center;
}

#photo-show, #video-show { padding-bottom: 5px; }
#photo-list, #video-list { overflow: hidden; clear: both; }

.title-bar {
	background-image: url(/assets/images/title-bar-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #333;
	width: 720px;
	float: right;
	margin-bottom: 20px;
	padding: 0px;
}

.title-bar h3 {
	color: #fff;
	margin: 0;
	padding: 5px 0 5px 20px;
	font-size: 22px;
	font-weight: lighter;
	font-family: "lucida grande", "lucida sans unicode", sans-serif;
	letter-spacing: -1px;
}


#release-list div.link { clear: left; float: right; }
#photo-list div.link { clear: left; float: right; }
#video-list div.link { clear: left; float: right; }
#audio-list div.link { clear: left; float: right; }

/* #photo-list .item { width: 20%; height: 95px; float: left; padding-bottom: 20px; } */

#photo-list .item .title {
	font-size:12px;
	font-weight:bold;
	height:21px;
	line-height:10px;
	overflow:hidden;
	padding:8px 0 0 4px;
	width:100%;
	text-align: left;
}

#photo-list .item .thumb { position: relative; }
#photo-list .item .thumb .add_item { position: absolute; margin-left: -20px; display: none; }
#photo-list .item .thumb .remove_item { position: absolute; margin-left: -20px; }
/*#photo-list .item:hover .add_item { display: inline; }*/

#video-list .item { width: 20%; height: 95px; float: left; padding-bottom: 20px; }
#video-list .item .title { line-height: 10px; width: 80%; height: 21px; overflow: hidden; }
#video-list .item .thumb { position: relative; }
#video-list .item .thumb .add_item { position: absolute; margin-left: -20px; display: none; }
#video-list .item .thumb .add_item.sticky { display: inline; }
#video-list .item .thumb .remove_item { position: absolute; margin-left: -20px; }
#video-list .item .thumb img.badge { position: absolute; bottom: 5px; left: 8px;}
#video-list .item:hover .add_item { display: inline; }

#preview { width: 400px; height: 260px; float: left; border: 1px solid #D4D4D4; position: relative; }
#preview img, object { display: block; margin: 5px auto; }
#preview img.add_item,#preview img.remove_item { position: absolute; top: 0; right: 5px; }
#info { width: 285px; float: right; }
#info .title { font-weight: bold; color: #333333; }
#info .caption { }
#tab-box { width: 300px; float: right; }
#tab-box li { cursor: pointer; cursor: hand; }
#tab-box img { float: left; }
#tab-box .actions { min-height: 90px; height: auto; border: 1px solid #D4D4D4; }
#tab-box #download, #tab-box #clip, #tab-box #embed { padding: 15px; overflow: hidden; }
#tab-box #clip { padding-top: 10px; }
#tab-box .badge { width: 50px; text-align: center; float: left; }
#tab-box .badge img { padding: 0 5px 0 5px; }
#tab-box .embedLink input { width: 95%; }

#content #tab-box input.submit { margin: 0; }
#clip .step_number { float: left; clear: left; color: #969696; font-size: 1.5em; padding: 5px 15px 0 0; }
#clip .step_info { float: left; clear: right; padding-top: 5px; }
#instructions { width: 400px; float: left; }
#instructions p { padding: 0 10px 0 10px; }

#basket .basket_header .left * { float: left; }
#basket .basket_header .left h2 { margin-top: 0; color: #666; }
#basket .right-links { float: right; }
#basket .right-links img { margin-right: 5px; }
#basket .right-links * { float: left; margin-left: 10px; }
#basket .right-links p { margin: 0; vertical-align: middle }

ul#tab-nav { text-align: left; list-style-type: none; margin: 0; padding: 0; clear:both; }
ul#tab-nav li { display: inline; padding: 10px 20px 4px 20px; border: 1px solid #D4D4D4; background-color: #D4D4D4; color: #62A1F4; margin-right: 5px; text-decoration: none; border-bottom: none; }
ul#tab-nav li.selected { border-bottom: 1px solid #fff; background-color: #fff; color: #444444; }

#pagination {
	line-height: 20px;
	color: #666;
	padding: 8px;
	border:1px solid red;
	width: 80px;
	float: right;
	display: inline;
	text-align: center;
}

#pagination-left {
	background-image: url(/assets/images/pagination-left.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 4px;
	height: 20px;
	display: inline;
	float: left;
}

#pagination-right {
	background-image: url(/assets/images/pagination-right.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 4px;
	height: 20px;
	display: inline;
	float: right;
}

.pagination_top { float: right; margin-top: 12px; }
.pagination_bottom { float: right; clear: left; }

ul.pagination { display: inline; margin: 5px; padding: 0px; }
ul.pagination li { display: inline; list-style: none; }
ul.pagination li.selected { color: #000; }
ul.pagination a { color: #62A1F4; }

#no-results { text-align: center; color: #333333; }
#results { color: #333333; }

#nav-search { position: absolute; top: 0px; right: 5px; }
#nav-search input { display: inline; width: 130px; }
#nav-search input.submit { width: 35px; }
#nav-search a { color: #fff; margin: 6px; }

/* Modal Stuff */
#modalOverlay { background-color:#000; }
#modalContainer { height:400px; width:600px; top:15%; background-color:#fff; border:3px solid #ccc; }
#modalContainer a.modalCloseImg { background:url(/images/x.png) no-repeat; border: 0; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer; }
#modalContainer .modalData { margin:24px; }

#modal h2 { margin: 0 0 20px; line-height: 12px; }




/* ===== FOOTER STYLING ===== */

#footer {
	background: transparent;
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
	background-image: url(/assets/images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer p.left {
	float:left;
	text-align: left;
	color: #999;
	padding: 12px 0 0 30px;
	display: inline;
	line-height: 190%;
	width: 420px;
}

#footer p.right {
	float:right;
	text-align: right;
	color: #999;
	padding: 12px 30px 0px 0px;
	line-height: 190%;
	width: 420px;
}

#footer a {
	color: #448EB5;
	text-decoration: none;
}

#footer a:hover {
	color: #76CDEA;
	text-decoration: none;
}

#tab-box .badge {
	text-align: center;
}
#tab-box .badge img.remove_item,#tab-box .badge img.add_item {
	text-align: center;
	width: 15px;
	padding: 0 5px;
	float: none;
}

#featuredNews { display:block; border-bottom:1px solid gray; }
#lowerColumns #lowerLeft { float:left; width:426px; padding-right:10px; }
#lowerColumns #lowerRight { float:left; width:274px; }
#lowerColumns #lowerRight h1 {margin-top:1em;}
#lowerRight ul {list-style:none; margin:0; padding:0;}
#lowerRight ul li {display:block; float:left; margin-left:2px; margin-right:6px;}