* {margin: 0; padding: 0;}
body { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: url(/images/backgroud-lighter_100x100px.png) left repeat #eae5e1; }
img { border: none; }
a { color: #55bed2; text-decoration: none; }
a:hover { color: #46b400; text-decoration: none; }
#main { margin: 0 auto; width: 970px; min-height: 680px; padding-top: 0px; background:  #eae5e1; }


#network34 { background: url(/images/27x1px.jpg) top repeat-x #000; color: #fff; font-family: Arial, Helvetica; font-size: 12px; }
#network34inside {width: 960px; margin: 0 auto; }
#network34 ul { margin-left: 80px; list-style: none; padding: 0 0 0 20px; height: 27px; }
#network34 ul li {float: left; display: inline; padding: 4px 10px 0 10px; background: url(/images/s_1x15px_02.png) right bottom no-repeat;}
#network34 a {color: #fff; text-decoration: none;}
#network34 a:hover {color: #ddd;}

.tipsy { padding: 5px; font-size: 14px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.likes{
    display: inline;
    float: left;
    width: 300px;
}


#overlay { background: url(/images/upp-ic.png) top repeat-x; }

#header { width: 960px; height: 110px; padding: 5px; margin: auto; } /* 90 je slika */
#header .ttl { height: 110px; width: 215px; float: left;  } /* head deo, logo */
#header .ttl img { margin: 8px auto; } /* samo slika */
#header .ttl h2 { color: #c61c00; font-size: 28px; padding-top: 10px; text-indent: 10px;}
.bannertop { float: right; display: inline; margin: 10px auto;  }
#wrapper {
	float: left; display: inline;
	width: 100%;
	background: #eae5e1;
}


#footer { clear: left; width: 970px; margin: 0 auto 0 auto; padding: 10px 0 20px 0; text-align: center; background:  #eae5e1; }

#content .inside { padding: 5px 0 0 10px; }
#rightside .frms, #leftside .frms { }
.topper {display: hidden;}
.ender {display: hidden;}


.headbkm { position: absolute; z-index: 3; top: 20px; left: 818px; width: 119px; }

#navbar { color: #ffffff; line-height:29px; min-height: 31px; height: 31px; width: 100%; margin: 0 auto; background: url(/images/main-bar_31x1px.png) top repeat-x;  }

#pad {height:140px;}
#navbar .content { width:970px; margin: auto;}
#navbar ul { line-width:970px; padding: 0; margin:0; list-style:none; height:31px; width: 750px; position:relative; z-index:500; font-family: Trebuchet MS, arial, verdana, sans-serif; }
#navbar ul li {float:left; padding-right: 2px; background: url(/images/s_main-bar_2x31px.png) right bottom no-repeat; }
#navbar ul li a { text-transform: uppercase; color: #ffffff; display:block; float:left; height:29px; text-decoration:none; font-size:13px; font-weight:bold; padding:0 5px 0 5px; }
#navbar ul table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style the list OR link hover. Depends on which browser is used */

#navbar ul li a:hover {z-index:200; position:relative; color:#46b400; background-color:#46b400;}
#navbar ul li:hover {position:relative; z-index:200;}

#navbar ul li:hover > a {color:#fff; background:#46b400;}
#navbar ul li:hover > a.sub {color:#fff; background-color:#46b400;}

#navbar ul li.selected a {color:#fff; background:#ff5a5b;}

#navbar ul :hover ul {left:0; top:29px; width:220px; background:#46b400;}

/* keep the 'next' level invisible by placing it off screen. */
#navbar ul ul, 
#navbar ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navbar ul :hover ul :hover ul {left:220px; top:-1px; background:#46b400; white-space:nowrap; width:100px; z-index:200; height:auto;}

#navbar ul :hover ul li {margin:0; }
#navbar ul :hover ul li a {width:220px; padding:0; text-indent:10px; background:#46b400; color:#fff; height:29px; line-height:29px; font-size: 13px;}

#navbar ul :hover ul :hover {background-color:#ff5a5b; color:#fff;}


#navbar div.srch {float: right; display: inline; width: 270px; height: 31px;}
#navbar div.srch form {border: none; display: block; width: 270px; padding-top: 5px; }
#navbar div.srch form input {float: left; display: inline; margin-left: 10px; }
#searchinput { border: 1px solid #000; background-color: #fff; width: 180px; font-size: 16px;}

.subtitles { display:block; position: relative; width: 640px; height: 36px; margin-bottom: 5px;}
.subtitles h3, h3 a { padding-left: 7px; font-size: 20px; color: #46b400; width: 450px; height: 1.2em; overflow: hidden;}
.subtitles a:hover { color: #46b400; text-decoration: underline; }
.subtitles span { position: absolute; z-index: 10; right: 0; top: 0; width: 200px; font-size: 12px; text-align: right;}
.subtitles span.forback { font-size: 20px;}


.subtitlesnews { display:block; position: relative; width: 650px; }
.subtitlesnews h3 { width: 400px; overflow: hidden; padding: 0 14px 0 14px; font-size: 17px; color: #000; font-weight:bold; }
.subtitlesnews a { text-decoration: none; }
.subtitlesnews a:hover { text-decoration: none; font-size: 17px; color: #777; font-weight:bold; }
.subtitlesnews span { position: absolute; right: 14px; top: 0; width: 400px; text-align: right; font-size: 17px; color: #000; font-weight:bold; }

.subtitlesusers { display:block; position: relative; }
.subtitlesusers h3 { width: 600px; overflow: hidden; padding: 0 14px 0 14px; font-size: 17px; color: #000; font-weight:bold; }
.subtitlesusers a { text-decoration: none; }
.subtitlesusers a:hover { text-decoration: none; font-size: 17px; color: #777; font-weight:bold; }
.subtitlesusers span { position: absolute; right: 14px; top: 0; width: 400px; text-align: right; font-size: 17px; color: #000; font-weight:bold; }



#rightside h3, #leftside h3 {
	width: 300px;
	text-align: left;
	text-indent: 12px;
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	clear: both;
	margin-bottom: 10px;
	height: 31px;
	line-height:29px;
	color: #ffffff;
	background: url(/images/main-bar_31x1px.png) top repeat-x;
	font-size:13px;
	font-weight:bold;
	text-transform: uppercase;
}

#container { margin-left: 0;}
.thumbs, #flvindex, .tagsindex, .stars, .clearboth, .vidslist {
	margin: 0 auto;
	padding-top: 4px;
}
div.sides {
	width: 235px;
	margin: 0 auto;
	padding-top: 4px;
}

.thumbs a, p.vert a {
	border: none;
}
.thumbs a:hover img {
	border: none;
}

div.central {
	width: 500px;
	margin: 0 auto;
}

p.pages {
	margin: 10px auto 3px auto;
	font-size: 16px;
	text-align: center;
}
p.pages span {
	font-weight: bold;
	margin: auto 3px;
}
p.pages img { margin-bottom: -2px; }
p.result {
	font-size: 11px;
	text-align: center;
	color: #333;
}
p.vert {
	
	margin-left: 14px;
}
p.vert a img {
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	margin: 0 3px 3px 0;
	padding: 0;
	border: solid 1px #111;
}

.clearboth {
	clear: both;
	position: relative;
}
.cleartn {clear: both; height: 0; font-size: 1px; line-height: 0px;}
.cleared:after, #main:after, .layhor ul.vidslist li:after, .layblog ul.vidslist li:after, ul.archiv:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
li.cleared:after {
	margin-bottom: 10px;
}
.cleared, .layblog ul.vidslist li {
	display: inline-block;
}
li.cleared {
	display: inline-block;
	margin-bottom: 10px;
}
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
* html li.cleared {height: 1%; margin-top: 20px; }
.cleared {display: block;}
li.cleared {display: block; margin-top: 20px;}
/* End hide from IE-mac */

ul.archiv { list-style: none; text-align: center; margin: 10px auto 10px auto; font-weight: bold; }
ul.archiv li { float: left; display: inline; width: 48px; height: 25px; margin-left: 2px; line-height: 24px;}
ul.archiv li a { display: block; height: 100%; border: solid 1px #36f3222; }

.layhor ul.vidslist, .layver ul.vidslist { list-style: none; margin: 0; font-size: 12px; clear: both; }
.layhor ul.vidslist li { list-style: none; margin: 0 0 10px 10px;padding: 0; float: left; width: 138px; height: 147px; display: inline; position: relative; background-color: #fffde4; border: solid 1px #eac06f; }
.layhor ul.vidslist li img { display: block; margin: 5px auto 0 auto; padding: 0 5px 0 5px; width: 128px; height: 96px; }
.layhor .vidslist .vidlistdesc { margin: 1px auto; text-align: center; font-size: 11px; height: 13px; overflow: hidden; color: #623c26; }
.inside .layhor .vidslist .vidlistviews, .inside .layhor .vidslist .vidlistlength { font-size: 10px; text-align: center; }

ul.indextube { margin-bottom: 5px; margin-top: 5px;}
ul.indextube li { list-style: none; position: relative; margin: 0 0 10px 0; height: 149px; padding: 0; background-color: #f4f2ed; }
ul.indextube li a img { float: left; display: inline; margin: 0 auto 0 0; width: 180px; height: 135px; background: url(/images/video_polje.png) no-repeat right bottom; padding: 7px 7px 7px 7px; }
ul.indextube li .vidlisttitle { margin: 3px auto 8px 195px; font-size: 16px; font-weight: bold; height: 1.4em; overflow: hidden; padding-top: 10px; padding-left: 10px; }
ul.indextube li .vidlistdesc { margin: 6px auto 5px 195px; font-size: 14px; color: #414042; height: 50px; overflow: hidden; padding-left: 10px;}
ul.indextube li .vidlistviews { margin: 0 auto 5px 195px; font-size: 12px; float: none; display: block; text-align: right; text-indent: 0; padding-right: 7px; color: #666;}
ul.indextube li .vidlistlength { margin: 0 auto 2px 195px; font-size: 12px; float: none; display: block; text-align: left; text-indent: 0; padding-right: 0; color: #7d7151;}
ul.indextube li .tags { position: absolute; width: 440px; bottom: 2px; right: 0; font-size: 12px; float: none; display: block; text-align: right; text-indent: 0; padding-right: 3px; vertical-align: bottom;}
ul.indextube li .tags a { text-decoration: underline; display: inline-block; margin-right: 3px;}

.inlinead { margin: 0 0 10px 0; height: 135px; padding: 5px; overflow: hidden; }
.inlinead .adsrc img { float: left; display: inline; margin-right: 10px; width: 180px; height: 135px; }
.inlinead .adsrc { }

ul.indexhor { margin: 0 0 5px -2px; list-style: none; }
ul.indexhor li { float: left; display: inline; width: 124px; height: 122px; margin: 0 0 4px 4px; padding-top: 4px; }
ul.indexhor li a img { display: block; margin: 0 auto; width: 120px; height: 90px; border: none; }
ul.indexhor li .vidlisttitle { text-align: center; font-size: 13px; width: 124px; overflow: hidden; height: 1.2em;}
ul.indexhor li .vidlistdesc { display: none; }
ul.indexhor li .vidlistviews { text-align: center; font-size: 10px;}
ul.indexhor li .vidlistlength { text-align: center; font-size: 10px; }

.layblog ul.vidslist li { width: 100%; list-style: none; margin: 0 0 10px 0; padding: 0; background-color: #fffde4; border: solid 1px #eac06f; }
.layblog ul.vidslist li img { display: block; margin: 5px auto 0 auto; padding: 0 5px 0 5px; }
.layblog .vidslist .vidlistdesc { margin: 1px auto 4px auto; text-align: center; font-size: 12px; color: #623c26; }
.inside .layblog .vidslist .vidlistviews { float: right; display: inline; width: 120px; margin-top: 0; margin-bottom: 0; font-size: 10px; padding-right: 5px; text-align: right; height: 15px;}
.inside .layblog .vidslist .vidlistlength { float: left; display: inline; width: 120px; text-indent: 5px; margin-top: 0; margin-bottom: 0; font-size: 10px; height: 15px;}
.inside .layblog .vidslist .vidlisttitle { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 3px; color: #623c26; }

.bottomnav { height: 125px; margin-left: -8px;}
.bottomnav div { float: left; display: inline; width: 205px; margin-left: 10px; }

.subsites { list-style: none; height: 190px; padding-left: 3px;}
.subsites li { float: left; display: inline; width: 180px; margin-left: 10px; text-align: center; font-weight: bold;}

.centered {
	text-align: center;
}

#player {
	margin: 3px auto;
	text-align: center;
}

.addcomment {
	margin-left: 20px;
}



.centl { width: 500px; float: left; display: inline; }
.centr { width: 80px; float: right; display: inline; }

.naavi { background: url(/images/background-opis_1x200px.png) top repeat #fff;  }

.flv { width: 640px; color: #55bed2; }
.flv .vidsdesc { margin: 3px auto 5px 0; padding: 2px 0; font-size: 16px; font-weight: bold; color: #55bed2; margin-bottom: 15px; padding-left: 7px; }
.flv .vidlistviews, .flv .vidlistlength, .flv .vidlistposter, .flv .vidstags { font-size: 12px; font-weight: bold; margin-bottom: 4px; padding-left: 7px;}
.flv .vidstags { line-height: 140%; }
.flv .vidstags a { font-weight: normal; text-decoration: underline; margin-right: 5px;}
.flv .vidstags a:hover { text-decoration: none; }
.flv .vidsdesc span, .flv .vidlistviews span, .flv .vidlistlength span, .flv .vidlistposter span, .flv .vidstags span { display: inline-block; width: 70px; color: #46b400;}

.flv p { line-height: 1.4em; margin-bottom: 6px;}
.flv ul li { margin-left: 20px; margin-bottom: 6px;}

.flv .vidsshare { font-size: 12px; font-weight: bold; height: 18px; }
.flv .vidsshare span { float: left; width: 70px; font-weight: bold; color: #875a45;}
.flv .vidsshare ul { list-style: none; height: 16px; float: left; display: inline;}
.flv .vidsshare ul li { float: left; display: inline; margin-right: 10px; margin-left: 0; margin-bottom: 0;}

.flv .vidlistrat { height: 18px;}
.flv .vidlistrat span { float: left; width: 70px; font-weight: bold; color: #875a45;}

.vertlist { list-style: none; width: 610px; }
.vertlist li { list-style: none; height: 128px; clear: both; margin-bottom: 7px; border-bottom: 1px dashed #ccc; }
.vertlist li img { display: block; float: left; width: 160px; height: 120px; margin: 0 5px 0 5px; }
.vertlist .vidlistdesc { font-size: 16px; font-weight: bold; }
.vertlist .vidlistviews { width: 150px; }
.vertlist .vidlistlength { width: 150px; }

ul.gals { list-style: none; height: 65px; margin-bottom: 5px; padding-left: 2px; }
ul.gals li { float: left; display: inline; margin-left: 5px; }

.logbox { margin-left: 15px;padding-top: 6px;}
.logbox ul { list-style: none; padding-left: 5px; padding-right: 10px;}
.logbox ul li { margin-bottom: 3px; }
.logboxerr { font-size: 14px; font-weight: bold; color: #e50000; padding-top: 6px; text-indent: 20px;}

.uploadpic { margin-bottom: 5px; padding-left: 6px;}
.uploadpic form { margin: 0; width: 700px; display: block;}
.red, .grn { font-size: 14px; font-weight: bold; text-indent: 10px; margin-bottom: 5px; }
.red { color: #e50000; }
.grn { color: #32b100; }

#rightside ul, #content ul.refs, #leftside ul.refs { list-style: none; text-align: left; padding-bottom: 10px;}
#rightside ul li, #content ul.refs li, #leftside ul.refs li { text-align: left; padding-left: 10px; height: 1.5em;}
#rightside ul li a, #content ul.refs li a, #leftside ul.refs li a { font-weight: bold; }
#rightside ul.refs span, #leftside ul.refs span { display: inline-block; width: 250px; height: 1.3em; overflow: hidden; font-weight: bold; padding-left: 0; margin-left: 0;}

#rightside p { margin-bottom: 3px; }

.prevnex { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.prevnex .prev { float: left; display: inline; width: 100px; margin-left: 20px; }
.prevnex .next { float: right; display: inline; width: 100px; text-align: right; margin-right: 30px;}

.sharebox { width: 600px; margin: 0 auto 15px auto; padding-top: 15px;}
.sharebox .share1 { position: relative; height: 160px;}
.sharebox .sharebutton { position: absolute; top: 20px; right: 15px; z-index: 5; width: 80px; text-align: center; }
.sharebox p { width: 330px; margin-left: 160px; padding-top: 20px; font-size: 16px; font-weight: bold;}

#network { clear: both; z-index: 2; min-width: 970px; padding-top: 15px; background: url(/images/1x500px_background.png); color: #fff; }
#network ul { list-style: none; margin: 0 auto 0 auto; width: 940px; }
#network ul li { float: left; display: inline; width: 218px; margin: 0 0 0 15px; }
#network ul li ul { margin: 0 0 0 0; width: 100%; padding-bottom: 30px;}
#network ul li ul li { float: none; display: block; width: 210px; margin-bottom: 6px; background: url(/images/white-arrow_6x10px.png) 0px 3px no-repeat; padding-left: 12px;}
#network a { color: #ddd; font-size: 14px; letter-spacing: -1px;}
#network a:hover { color: #fff; text-decoration: underline; }
#network h4 { text-transform: uppercase; margin-left: 14px; font-size: 16px; font-weight: bold; margin-bottom: 12px; letter-spacing: -1px; border-bottom: 1px dotted #aaa; color: #fff;}

.fbook { width: 298px; border: 1px solid #cccccc; background-color: #f7f7f7; padding: 10px auto 10px auto; text-align: center; margin-bottom: 10px;}
fb:login-button {margin-top: 10px; margin-bottom: 10px;}



.notifybox { width: 800px; height: 600px; background: url(/images/042-bgpopup.gif) top left no-repeat; 
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
z-index: 1000;
}
.notifycontent { height: 100%; background: url(/images/042-popupbroj.gif) 6px 100px no-repeat; }
.notifycontent h1 { font-size: 36px; text-align: center; height: 48px; line-height: 48px; color: #1ca4d6; margin-bottom: 10px;}
.notifycontent h2 { font-size: 30px; text-align: center; color: #07749c; margin-bottom: 145px; }
.notifycontent ul { height: 53px; padding-left: 70px;}
.notifycontent ul li { float: left; font-size: 18px; width: 360px; color: #555; margin-bottom: 3px;}
.notifycontent .notifyp { font-size: 16px; font-weight: bold; color: #666; text-align: center; margin-bottom: 5px;}
.notifycontent .up { height: 125px; padding-top: 30px; font-size: 48px; font-weight: bold; color: #70001a; padding: 20px 0 0 30px; background: url(/images/042-webicons.gif) 440px 15px no-repeat;}
.notifycontent .up span { color: #1ca4d6; display: inline-block; width: 290px; font-weight: normal; letter-spacing: -2px;}
.notifycontent .dalje { }
.notifycontent .dalje p { font-size: 14px; color: #666; padding: 8px 0 0 20px;}
.notifycontent .dalje img { float: right; display: inline; margin-right: 8px;}

#notifyclose { float: right; width: 42px; height: 40px; margin: 0; text-decoration: none; border: none; clear: both;}
#notifyclose img { border: none; }

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:1;
}