/*this css code and the html related .*/

/*--------------------------html defaults*/
h1, h2, h3, h4, h5, body, html, p, li, ul, hr	{margin:0; padding:0;}
img, label, fieldset	{display:block; border:0;}
h1, h2, h3, h4, h5		{font-weight:normal; font-size:100%;}
a		{text-decoration:none;}
li		{list-style-type:none; vertical-align:bottom;}
hr		{clear:both; visibility:hidden; height:0;}
/*GENERAL---------------------------------------*/
.fr		{float:right;}
.pb10	{padding-bottom:10px;}

#rating, .fill, .autofit, .th, .vtitle, .det, .desc p, .thumbs *, #search, #sub-nav	{display:block; overflow:hidden; position:relative;}
.adv-300 div {width:300px; height:250px;}

.lst, .in-lst, .navi ul	{display:block;}
.navi, .navi ul		{margin:0 auto;}
.in-lst li			{display:inline;}
.navi ul			{text-align:center;}
#rating	*, #navigation, #logo, #description, #hadv	{display:block; overflow:hidden; position:absolute;}

.rating-pos, .rating-neg, .fill	{height:0;}

/*Template Structure*/
#wrap									{width:999px; margin:0 auto;}
#header									{position:relative;}
#container, #footer, .navi, .hed		{clear:both;}

#main-nav, #main-nav li, #main-nav li a, #sub-nav, #sub-nav *	{display:block;}
#main-nav li, #main-nav li a, .thumbs *, .fl, .post, #sub-nav *	{float:left;}
#main-nav #search						{height:auto; float:right; padding:0; margin:0; border:0;}

.autofit						{width:474px; height:340px;}
.autofit embed, .autofit object {height:100%; width:100%; display:block; position:abosolute; bottom:0px; top:0px; left:0px; right:0px;}

.hed h1, .hed h2, .hed h3, .hed h4	{display:block;}

.post .desc		 				{visibility:hidden; position:absolute; z-index:9999;}
.post:hover						{position:relative;}
.post:hover .desc				{visibility:visible;}
.post .desc:hover p				{display:none;}
.vtitle							{padding-top:2px;}

.hed	{margin-bottom:5px;}

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

/*skin---------------*/
html	{height:100%;}
body	{font-size:11px; background:url(img/bg.gif) #000 repeat-x; font-family:Arial, Helvetica, sans-serif;}

/*HEADER-------------*/
#header, #header a {
	color: white;
}

#header a:hover {
	color: #ff046e;
}

#logo			 	{height:151px; width:737px; left:-96px; z-index:3; overflow:visible;}
#header			 	{height:189px; background:url(img/wa.jpg) top right;}

#navigation 	 	{height:38px; width:999px; bottom:0; background:url(img/nav_bg.gif) 0 0px repeat-x; z-index:22;}
#main-nav			{height:38px; padding-left:5px; background:url(img/lcorner.gif) 0px 0px no-repeat;}
#main-nav a 			{height:25px; padding:10px 15px 0 15px; font:bold 18px/17px arial;}
#main-nav #corner		{position:absolute; top:0; right:0; background:none;}
#main-nav #search		{width:220px; height:31px; padding:7px 7px 0 0; background:url(img/corner.gif) top right no-repeat; z-index:9;}
#main-nav #search form	{height:20px;}

#search .fld		{width:158px; padding:3px; color:#656565; margin-top:2px; border:1px solid #00e4ba; background:#000; font:normal 11px/11px arial;}
#search .fld:focus	{border:1px solid #f10066;}

#sub-nav			{height:34px; padding:5px 0 4px 10px; background:url(img/sub_bg.gif) 0px 0px repeat-x; border-left:4px solid #191919; border-right:4px solid #191919;}
#sub-nav li			{display:inline; width:113px; margin:0 9px 0px 0; line-height:12px; margin-bottom:3px; color:#fff;}
#sub-nav a 			{padding-left:2px; background:url(img/arr.png) 0px 4px no-repeat; font:normal 12px verdana; color:#fff;}
#sub-nav a:hover 	{color:#00deb5;}


