@import url("style/typography.css");
@import url("style/layout.css");
@import url("style/sidebar.css");
@import url("style/navigation.css");
@import url("style/comments.css");   
/*************** index **************/
#wide {
width:100%;
float:left;
border-top:3px solid #67BADC;
margin:0 auto;
padding:10px 0;
}

#wide_inner {
width:620px;
margin:0 auto;
padding:0;
float: left;

}

.blue {
float:left;
width:940px;
margin:0;
padding:0 10px;
}

#page_bottom {
float:left;
display:block;
width:960px;
height:19px;
background:url(images/page_bottom.png) no-repeat left top;
margin:0;
padding:0;
}

#header {
float:left;
width:960px;
display:block;
clear:both;
margin:0;
padding:0;
}

#rss {
float:left;
margin:0;
padding:0 0 0 40px;
}

#rss a {
display:block;
background:url(images/rss.png) no-repeat left top;
width:128px;
height:128px;
text-indent:-9999px;
margin:0;
padding:0;
}

label {
font-size:1.3em;
font-weight:700;
color:#FFF;
}

.inputtext {
border:1px solid #0CF;
width:90%;
padding:5px;
}

.inputtext1 {
width:92px;
border:none;
float:left;
background:url(images/user_input.png) no-repeat left top;
margin:0;
padding:3px 2px;
}

.inputtext2 {
width:69px;
border:none;
float:left;
background:url(images/pass_input.png) no-repeat left top;
margin:0;
padding:3px 2px;
}

textarea {
border:1px solid #0CF;
background:#ccc;
width:90%;
padding:5px;
}

.inputtext:hover,SELECT:hover,textarea:hover {
background-color:#F9FDFF;
}

button {
cursor:pointer;
font-size:0.9em;
padding:1px;
}

/******** ads *********/
#top_ads {
text-align: center;
display:block;
margin:0 auto;
padding:0px 0px;
clear: both;
}

#top_banner{
float:left;
display:block;
margin:0 auto;
padding:5px 0px 5px 0px;
width:728px;
}
#top_banner iframe{
    margin:0px;
    padding: 0px;
}

/*#menu_links a,#menu_links a:visited{    font-weight:700;    color:#756A40;    text-decoration:none;    }*/
.error_msg {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:red;
}

.error_msg2 {
border-top:5px solid #C00;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#C00;
display:table;
background-color:#FFF;
margin:10px 0;
padding:10px;
}

.confirm_send {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#333;
border:1px solid #090;
background:#FFF;
text-align:center;
margin:10px 0;
padding:5px;
}

.input-warning {
font-weight:700;
}

.small-warning {
font-size:13px;
color:#FFF;
}

.avatar_border {
border:1px solid #ddd;
background-color:#fff;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666;
padding:4px;
}

#logo_search {
height:60px;
width:887px;
display:table;
padding-top:12px;
padding-left:8px;
margin:0;
}

#mvotd {
width:430px;
background-color:#FAF5C3;
border:2px solid #FFFDF5;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:700;
letter-spacing:-1px;
color:#666;
margin:0 auto;
padding:5px;
}

#mvotd a:link,#mvotd a:visited {
color:#5C817B;
font-weight:400;
text-decoration:none;
}

#mvotd a:hover {
color:#422142;
text-decoration:underline;
}

.tinythumb {
background-color:#fff;
width:53px;
height:40px;
border:1px solid #D1D1D1;
padding:3px;
}

#new_music_videos {
width:430px;
background:#FAF3CB url(images/bg_new_block.gif) repeat-x top center;
border:2px solid #FFFDF5;
display:table;
margin:0 auto;
padding:5px;
}

#new_music_videos .item {
width:200px;
float:left;
text-align:center;
height:150px;
padding:10px 0;
}

#new_music_videos .artist_name {
color:#3952A2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:-1px;
line-height:24px;
width:190px;
}

#new_music_videos .song_name {
color:#3952A2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
text-decoration:none;
width:190px;
}

#favorites_main .playing {
width:100%;
background-color:#000;
z-index:1;
margin:0 auto;
padding:10px 0;
}

.pag {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
text-decoration:none;
color:#999;
}



