
body{
margin:0;
padding:0;
line-height: 1.5em;
FONT-FAMILY: Arial, Helvetica, sans-serif; 
font-size:90%;
}

b{font-size: 110%;}
em{color: red;}

h1 {
	border-bottom: 1px solid #000;
	font-family:Tahoma;
	font-size:medium;
	font-weight:bold;
	text-transform: uppercase;
	font-variant: small-caps;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #fff url('../images/logo.png') no-repeat;
height: 100px; /*Height of top section*/
/*border-bottom: #000 15px solid;*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 125px; /*Set right margin to RightColumnWidth*/
padding: 0 5px;
}

#contentcolumn_thin{
margin-right: 336px; /*Set right margin to RightColumnWidth*/
padding: 0 5px;
}

#rightcolumn{
float: left;
width: 120px; /*Width of right column*/
margin-left: -120px; /*Set left margin to -(RightColumnWidth) */
/*background: #FDE95E;*/
}

#rightcolumn_wide{
float: left;
width: 336px; /*Width of right column*/
margin-left: -336px; /*Set left margin to -(RightColumnWidth) */
/*background: #FDE95E;*/
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
border-top: #D10000 6px solid;
margin:50px 0 0 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}


.login {color: #666;
font-size:11px;
padding: 0 5px;
float : right;
}

.login a:link, .login a:visited {text-decoration: none;
font-weight: bold;
color: #666;}

.login a:hover {text-decoration:none;
color: #FF0000;}

/* =Forms
-----------------------------------------------------------------------------*/

.error {font-weight: bold;
color:#FF3300;
padding-left: 0px;
}

/* :KLUDGE: Explicitly set the width for IE6- */

/** html .error {width: 10em;}*/

fieldset {margin:1em 0;
padding: 1em;
border: 1px solid #ccc;}

legend {font-weight:bold;}

label {float: left;
width: 100px;}

#register {margin: 0;}

#register label, #changePassword label  {width: 150px;}

#register .error span{
margin-left: 150px;
padding-left: 150px;}

.note {display: block;
margin-left: 100px;}

#register.note  {display: block;
margin-left: 150px;}

.button {
text-align:center;
font-weight:bold;
cursor: pointer;}

.button a {text-align: center;
text-decoration: none;
background: url(../images/fade-butt.png);
border: 3px double #999;
border-left-color: #ccc;
border-top-color: #ccc;
color: #333;
padding: 0.25em;}

.button a:active {background: #f4f4f4;
border: 3px double #ccc;
border-left-color: #999;
border-top-color: #999;}


#myGallery
{
margin: 0px auto;
width: 490px !important;
height: 300px !important;
border:5px solid #000;
} 


#subcontent {
    margin: 15px 0 0 0;
    padding: 0px;
    background: #fff;
    width: 100%;
}



#subcontent p{
    margin: 0px;
    padding: 10px;
    float: left;
    display: block;
    width: 100%;
	font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#subcontent span.title {
	font: normal 14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#subcontent span.duration {
	font: bold 12px Arial, Helvetica, sans-serif;
}

#subcontent span.info {
	color: #444444;
}

#subcontent span.tags {
	text-decoration: none;
	font-weight: normal;
	border-bottom:dotted 1px #444444;
}

#subcontent p a img {
    margin: 0 20px 0 0;
    padding: 1px;
    text-decoration: none;
    border: 1px solid #333333;
    float: left;
}
.clear {
    clear: both;
}


#statistic span {
    margin: 20px 10px;
    padding: 0 0 0 25px;
}

#statistic font.info {
   color: #999999;
   clear: both;
}

#statistic-content{
    padding:10px;
    margin-top: 2px;
}


#videobox{
	font-size: 10px;
	width: 100%;
}

#videobox img {
    padding: 1px;
    border: 1px solid #EEE;
}

#videobox img.star {
    border: none;
}

#videobox span {
	margin: 0 5px;
}

#videobox span.title {
	font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#videobox span.duration {
	font: bold 10px Arial, Helvetica, sans-serif;
}

#videobox span.info {
	color: #999999;
}
#listchannel br {
	margin: 0px;
	padding: 0;
}
.listchannel, .listchannellarge{
    float:left;
    margin-bottom: 5px;
	width: 160px;
	padding: 0 5px;
	text-align: center;
}

.listchannellarge{
    width:100%;
}

.listchannellarge .imagechannelinfo,.listchannellarge .imagechannel{
	float:left;
}

.listchannellarge .imagechannelinfo{
    padding-left:10px;
    text-align:left;
}

.listchannellarge .imagechannelinfo .title{
}

.listchannel .imagechannel a img{
    width:120px;
    height:90px;
}

.listchannellarge .imagechannel a img{
    width:120px;
    height:90px;
}

.listchannel .star img,.listchannellarge .star img{
    border:none;
}


#paging{

    width:496px;

    margin: 0px auto;

    padding: 0px;

    text-align:center;

}

#paging-left{

    width:496px;

}

.pagingnav{

width:495px;

font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

}

.pagingnav {

/*width: 496px;*/

/*background: url(../img/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/

padding: 0;

margin: 0px auto;

line-height: 28px;

text-align: center; /*set value to "left", "center", or "right"*/

}

.pagingnav  {

/*display: inline;*/

padding: 2px;

}

.pagingnav a{

color: #333;

padding: 2px 4px;

margin: 2px; 

text-decoration: none;

border: 1px solid #ccc;

display: block:

}

.pagingnav   a:hover{

    text-decoration: none;

    background-color: #F0FCFF;

    font-weight: normal;

}

#tagdiv
{
width:930px;
text-align:justify;
}
.taggly
 {
color:black;
letter-spacing:1px;
padding:3px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5;
}

.taggly:hover{color: #ffffff; background: #000;}

.taggly:active { color: #ffffff; background: #ACFC65; }



#useraction {
    display:block;
    width:450px;
    padding:2px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    margin-bottom: 20px;
    margin-left:20px;
}

#useraction span.info {
	color: #999999;
}

#bookmark ul{
    margin-left: 20px;
    padding: 0;
}

* html #bookmark ul{
    margin-left: 0;
    padding: 0;
}

#useraction p {
    float: left;
    margin: 20px;
}

#small-rightbox-content span.title {

	font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

}

#small-rightbox-content span.duration {

	font: bold 12px Arial, Helvetica, sans-serif;

}

#small-rightbox-content span.info {

	color: #999999;
	
	font-size: 13px;

}

#small-rightbox-content span.tags {

	text-decoration: none;
	font-weight: normal;
	border-bottom:dotted 1px #aaaaaa;

}

.relatedvideothumbnail {
	padding-left: 5px;
    width: 60px;
    float: left;
    display: block;
    text-align: center;
}

.relatedvideodesc {
    width: 90px;
    float: left;
    display: block;
    padding-left: 8px;
    text-align:left;
	font: normal 11px/14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
.relatedvideolist {
	float: left;
	margin: 5px 0;
}