#rssbut, #ubuts, #bookmark	{
	position: absolute;
}

#bookmark {
	width: 175px; padding-top: 39px;
	top: 20px; right: 16px;
}
#bookmark:hover {
	background: url(img/bookmark.gif) 0px 0px;
}

#rssbut {
	background: url(img/rss_icon.gif) 0px 0px no-repeat;
	top: 70px; right: 93px;
	width: 92px; padding-top: 34px;
}
#rssbut:hover	{
	background: url(img/rss_icon.gif) 0px -39px no-repeat;
}

#ubuts {
	top: 120px; right: 27px;
	width: 160px; height: 16px;
}
/*CONTENT-------------*/
#container		{}

/*chosen block style******************************************/
#chosen, #chosen li a	{position:relative;}
#chosen			{padding:4px 0 0px 4px; margin-bottom:7px; background:#00deb5; border-left:5px solid #191919; border-right:5px solid #191919;}
#chsnxq			{width:45px; padding-top:196px; background:url(img/chosenlabel.gif) 0px 0px; position:absolute; top:97px; left:-50px; height:0; overflow:hidden;}
#chosen *		{display:block;}
#chosen ul li a em		{
	width:156px; height:22px; padding:2px; overflow:hidden;
	font:normal 11px/12px arial; color:#f41775; background:black;
	z-index:2; position:absolute; bottom:0; left:0;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#chosen li		{float:left; margin:0 4px 4px 0;}
#chosen a:hover em {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	text-decoration: underline;
}
#chosen a, #chosen li {width:160px; height:120px;}










/*chosenre block style******************************************/
#chosenre, #chosenre li a	{position:relative;}
#chosenre			{padding:4px 0 0px 4px; margin-bottom:7px; background:#00deb5; border-left:5px solid #191919; border-right:5px solid #191919;}
#chosenre div		{width:45px; padding-top:196px; background:url(img/chosenlabel.gif) 0px 0px; position:absolute; top:97px; left:-50px;}
#chosenre *		{display:block;}


.style4 {
	background: url(img/sub_bg.gif) 0px -4px repeat-x;
	padding:4px; border-top:5px solid black;
	border-bottom: 1px solid #5e5e5e;
	left: -5px; position: relative; width: 989px;
}

.style4 * {
	background: url(img/link.gif) 0px 0px no-repeat;
	height: 18px; padding:5px 0 5px 30px; display: block;
	color: white; font: normal 18px/18px arial;
}

.chosenre	{
	background: #3d3d3c;
	padding-left:5px;
	width: 992px; margin: 0 auto;	
}

.chosenre .post	{
	background: #1f1f1f;
	width: 154px; height:141px; padding: 3px; margin: 0 5px 5px 0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.chosenre .post:hover {
	background: #ff0000;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	
}

.chosenre .post .vtitle {
	color: #12f8ce; font: normal 11px/13px arial;
	padding-top:3px;
}

.chosenre .post:hover .vtitle {
	color: white;
}

.chosenre .post .th {
	height: 143px;
}
.chosenre .post img {
	width: 153px;
	height: 113px;
}

.chosenre .post .cat	{
	color: #ff1f7e;
}

.chosenre .post .categ	{
	color: #ff1f7e;
}

.chosenre .post:hover .cat {
	color: black;
}

.chosenre .post .cat:hover {
	text-decoration: underline;
}

.chosenre .post .desc {
	background: url(img/box3.png) bottom right no-repeat;
	color: #ccc; padding: 0px 0px 18px 0;
	top: 0px; left:160px; width: 159px;
}
.chosenre .post .desc p {
	background: url(img/box3.png) 0px 0px no-repeat;
	padding: 4px 10px 0px 15px;
}


















/*media block style***************************************** */
.side {
	width: 300px; padding:7px 16px 0 0; clear:right;
}
.ybox .side .adv-300 h4	{
	background: none; text-align: right;
}
.media {
	border-top: 5px solid black;
	}

/*Video ------------------------------------------------*/

#video-module {
	width: 665px; padding: 7px 0 0 15px;
	color: white;
}
#video-module h1	{
	font: bold 16px/18px arial;
	display: block; padding: 3px 0 6px;
}