#detail_page_video_links {
width:330px;
color:#FFF;
border:2px solid #FFFDF5;
background:url(../images/bg_video_links.gif) repeat-x top left;
display:table;
padding:12px 10px 12px 0;
}

#detail_page_video_links li {
display:block;
line-height:18px;
}

#detail_page_video_links .ul_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:700;
text-transform:uppercase;
color:#87D3FF;
}

#detail_page_video_links a {
text-decoration:none;
}

#detail_page_video_links a:hover {
color:#FFF;
text-decoration:underline;
}

#detail_page_video_links .play_next {
color:#6C0;
text-decoration:none;
}

#detail_share_video {
background-color:#FFF;
}

#detail_share_video .dsv_content {
background-color:#FFF;
width:330px;
border:2px solid #FFFDF5;
padding:12px 10px;
}



/*#profile_menu a:link,#profile_menu a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#BD8D46;
}

#profile_menu a:hover {
color:#000;
text-decoration:none;
}  */

.sheraj {
float:right;
}

#rating {
display:block;
width:600px;
float:left;
color:#0CF;
background:#666;
-moz-border-radius:5px;
margin:0;
padding:10px;
}

#rating span {
font-size:1.1em;
}

.unit-rating {
list-style:none;
width:100px;
height:20px;
position:relative;
background:url('images/star_rating.png') top left repeat-x;
margin:0;
padding:0;
}

.unit-rating li {
text-indent:-90000px;
float:left;
margin:0;
padding:0;
}

.unit-rating li a {
display:block;
width:20px;
height:20px;
text-decoration:none;
text-indent:-9000px;
z-index:20;
position:absolute;
padding:0;
}

.unit-rating li a:hover {
background:url('images/star_rating.png') left center;
z-index:2;
left:0;
}

.unit-rating a.r1-unit {
left:0;
}

.unit-rating a.r1-unit:hover {
width:20px;
}

.unit-rating a.r2-unit {
left:20px;
}

.unit-rating a.r2-unit:hover {
width:40px;
}

.unit-rating a.r3-unit {
left:40px;
}

.unit-rating a.r3-unit:hover {
width:60px;
}

.unit-rating a.r4-unit {
left:60px;
}

.unit-rating a.r4-unit:hover {
width:80px;
}

.unit-rating a.r5-unit {
left:80px;
}

.unit-rating a.r5-unit:hover {
width:100px;
}

.unit-rating li.current-rating {
background:url(images/star_rating.png) left bottom;
position:absolute;
height:21px;
display:block;
text-indent:-9000px;
z-index:1;
}

#new_music_videos .imag {
background-color:#FFF;
width:116px;
height:87px;
border:1px solid #D1D1D1;
margin-right:7px;
padding:3px;
}

#detail_page_share_link {
width:370px;
line-height:15px;
text-transform:uppercase;
font-size:9px;
font-weight:700;
padding:12px 0;
}

#detail_page_share_link img {
border:1px solid #0CF;
padding:2px;
}

#fav_content_index {
width:430px;
line-height:17px;
margin:0 auto;
padding:5px;
}

#fav_list {
width:710px;
}

#fav_list a:visited {
color:#fc0;
text-decoration:none;
}

#fav_list .imag {
background-color:#FFF;
width:49px;
height:38px;
border:2px solid #D1D1D1;
margin-right:7px;
padding:3px;
}

#fav_list .artist_name {
color:#AF7C9D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
letter-spacing:-1px;
line-height:20px;
}

#fav_list .song_name {
color:#958F6A;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

#fav_list .table_row1 {
background-color:none;
border:1px solid red;
}

#fav_list .table_row1 td {
border:1px solid;
border-right:none;
border-left:none;
}

#fav_list .table_row1:hover {
/*background-color:#FBE980;*/
}

#content_index .watch_all {
text-align:center;
padding:10px 0;
}

#content_index .watch_all a {
font-size:11px;
font-weight:700;
color:#039;
text-decoration:none;
}

#content_index .watch_all a:hover {
color:#03F;
text-decoration:underline;
}

#lightsoff {
font-size:11px;
font-weight:700;
width:620px;
float:left;
display:block;
text-align:center;
padding:15px 0;
}

#lightsoff a {
color:#525252;
text-decoration:none;
}

#lightsoff a:hover {
color:#F60;
text-decoration:underline;
}

