/* COMMON / MISC
/**************************************************************/
html, body, form, h1, h2, h3, h4, h5, h6, p, ul, li{margin:0;padding:0;}
body{background-image: url(images/bg.jpg);background-repeat: repeat-x;background-color:#0098EB;}
a{text-decoration:none;}
img, a img{border:none;}
ul{list-style:none;}
h3{overflow:hidden;}
.submit{cursor:pointer;}

#container{ 
 background-color : #002133; 
 padding-left: 5px;
 width: 1022px;
 overflow: auto;
 margin:0px;
}

/* HEADER
/**************************************************************/
#header{  
    float:left;
    width: 1022px;
    font-family:tahoma, arial, verdana;
    margin-bottom: 5px;}

/**** menu ****************************************************/ 
#headerMenu{
    float:left;
    width: 1017px;
    height: 200px;
    margin-bottom: 5px; 
    background-image: url(images/banner.png);
}
    #headerMenu ul{   
     position: relative;
     margin-top:175px;
     margin-left:517px;
    }
    #headerMenu ul li{
        display:block;              
        float:left}
    #headerMenu a,
    #headerMenu a:visited{
        padding:0 9px 0 9px;
        font-size:11px;
        font-weight:bold;
        color:#000000}
    #headerMenu a:hover{
        text-decoration:underline}
    #headerMenu .midlink{
        border-right:solid 1px #000000;
        border-left:solid 1px #000000}
    #headerMenu .firstlink{
        border-right:solid 1px #000000;
        border-left-width:0}
    #headerMenu .lastlink{
        border-left:solid 1px #000000;
        border-right-width:0}
        
/**** login ***************************************************/
#headerLogin{
    background-color: #004E78;
    float: left;
    margin-right: 5px;
    padding: 0 0 0 0;
    width: 240px;
    height: 185px;
    font-family: 'trebuchet ms', verdana, helvetica;
    font-size: 16px;
}
    #headerLogin h3{
        margin:5px 0 0 5px;
        width:225px;
        height:25px;
        background-image: url(images/header.jpg);
        background-repeat: repeat-x;
        padding:4px 0 0 6px;
        font-family:verdana;
        font-size:16px; 
        color:#ffffff;
        text-transform:capitalize}
    #headerLogin table{
        margin:18px 0 0 10px}
    #headerLogin td{
        border:none;}
    #headerLogin th{
        border: none;
        color:#ffffff;
        text-align:right}
    #headerLogin .textbox{
        padding:0;
        width:136px;
        height:18px;
        border:2px solid #ffffff;
        background:#e8e9ef}
    #headerLogin a,
    #headerLogin a:visited,
    #headerLogin p{
        font-size:12px;
        color:#ffffff;
        font-weight:bold;
        font-family:arial, tahoma, verdana}
    #headerLogin a:hover{
        text-decoration:underline}
    #headerLogin p{
        padding:29px 0 0 0;
        color:#ffffff;
        text-align:center}
    #headerLogin .submit{
        width:53px;
        height:22px;
        border:none;
        color:#004E78;
        font-weight:bold;
        font-size:11px;
        font-family:tahoma, arial, verdana;}
    #headerLogin ul{
        padding:5px 0 0 15px}
    #headerLogin ul li{
        display:block;
        padding:0 5px 8px 12px;
        font-family:arial, tahoma, verdana;
        font-size:12px;
        text-transform:capitalize;
        background:url(images/userLoginListStyle.gif) 0 6px no-repeat}
    #headerLogin ul li a,
    #headerLogin ul li a:visited{
        color:#ffffff;
        font-weight:bold;}
    #headerLogin ul li a:hover{
        text-decoration:underline}
        
/**** banner **************************************************/
#headerBanner{
    margin-right: 5px;
    float:left;
    background-color:#004E78;
    width: 517px;
    height: 185px;
}
    #headerBanner h3{
        margin:5px 0 0 5px;
        width:502px;
        height:25px;
        background-image: url(images/header.jpg);
        background-repeat: repeat-x;
        padding:4px 0 0 6px;
        font-family:verdana;
        font-size:16px; 
        color:#ffffff;
        text-transform:capitalize}

