/* =Clearfix (all browsers)--------------------------------*/.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* IE6 */ * html .clearfix {height: 1%;}/* IE7 */*:first-child+html .clearfix {min-height: 1px;}

html, body{height:100%;}
 
* {
margin: 0;
padding: 0;
}

body {
text-align: center; 
min-width: 1019px;
font: 12px/18px Helvetica, Arial, sans-serif;
color:#333;
background:#eee url(../images/background.png) top left repeat-x;
}

.clearfloat {
clear: both;
}

h1 {
font: 22px/24px Helvetica, Arial, sans-serif;
color: #828282;
text-transform: uppercase;
font-weight: 100;
}

h1.intro {
color:#163962;
text-transform: none;
padding-top: 30px;
padding-bottom: 12px;
}

h1.comment {
color:#163962;
text-transform: none;
padding-top:0;
padding-bottom:28px;
}

h2 {
font: bold 18px/20px Helvetica, Arial, sans-serif;
color: #163962;
}

h3 {
font-size: 16px;
color:#000;
padding-top: 12px;
}

p {
font-size: 14px;
line-height: 22px;
color: #646464;
padding-top: 6px;
padding-bottom: 6px;
}

.noborder {
text-decoration: none;
border:none;
}

.alignLeft {
float:left;
margin-right: 15px;
margin-top: 5px;
border: none;
}

.alignRight {
float:right;
margin-left: 15px;
margin-top: 12px;
border: none;
}

img, img a {
border: 0;
}

.pageNav {
font-size: 12px;
font-style: italic;
text-align: right;
}


/* Hoizontal lines
==================*/

.hLine, .hLine2 {
clear: both;
width:100%;
height: 1px;
border-bottom: 1px solid #e4e4e4;
}

.hLine {
padding-top: 10px;
margin-bottom: 20px;
}

.hLine2 {
padding-top:0;
margin-bottom:12px;
}

/* layout divs
===============*/

#wrapper {
width:1019px; 
margin: 0 auto; 
text-align: left;  
background-color:#fff;
}

#head, #footer {
width:1019px;
height:94px;
margin:0;
}

#headlogo {
position: relative;
float: left;
margin-left: 26px;
}

.headad {
position: relative;
float: right;
width: 468px;
height: 80px;
overflow: hidden;
margin:11px 29px 0 0;
}

/* .notfirst {
display: none;
}

.first {
display: block;
} */

#content {
position: relative;
width: 1019px;
background-color: #fff;
}

#mainCol {
position: relative;
float: left;
width: 547px;
margin:22px 0 0 26px;
}

#mainCol ul {
font-size: 14px;
line-height: 22px;
color:#646464;
padding-left: 20px;
}

#moreCol {
position: relative;
float: right;
width: 390px;
margin:40px 32px 0 0;
}

#moreCol h1 {
padding-bottom: 12px;
}

#moreCol h1 a {
font-weight: normal;
color:#828282;
}

#moreCol h1 a:hover {
color:#e46100;
}

#moreCol p {
font-size: 12px;
}

#moreCol-inner {
width:100%;
margin-left: 45px;
}

#moreCol-inner h1 {
color:#163962;
text-transform: none;
padding-top:10px;
}

#moreCol-inner p {
padding-right: 32px;
}

#moreCol-inner a {
color:#646464;
}

#loginZone {
text-align: left;
width:520px;
height:386px;
margin:60px auto;
background-color: #fff;
padding:20px;
border: 1px solid #ccc;
}

#wideplayerCol {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width:967px;
height:532px;
margin:10px 26px 0 26px;
background-color: #eee;
text-align: center;
overflow: hidden;
vertical-align: bottom;
}

#flashzone, .contentzone {
margin:22px 0 0 26px;
}

#flashzone {
height: 555px;
overflow: hidden;
}

/* Navigation & login
=====================*/

#navbar {
width:1019px; 
height:73px;
margin: 0; 
background:transparent url(../images/nav_base.png) top center no-repeat;
}

#nav {
float: left;
width:546px;
margin-left: 30px;
font-size: 11px;
}

#nav ul {
margin: 0;
padding: 0;
float: left;
width:545px;
list-style: none;
}

#nav ul li {
float: left;
}

#nav ul a, #login a.login {
display: block;	
float: left;
width: 109px; 
height:44px;
line-height:46px;
text-decoration: none;
text-align:center;
text-transform: uppercase;
font-weight: normal;
color: #646464;
}