.fav_share_link {
color:#03C;
font-weight:700;
font-size:11px;
text-align:center;
letter-spacing:-1px;
padding:10px 0;
}

div.pagination {
height:1%;
width:auto;
text-align:right;
margin-top:5px;
float:right;
}

div.pagination a {
font-weight:400;
text-decoration:none;
color:#747474;
background-color:#eee;
border:1px solid #bababa;
font-size:0.9em;
line-height:1.5em;
margin:0 2px;
padding:0 2px;
}

div.pagination a:hover,div.pagination a:active {
background-color:#039;
color:#FFF;
text-decoration:none;
border-color:#039;
}

div.pagination span.current {
font-weight:400;
color:#FFF;
border:1px solid #039;
background-color:#039;
font-size:0.9em;
margin:0 2px;
padding:0 2px;
}

div.pagination span.disabled {
font-weight:400;
border:1px solid #EEE;
color:#DDD;
font-size:0.9em;
margin:0 2px;
padding:0 2px;
}

.mycommentspan {
font-size:1.5em;
line-height:2em;
color:#FFF;
padding:10px;
}

.small-print {
font-size:9px;
color:#666;
}

#pag {
display:block;
height:22px;
font-size:11px;
padding:5px;
}

#pag a {
font-weight:700;
text-decoration:none;
color:#fff;
background-color:#C73C0B;
padding:5px;
}

#pag a:hover {
color:#fff;
background-color:#3952A2;
}

#tags {
margin:0;
padding:10px 5px;
color:#fff;
}

#tags a,#tags a:visited {
color:#0CF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

#tags a:hover {
/*color:#0060E6;*/
text-decoration:underline;
}

.tag_cloud_link {
text-decoration:none;
color:#bd8d46;
font-weight:400;
}

.tag_cloud_link:hover {
text-decoration:underline;
color:#f03c00;
}

#list_subcats .selectedcat,#list_cats .selectedcat {
background:#fff url(images/dotx.gif) repeat-x bottom center;
}

#favorites_main {
width:100%;
background-color:#333333;
border:2px solid #FFFDF5;
float:right;
margin:0 auto;
padding:0px;
}

#detail_page {
width:500px;
float:left;
margin:0;
padding:10px 0;
}

#detail_page_comments {
width:500px;
float:left;
margin:0;
padding:0 10px 0 20px;
}

.comment_box ol,#menu_links ul,#list_cats ul {
list-style-type:none;
margin:0;
padding:10px 0;
}

#detail_page_video_links ul,#fav_list .remove_link {
margin:0;
padding:0;
}

#fav_content_index a,#fav_list a {
color:#3952A2;
text-decoration:none;
}

/*********** icons *************/
ul#misc {
list-style-type:none;
float:left;
text-align:center;
margin:0 auto;
padding:0 0 0 20px;
}

ul#misc li {
list-style-type:none;
display:block;
float:left;
margin:0;
padding:0;
}

ul#misc li a {
text-decoration:none;
color:#0CF;
font-variant:small-caps;
font-size:1.1em;
text-align:center;
}

ul#misc li#komentiraj a {
display:block;
float:left;
width:100px;
height:80px;
text-align:center;
background:url(images/komentiraj.png) no-repeat center 10px;
margin:0;
padding:0;
}

ul#misc li#report a {
display:block;
float:left;
width:100px;
height:60px;
background:url(images/prijavi.png) no-repeat center 17px;
margin:0;
padding:0;
}

ul#misc li#report a:hover {
background:url(images/prijavi.png) no-repeat center 17px;
color:#FFF;
}

ul#misc li#embed a {
display:block;
float:left;
width:100px;
height:60px;
background:url(images/embedaj.png) no-repeat center 17px;
margin:0;
padding:0;
}

ul#misc li#embed a:hover {
background:url(images/embedaj.png) no-repeat center 17px;
color:#FFF;
}

ul#misc li#email a {
display:block;
float:left;
width:100px;
height:80px;
background:url(images/komentiraj.png) no-repeat center 10px;
margin:0;
padding:0;
}

#lightsoff-background {
position:absolute;
z-index:20;
width:100%;
height:100%;
left:0;
top:0;
margin:0;
padding:0;
}

/************* playing now **************/
#playingnow {
display:block;
text-align:center;
float:left;
margin:0 auto;
}