/**** header right **************************************************/
#headerRight{ 
    float:left;
    background-color:#004E78;
    width: 250px;
    height: 185px;
}
    #headerRight h3{
        margin:5px 0 0 5px;
        width:235px;
        height:25px;
        background-image: url(images/header.jpg);
        background-repeat: repeat-x;
        padding:4px 0 0 6px;
        font-family:verdana;
        font-size:16px;     
        color:#ffffff;
        text-transform:capitalize}
    }

/**** body **************************************************/
#body{ 
    float:left;
    width:1022px; 
}

/* SIDEBAR_left
/**************************************************************/
#sidebar{
    float:left;
    width:240px;
    margin-right:5px; 
    background-color: #004E78;
    overflow:hidden;}
#search{
 margin-left: 4px;
}    
.recentCats{ 
    float:left;
    margin-bottom:5px;
    padding:0 0 0 0;}
    .recentCats h3{
        margin:5px 0 3px 5px; 
        width:225px;
        height: 25px;
        background-image: url(images/header.jpg);
        background-repeat: repeat-x;
        padding:4px 0 0 6px;         
        font-family:verdana;
        font-size:16px; 
        color:#ffffff;
        text-transform:capitalize;}
    .recentCats ul{
        padding:5px 0 0 25px}
    .recentCats ul li{
        display:block;
        padding:0 5px 8px 12px;
        font-family:arial, tahoma, verdana;
        font-size:12px;
        text-transform:capitalize;
        background:url(images/recentCatsListStyle.gif) 0 6px no-repeat}
    .recentCats ul li a,
    .recentCats ul li a:visited{
        color:#ffffff;
        font-weight:bold;}
    .recentCats ul li a:hover{
        text-decoration:underline}
    .recentCats em{
        font-size:9px;
        font-style:normal;
        color: #ffffff}

/* CONTENT
/**************************************************************/
#content{      
    float:left;
    width:517px;
    margin-right:5px;
    background-color: #004E78;}
    
#ads1{
    margin: 5px 5px 5px 5px;
    float: left;
    width: 300px;
}
#ads2{
    margin: 5px 0 5px 5px;
    float: left;
    width: 200px;
}
/**** show videos *********************************************/
.pageHeader{
    padding:0}
.pageHeader h3{
    margin: 5px 0 0 5px;
    padding:4px 0 0 6px;
    width: 502px;
    height:25px;
    color:#ffffff;
    font-weight:normal;
    font-family:helvetica, 'trebuchet ms', verdana;
    text-transform:uppercase;
    background-image: url(images/header.jpg);
    background-repeat: repeat-x;
}
.clickableThumb{
    position:absolute;
    left:10px;
    top:10px}
.showVideo{
    position:relative;
    padding:0 0 0 0;
    height:160px;
    font-family:tahoma, arial, verdana;
    font-size:10px;
    color:#ffffff;
    border-bottom:1px dotted #ccc;
    background-position:10px 28px;
    background-repeat:no-repeat}
.showVideoAd{
    position:relative;
    padding:0 0 0 0;
    height:94px;
    font-family:tahoma, arial, verdana;
    font-size:10px;
    color:#ffffff;           
    border-bottom:1px dotted #ccc;
    background-position:10px 28px;
    background-repeat:no-repeat}
.showVideoAd_cat{
    padding:8px 0 0 0;
    margin:0 0 0 110px;
    height:20px;  
    text-align:right}
.showVideoAd_ad{
    padding:0 0 0 110px}
.clickableThumb_ad{
    position:relative;
    }