#login {
float: right;
width: 428px;
height: 44px;
margin-right: 7px;
font-size: 11px;
}

#login a:hover, #login .loggedin a:hover, #nav ul a:hover {
color:#163962;
}

#login a.login {
margin-left:250px;
width:80px;
}

#login a.ftv {
display: block;
float: right;
margin-right:20px;
width:71px;
height:44px;
}

#login p.loggedin {
float: left;
width:326px;
height: 44px;
padding: 0;
line-height: 46px;
text-align: right;
font-size: 11px;
font-weight: normal;
color: #e46100;
}

#login p.loggedin a {
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
color: #646464;
}

#nav ul a {	
background:transparent url(../images/navbutton_base.png) top right no-repeat;
}

#nav a:hover, #nav .selected a {
color: #646464;
background-position: top left;
}

/* Footer 
================*/

#footer {
position: relative;
width: 1019px;
height:94px;
background: transparent url(../images/footer_base.png) top center no-repeat;
}

#footer img {
float: left;
border: none;
margin-left: 28px;
margin-top: 30px;
}

#footer p {
float: right;
width:729px;
font-size: 9px;
margin-right: 30px;
margin-top: 30px;
}

/* Video Panel 
================*/

#videoPane {
width: 100%;
background: transparent url(../images/videopane_base.png) top left repeat-y;
padding-bottom: 34px;
}

#videoPane h2 {
font-size: 20px;
line-height: 24px;
}

#videoPane h1 {
padding-bottom: 5px;
}

#videoPane p {
padding-right: 30px;
padding-left: 32px;
}

#videoBox p.novideo {
text-align:center;
padding-top:2px;
padding-left: 4px;
}

#videoHead {
float: right;
width: 468px;
padding-top: 18px;
padding-right: 28px;
margin-bottom: 10px;
}

#videoBox {
clear: both;
width:480px;
height:270px;
margin: 5px 0 10px 32px;
background-color: #000;
}

#videoBox p, #videoBox img {
text-align: center;
color:#666;
}

/* Soundbites panel
=================*/

#soundbites {
width:491px;
background-color: #163962;
padding: 28px;
margin: 15px 0 18px;
}

#soundbites h2 {
font-weight: normal;
font-size: 20px;
color:#59d0fd;
}

#soundbites p {
padding-bottom: 0;
padding-left: 217px;
font-weight: bold;
color:#eee;
}

#soundbites a {
color:#eee;
}

.soundbites img {
float: left;
margin-right: 15px;
border: none;
}

#soundbites a:hover, #moreCol-inner a:hover {
color:#e46100;
}

/* Link panels
===============*/

.linkPane {
clear: both;
padding-top:10px;
}

.linkPaneRight {
float: right;
width: 338px;
padding-bottom: 20px;
}

.linkPaneRight p {
padding-left: 0;
padding-top: 2px;
}

.linkPaneRight img, .linkPaneLeft img {
border:4px solid #ccc;
}

.linkPaneLeft {
float: right;
width: 494px;
padding-bottom: 20px;
}

/* Date Panels
===============*/

.dateBox, .dateBox-vid {
float: left;
width:43px;
height: 59px;
margin-top:-2px;
padding-top: 8px;
padding-left:8px;
text-align: left;
line-height: 8px;
color: #fff;
}

.dateBox {
background: transparent url(../images/date_whitebase.png) top left no-repeat;}

.dateBox-vid {
background: transparent url(../images/date_greybase.png) top left no-repeat;}

.day {
font-size: 20px;
line-height:18px;
color:#fff;
}

.month, .year {
font-size: 9px;
text-transform:uppercase;
color:#fff;
}

/* Bookmark, RSS, Twitter Pane
==============================*/

#sharePane {
width:547px;
margin-top: 12px;
padding-top: 12px;
padding-bottom: 20px;
border-top: 1px solid #e4e4e4;
}

.sharePane{
float: left;
margin:0;
padding:0;
list-style:none;
}
.sharePane li{
float: left;
height:1%;
}
.sharePane a, .bookmark {
float: left;
font-size:11px;
font-weight: normal;
line-height:19px;
text-transform:uppercase;
padding-right: 10px;
}

.sharePane a {
padding-left: 20px;
}


