tml{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html {
	background: #000 url(images/bottom_bg.png) repeat-x 0 100%;
	font-size: 100%;
	padding-bottom: 124px;

}

body {
	background: #317cad url(images/bg-default.png) repeat-x;
	font: 12px/1.2 Arial, Helvetica, sans-serif;
	padding-bottom: 70px;
}

a {
	color: #1f77a5;
	text-decoration: underline;
}

a:hover {
	color: #FF264A;
	text-decoration: none;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

p {
	margin-bottom: 1em;
}

p img {
	vertical-align: middle;
}

p, dd {
	line-height: 1.35;
}

ul.formatted , ol.formatted, ul.formatted ul, ul.formatted ol, ol.formatted ul, ol.formatted ol  {
	margin: 10px 0 10px 5px;
	padding-left: 10px;
}

.formatted li {
	margin-bottom: 5px;
}

ul.formatted  li {
	list-style: disc inside;
}

ul.formatted  ul li {
	list-style: circle inside;
}

ul.formatted  ol li {
	list-style: decimal inside;
}

ol.formatted  li {
	list-style: decimal inside;
}

ol.formatted ol li {
	list-style: lower-roman inside;
}

ol.formatted ul li {
	list-style: disc inside;
}

.component, .component ul, .component ol, .component li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.component p, p.component {
	line-height: 1.2;
}


/* ================ */
/* = Main wrapper = */
/* ================ */

#wrapper {
	font-size: 12px;
	margin: 0 auto;
	width: 980px;
}

/* ========== */
/* = Banner = */
/* ========== */

#banner {
	color: #fff;
	margin-bottom: 10px;
	position: relative;
}

	#banner h5 a {
		background: url(images/newlogo-2.png);
		display: block;
		font-size: 0;
		height: 70px;
		line-height: 0;
		margin-left: -15px;
		text-indent: -9999em;
		width: 243px;
		margin-bottom: 6px;
	}

	#banner h2, #banner div#h2 {
		color: #EFEFEF;
		font-size: 11px;
		font-weight: bold;
		left: 145px;
		margin-left: 15px;
		position: absolute;
		top: 40px;
	}

	#banner h3, #banner div#h3 {
		font-size: 11px;
		height: 32px;
		padding-right: 20px;
		padding-top: 15px;
		position: absolute;
		right: 0;
		top: 38px;
	}

	#banner a {
		color: #fff;
		text-decoration: none;
	}

	#banner a:hover {
		color: #FF2F5E;
                text-decoration: underline;
	}

	/* ---------- Top navigation ---------- */
	#banner .navigation {
        background: transparent;
		border: 1px dotted #6F6B68;
		border-left: none;
		border-right: none;
		width: 100%;
	}

	#banner .navigation:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	#banner .navigation li {
		float: left;
		font-size: 14px;
		font-weight: bold;
		margin-right: 13px;
	}

	#banner .navigation li:last-child {
		margin-right: 0;
	}
	#banner .navigation li h2 {
		position: static;
		display: block;
		font-size: 1em;
		color: inherit;
		padding: 0;
		margin: 0;
	}

	#banner .navigation li h2 a {
		display: block;
		padding: 15px 10px;
	}
    #banner .navigation li a:hover {
    color: #CEEFB3;
    background: transparent;
    }

	#banner .navigation li.current a {
             background: transparent;
             color: #D1FFAF;
	}

	#banner .navigation li.current {
             background: transparent;
             font-size: 130%;
             color: #D1FFAF;
	}
	#banner .navigation li.current a:hover {
		background: transparent;
                text-decoration: underline;
	}
	#banner .navigation .search  {
		background: url(images/order-now-bg.png) no-repeat;
		display: block;
		height: 43px;
		padding: 0;
		position: absolute;
		right: 0;
		margin-right: 20px;
		top: 80px;
		width: 212px;
	}

