@charset "utf-8";
/* CSS Document */

body {
    margin:0px;
    padding:0px;
    background-color:#f0f0f0;
    color:#666666;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}

p, div, h1, h2, h3, h4, h5, ul, li, form {
    margin:0px;
    padding:0px;
}

a img {
    border:none;
}

#wrapper {
    width:960px;
    margin:15px auto 15px auto;
}

#left {
    float:left;
    width:260px;
    margin-right:50px;
}

#right {
    float:left;
    width:650px;
}

#full {
}

#left-flip {
    float:left;
    width:650px;
    margin-right:50px;
}

#right-flip {
    float:left;
    width:260px;
}

#footer {
    background-image:url(/images/footer-back.gif);
    background-repeat:no-repeat;
    width:960px;
    height:30px;
    margin:0px auto 5px auto;
    text-align:center;
    line-height:30px;
    color:#FFF;
}







/*****************
  Header Section
*****************/

#header {
    width:100%;
    background-color:#000;
    color:#FFF;
    font-weight:bold;
    margin:0px;
    padding-top:15px;
}

#top {
    margin:0px auto 0px auto;
    width:960px;
    height:75px;
}
#top h1  {
    float:left;
    text-indent:-9999px;
}
#top h1 a {
    display:block;
    height:75px;
    width:310px;
    background:url(/images/logo.gif) no-repeat;
}


#search {
    float:left;
    width:299px;
    height:28px;
    background-image:url(/images/SearchField.gif);
    margin:18px 0px 0px 38px;
    padding:0;
    background-repeat:no-repeat;
}
input#sbi {
    float:left;
    padding:0px 0px 0px 5px;
    margin:5px 0px 0px 0px;
    border:none;
    width: 250px;
    background: none;
    color:#000000;
    font-size:15px;
}
#submit-search {
    float:left;
    margin-top:2px;
    margin-left:12px;
    border:none;
}

#welcome {
    float:right;
    margin-top:20px;
}

#greeting {
    background:url(/images/silk_user.png) no-repeat top right;
    padding-right:20px;
    padding-top:3px;
    line-height:20px;
}

#sign-out {
    background:url(/images/silk_door_in.png) no-repeat top right;
    padding-right:21px;
    padding-top:3px;
    line-height:20px;
}





/*************
Navigation Bar
*************/

#navigation {
    width:100%;
    height:30px;
    background-image:url(/images/nav-back.gif);
    background-repeat:repeat-x;
}

#nav-bar {
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

.button a { 
    background: transparent url(/images/nav-button.gif);
    background-repeat:no-repeat;
    background-position:0 0;
    line-height:30px;
    height:30px;
    width: 100px;
    float: left;
    font-size:13px;
    text-align:center;
}
.button a:hover {
    background-position: 0 -30px;
    text-decoration:none;
}

#twitter {
    margin-top:-34px;
    margin-right:165px;
    float:right;
}





/************
Body Elements
************/

.block-header, .short-block-header, .long-block-header {
    height:31px;
    background-repeat:no-repeat;
}

.block-header {
    width:650px;
}

.long-block-header {
    width:960px;
}

.short-block-header {
    width:260px;
}

.block-header h1, .long-block-header h1, .short-block-header h1 {
    display:none;
}

.block, .short-block, .long-block {
    background-color:#FFF;
    border:solid 1px #CCC;
    padding:15px;
    margin-top:15px;
}

.block {
    width:618px;
}

.short-block {
    width:228px;
    margin-bottom:15px;
}

.long-block {
    width:928px;
}

p#ad-title {
    font-weight:bold;
    color:#333;
    text-align:center;
    margin-bottom:3px;
}

#side-ad, #side-ad-play {
    width:230px;
    border:solid 1px #CCCCCC;
    background-color:#FFF;
    text-align:center;
    padding:14px;
}

#side-ad-play {
    width:300px;
    padding:9px;
    margin-bottom:15px;
}

#success {
    font-weight:bold;
    padding:15px;
    margin-top:15px;
    border:solid 2px #360;
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

#errors-found {
    font-weight:bold;
    padding:15px;
    margin-top:15px;
    border:solid 2px #F00;
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;   
}





/****
Links
****/

a {
    text-decoration:none;
    font-weight:bold;
    color:#2aa2dd;
}
a:hover {
    text-decoration:underline;
}

.button a {
    color:#FFF;
}

#pagination li {
    margin-right:5px;
    display:inline;
}
#pagination a {
    border:solid 1px #CCCCCC;
    padding:3px;
    line-height:19px;
}
#pagination a:hover {
    text-decoration:none;
    border:solid 1px #999;
}





/******************
General Font Styles
******************/

strong, h1, h2, h3, h4, h5 {
    color:#333;
}

h1, .huge {
    font-size:20px;
}

h2, .large {
    font-size:16px;
}

h3, .big {
    font-size:14px;
}





/******************
General Form Styles
******************/

.row {
    margin-bottom:10px;
    clear:both;
    font-weight:bold;
    color:#333;
}
.row label {
    float:left;
    width:60px;
    margin-right:15px;
    text-align:right;
}
.row .text {
    border:solid 1px #000;
}

.row-shift {
    margin-left:75px;
    margin-bottom:10px;
    clear:both;
}

.row_btn {
    margin-top:15px;
    text-align:center;
}





/*******************
Miscellaneous Styles
*******************/

.clear {
    clear:both;
}

.hide {
    display:none;
}

.Errors {
    color:#F00;
    font-weight:bold;
}

.post-header {
    margin-top:15px;
}

.thumb {
    float:left;
    margin-right:15px;
}

.video {
    float:left;
    background-color:#FFFFFF;
    border:solid 1px #CCCCCC;
    width:160px;
    height:150px;
    padding:10px;
    margin:15px 30px 10px 0px;
}
.video h2 {
    margin-top:10px;
    margin-bottom:5px;
    font-size:12px;
}
.video-thumb:hover, .video a:hover {
    text-decoration:none;
}

.duration{
    background-image:url('/images/background-duration.png');
    color:#fff;
    position:absolute;
    top:0px;
    right:0px;
    height:21px;
    width:42px;
    line-height:21px;
    text-align:center;
}

.video-thumb {
    height:90px;
    width:120px;
    position:relative;
    cursor:pointer;
}

.video-thumb .play-button {
    height:40px;
    width:40px;
    background:url('/images/play-sprite.png') no-repeat 0 -40px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-20px;
    margin-top:-20px;
}
.video-thumb:hover .play-button {
    background:url('/images/play-sprite.png') no-repeat 0 0;
}

.thumb .video-thumb {
    display:inline-block;
}
.video .video-thumb {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.channel {
    float:left;
    background-color:#FFFFFF;
    border:solid 1px #CCCCCC;
    width:160px;
    height:160px;
    padding:10px;
    margin:15px 30px 10px 0px;
}
.channel h2 {
    margin-top:5px;
    margin-bottom:5px;
}

#facebook-fanbox {
    height:0px;
    margin-bottom:15px;
}