.showVideo_cat{  
    padding:8px 5px 0 0;
    margin:0 0 0 110px;
    height:20px; 
    text-align:right;}
    .showVideo_cat a,
    .showVideo_cat a:visited,
    .showVideo_cat a:hover,
    .showVideo_cat span{
        font-weight:bold;
        color:#ffffff}
.showVideo_title{
    margin:0 0 0 110px}
.showVideo_title a,
.showVideo_title a:visited,
.showVideo_title a:hover{
    font-size:11px;
    font-weight:bold;
    color:#ffffff}
.showVideo_desc{
    padding:2px 0 0 0;
    margin:0 0 0 110px;}
.showVideo_posted{
    padding:5px 0 0 0;
    margin:20px 0 0 110px;
    text-align:left}
    .showVideo_posted a,
    .showVideo_posted a:visited,
    .showVideo_posted a:hover{
        color:#ffffff}
/**** show users videos ***************************************/
.usersVideos{
    padding:10px;
    font-family:'trebuchet ms', tahoma, arial;
    font-size:15px;
    font-weight:bold}
    .usersVideos ul,
    .usersVideos li{
        padding:0;
        margin:0;
        line-height:15px}
    .usersVideos a,
    .usersVideos a:visited{
        font-family:tahoma, arial, verdana;
        font-size:11px;
        font-weight:normal;
        color:#ffffff}
    .usersVideos a:hover{
        text-decoration:underline}
/**** video upload ********************************************/
#uploadVideo{
    padding:10px;
    font-family:Tahoma, Arial, Verdana;
    font-size:12px;
    color:#ffffff}
    #uploadVideo p{
        padding:0 0 20px 0;
        text-indent:11px}
    #uploadVideo th{
        text-align:left;
        vertical-align:text-top;
        width:125px}
    #uploadVideo td{
        padding:0 0 5px 0}
    #uploadVideo .textbox,
    #uploadVideo .select,
    #uploadVideo .file{
        font-size:11px;
        font-family:tahoma, arial, verdana}
    #uploadVideo .textbox{
        width:200px}
    #uploadVideo .select{
        width:205px}
    #uploadVideo .submit{
        width:53px;
        height:22px;
        border:none;
        color:#004E78;
        font-weight:bold;
        font-size:11px;
        font-family:tahoma, arial, verdana;} 
    #uploadVideo em{
        font-size:10px;
        font-style:normal;
        color:silver}
/**** search results ******************************************/
#searchResults{
    font-family:Tahoma, Arial, Verdana;
    font-size:12px;
    color:#ffffff}
    #searchResults table{
        margin:15px 0 0 0}
    #searchResults th{
        text-align:left;
        vertical-align:text-top;
        width:125px}
    #searchResults td{
        padding:0 0 5px 0}
    #searchResults .textbox{
        font-size:11px;
        font-family:tahoma, arial, verdana}
    #searchResults .textbox{
        width:200px}
    #searchResults .submit{
        width:53px;
        height:22px;
        border:none;
        color:#004E78;
        font-weight:bold;
        font-size:11px;
        font-family:tahoma, arial, verdana;}
/**** play video **********************************************/
#playVideo{
    padding:10p 5px 10px 5px}
    #playVideo a,
    #playVideo a:visited{
        color:#ffffff;
        font-family:'trebuchet ms', verdana, helvetica;
        font-size:15px;
        font-weight:bold;
        text-transform:capitalize}
    #playVideo a:hover{
        text-decoration:underline}
    #playVideo table{
        width:100%}
    #playVideo th{
        text-align:left}
    #playVideo td{
        text-align:right}
    #playVideo th,
    #playVideo td{
        padding:5px 0 5px 0;
        vertical-align:text-top}
    #playVideo .copycode{
        width:440px}
    #videoPlayer{
        text-align:center}
    #videoDescription{
        color: silver;
        padding:10px;
        font-family:tahoma, arial, verdana;
        font-size:12px}
    #rating{
        font-weight:normal;
        font-family:tahoma, arial, verdana;
        font-size:11px; 
        color:#333333}
    #showCode{
        margin:10px 0;
        font-family:tahoma, arial, verdana;
        font-size:11px;
        color:#ffffff}
    #showMe{
        display:none}

#comments{
    margin: 0 0 15px 0;
    font-family:tahoma, arial, verdana;
    background:url(images/msgBg.gif) center bottom no-repeat;
    padding:0 0 15px 0;
    width:445px;
    overflow:hidden}
#comments a, #comments a:visited{
    color:#b00;}
#comments .head-block{
    height:25px;
    margin:0 0 7px 0;
    background:url(images/msgBg.gif) center top no-repeat}
#comments .from{
    font-size:11px;
    float:left;
    padding:2px 0 0 6px;
    height:18px}
#comments .from img{
    border:solid 1px #999}
#comments .from span{
    font-weight:bold}
#comments .sent{
    padding:5px 4px 0 0;
    height:18px;
    font-size:9px;
    text-align:right}
#comments .sent a{
    font-family: tahoma, arial, verdana;
    font-weight:normal;
    font-size:9px}
#comments .body{
    padding:0 5px 20px 5px;
    clear:both;
    font-size:12px;
    text-indent:11px}