#banner .navigation .search * {float:left;}
#banner .navigation .search form {padding:8px 0 0 9px;}
.search .fld2  {width:120px; font-size:12px; float: left; margin-right: 10px; border:0; padding:3px; background:white; color: black;}
.search .btn  {display: block; float:right; width:55px; height:21px;}

	/* ---------- Quick links ---------- */
	#quickLinks, #quickLinks ul {
		background: url(images/quick_links_bg.png) no-repeat;
	}

	#quickLinks {
		background-position: 0 100%;
		font-size: 11px;
		height: 23px;
		padding-left: 6px;
		position: absolute;
		right: 10px;
		top: 5px;
	}

	#quickLinks ul {
		background-position: 100% 0;
	}

	#quickLinks ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	#quickLinks li {
		background: url(images/quick_links_bullets.png) no-repeat 0 10px;
		float: left;
		margin-right: 10px;
		padding: 5px 0 5px 10px;
	}
	#quickLinks li h3{
		display: inline;
		background: none;
		font-size: 11px;
		font-weight: normal;
		height: auto;
		padding:0px;
		position: static;
	}
	#quickLinks li.register {
		margin-left: 5px;
	}

	#quickLinks li.register a:hover {
		color: #ffd667;
	}

	#quickLinks li.community {
		background-position: 0 -54px;
	}

	#quickLinks li.community a:hover {
		color: #3dc4fc;
	}

	#quickLinks li.affiliates {
		background-position: 0 -112px;
	}

	#quickLinks li.affiliates a:hover {
		color: #afd8a8;
	}

	#quickLinks li.contact {
		background-position: 0 -182px;
	}

	#quickLinks li.contact a:hover {
		color: #d2f2ff;
	}

	#quickLinks li h3{
		display: inline;
		background: none;
		font-size: 11px;
		font-weight: normal;
		height: auto;
		padding:0px;
		position: static;
	}

/*-------------------------------------------
PROMO BAR
-------------------------------------------*/
.promo {
  width: 100%;
  height: 92px;
  margin: auto;
  padding: 0px;
  font-size: 12px;
  font-weight: normal;
  margin:  0 0 10px 0;
  text-align: center;
  border: 1px dashed #616A6F;
}
	
/* ================ */
/* = Content area = */
/* ================ */

#content {
	width: 940px;
	background: white;
	padding: 20px;
}

#content:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

	#content h1 {
		font-size: 25px;
		height: 55px;
		font-weight: normal;
		margin-bottom: 10px;
		border-bottom: 1px solid #E9E9E9;
		border-top: 1px dotted #EFEFEF;
		background: #fff url(images/h1-bg-legion_tile.png) repeat-x bottom left;
		letter-spacing: -1px;
	}

		#content h1 span {
	        padding: 14px 0px 0px 50px;
			height: 40px;
			display: block;
			background: url(images/h1-bg-legion_emblem.png) no-repeat;
		}

	#content h2 {
		color: #000;
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 12px;
	}
        #content h3 {
		color:#F03861;
		font-size: 11px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		text-align: center;
        }

	#content .content-block {
		clear: both;
	}

	#content .primary, #content .secondary {
		clear: none;
		float: left;
	}
	
	#content .primary h2 {
		border-bottom:1px dotted #F7436C;
		margin-bottom:15px;
		margin-top:0px;
		margin-left: 10px;
		margin-right: 10px;
		padding-bottom:5px;
		}

/*------------------------------------------
Content Left Side
--------------------------------------------*/
#content .primary {
  margin-bottom: 55px;
  margin-right: 20px;
  width: 752px;
  }

