/* 
	this CSS code and the html related to it is written by Marius Nedelcu.
	Do not duplicate my code without my permision.
	for any questions feel free to contact me at marius.etc@gmail.com
*/
html {background:url(images/site_bg.gif) top repeat-x #f7f8f9; font-family:Arial, Helvetica, sans-serif;}
body {background:url(images/site_bg.png) top no-repeat; font-size:11px;}

/*defaults------*/
*				{margin:0; padding:0;}
h1,h2,h3		{font-size:100%;}
img, fieldset	{border:0; display:block;}
hr	{display:block; height:0; clear:both; visibility:hidden;}
li	{list-style-type:none; vertical-align:bottom;}
a	{text-decoration:none;}

/*general-------*/
.fl {float:left;}
.fr	{float:right;}
.adv-160, .adv-300, .adv-120, .adv-468 {position:relative; overflow:hidden;}
.adv-160 {width:160px;}
.adv-300 {width:300px; height:250px;}
.adv-120 {width:120px;}
.adv-468 {width:468px; height:80px;}

/*structure-----*/
#wrap		{width:1000px; margin:0 auto;}
#header		{height:149px; position:relative;}
#container	{background:url(images/skin.gif) 0px -38px #e4e1cd repeat-x; padding-top:10px; border-left:1px solid #aca997; border-right:1px solid #aca997;}
#main		{width:687px !important; float:left;}
#content		{width:680px !important; float:left; padding-bottom:20px; padding-left:5px;}
#left-sidebar	{width:168px; float:left; padding-left:2px;}
#right-sidebar	{width:308px; float:right; padding-right:2px;}

/*header elements and categories nav bar---------------------------------------*/
#header		{position:relative;}
#logo, #navigation	{position:absolute;}
#logo		{width:216px; height:149px; top:0px; left:-22px; z-index:3;}
#navigation {height:81px; background: url(images/skin.gif) 0 43px repeat-x; width:1000px; bottom:0; z-index:0;}

#navigation *	 {display:block;}
#navigation ul * {float:left;}

#main-nav		{height:28px; width:695px; padding:15px 19px 0 18px; background:url(images/mainnav_bg.jpg) 0px 0px; float:right;}
#main-nav li	{padding:2px 2px 0 0; background:url(images/sep.gif) right no-repeat;}
#main-nav li a	{font:bold 12px/14px arial; color:#4c494c; padding:5px 10px 0; height:21px;}
#main-nav li a:hover {color:black; background:url(images/pointer.gif) bottom no-repeat;}

#cat-nav	{height:20px; padding:10px 0 0 220px; float:left; background:url(images/arrows.gif) 200px 10px no-repeat; height:25px;}
#cat-nav li {display:inline;}
#cat-nav li a {color:white; font-weight:bold; padding:2px 6px;}
#cat-nav li {border-right:1px solid #7a7a7a; padding:0 1px;}
#cat-nav li a:hover {background:black; color:#ffe000;}

#navigation #search	{width:303px; height:19px; padding:2px; background:url(images/search_bg.gif)0px 0px black no-repeat; float:right;}
#search	form		{padding:0px 0 0 10px; width:293px;}
#search .fld		{padding:2px; font:normal 12px/13px arial; color: #c6c3ac; width:205px; border:0; background:black;}

/*content area*/
.box	{margin-bottom:10px; padding-bottom:5px;}
.hed	{height:28px; padding:2px 0 0px 7px;}
.box .holder {padding:0 3px; background:#121212; border-left:1px solid #adaa97; border-right:1px solid #adaa97;}


td a {color:#FFFFFF; font-weight:bold;}
td a:hover {color:#28CAFF; font-weight:bold;}
td a img {border:1px solid #adaa97;}
td a img:hover {border:1px solid #28CAFF;}


#left-sidebar .box	{background:url(images/box_small.gif) right bottom no-repeat;}
#right-sidebar .box {background:url(images/box_big.gif) right bottom no-repeat;}
#left-sidebar .hed	{background:url(images/box_small.gif) left top no-repeat;}
#right-sidebar .hed {background:url(images/box_big.gif) left top no-repeat;}

/*-----LEFT SIDEBAR*/
.menu		{padding:0 2px 3px;}
.menu *		{display:block;}
.menu li	{border-top:1px solid black;}
.menu a		{color:#c6b88d; font:normal 12px/14px arial; height: 15px; border-top:1px solid #2d2d2d; background:url(images/dots.png) 2px -13px no-repeat; padding:1px 0 0 13px;}
.menu a:hover {background:url(images/dots.png) 2px 5px no-repeat white; color:#fe6ff1;}



.th-160,
.th-160 li	{display:block}
.th-160 img,
.th-160 li	{width:160px; height:120px;}
.th-160 li	{margin-bottom:4px;}



.lst a			{background:url(images/small_ar.gif) 4px -14px no-repeat; padding-left:12px; color:#777c7f; height:15px;}
.lst a:hover	{background:url(images/small_ar.gif) 4px 4px no-repeat; text-decoration:underline;}
.lst li			{display:block; height:15px;}

/*-----RIGHT SIDEBAR*/
.side_th img	{width:93px; height:70px;}
.side_th		{padding-left:2px;}
.side_th *		{display:block; float:left;}
.side_th a		{border:1px solid #888888; width:93px; height:70px;}
.side_th a:hover{border:1px solid #28caff;}
.side_th li		{margin:0 4px 4px 0;}

.hardlinks li	{float:left; width:150px;}
.box .adv-300	{padding-bottom:5px;}

/*-----PLUGS AREA*/
.hed2, .hed3	{clear:both; margin-bottom:5px;}
.hed2	{background:url(images/heds2.gif) top left no-repeat; padding:6px 8px 0; width:665px; height:28px;}
.hed3	{background:url(images/heds2.gif) bottom left no-repeat; padding:5px 8px 0; width:665px; height:19px;}

.hed2 strong,
.hed2 h1,
.hed2 h2,
.hed2 h3		 {font:bold 14px/15px arial; padding-top:3px;}
.hed2 *, .hed3 * {color:#fe6ff1;}

.post3			{margin:0 6px 7px 0; width:154px; height:144px; background: #2d2d2d; border:1px solid #e4e1cd; float:left;}
.post3:hover		{border:1px solid #c2c0b4; background:#f1f1f1;}
.post3 .th		{width:152px; color:#c6b88d; height:142px; display:block; padding:1px; background:#121212;}
.post3:hover .th	{background:white; color:#f13893;}
.post3 img		{width:152px; height:114px;}
.post3 a:hover strong {color:#f13893; text-decoration:underline;}
.post3-title		{font:bold 11px/12px arial; display:block; padding:2px 2px 0 2px; height:25px; overflow:hidden; position:relative;}
.post3-det		{display:block; font:normal 10px/11px arial; color:#c4c2b7; margin:0 2px; padding-top:3px;}
.post3-det a		{color:#0095f3;}
.post3-det a:hover {color:black;}

.post2			{margin:0px 6px 3px 10px; width:154px; height:144px; background: #2d2d2d; border:1px solid #e4e1cd;}
.post2:hover		{border:1px solid #c2c0b4; background:#f1f1f1;}
.post2 .th		{width:152px; color:#c6b88d; height:142px; display:block; padding:1px; background:#121212;}
.post2:hover .th	{background:white; color:#f13893;}
.post2 img		{width:152px; height:114px;}
.post2 a:hover strong {color:#f13893; text-decoration:underline;}
.post2-title		{font:normal 11px/12px arial; display:block; padding:2px 2px 0 2px; height:25px; overflow:hidden; position:relative;}
.post2-det		{display:block; font:normal 10px/11px arial; color:#c4c2b7; margin:0 2px; padding-top:3px;}
.post2-det a		{color:#0095f3;}
.post2-det a:hover {color:black;}


.post			{margin:0 6px 7px 0; width:162px; height:167px; background: #2d2d2d; border:1px solid #e4e1cd; float:left;}
.post:hover		{border:1px solid #c2c0b4; background:#f1f1f1;}
.post .th		{width:160px; color:#c6b88d; height:149px; display:block; padding:1px; background:#121212;}
.post:hover .th	{background:white; color:#f13893;}
.post img		{width:160px; height:120px;}
.post a:hover strong {color:#f13893; text-decoration:underline;}
.post-title		{font:bold 11px/12px arial; display:block; padding:2px 2px 0 2px; height:25px; overflow:hidden; position:relative;}
.post-det		{display:block; font:normal 10px/11px arial; color:#c4c2b7; margin:0 2px; padding-top:3px;}
.post-det a		{color:#0095f3;}
.post-det a:hover {color:black;}

.navi		{height:23px; padding:9px; clear:both; background:white; border-top:1px solid #b4b19e;}
.navi ul	{font:bold 12px/12px arial; width:480px; text-align:center; margin:0 auto; height:23px;}
.navi li	{display:inline; height:23px; line-height:23px;}
.navi li a			{padding:2px 6px; color:#fd6ef1; height: 15px; border:1px solid #fff;}
.navi li a:hover	{background:#121212;}
.navi .cur_page		{padding:1px 6px; border:1px solid #e3e3e3; background:#fff; color:black;}
.navi .text_page a	{border:0; color:#black;}
.navi .text_page a:hover {background:none; text-decoration:underline;}
.navi .text_page strong	 {color:#0099fa; font:bold 18px/15px arial;}

/*FOOTER-------------*/
#footer 	{background:#434343; padding:1px;}
.in-lst		{background:#2b2b2b; padding:13px 12px; height:14px;}
.in-lst li	{display:inline; margin-right:20px;}
.in-lst a	{font:bold 12px/15px arial;}
#footer a	{color:white; text-decoration:underline;}
#footer a:hover {color:#fd6ef1}
#footer p	{padding:10px 13px; color:#bfbfbf;}

/*video module------------------*/
#chosen			{padding-left:15px;}
#podobne			{width:180px; float:left; clear:left;}
#podobne .holder	{background: #070707; border-left:1px solid #353535; border-right:1px solid #353535; padding:5px 5px 5px 9px;}
.podobne-title	{background:url(images/videomodule.gif) top left no-repeat; padding:7px 0 6px 38px;}
.podobne-title h1	{color:#fe6ff1; font: bold 14px/15px arial;}
.podobne-title a	{color:#fe6ff1;}
.podobne-title	{color:white;}

#video			{width:490px; background:url(images/videomodule3.gif) bottom right no-repeat; margin-bottom:9px; padding-bottom: 10px; float:right;}
#video .holder	{background: #070707; border-left:1px solid #353535; border-right:1px solid #353535; padding:5px 5px 5px 9px;}
.video-title	{background:url(images/videomodule2.gif) top left no-repeat; padding:7px 0 6px 38px;}
.video-title h1	{color:#fe6ff1; font: bold 14px/15px arial;}
.video-title a	{color:#fe6ff1;}
.video-title	{color:white;}
#extras			{padding:10px 0;}
.vdet			{width:375px; font:normal 12px/17px arial; color:white;}
.vdet a			{color:#fd6ef1; text-decoration:underline;}
.vdet a:hover	{color:#00b4ff;}

#player			{width:475px;position:relative; overflow:hidden;}
.sponsor p a,
.sponsor p			{font:bold 14px/15px arial; color:#ffe000; text-decoration:underline;}
.sponsor p			{padding:10px;}
.sponsor .adv-468	{margin:0 auto;}

#rating			{background:url(images/rating_bg.gif) top left no-repeat; position:relative; width:88px; height:36px; float:right;}
#rating a 		{width:15px; padding-top:22px; height: 0; position:absolute; top:7px; overflow:hidden;}
#rating span	{display:block; text-align:center; display:block; color: white; padding: 10px 0 0 0; font:bold 18px/19px arial;}
.rating-pos		{left:12px; background:url(images/thumb_up.gif);}
.rating-neg		{right:12px; background:url(images/thumb_down.gif);}

/*USER PAGES--------------------*/
#register					{padding:0 10px; width:420px; margin:0 auto; padding-bottom:10px; color:black;}
#register big				{font-size:28px; display:block; color:#ff9900; 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:#ff9900; text-decoration:underline; font-weight:bold;}
.message	{padding:15px; width:400px; margin:5px auto 0; color:black; display:block;font-size:15px;}

.tagcloud a {color:#C6B88D;}
.tagcloud a:hover {color:#fe6ff1;}