/*
this css/html template was written by Marius Nedelcu if you have any questions feel free to contact me at marius.etc@gmail.com
do not duplicate this template without my permission */

body	{background:url(images/body_bg.jpg) top repeat-x;}
html	{background:url(images/page_bg.png) 0px 0px #dddcda;}
/*html defaults*/
body	{font-size:11px; font-family:Arial, Helvetica, sans-serif;}
*		{margin:0; padding:0;}
img, label, fieldset {display:block; border:0;}
a		{text-decoration:none;}
li		{list-style-type:none; vertical-align:bottom;}
hr		{clear:both; visibility:hidden; height:0;}
h1, h2, h3, h4 {font-weight:normal;}

/*GENERAL---------------------------------------*/
.fl		{float:left;}
.fr		{float:right;}
.mb10	{margin-bottom:10px;}
.pt10	{padding-top:10px;}
.pb10	{padding-bottom:10px;}
.adv-120, .adv-160	{position:relative; overflow:hidden; z-index:2;}
.adv-300	{width:300px; height:250px;}
.adv-468	{width:468px; height:60px;}
.adv-728	{width:728px; height:90px;}
.adv-160	{width:160px;}
.adv-120	{width:120px;}
.padbtom5	{padding-bottom:5px;}

.lst, .in-lst, .navi ul, .navi .fl, .navi .fr, .navi .fl a, .navi .fr a	{display:block;}
.in-lst li		{display:inline;}
.navi			{clear:both;}
.navi ul		{width:410px; margin:0 auto; text-align:center;}
.navi li		{display:inline;}
.hed, .he2, .hed2	{clear:both;}

/*Structure*/
#wrap		{width:999px; margin:0 auto;}
#search *	{float:left;}

#container	{background:#fff; padding:12px 0px 0 15px; border-left:1px solid #a59d8d; border-right:1px solid #a59d8d;}
#sidebar	{width:306px; padding:6px; float:right; background:#f3f3f3; right:9px; position:relative;}
#footer		{clear:both;}

/*///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*/////////////////////////////////         END DEFAULTS       \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/*===HEADER===*/
#logo		{display:block; position:absolute; top:0; left:-44px; z-index:2;}
#header		{height:104px; position:relative;}

#search			{height:16px; width:232px; display:block; padding:2px 0px 2px 10px; margin-top:2px;}
#search .fld	{width:152px; padding: 1px; border:3px solid #565656; font:normal 12px/13px arial; color:#fff; height:14px; background:#7d7d7d; margin-right:7px;}

#main-nav				{display:block; padding-right: 10px; padding-left: 380px; width: 609px; background: url(images/nav_bg.png) top repeat-x #00dafb; bottom:0; position:absolute; z-index:0;}
#main-nav, #main-nav li {height:24px;}

#main-nav *				{float:left;}
#main-nav li			{border-right:1px solid #06697a;}
#main-nav a				{padding:5px 10px 0 10px; border-top: 1px solid #00dafb; height:18px; color:#000; font-size:12px; font-weight:bold; border-right:1px solid #06c4e2;}
#main-nav a:hover		{color:#fff; background:#fd00dc;}
#main-nav .fr			{float: right; border:0;}
#main-nav .fr a			{float: right; border:0; padding-top:5px; padding-right:0px;}
#main-nav .fr a:hover	{background: none;}

#subnav		 	{background:#00dafb; padding:4px;}
#subnav .holder	{background: url(images/nav_bg.png) 0px -25px repeat-x black;  padding:5px 6px 4px; border:1px solid black;}

#subnav .fl  {width:730px;}
#subnav ul * {float: left; display: block;}
#subnav li	 {width: 85px; height:14px;}
#subnav li a		{color:#fff; padding-left:8px; background: url(images/dot1.gif) left no-repeat;}
#subnav li a:hover	{background: url(images/dot2.gif) left no-repeat; text-decoration: underline;}

/*===CONTENT===*/
.hed			{padding:7px 0px 7px 9px; margin:0 15px 8px 0; border-bottom:1px solid #cbcbcb; background: #f3f3f3; height:20px;}
.hed h2			{padding-top: 3px; font:bold 12px/13px arial;}
.hed img		{display:block; float:left; margin-right:8px;}

.post			  {float:left; width:186px; height:200px; margin:0 9px 20px 0;}
.post a			  {padding:0px; display:block; height:177px;}
.post a:hover	  {color:#d3570c;}
.post a:hover img {border:1px solid #ff42fc;}

.post img		  {width:180px; height:135px; border:1px solid #f3f3f3; margin-bottom:1px; padding:2px; background: #f3f3f3;}
.post a:hover .vtitle	{text-decoration:underline; color:#03b3cf;}
.post .vtitle	  {display:block; font:bold 1.1em/1.2em arial; color:#919191; overflow:hidden; height:30px; position:relative; text-align:left; overflow:hidden; padding:3px 0 0 4px;}

.post .det a		{display:inline; text-decoration:underline; height:auto; width:auto; color:#000;}
.post .det a:hover	{color:#ff42fc;}
.post .det	 	{display:block; height:12px; color:#828282; font-weight: bold; padding:1px;}
.post .det em	{font:bold 11px/12px arial; color:#000; height: auto; width: auto; display: inline;}

.navi		{height:35px; padding:20px 10px 0px; clear:both; margin:0 auto; border-top:1px solid #d1d1d1; margin-right:15px;}
.navi ul	{font:bold 12px/15px arial; width:480px; text-align:center; margin:0 auto; height:18px; padding-top:2px;}
.navi li	{display:inline;}

.navi li a			{padding:5px 9px; background: #000; color:black; margin-right: 5px; color:#fff;}
.navi li a:hover	{color:#000; background: #d1d1d1;}
.navi .cur_page		{color:#fff; background: #00d8ff; padding:5px 9px; margin-right: 5px;}
.navi .text_page a	{border:0; color:#000; text-transform: uppercase; background: none;}
.navi .text_page a:hover {color:#000; text-decoration:underline; background: none;}
.navi .text_page strong {color: #fb009a; font: bold 20px/12px arial;}

.side-th		{padding-left:2px;}
.side-th *		{display:block; float:left;}
.side-th li		{width:96px; height:74px; margin:0 3px 3px 0;}
.side-th li a	{width:92px; height:68px; border:2px solid #eceddd;}
.side-th img	{width:92px; height:68px;}
.side-th li a:hover {border:2px solid #000;}

/*===VIDEO===*/
.video-desc		{background: url(images/videodet_ico.png) left no-repeat; font:normal 11px/12px arial; padding:0px 0 8px 35px; border-bottom:1px solid #d1d1d1; margin-bottom:3px;}
.video-desc h1	{color:#ff00d4; font:bold 14px/15px arial;}

#videovodule	{width:646px; float:left; padding-bottom:20px;}
#player			{background: black; width:636px; padding:5px;}
#player .themask	{color:green!important; /*look for milo if you want to get rid of this otherwhise it wont work.*/; width:635px; height:400px; position:relative;}
#player img, #player object, #player embed, #player div {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height:100%; width:100%;}

#video-det			{background: black; height:27px; padding:8px; color:white; font:bold 12px/16px arial;}
#video-det div.fl	{width:290px; padding-top:1px;}
#video-det div.fr	{width:180px; text-align:center; line-height:19px;}
#rating				{float:right; margin-left:10px; width:71px; height:27px; position:relative;}
.sponsorbanner		{padding-top:10px;}

.rating-pos, .rating-neg	{width:24px; padding-top:27px; height: 0; overflow: hidden; position:absolute; top:0;}
.rating-pos			{right:0; background:url(images/rate_good.png) no-repeat;}
.rating-neg			{left: 0; background:url(images/rate_bad.png) no-repeat;}
#video-det #rating .cur-rating-178		{display:block; color:white; font-weight:bold; text-left;}


.downloadbtn		{background:url(images/download_but.png) top right no-repeat; margin-right: 10px; display: block; padding-top: 22px; width: 143px; height: 0; position: relative; overflow: hidden;}
.downloadbtn:hover	{background:url(images/download_but.png) top left no-repeat;}
/*===SIDEBAR===*/
.box			{margin-bottom:5px; padding-top:3px; padding-left:3px;}
.he2			{padding:4px 0 4px 0px; color:#fff; font-size:12px; margin-bottom:5px; background: url(images/nav_bg.png) 0 -24px repeat-x; padding-left: 10px; border:2px solid #00dafb;}

/*===FOOTER===*/
#footer		{color:#535353; padding:12px 16px 0 0px;}
#footer p	{padding:0 10px 10px;}
#footer p a {text-decoration: underline; color:#535353;}
#footer a	{color:#000; font-weight:bold;}
#footer a:hover {color:#fb009a; text-decoration:underline;}
.note		{padding: 10px; color: white;}

.categories-box			{background:#dfdfdf; border: 1px solid #888888; padding: 10px; margin: 0 5px 5px 5px;}
.categories-box h2		{color: #ff00a8; border-bottom:1px solid #cbcbcb ; padding: 0 0 5px;	margin-bottom: 5px;	font:normal 18px/18px arial;}
.categories-box ul, .categories-box ul * {display: block;}
.categories-box ul li	{width: 86px; float: left; font:bold 13px arial; margin:0 5px 2px 0;}
.categories-box a		{color: #000;}
.categories-box a:hover	{color: #fff;}

.in-lst				{padding:0px 0 0 10px; margin-bottom:10px; background:#f3f3f3; height:15px; padding:10px 17px;}
.in-lst li 			{margin-right:10px; padding-right:10px; font:normal 12px/13px arial; border-right:1px solid #191919;}

#sidebar .lst	{padding-left:5px;}

.lst			{padding-bottom:5px;}
.lst *			{display:block; float:left;}
.lst li			{width: 140px; line-height: 16px; padding-bottom:1px; margin-bottom:1px; margin-right:6px;}
.lst a			{color:#333; font-size:12px; background:url(images/dt1.gif) left no-repeat;}
.lst a:hover	{color:#fff; background:url(images/dt2.gif) left no-repeat;}

/*USER PAGES--------------------*/
#register					{padding:0 10px; width:420px; margin:0 auto; padding-bottom:10px; color:black;}
#register big				{font-size:28px; display:block; color:red; margin-bottom:4px;}

#register fieldset			{padding:10px 0; display:block;}
#register .login			{width:350px;}
#register .login input		{width:190px;}

#register fieldset label, #register fieldset input		{float:left;}
#register fieldset label	{display:block; width:90px; padding:2px 15px 2px 0; text-align:right; font-weight:bold; height:16px; font-size:15px;}
#register fieldset label em  {color:red;}
#register fieldset input	{width:290px; border:2px inset #ccc; margin-bottom:10px;}
#reg-but		{margin-left:107px; border:2px outset #000; background:#f0f0f0; font-weight:bold; padding:2px 4px;}
#reg-but:hover	{background:#b0ffba; color:#006600;}

#register span	{padding-bottom:20px; display:block;}
#shold			{padding-top:40px; height:450px;}
#shold p		{font-size:14px;}

#register .edit-profile label	{font-size:12px;}
#register a, .message a			{color:#000; text-decoration:underline; font-weight:bold;}
.message {padding:15px; border:1px solid #ccc; width:400px; margin:5px auto 0; display:block;	font-size:15px;}

#footer .fl 	{width:500px;}
.smlst			{display:block; padding:2px 0 5px 10px;}
.smlst li		{display:inline; margin-right:5px;}
.smlst a		{color:#666; text-decoration:underline;}
.smlst a:hover	{color:#ccc;}

.txpg	{color:white; padding:20px; font-size:12px;}
.txpg a {color:white; text-decoration:underline;}

.hardlinks			{padding:10px; height:250px;}
.hardlinks a		{display:block; color:white; float:left; width:150px; height:12px; padding:2px 0 2px 10px;}
.hardlinks a:hover	{text-decoration:underline;}

/*----- tooltip ----*/

#tt		{position:absolute; display:block; background:url(images/tt_left.png) top left no-repeat; z-index:1000;}
#tttop	{display:block; height:5px; margin-left:5px; background:url(images/tt_top.png) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#000; color:#FFF}
#ttbot	{display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.png) top right no-repeat; overflow:hidden}
/*advertise part*/

#advholder		{clear:left; padding:10px 0;}
#advholder .col {width:318px; margin-right:9px; float:left;}
#advholder .hed {border-bottom: 0; border-top:1px solid #cbcbcb; margin:0;}
#advholder .adv-300, #advholder .hardlinks {padding:9px; background:#000;}