#content .secondary {
  width: 167px;
  }

 .secondry-line {
   border-bottom: 1px dotted #DFDFDF;
   margin-top: 4px;
   margin-bottom: 4px;
   }

	/* ---------- Home Page content ---------- */
	.options {
		background: url(images/column_gradient_bg.png) repeat-x 0 0;
		padding-top: 15px;
	}

	.options:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}


	.options h3 {
		background: url(/) no-repeat;
		color: #272727;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 5px 0 5px 35px;
	}
		.options h3 a:link { color: #272727; text-decoration: none; font-weight:bold; }
		.options h3 a:visited { color: #272727; text-decoration: none; font-weight: bold;}
		.options h3 a:hover { color: #272727; text-decoration: none; font-weight: bold; }
		.options h3 a:active { color: #272727; text-decoration: none; font-weight: bold; }

	.options .plug {
		float: left;
		border-right: 1px solid #cac7c7;
		width: 176px;
		height: 216px;
		padding: 5px;
		margin: 0px;
	}

	
	.options .plug .thumb {
		border: 1px solid #a4a4a4;
		margin-left: 9px;
	}

.options .plug:hover .thumb {border: 3px solid #F03861;} 

#wrapper #content .plug:hover .plug-title {color: #000;}



.plug-details{
	font-size: 80%;
	line-height: 12px;
	margin-right: 7px;
	margin-left: 9px;
	margin-top: -2px;
	margin-bottom: 0px;
	font-weight: normal;
	background:#bfbfbf none repeat scroll 0 0;
	height:12px;
  }
  		.plug-details a:hover { text-decoration: none; }
 
 .plug-hits {
	float: left;
	padding-left: 4px;
 }
 .plug-poster {
	float: right;
	padding-right: 4px;
 }
 
 .plug-title {
	margin-top: -3px;
	margin-bottom: 2px;
	margin-right: 7px;
	margin-left: 9px;
	border-left: 1px dotted #cac7c7;
	border-right: 1px dotted #cac7c7;
	height:27px; position: relative; overflow: hidden;
	background-color:#EFEFEF;
  }
  
  .plug-tags {
	margin-right: 7px;
	margin-left: 9px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #cac7c7;
	border-left: 1px dotted #cac7c7;
	border-right: 1px dotted #cac7c7;
	height:27px; position: relative; overflow: hidden;
	background-color:#EFEFEF;
  }
  .plug-tags a {
	height:27px; position: relative; overflow: hidden;
	text-decoration: none;
  }

	div.content-block.last {
		background: url(images/bottom_content_block_bg.png) repeat-x 0 100%;
		border: 1px dotted #a4a4a4;
		border-left: none;
		border-right: none;
		font-size: 11px;
	}

	.content-block.last:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

		.content-block.last p {
			line-height: 1.5;
		}

		.content-block.last .info {
			float: left;
			padding: 10px 5px;
		}

		.content-block.last .info h4 {
			color: #272727;
			font-size: 15px;
			font-weight: bold;
			margin-bottom: 15px;
		}


.content-block .lst a {color: #e73057; font-weight: bold; margin-top:12px;}
.content-block .w1 .lst li, .content-block .w2 .lst li {display:block; float:left; height:12px; padding:3px 0;}

.content-block .w2	  {width:400px;}
.content-block .w2 .lst li	  {width:137px;}

.content-block .w1	  {width:500px; border-right:1px solid #b3b3b3; margin-right:15px;}
.content-block .w1 .lst 	{display:block; }
.content-block .w1 .lst li	{width:124px; }


		.content-block.last .about-us {
			float: right;
			width: 200px;
		}

/* ========== */
/* = Footer = */
/* ========== */

#footer {
	color: #fff;
	position: relative;
	text-align: center;
height: 100px;

}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}

	/* ---------- Footer navigation ---------- */
	#footer .navigation{
		margin: 12px;
		color: #FF264A;
	}
	#footer .navigation li {
		display: inline;
		color: #FF264A;
		margin: 0 30px;
	}

	/* ---------- Copyright ---------- */
	#footer .copyright {
		color: #828282;
		left: 0;
		position: absolute;
		right: 0;
		top: 140px;
	}
	
	/* ---------- Videopage ---------- */
	
	
	.video-player-page {
	width: 752px;
	height:610px;
	clear: both;
	}
	
	.left-plugs {
	float: left;
	width: 120px;
	clear:none;
	margin-left: 0px;
	}
	
	.left-plugs .thumb {
	margin-bottom: 5px;
	}
	
	.right-video {
	width: 620px;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	clear:none;	
	border: 1px solid grey;
	}
	
	.video-details {
	width: 610px;
	margin-bottom: 5px;
	clear: both;
	padding:5px;
	background:#2F2E2C none repeat scroll 0 0;
	color: white;
	}

#content .video-details h1 {border: 0; border-bottom:1px dotted #5c5c5c; font-size:18px; height:auto; float:none; witdth:auto; background:none; margin:0 0 5px 0;}
.video-details p  {display:block; clear:left; margin-bottom:0;}


	.video-details-1 {
	width: 620px;
	float: center;
	}
	
	.video-details-2 {
	margin-top: 10px;
	margin-bottom: 10px;
	}

.fr {float:right;}
.fl {float:left;}
.c {clear:both;}

		.video-title {
		float: left;
		font-weight: bold;
		margin-left: 15px;
		margin-top: 2px;
		
		background: transparent;
		font-size:16px;
		margin-bottom: 0px;
		color: #FFFFFF;
		}
		
		.video-desc {
		float: left;
		margin-left: 17px;
		margin-top: -1px;
		color: #FFFFFF;
		}
				
		.video-bookmark {
		padding-top: 5px;
		padding-left: 0px;
		}

.video-url, .video-embd {width:350px; padding-bottom:5px; display:block;}
.video-url fieldset *, .video-embd fieldset * {float:left;}
.video-url	{}
.video-embd {}
		
			.video-details-2 label {
			display:block;
			font-size:12px;
			width: 52px;
			float: left;
			}
			.fld {
			background:#CAC7C7 none repeat scroll 0 0;
			width:290px;
			border:0 none;
			font-family:Arial,Helvetica,sans-serif;
			font-size:11px;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:12px;
			padding:2px;
			float: left;
			}
	
	.video-player {
	float: left;
	margin-bottom: 2px;
	margin-top: 6px;
	padding-top: 6px;
	width: 620px;
	text-align: center;
	border-top: 1px solid #cac7c7;
	}
	
	.video-ads1 {
	float: left;
	margin-left: 5px;
	margin-bottom: 12px;
	}
	
	.video-ads2 {
	float: left;
	padding-top: 3px;
	margin-left: 7px;
	}
	
	.video-ads3 {
	float: left;
	padding-top: 3px;
	margin-left: 7px;
	}
	
	.video-details-3 {
	width: 620px;
	height: 20px;
	margin-bottom: 10px;
	border-top: 1px dotted #cac7c7;
	border-bottom: 1px dotted #cac7c7;
	clear: both;
	}
		.video-tags {
		float: left;
		font-weight: bold;
		margin-left: 2px;
		line-height: 20px;
		padding-right: 10px;
		border-right: 1px dotted #cac7c7;
		}
		
		.video-views {
		float: left;
		margin-left: 10px;
		line-height: 20px;
		}
		
.video-details-4	{height:100px; width:620px; clear:both;}
.tthumb				{float:left; padding-right:10px;}
.tthumb img			{width:120px; height:90px; border:3px solid black;}

.video-details-4 .fl {width:350px;}
.video-details-4 .fr {width:127px;}


.sponsorbanner {clear:both; padding:5px; border-top:1px dotted #d4d1d1;}

	.page-nav {
	width: 600px;
	clear: both;
	margin-left: 10px;
	}
	
.register-page {
	margin-left: 20px;
}

.clear {
	clear: both;
}

.user_box_guest{
	background: #fadfdf;
	border: 1px solid #dbbaba;
	padding: 15px;
	margin-bottom: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: top;
	color: #000000;
}

.user_box_guest a:link,
.user_box_guest a:visited,
.user_box_guest a:hover,
.user_box_guest a:active{
	color: #8b3838;
}

.user_box{
	background: #fff url(http://www.spank69.com/images/frontend/gravity/footer.gif) repeat-x;
	border: 1px solid #dbbaba;
	padding: 15px;
	margin-bottom: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: top;
	color: #000000;
}

.user_box a:link,
.user_box a:visited,
.user_box a:hover,
.user_box a:active{
	color: #8b3838;
}


.topkw {color: #55addb;font-size: 12px;text-align: left;width: 980px;margin: 0 auto;}
#getstarted{position:fixed;bottom:0;right:0;opacity:.9;filter:alpha(opacity=90);-moz-opacity:.9;}



/*registration pages- code by marius ---*/
#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;}



.plug div.commentsbox {
	float: left;
	padding: 3px;
	width: 240px;
	font-size: 11px;
	line-height: 17px;	
}

.plug div.commentsbox a {
	color: #ff0151;
}

.plug div.commentsbox a:hover {
	text-decoration: underline;
}



.options .plug3 {
		float: center;
		width: 161px;
		height: 190px;
		padding: 1px;
		margin: 0px;
	}

	
	.options .plug .thumb3 {
		border: 1px solid #a4a4a4;
		margin-left: 3px;
	}

.options .plug:hover .thumb3 {border: 3px solid #F03861;} 

#wrapper #content .plug:hover .plug-title3 {color: #000;}



.plug-details3{
	font-size: 80%;
	line-height: 12px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: -2px;
	margin-bottom: 0px;
	font-weight: normal;
	background:#bfbfbf none repeat scroll 0 0;
	height:12px;
  }

.plug-details3 a:hover { text-decoration: none; }
 
 .plug-hits3 {
	float: left;
	padding-left: 4px;
 }
 .plug-poster3 {
	float: right;
	padding-right: 4px;
 }
 
 .plug-title3 {
	margin-top: -3px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
	border-left: 1px dotted #cac7c7;
	border-right: 1px dotted #cac7c7;
	height:27px; position: relative; overflow: hidden;
	background-color:#EFEFEF;
  }
  
  .plug-tags3 {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #cac7c7;
	border-left: 1px dotted #cac7c7;
	border-right: 1px dotted #cac7c7;
	height:27px; position: relative; overflow: hidden;
	background-color:#EFEFEF;
  }
  .plug-tags3 a {
	height:27px; position: relative; overflow: hidden;
	text-decoration: none;
  }



















@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@




















.options .plug2 {
		float: center;
		border-right: 1px solid #cac7c7;
		width: 176px;
		height: 216px;
		padding: 1px;
		margin: 0px;
	}

	
.options .plug .thumb2 {
		border: 1px solid #a4a4a4;
		margin-left: 0px;
	}

.options .plug:hover .thumb2 {border: 3px solid #F03861;} 

#wrapper #content .plug:hover .plug-title2 {color: #000;}



.plug-details2{
	font-size: 80%;
	line-height: 12px;
	margin-right: 7px;
	margin-left: 3px;
	margin-top: -2px;
	margin-bottom: 0px;
	font-weight: normal;
	background:#bfbfbf none repeat scroll 0 0;
	height:12px;
  }
  		.plug-details a:hover { text-decoration: none; }
 
 .plug-hits2 {
	float: left;
	padding-left: 4px;
 }
 .plug-poster2 {
	float: right;
	padding-right: 4px;
 }
 
 .plug-title2 {
	margin-top: -3px;
	margin-bottom: 2px;
	margin-right: 7px;
	margin-left: 2px;
	border-left: 1px dotted #cac7c7;
	border-right: 1px dotted #cac7c7;
	height:27px; position: relative; overflow: hidden;
	background-color:#EFEFEF;
  }
  
  .plug-tags2 {
	margin-right: 7px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #cac7c7;
	border-left: 1px dotted #cac7c7;
	border-right: 1px dotted #cac7c7;
	height:27px; position: relative; overflow: hidden;
	background-color:#EFEFEF;
  }
  .plug-tags2 a {
	height:27px; position: relative; overflow: hidden;
	text-decoration: none;
  }