#playingnow h2 {
text-align:left;
}

#playingnow ul{
    margin:0px;
    padding: 0px;
    list-style-type:none;
    float: left;
}

#playingnow li {
width:154px;
display:block;
float:left;
height:190px;
background:url(images/new_video.png) no-repeat center center;
margin:10px 3px;
padding:5px 10px;
}

.linktitle {
height:48px;
}

#playingnow a:visited {
font-size:1.2em;
color:#48ACDE;
}

#playingnow a {
font-size:1.2em;
color:#48ACDE;
display:block;
text-decoration:none;
padding:5px 10px;
}

#playingnow .imag {
border:1px solid #ddd;
padding:3px;
}

/***************** top videos **********/
#top_videos {
float:left;
margin:0;
padding:0;
}

#top_videos ul li {
list-style-type:none;
display:block;
float:left;
width:200px;
border-bottom:1px solid #07131F;
margin:0 0 5px;
padding:5px 5px 10px;
}

#top_videos .artist_name {
color:#8E782C;
display:block;
float:left;
width:130px;
}

#top_videos .artist_name_1 {
color:#0CF;
display:block;
float:left;
width:130px;
}

#top_videos .imag {
width:50px;
height:50px;
margin-right:7px;
border:none;
float:left;
}

#top_videos .song_name {
color:#0CF;
text-decoration:none;
}

/************** new code **************/
#topvideos_results,#newvideos_results,#memberslist {
float:left;
width:720px;
}

#newvideos_results a:hover,#topvideos_results a:hover {
color:#48ACDE;
text-decoration:underline;
}

#newvideos_results .heading,#topvideos_results .heading,#memberslist .heading {
background:#000;
color:#FFF;
}

table td {
font-size:1.2em;
padding:10px;
}

#memberslist table td a:hover {
text-decoration:underline;
}

#memberlist_links {
font-size:1.1em;
float:left;
text-align:right;
width:710px;
background:#000;
color:#FFF;
-moz-border-radius:5px;
margin:10px 0;
padding:0 5px;
}

#memberlist_links a {
text-decoration:none;
color:#747474;
background:#000;
float:left;
font-weight:700;
margin:0;
padding:6px;
}

#memberlist_links a:hover {
text-decoration:none;
color:#747474;
background-color:#CFE1F6;
}

/*#memberslist .row1:hover,#memberslist .row2:hover{    background-color:#CFE1F6;    color:#027BB8;    }#memberslist a:hover{    color:#06F;    text-decoration:underline;}
*********** show strat here **************/
.wrapp {
width:100%;
margin:0 auto;
padding:0;
}

.desc {
float:left;
width:960px;
background:#07131F;
}

#show_start {
float:left;
display:block;
width:620px;
margin:0;
padding:0 0px 0px 0px;
}

#player {
float:left;
margin:0;
padding:0;
}

#player_in {
background:url(images/player_bg.png) left top;
float:left;
margin:0;
padding:10px 10px 0;
}

#player_t {
float:left;
display:block;
width:620px;
height:20px;
background:url(images/player_t.png) no-repeat left top;
margin:0;
padding:0;
}

#player_b {
float:left;
display:block;
width:620px;
height:20px;
background:url(images/player_b.png) no-repeat left top;
clear:both;
margin:0;
padding:0;
}

/********* forma **********/
table.form {
padding:0;
}

.form td {
color:#0CF;
}

.filed {
display:block;
margin:10px 0;
padding:30px;
}

/*********** scroll ***********/
.scroll {
width:710px;
float:left;
background:url(images/index_bg.png) no-repeat left top;
margin:0;
padding:10px 0 10px 10px;
border-bottom:1px dotted #ccc;
}

div.scrollable {
position:relative;
overflow:hidden;
width:700px;
height:270px;
}

/*     root element for scrollable items. It is     absolutely positioned with large width. */
#thumbs {
position:absolute;
width:20000em;
clear:both;
}

/* single item */
#thumbs div {
float:left;
width:232px;
height:250px;
color:#fff;
cursor:pointer;
margin:0;
padding:10px 0;
}

.thumbs {
float:left;
display:block;
height:250px;
width:212px;
background:url(images/scroll.png) no-repeat center top;
margin:0;
padding:0 10px;
}