#vside {
	position: relative;
	height:507px; width:172px;
}
#video	{height:360; width:480px;}

#relatedvids {
	padding:0 0 0 5px;
	background:#393434;
	height: 277px;
}

#relatedvids h2			{font:bold 14px/15px arial; padding:5px 0 5px; color:white;}
#relatedvids ul li *	{height:55px; width:74px;}
#relatedvids ul li		{height:57px; width:76px; margin:0 7px 7px 0;}
#relatedvids ul a		{border:1px solid #4a4a4a;}
#relatedvids ul a:hover {border:1px solid #f100a3;}

.vdesc	{
	bottom: 0; position: absolute; height: 80px;
	font: italic 13px/15px Georgia;
}
.vdesc, #vside .vdesc a {color:#ff1d85; text-decoration: underline;}
.vdesc a:hover	 {color: #00deb5;}

#rating	{
	height:60px; width:165px;
	color: #fff; 
}
#rating span {
	width:55px;
	top:28px; right:0px;
	font:normal 29px/28px arial; color:#424141;
}
#vside .categx {
	background:#201e1e;
	color: #fff; font-size:12px;
	text-decoration:none;
	padding: 10px 0px 5px 10px; height:18px;
	display:block;
	border-bottom:1px dashed #393434;
}
#vside .categx strong {
	color: #00deb5; font-weight: normal;
}
#vside .categx:hover strong {
	color: #ff1d85;
}
.rating-pos, .rating-neg	{height:0; padding-top:36px; bottom:0px;}
.rating-pos					{left:10px; background:url(img/like.gif) 0px bottom; width:35px;}
.rating-neg					{left:50px; background:url(img/dontlike.gif) 0px bottom; width:52px;}
.rating-pos:hover, .rating-neg:hover 	{padding-top:55px;}

#player {border:3px solid #393434;}
#video-module a	{color: #00deb5; text-decoration:underline;}
#extras a:hover,  #video-module h1 a:hover {text-decoration:none; color:#ff1d85;}
#extras	{
	border-top: 1px solid black;
	height:70px; padding:4px 4px 0 10px;
	background:url(img/extras.gif) top repeat-x;
}
#extras .fr	{
	width: 165px; float: left;
	font-size: 12px;
}
#extras .fr span {
	display: block; padding: 5px 0 0 0; color: #393434; font-size:11px;
}

.downloadvideonow	{
	background: url(img/downloadbut1.gif) top left;
	width: 171px; padding-top: 35px; border-left: 1px solid #393434;
}
.downloadvideonow:hover {
	background: url(img/downloadbut1.gif) top right;
}

.downloadvideo		 {padding-top:52px; width:299px; background:url(img/downloadbut.gif) top right no-repeat;}
.downloadvideo:hover {background:url(img/downloadbut.gif) top left no-repeat red;}

/*plugs******************************************/
.style4 {
	background: url(img/sub_bg.gif) 0px -4px repeat-x;
	padding:4px; border-top:5px solid black;
	border-bottom: 1px solid #5e5e5e;
	left: -5px; position: relative; width: 989px;
}

.style4 * {
	background: url(img/link.gif) 0px 0px no-repeat;
	height: 18px; padding:5px 0 5px 30px; display: block;
	color: white; font: normal 18px/18px arial;
}

.plugs	{
	background: #3d3d3c;
	padding-left:5px;
	width: 992px; margin: 0 auto;	
}

