* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { color: #222; font-family: Arial, Helvetica; font-size: 12px; background:  url(/images/bg.gif) top left repeat-x #e8d1a9; }
#main {	margin: 15px auto 0 auto; width: 1000px; padding-top: 15px; background: url(/images/bgmain.gif) top no-repeat #fff; }
#header { width: 1000px; margin: 0 auto; height: 30px; background: url(/images/bghead.gif) top left no-repeat; color: #eee;}
#header div.logo { float: left; }
#header p { float: left; font-size: 16px; font-weight: bold; padding-top: 4px;}
#footer { clear: left; width: 1000px; margin: 0 auto; text-align: center; padding: 10px 0 0 0; }
#footer a { color: #333; }
#footer p { padding: 0 auto 10px auto; }

#content { margin-right: 330px; }
#content .inner { margin-left: 15px; }
#wrapper { float: left;	width: 100%; }

#rightcolumn { float: left; width: 300px; margin-left: -315px; }
#rightcolumn h3 { padding: 3px; font-size: 16px; font-weight: bold; color: #444; margin-top: 5px;}

#rsscontent { border: none; }
#rssdata { background: url(/images/bgrssdata.gif) top left repeat-x; }

a { color: #ab5000; text-decoration: none; }
a:hover { color: #741b00; }
.centered { margin: 0 auto; padding: 0; }

.refs { list-style: none; }
.refs li { margin-bottom: 6px; padding-left: 6px; float: left; dislplay: inline; width: 240px;}
.more { padding: 6px 10px; font-size: 14px; }

#navig { min-height: 50px;}

#menu {padding: 0 5px; list-style:none; height:50px; position:relative; z-index:500; font-family: "Trebuchet MS", Arial;}
#menu li {float:left; margin-right:4px; }
#menu li.bm { float: right; padding-top: 15px;}
#menu li a {display:block; float:left; height:50px; line-height:50px; text-decoration:none; font-size:16px; font-weight:bold; padding:0 15px 0 15px; color: #ccc; }
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style for different browsers the list OR link hover */

#menu li a:hover {z-index:200; position:relative; text-decoration: underline; }
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {text-decoration: underline;}
#menu li:hover > a.sub {text-decoration: underline;}

#menu li.selected a { background: url(/images/bgnav.gif) top left repeat-x; color: #fff;}

#menu :hover ul {left:0; top:30px; width:150px; background:#d1eafd;}



.size32 { font-size: 32px; text-align: center; }

p.pages { margin: 20px auto; font-size: 14px; font-weight: bold; text-align: center;}
p.pages a { display: inline-block; margin: 0 1px; padding: 1px 4px; border: 1px solid #c3a97a; color: #c3a97a;}
p.pages img { height: 14px; width: 20px; margin-bottom: -2px;}

div.subtitles { position: relative; text-align: left; width: 640px; margin: 0 auto 5px auto; height: 38px; }
div.subtitles h3 { width: 440px; padding-top: 2px; font-size: 28px; font-family: "Trebuchet MS", Arial; font-weight: normal; letter-spacing: -1px; overflow: hidden; height: 1.2em;}
div.subtitles span { position: absolute; z-index: 5; left: 440px; top: 6px; width: 200px; text-align: right; font-weight: bold; }

ul.indextube { list-style: none; }
ul.indextube li { min-height: 120px; padding-top: 10px; border-bottom: 1px solid #e8d2ab;}
ul.indextube li .f1 { float: left; width: 70px; height: 100px;}
ul.indextube li .f1 .views { width: 60px; height: 60px; margin-bottom: 5px; text-align: center; font-size: 11px; color: #72432e; background: url(/images/bgviews.gif) no-repeat;}
ul.indextube li .f1 .views span { display: block; padding-top: 9px; font-size: 20px; margin-bottom: -3px;}
ul.indextube li h3 { font-size: 14px; text-transform: capitalize; margin-bottom: 5px;}
ul.indextube li h3 a { text-decoration: underline; letter-spacing: -0.01em;}
ul.indextube li p.vidlistdesc { color: #555; margin-bottom: 5px;}
ul.indextube li p.vidlistviews { color: #888; }
ul.indextube li .tags a { text-decoration: underline; }
ul.indextube li .tags a:hover { text-decoration: none; }
ul.indextube li a img.tn { display: block; float: left; margin-right: 10px; height: 100px; width: 100px; padding: 2px; border: 1px solid #ddd; background: url(/images/bgtn.gif) 2px 2px no-repeat;}
.indextube .vidlistrating { float: right; display: inline; width: 70px; height: 12px; margin-right: 4px; background: url(/images/bg_rating.gif) bottom left repeat-x; text-align: right; }
.indextube .vidlistrating img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }


.bottomnav { list-style: none; text-align: center; }
.bottomnav li { display: inline; padding: 0 3px; font-weight: bold; }

.sectdesc { font-size: 14px; font-weight: bold; margin: 0 50px 20px 50px; }
.centl .notice { margin: 7px 0; }


table { margin: 0 auto; }

span.new {
	font-weight: bold;
	color: #816546;
}

a.scrindex { float: right; width: 200px; height: 150px; margin: 0; padding: 0; }

#rssdata .f1 { width: 995px; height: 45px; margin: 0 auto; overflow: hidden; } 
#rssdata h3 { font-size: 12px; color: #fff; margin-bottom: 1px; text-transform: capitalize;}
#rssdata .vidsdesc span { }
#rssdata .vidsdesc { font-size: 11px; color: #ddd; height: 1.2em; overflow: hidden; width: 620px;}

#rssdata .vidstags { font-size: 11px; height: 1.3em; overflow: hidden; width: 620px; color: #ddd; }
#rssdata .vidstags a { font-weight: normal; text-decoration: underline; margin-right: 4px; color: #ffc000;}
#rssdata .vidstags a:hover { text-decoration: none; color: #fff;}

#rssdata .payrevlink { width: 340px; float: right; margin-right: 15px; padding-top: 9px; height: 30px; overflow: hidden;}
#rssdata .payrevlink p { font-size: 18px; }
#rssdata .payrevlink p a { float: right; height: 26px; line-height: 24px; padding: 0 5px; letter-spacing: -1px; border: 1px solid #ddd; background-color: #082143;}

.clearboth {
	clear: both;
}
.cleared:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cleared {
	display: inline-block;
}
li.cleared {
	display: inline-block;
	margin-bottom: 10px;
}
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
* html .indextube li {height: 1%; padding-bottom: 10px;}
* html li.cleared {height: 1%; margin-top: 20px; }
.cleared {display: block;}
li.cleared {display: block; margin-top: 20px;}
/* End hide from IE-mac */

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