.front_image {
width:212px;
height:140px;
display:block;
float:left;
overflow:hidden;
z-index:10;
margin:0;
padding:0;
}

#thumbs a img {
border:none;
}

/* style when mouse is over the item 
 style when element is active (clicked) */
#thumbs div.active {
background-color:#48ACDE;
cursor:default;
}

#thumbs h3,#thumbs p,/*#thumbs span */ {
font-family:"bitstream vera sans";
font-size:13px;
color:#fff;
margin:13px;
}

#thumbs h3 em {
font-style:normal;
color:#FF0;
}

.scroll_info {
display:block;
height:50px;
margin:0;
padding:10px 0 0;
}

.pogledaj {
display:block;
clear:both;
margin:0;
padding:0;
}

.pogledaj a {
display:block;
text-indent:-9999px;
width:212px;
height:20px;
background:url(images/pogledaj.png) no-repeat left top;
margin:0;
padding:0;
}

.pogledaj a:hover {
background:url(images/pogledaj.png) no-repeat left bottom;
}

/*********** navigator **********
 position and dimensions of the navigator */
div.navi {
width:110px;
display:block;
float:left;
text-align:center;
background:url(images/navi.png) no-repeat right top;
margin:0 auto;
padding:8px 79px 20px 180px;
}

/* items inside navigator */
div.navi a {
width:10px;
height:10px;
display:block;
float:left;
background:#333;
cursor:pointer;
margin:0 5px;
padding:3px;   
}

/* prev, next, prevPage and nextPage buttons */
a.prev,a.prevPage {
display:block;
width:108px;
height:18px;
/*background:url(images/left.png) no-repeat;*/
float:left;
cursor:pointer;
margin:0;
padding:20px 0px 0px 0px;
font-size:1.2em;
color:#fff;    
text-decoration:underline;
}

/* next button uses another background image */
a.next,a.nextPage {
display:block;
width:108px;
height:18px;
/*background:url(images/left.png) no-repeat;*/
float:right;
cursor:pointer;
/*background-image:url(images/right.png);*/
margin:0;
padding:20px 0px 0px 0px;
font-size:1.2em;
color:#fff;
text-decoration:underline;
}

/* mouseover state */
a.prev:hover,a.next:hover,a.prevPage:hover,a.nextPage:hover {
background-position:0 -18px;
text-decoration:none;
}

/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}

/* tooltip styling. uses a background image (a black box with an arrow) */
.tooltip {
background:transparent url(images/black_arrow_big.png) no-repeat scroll 0 0;
height:153px;
width:310px;
font-size:1.2em;
display:none;
color:#fff;
padding:30px;
}

/* tooltip title element (h3) */
div.tooltip h3 {
font-size:18px;
color:#fff;
margin:0;
}

#facebook {
float:left;
width:220px;
background:url(images/facebook_1.png) no-repeat left top;
margin:10px 0 0;
padding:30px 0 0 10px;
}

#facebook_single {
float:right;
width:320px;
background:url(images/facebook_2.png) no-repeat left top;
margin:10px 0 0;
padding:30px 0 0 10px;
}

#detail_page_vid_info,#playingnow a:hover {
color:#FFF;
}

ul#misc li#komentiraj a:hover,ul#misc li#email a:hover {
background:url(images/komentiraj.png) no-repeat center bottom;
}

#playingnow ul,#top_videos ul {
list-style-type:none;
margin:0;
padding:0;
}

#playingnow .imag:hover,.form td input {
border:1px solid #0CF;
}

#newvideos_results a,#topvideos_results a,#memberslist table td a {
color:#48ACDE;
text-decoration:none;
}

.row1,.row2 {
background:none;
color:#FFF;
border-bottom:1px solid #000;
}

div.navi a:hover,div.navi a.active {
background:#999;
width:10px;
height:10px;
display:block;
float:left;
margin:0 5px;
}

.twtr-bd{font-size:0.8em;}
.twtr-doc{
    margin:10px 0px 0px 0px;
}
.twtr-hd h3{float:left; }

.fblike{
    margin:10px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    float:left;
    display:block;
    width:610px;
    -moz-border-radius: 5px 5px 5px 5px;
    background:#fff;
    border:2px solid #45ACC4;
}