div.avatar{
    float:left;
    height:60px;
    width:60px;
    background:#ccc;
    margin:0}
.headings{
    margin:0;
    padding:30px 0;
    text-align:left}


/**** page links **********************************************/
#pageLinks{
    padding:10px 0 0 0;
    margin: 0 5px 5px 0;
    text-align:right;
    font-family:tahoma, arial, verdana;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;}
    #pageLinks em{
        font-style:normal;
        padding:1px 4px 2px 5px;
        color:#ffffff;
        background: black;
        border:1px solid #ffffff}
    #pageLinks a,
    #pageLinks a:visited{
        padding:1px 4px 2px 5px;
        border:1px solid #ffffff;
        color:#ffffff}
    #pageLinks a:hover{ 
        color:#ffffff}
/**** user cp *************************************************/
#userCP_friends{
    padding:10px 0;
    font-family:tahoma, arial, verdana;
    font-size:11px;
    color:#ffffff}
    #userCP_friends a,
    #userCP_friends a:visited{
        color:silver}
    #userCP_friends table{
        width:100%;}
    #userCP_friends thead{
        font-weight:bold;}
    #userCP_friends thead th, td{
        font-weight:bold; }
    #userCP_friends th{
        padding:2px;
        text-align:right;
        width:80px;}
    #userCP_friends tbody td{ 
        padding:2px;
        text-align:center;}
#userCP_messages .message{
    margin:10px 0 0 0;
    font-family:tahoma, arial, verdana;}
    #userCP_messages a,
    #userCP_messages a:visited{
        font-weight:bold;
        color:silver}
    #userCP_messages .from{
        font-size:11px;
        float:left;
        padding:4px 0 0 6px;
        height:18px;}
        #userCP_messages .from span{
            font-weight:bold}
    #userCP_messages .sent{
        padding:4px 4px 0 0;
        height:18px;
        font-size:9px;
        color: #ffffff;
        text-align:right}
    #userCP_messages .body{
        padding:14px 5px 10px 5px;
        clear:both;
        font-size:12px;
        text-indent:11px;
        color: #ffffff;}
    #userCP_messages .do{
        padding:10px 6px 0 2px;
        height:16px;
        font-size:10px;
        text-align:right;
        color: #ffffff;}
#userCP_send{
    padding:10px;
    font-family:tahoma, arial, verdana;
    font-size:12px;
    color:#ffffff}
    #userCP_send .phrase{
        padding:15px 0}
    #userCP_send .p_sendto{
        padding:5px;
        font-family:'trebuchet ms', tahoma, verdana;
        font-size:14px}
    #userCP_send .p_sendto span{
        font-weight:bold}
    #userCP_send textarea{
        width:100%;
        height:300px;
        border:1px solid silver}
  #userCP_send .submit{
        margin:5px 0 0 0;
        width:53px;
        height:22px;
        border:none;
        color:#004E78;
        font-weight:bold;
        font-size:11px;
        font-family:tahoma, arial, verdana;}
#userCP_subscriptions{
    padding:10px;
    font-family:tahoma, arial, verdana;
    font-size:12px;
    color:#ffffff}
    #userCP_subscriptions a,
    #userCP_subscriptions a:visited{
        color:silver;
        font-size:9px}
    #userCP_subscriptions table{
        margin:15px 0}
    #userCP_subscriptions thead th{
        padding:5px 2px}
    #userCP_subscriptions th{
        text-align:left}
    #userCP_subscriptions td{
        padding:0 10px 0 0}
#userCP_usercp{
    padding:10px;
    font-family:Tahoma, Arial, Verdana;
    font-size:12px;
    color:#ffffff}
    #userCP_usercp p{
        padding:0 0 20px 0;
        text-indent:11px}
    #userCP_usercp th{
        text-align:left;
        vertical-align:text-top;
        width:125px}
    #userCP_usercp td{
        padding:0 0 5px 0}
    #userCP_usercp .textbox,
    #userCP_usercp .select,
    #userCP_usercp .file{
        font-size:11px;
        font-family:tahoma, arial, verdana}
    #userCP_usercp .textbox{
        width:200px}
    #userCP_usercp .select{
        width:205px}
    #userCP_usercp .submit{
        width:53px;
        height:22px;
        border:none;
        color:#004E78;
        font-weight:bold;
        font-size:11px;
        font-family:tahoma, arial, verdana;}
    #userCP_usercp em{
        font-size:10px;
        font-style:normal;
        color:silver}
