/**** Globals ***/
a {color: #666666; font-weight: bold; text-decoration: none; outline: none;}
a:hover {color: #666666; }
/*a:focus { color: #F36F27; }*/
a, input { outline: none; }
h1, h2, h3 { 
/*font-weight: bold;*/	  
font-family: arial,sans-serif;
}

/*** General Classes **/
.prepend-margin-20 { margin-left: 20px; }

/*h3.bullet { background-image: url(../images/header-bullet.png); background-position: 97% 50%; background-repeat: no-repeat; }*/	

li { list-style: none; }

/**** Misc ***/
.left { display: block; float: left; margin-left: 0; }
.right {display: block; float: right; margin-right: 0; }

.10-left { margin-left: 10px; }
.10-right { margin-right: 10px; }

.black-box {
background-color: rgba(255, 255, 255, .88);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 18px 0;
}

    /****Set opacity rules for Modern browsers like Firefox and Safari ****/
    #wide-video, #wide-video-gallery, .sidebar-box, #carousel, #anything-2, #footer { background-color: rgba(255,255,255,.85); }

.url-p { display: block; font-weight: bold; float: left; margin: 1px 0 0 0; width: 28px; }


/********** Layout *************/
.container { position: relative; }
#header { height: 72px; }
#wide-banner { height: auto; }


/*** Sidebar Section ***/
#sidebar h3 { color: #FFF; margin: 0;}

.sidebar-box {
color: #666666;
min-height: 72px;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;*/
overflow: hidden;
padding: 18px 0 18px 0;
}

.sponsor-box { 
padding: 0;
}

.sponsor-header, .friends-header, .tags-header, .twitter-header {
height: 22px;
padding: 8px 0 0 10px;
overflow: hidden;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
background-color: #006766;
font-size: 1.3em;
float: left;
width: 290px;
}
/*.twitter-header {
background: #006766 url(../images/refresh.gif) center right no-repeat;
}*/
.twitter-header {
padding-top: 0px;
height: 30px;
}
.twitter-header a {
display: block;
height: 26px;
width: 26px;
float:right;
margin: 3px 6px;
}
.twitter-header h3 {
padding-top: 8px;
font-size: 1.1em;
width:150px;
float:left;
}
/*
.sponsor-header { background-color: #6accf0; }
.friends-header { background-color: #a5cd1b; }
.tags-header { background-color: #ff5555; }
.twitter-header { background-color:#6ACCF0;}
.sponsor-box { background: #fff; }
*/
.friend-box { padding: 18px 0 0 0; }
.friends-box ul { margin: 0 0 0 14px; overflow: hidden; width: auto; }

.friends-box ul li {
border: 2px solid #a5cd1b;
display: block;
float: left;
margin: 0 8px 18px 0;
height: 50px;
overflow: hidden;
width: 58px;
}

.friends-box ul li a { background-color: #f8c780; }


/*** Footer Section ***/
#footer {
color: #666;
height: 35px;
margin-top: 18px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#copyright p { padding: 9px 0 0 20px; font-size: .9em;}

#footer-nav {
background-color: #CCC;
height: 27px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
padding-top: 8px;
}

#footer-nav ul { float:right; margin: 0; }
#footer-nav ul li { float:left; margin: 0 18px 0 0; }
#footer-nav ul li a { font-size: .9em; }

/**** Tag Cloud ****/
    .tags-box { padding: 0 0 18px 0; }
    ul.tag-cloud { display: block; margin: 0; padding: 18px 20px 0 20px; overflow: hidden; width: 260px; }
    
    ul.tag-cloud li {
    display: block;
    float: left;
    line-height: 1em;
    list-style-type: none;
    margin: 0 5px 11px 0;
    }
    
    ul.tag-cloud li a {
    background-color: #D4E6E6;
    color: #006766;
    font-size: .9em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 3px 5px;
    }
    
    ul.tag-cloud li a:hover {
    background-color: #006766;
    color: #D4E6E6;
    }

/******* Video Sections ******/
#wide-video {
height: 640px;
overflow: hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#wide-video #video-container {
overflow: hidden;
padding: 18px 10px 0;
}

#comments-box { height:36px; padding-top: 5px; }
#comments-box ul { float: right; margin: 0 20px 0 0; }
#comments-box ul li { display: block; float: left; font-size: .9em; margin-left: 15px; }
#comments-box ul li.description-item { background: url(../images/icons/description-mini.png) center left no-repeat; padding-left: 25px; }
#comments-box ul li#comments-number { background: url(../images/icons/comment-mini.png) 0 2px no-repeat; color:#f8c780; padding-left: 4px; width: 17px;}
#comments-box ul li#comments-item { color: #f36f27; font-weight: bold; margin:0; padding-left: 4px; }

.video-description-box {
background-color: #C5C5A7;
color: #efefef;
margin: 0 10px 0 10px;
padding: 0 10px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 620px;
}

.video-description-box p { 
padding: 12px 10px 6px 10px;
}

a#close { display: block; float: right; margin: 10px; }

/****** Video Gallery *****/
#wide-video-gallery {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 18px 0 1px 0;
}

h3.videos-header {
background-color: #006766;
color: #FFF;
height: 22px;
margin: 0 0 10px 18px;
padding: 3px 0 0 8px;
width: 613px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 1.3em;
}

.video-list li { float: left; margin: 0 5px 6px 0; position: relative; }
.video-list li.last { margin: 0 0 6px 0; }

.video-list li h5 {
background-color: #C5C5A7;
/*border: 2px solid #333;*/
border-left: none;
color: #fff;
left: -3px;
float: left;
margin-right: 5px;
padding: 5px;
position: absolute;
top: 100px;
z-index: 999;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

.video-list li a:hover img {
filter: alpha(opacity = 88); /**** As allways, just for IE ***/
opacity: .88; /*** CSS Standar ****/
-moz-opacity: .88;
}

/**** Pager ****/
.pager {padding: 18px 0 18px 0; }
.pager ul { margin: 0 0 18px 20px; }
.pager ul li { display: block; float: left; line-height: 1em; margin: 0 5px 0 0; padding: 5px 5px 1px; }
.pager ul li.selected { background: url(../images/icons/pager-selected.png) center no-repeat; font-weight: bold; }
.pager ul li.go-last-page a { font-size: 1.4em; font-weight: normal; }

/**** edeleon ****/
.videos-box a img {border: 1px solid #ADADAD; padding: 1px;}
.videos-box a:hover img {border: 1px solid #006766; padding: 1px;}