.sharePane .twitter {background:url(../images/bg_twitter.png) no-repeat 0 2px;}
.sharePane .subscribe {background:url(../images/bg_subscribe.png) no-repeat 0 2px;padding-right: 20px;}


/* More Link 
===============*/

.more a, .moreVideo a {
float: left;
display: block;
width: 61px;
height: 16px;
background: transparent url(../images/btn_more.png) 40px 1px no-repeat;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
color: #163962;
font-weight: normal;
}

.moreVideo {
float: left;
margin-left: 32px;
margin-top: 12px;
}

.more a:hover, .moreVideo a:hover {
color:#e46100;
background-position: 40px -16px;
}

/* Comments Link 
===============*/

.commentbutton a {
float: right;
display: block;
width: 100px;
height: 22px;
background: transparent url(../images/btn_comments.png) 74px 1px no-repeat;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
color: #666;
margin-right: 32px;
margin-top: 12px;
font-weight: normal;
}

.commentbutton a:hover {
color:#e46100;
background-position: 74px -22px;
}

.commentdownlink {
width: 100%;
height: 30px;
}


/* Links, pseudo class
=======================*/

a {
color:#163962;
text-decoration: none;
font-weight: bold;
}

a:hover, a:active {
color: #e46100;
}

/* Search Forms 
=================*/

.box .row {
margin:0 0 12px;
overflow:hidden;
}

* html .box .row {
overflow:visible;
height:1%;
margin:0 0 10px;
}

.box {
width:258px;
height: 32px;
overflow: hidden;
border: none;
background-color: #fff;
padding-bottom:15px;
font-size: 9px;
}

.box input {
float: left;
border:1px solid #e4e4e4;
background:#ffffff url(../images/field_base.png) top left repeat-x;
font-size: 12px;
padding:6px;
margin-bottom: 0;
width:200px;
}

.box .row .btn-find {
float:right;
width:40px;
height:28px;
cursor:pointer;
text-indent:-9999px;
background:#fff url(../images/btn_search.png) no-repeat;
border:none;
padding: 0;
margin:0;
}

/* Entry Comments 
===================*/

.commenticon {
float: left;
width: 44px;
height: 44px;
background-color: #333;
border:3px solid #ccc;
}

.comments {
float: right;
width:458px;
background:transparent url(../images/comment_base.png) top left no-repeat;
margin: 0;
padding: 14px 20px 16px 18px;
}

.comments p {
font-size: 12px;
color: #000;
font-style: italic;
padding-left: 16px;
margin: 0;
}

p.commentname {
font-weight: bold;
color: #333;
font-size: 12px;
text-transform: uppercase;
font-style: normal;
padding-bottom: 6px;
}

.commentname a {
color:#163962;
}

.commentname a:hover {
color:#e46100;
}

.commentdate {
font-weight: normal;
text-transform: none;
}

/* Contact Form
=================== */
form {
text-align:left;
}

fieldset {
margin:20px 0 0 32px;
border:none;
}

label {
float: left;
text-align: left;
width: 125px;
padding: 5px 0 0 0;
font-size: 12px;
line-height: 12px;
color:#333;
}

.instruction {
font-size: 9px;
color:#666;
margin-top: 3px;
}

#loginZone label {
font-size: 16px;
color: #646464;
}

label.commentoption {
float: none;
}

input, textarea {
border:1px solid #e4e4e4;
background:#fff url(../images/field_base.png) top left repeat-x;
font-size:12px;
line-height:16px;
padding:6px;
width:375px;
}

input {
margin-bottom: 16px;
}

input.submit, input.reset {
display:block;
margin-top: 2px;
background:transparent url(../images/btn_base.png) no-repeat center top;
border:none;
color:#e46100;
font:bold 12px Helvetica, Arial, sans-serif;
text-transform: uppercase;
cursor:pointer;
line-height:16px;
height:32px;
width:160px;
}

input.checkbox {
width:25px;
margin:7px 0 12px 125px;
border:none;
background:transparent;
}

input:focus,textarea:focus {
border:1px solid #CCC;
color:#333;
}

input.radio {
float:left;
margin-right:1em;
width:auto;
}

.captchaset {
height:30px;
margin-bottom: 8px;
margin-top: 8px;
}

select:option {
border:1px solid #CCC;
background-color:#999;
}

textarea {
height:140px;
}