/**** registration ********************************************/
#newRegistration{
    padding:10px;
    font-family:tahoma, arial, verdana;
    font-size:12px;
    color:#ffffff}
    #newRegistration table{
        margin:15px 0}
    #newRegistration th{
        text-align:left}
    #newRegistration td{
        padding:0 10px 0 0}
    #newRegistration .phrase{
        padding:15px 0}
    #newRegistration .p_sendto{
        padding:5px;
        font-family:'trebuchet ms', tahoma, verdana;
        font-size:14px}
    #newRegistration textarea{
        width:100%;
        height:300px;
        border:1px solid #005CD3}
  #newRegistration .submit{
        margin:5px 0 0 0;
        width:53px;
        height:22px;
        border:none;
        color:#040A80;
        font-weight:bold;
        font-size:11px;
        font-family:tahoma, arial, verdana;}
/**** forgotten credentials ***********************************/
    #forgotLogin{
        font-family:tahoma, arial, verdana;
        font-size:11px;
        color:#ffffff}
        #forgotLogin p,
        #forgotLogin div{
            text-indent:11px;
            padding:15px}
        #forgotLogin .submit{
            margin:5px 0 0 0;
            width:53px;
            height:22px;
            border:none;
            color:#040A80;
            font-weight:bold;
            font-size:11px;
            font-family:tahoma, arial, verdana;}
            
/**** sidebar_right ***********************************/
#sidebar_right{
 float:left;
 width: 250px;
 background-color: #004E78;
}

    #sidebar_right h3{
        margin:5px 0 0 5px;
        width:235px;
        height:25px;
        background-image: url(images/header.jpg);
        background-repeat: repeat-x;
        padding:2px 0 0 6px;
        font-family:verdana;
        font-size:16px; 
        color:#ffffff;
        text-transform:capitalize;
    }
    
    #links{
     margin-left:10px;
     color: #ffffff;
     font-family:arial, tahoma, verdana;
    }
    #links a{
     color: #ffffff;
     font-size: 10px;
    }
    #links a:hover{
     text-decoration:underline;
    }
    #links ul{
        padding:5px 0 0 15px}
    #links ul li{
        display:block;
        padding:0 5px 8px 12px;
        font-family:arial, tahoma, verdana;
        font-size:12px;
        text-transform:capitalize;
        background:url(images/userLoginListStyle.gif) 0 6px no-repeat}
    #links ul li a,
    #links ul li a:visited{
        color:#ffffff;
        font-weight:bold;
        font-size: 12px;}
    #links ul li a:hover{
        text-decoration:underline}
    #rand{
     color: #ffffff;       
     font-size: 10px;
     font-family: verdana;
     margin: 10px;
    }
    #rand ul{
     list-style: none;
    }
    #rand li{ 
     list-style-image: none;
     list-style: none;
     margin-bottom: 10px;
    }
        #rand p a{
         color: silver;
         font-size: 11px;
         text-decoration: underline;
        }

/* FOOTER
/**************************************************************/
#footer{
    padding: 10px 0 10px 0;
    float: left;
    width:1012px;
    margin-top: 5px;
    background-color: #004E78;
    text-transform:capitalize;
    font-family:arial, tahoma, verdana;
    font-size:11px;
    color:#ffffff}


/* STARS
/**************************************************************/
.stars0{background:url(images/mini_ratings.gif) -1px 6px no-repeat}
.stars1{background:url(images/mini_ratings.gif) -1px -44px no-repeat}
.stars2{background:url(images/mini_ratings.gif) -1px -94px no-repeat}
.stars3{background:url(images/mini_ratings.gif) -1px -144px no-repeat}
.stars4{background:url(images/mini_ratings.gif) -1px -194px no-repeat}
.stars5{background:url(images/mini_ratings.gif) -1px -244px no-repeat}

/* ERROR / NOTIFICATION
/**************************************************************/
.error{
        color:#005CD3;
        border:solid 1px #005CD3;
        background:#FFCCFF;
        font-weight:bold;
        padding:10px;}

.r{border:1px solid red}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */