* {margin: 0; padding: 0;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: url(/images/bg_body.gif) left 27px repeat-x #fff389; }
img { border: none; }
a { color: #c61c00; text-decoration: none; }
#main { margin: 0 auto; width: 970px; min-height: 680px; background: url(/images/bg_main.gif) top repeat-y; }
#header { width: 970px; height: 140px; margin: 0 auto; background: url(/images/bg_header.jpg) top left no-repeat; }
#header .inside { height: 100px; }
#header .inside .ttl { height: 60px; width: 300px; float: left; display: inline; margin-top: 30px;}
#header .inside .ttl h2 { color: #c61c00; font-size: 28px; padding-top: 10px; text-indent: 10px;}
.bannertop { width: 470px; float: right; display: inline; height: 60px; margin-right: 10px; margin-top: 20px; }
#wrapper {
	float: left; display: inline;
	width: 100%;
}

#footer { clear: left; width: 970px; margin: 0 auto 10px auto; padding: 10px 0; text-align: center; background: url(/images/bg_footer.gif) center bottom no-repeat; }

#content .inside { padding: 0 0 0 10px; }
#rightside .frms, #leftside .frms { }
.topper { height: 25px; background: url(/images/bg_topper.gif) no-repeat; }
.ender {display: hidden;}


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

#navbar { min-height: 40px; height: 40px; width: 970px; margin: 0 auto; background: url(/images/bg_navbar.gif) no-repeat;}

#pad {height:140px;}

#navbar ul {padding: 5px 0 0 10px; margin:0; list-style:none; height:30px; width: 650px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
#navbar ul li {float:left; margin-right: 2px;}
#navbar ul li a {display:block; float:left; height:30px; line-height:30px; color: #fff; text-decoration:none; font-size:14px; font-weight:bold; padding:0 7px 0 7px; }
#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:#feff95; background-color:#ca3200;}
#navbar ul li:hover {position:relative; z-index:200;}

#navbar ul li:hover > a {color:#feff95; background:#ca3200;}
#navbar ul li:hover > a.sub {color:#feff95; background-color:#ca3200;}

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

#navbar ul :hover ul {left:0; top:30px; width:220px; background:#ca3200;}

/* 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:#ca3200; 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:#ca3200; color:#fff; height:24px; line-height:24px;}

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


#navbar div.srch {float: right; display: inline; width: 230px;}
#navbar div.srch form {border: none; display: block; width: 230px; padding-top: 10px; }
#navbar div.srch form input {float: left; display: inline; margin-left: 10px;}
#searchinput {border: 1px solid #000; background-color: #fff; width: 150px; font-size: 14px;}

.subtitles { position: relative; width: 640px; height: 28px; margin-bottom: 5px;}
.subtitles h3 { font-size: 20px; color: #663419; width: 450px; height: 1.2em; overflow: hidden;}
.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;}

#rightside h3, #leftside h3 {
	width: 298px;
	text-align: left;
	text-indent: 12px;
	font-size: 16px;
	font-family: Arial, Helvetica;
	clear: both;
	margin-bottom: 10px;
	height: 26px;
	line-height: 25px;
	color: #fff;
	background-color: #e14600;
	border: solid 1px #ac1000;
}

#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;}
ul.indextube li { list-style: none; margin: 0 0 10px 0; height: 145px; padding: 0; background: url(/images/bg_tube.gif) bottom right no-repeat; border: solid 1px #fff389; }
ul.indextube li a img { float: left; display: inline; margin: 5px auto 0 5px; width: 180px; height: 135px; }
ul.indextube li .vidlisttitle { margin: 3px auto 8px 195px; font-size: 16px; font-weight: bold; color: #623c26; height: 1.2em; overflow: hidden; }
ul.indextube li .vidlistdesc { margin: 6px auto 5px 195px; font-size: 14px; color: #000; height: 69px; overflow: hidden;}
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 {margin: 0 auto 0 195px; font-size: 12px; float: none; display: block; text-align: right; text-indent: 0; padding-right: 6px; }
ul.indextube li .tags a { text-decoration: underline; display: inline-block; margin-right: 3px;}

ul.indexhor { margin: 0 0 5px -2px; list-style: none; }
ul.indexhor li { float: left; display: inline; width: 124px; height: 122px; margin: 0 0 2px 2px; padding-top: 2px; background: url(/images/bg_layhor.gif) bottom no-repeat #fff; border: solid 1px #fff389; }
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: 12px; 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; }

.centered {
	text-align: center;
}

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

.addcomment {
	margin-left: 20px;
}



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

.centr { }

.flv .vidsdesc { margin: 3px auto 5px 0; padding: 2px 0; font-size: 16px; font-weight: bold;}
.flv .vidsdesc span { color: #875a45; }

.flv { width: 640px; }
.flv .vidlistviews, .flv .vidlistlength, .flv .vidlistposter, .flv .vidstags { font-size: 12px; font-weight: bold; margin-bottom: 4px;}
.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 .vidlistviews span, .flv .vidlistlength span, .flv .vidlistposter span, .flv .vidstags span { display: inline-block; width: 70px; color: #875a45;}

.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;}

.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;}

#network { clear: both; z-index: 2; min-width: 970px; padding-top: 15px; background: url(/images/bg_network.gif) top left repeat-x #c03916; border-top: 2px solid #71160d; 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/bg_network_li.gif) 0px 3px no-repeat; padding-left: 12px;}
#network a { color: #f8dcaf; font-size: 14px; letter-spacing: -1px;}
#network a:hover { color: #fff; text-decoration: underline; }
#network h4 { margin-left: 14px; font-size: 20px; font-weight: bold; margin-bottom: 12px; letter-spacing: -1px; border-bottom: 1px dotted #aaa; color: #ffca4c;}

.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;
}