.plugs .post	{
	background: #1f1f1f;
	width: 154px; height:156px; padding: 3px; margin: 0 5px 5px 0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.plugs .post:hover {
	background: #ff0000;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	
}

.plugs .post .vtitle {
	color: #00deb5; font: normal 11px/13px arial;
	padding-top:3px;
}

.plugs .post:hover .vtitle {
	color: white;
}

.plugs .post .th {
	height: 143px;
}
.plugs .post img {
	width: 153px;
	height: 113px;
}

.plugs .post .cat	{
	color: #fff;
}

.plugs .post .cat a	{
	color: #ff1f7e;
}

.plugs .post:hover .cat a {
	color: black;
}

.plugs .post .cat a:hover {
	text-decoration: underline;
}

.plugs .post .desc {
	background: url(img/box3.png) bottom right no-repeat;
	color: #ccc; padding: 0px 0px 18px 0;
	top: 0px; left:160px; width: 159px;
}
.plugs .post .desc p {
	background: url(img/box3.png) 0px 0px no-repeat;
	padding: 4px 10px 0px 15px;
}




/*chosen1******************************************/
.style4 {
	background: url(img/sub_bg.gif) 0px -4px repeat-x;
	padding:4px; border-top:5px solid black;
	border-bottom: 1px solid #5e5e5e;
	left: -5px; position: relative; width: 989px;
}

.style4 * {
	background: url(img/link.gif) 0px 0px no-repeat;
	height: 18px; padding:5px 0 5px 30px; display: block;
	color: white; font: normal 18px/18px arial;
}

.chsnbg  {background:#ffbcd2; padding:4px 0 0 2px;}
#chsnbg  {background:#ffbcd2;}
.chosen1 {
	position: relative;
	padding-top: 0px;
	padding-left:0px;
	width: 992px; margin: 0 auto;	
}

.chosen1 .post	{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	background: #da2d71;
	width: 154px; height:142px; padding: 3px; margin: 0 5px 4px 0;
}

.chosen1 .post img {-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-right-radius:2px;
-moz-border-radius-bottomleft:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomright:2px;
-webkit-border-bottom-right-radius:2px;
}
.chosen1 .post:hover {
	background: #ffd200;
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	
}

.chosen1 .post:active, .chosen1 .post:focus {
	background: #00ddb4;
}


.chosen1 .post .dex {display:inline; color:#ffd200; font-size:11px; font-weight:normal; text-shadow: #600023 1px 1px 1px;}
.chosen1 .post .vtitle {
	height: 30px;
	/*text-shadow: #600023 1px 1px 1px;*/
	color: #FFF; font: normal 11px/13px arial;
	padding-top:3px;
}

.chosen1 .post:hover .vtitle {
	color: black; text-shadow: #fff 1px 1px 1px;
}

.chosen1 .post .th {
	height: 142px;
}
.chosen1 .post img {
	width: 153px;
	height: 113px;
}

.chosen1 .post .cat	{
	color: #ff1f7e;
}

.chosen1 .post .categ	{
	color: #ff1f7e;
}

.chosen1 .post:hover .cat {
	color: black;
}

.chosen1 .post .cat:hover {
	text-decoration: underline;
}

.chosen1 .post .desc {
	background: url(img/box3.png) bottom right no-repeat;
	color: #ccc; padding: 0px 0px 18px 0;
	top: 0px; left:160px; width: 159px;
}
.chosen1 .post .desc p {
	background: url(img/box3.png) 0px 0px no-repeat;
	padding: 4px 10px 0px 15px;
}





/*widgets----------------------------------------------*/
.navi			{height:23px; padding:15px; border-top:1px solid #5e5e5e;}
.navi ul		{width:360px; height:23px;}
.navi ul li	{
	font:bold 23px/15px arial;
	height: 23px; display: block; float: left; padding: 0 2px;
}

.navi a						{color:#5e5e5e; padding:1px 3px;}
.navi a:hover				{color:#ff1879; background:#1f1f1f;}
.navi .text_page a 			{color:#5e5e5e; font:normal 12px/22px arial; background:none; }
.navi .text_page a:hover	{color:white;}

.navi .cur_page				{color:#1f1f1f;}
.navi .text_page strong			{font:normal 22px/1px arial; color:#e2e2e2;}
.navi .text_page a:hover strong {color:#ff1879;}

.ybox	{
	width: 999px;
	background: url(img/smskin.gif) 0px 0px no-repeat;
}
.ybox .hr	{
	display: block; visibility: visible; height: 7px; border: 0;
	background: url(img/smskin.gif) top right no-repeat;
}
.ybox .adv300	{
	padding: 10px 0px 10px 25px;
}
.advblock .adv300 div {
	width: 300px; height: 250px;
}
.advblock .adv300 h4, .side .adv-300 h4	{
	background: url(img/smar.gif) 0px 6px no-repeat;
	display: block; padding: 3px 0 7px 20px;
}
.advblock .adv300:hover h4 a, .ybox h4 a:hover {
	color: #ff1f7e;
}
.advblock h4 a, .side .adv-300 h4 a	{
	color: #696969;
}
.fstyle	{
	padding: 12px 0 15px 15px;
}
.fstyle .adv300 {
	background: #1f1f1f; padding: 3px; margin-right: 17px;
}

.fstyle .adv300 h4 {
	background: url(img/smar.gif) 5px 6px no-repeat;
	padding: 3px 0 7px 25px;
}

.fstyle .toplist {
	background: #00deb5;
}
.links {
	background: #3d3d3c;
}
.links li	{
	display: block; float: left; width: 143px; padding-left:7px;
}
.links a {
	color: #fff;
	font: normal 11px/16px arial;
}
.links a:hover {
	color: #00deb5; text-decoration: underline;
}
.links .lst {
	padding-top:5px;
}
.toplist h4 a, .advblock .toplist:hover h4 a {
	color: black;
}

/*===FOOTER===*/
#footer		{border-left:1px solid #3d3d3c; border-right:1px solid #3d3d3c; margin:0 1px; padding:5px;}

.fnav	{
	background: #ffd200;
	padding: 5px 0 5px 10px;
}
.fnav a {
	color: #000;
}
.fnav a:hover {
	color: #ff1f7e;
}
.prinav {
	font: bold 14px/15px arial;
	padding: 0 0 5px 0;
}
.prinav a {
	margin-right: 10px;
}

.note	{
	padding: 10px;
	color:#666666;
	line-height: 15px;
}
.note a {
	color: #fff;
}
.note a:hover {
	text-decoration: underline;
}
.wlinks a	{
	margin-right:10px;
}
/*USER PAGES--------------------*/
#register big, #register fieldset, #register fieldset label, #register span, .message {display:block;}
#register					{width:420px; padding:0 10px 10px 0; margin:0 auto 10px; color:#000;}
#register big				{margin-bottom:4px; font-size:25px; color:#e60083;}
#register fieldset			{padding:10px 0;}
#register .login			{width:350px;}
#register .login input		{width:190px;}
#register fieldset label, #register fieldset input		{float:left;}
#register fieldset label	{height:16px; width:90px; padding:2px 15px 2px 0; font:bold 15px/15px arial; text-align:right;}
#register fieldset label em {color:red;}
#register fieldset input	{width:290px; margin-bottom:10px; border:2px inset #ccc;}
#reg-but		{padding:2px 4px; margin-left:107px; border:2px outset #000; background:#f0f0f0; font-weight:bold;}
#reg-but:hover	{background:#b0ffba; color:#006600;}
#register span	{padding-bottom:20px;}
#shold			{padding-top:40px; height:450px;}
#shold p		{font-size:14px;}
#register .edit-profile label	{font-size:12px;}
#register a, .message a			{color:#e60083; text-decoration:underline;}
.message 						{width:400px; padding:15px; margin:5px auto 0; border:1px solid #999; background:#262626; font-size:15px; color:#fff;}

/*tooltip.js styles*/
#tt		{position:absolute; display:block; background:url(img/tt_left.png) top left no-repeat; z-index:1000; }
#tttop	{display:block; height:5px; margin-left:5px; background:url(img/tt_top.png) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:0px 2px 2px 1px; margin-left:5px; background:#000; color:#FFF; font-size:1em; line-height:1.1em;}
#ttbot	{display:block; height:5px; margin-left:5px; background:url(img/tt_bottom.png) top right no-repeat; overflow:hidden}