* { margin:0;padding:0; font-family: Arial, Helvetica, Verdana, sans-serif; color:#000000; }
html {overflow: -moz-scrollbars-vertical;}
body { background: #E0DDD6 url(img/bg.gif) left top repeat;background-attachment:fixed;padding:0;margin:0;font-size:.8em;}
#eXTReMe { padding:0 0 13px 25px;float:left;}
hr { border: 1px solid #D1C5B1;height: 1px;clear: left;margin: 15px 0 20px 0;}

.codes img { padding: 2px 0 4px 0 }

div#video1a {  float:left;margin-right:6px;margin-bottom:15px;position:relative;}
div#video1a p, div#video2a p  { text-transform:uppercase; position:relative;}
div#video2a {  float:left;margin-bottom:15px;position:relative;}
div#exl {  margin: 10px 0 38px 0;}

div.codesort ul {  font-size:1.4em;padding: 0 0 15px 5px; margin: 0 0 10px 0;}
div.codesort ul li { display:inline;	background: url(img/ul.gif) no-repeat;background-position: 0 7px;line-height: 1.5em;padding: 0 0 0 12px;margin: 0 0 6px 25px;}

div.codesort{ margin-bottom:5px;}
div.codesort img { margin-left:0;}
div.credit { font-size: 0.8em;}
label { float: left; width: 8em; text-align: right; margin: 0 0.5em 0 0;}
#donate label { width: 13em;}

p.thanks { font-size:1.1em;font-weight:bold;font-style:italic;}
span.color { color:#DF1B2E;text-transform:uppercase;font-weight:bold;}

#mail {
	line-height: 1.5em;
	padding: 0;
	margin: 0 50px 20px 0;
	float:left;
	position:relative;
	left:37px;}
#mail2 {
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 20px 50px;
	float:left;
	position:relative;}

.pic {
	border: 1px solid #000000;
	padding: 0;
	margin: 10px 0 0 4px;
	float:right;}
#main2 p.errors { margin:17px 0 0 0;}

#main2 p.affi a:hover { background:none; text-decoration:none;}
#main2 p.affi img { padding:0;}
#main2 p.affi { line-height:3.5em;}

.formi {
	padding: 0;
	margin: 4px 0 9px 19px;
	line-height: 1.3em;}
.formi td { text-align: left;padding: 0 15px 4px 0;}
/* IE5.5 */
* html .formi { margin: 4px 0 19px 19px;}

table.videos { border-spacing: 0 10px; font-size:.85em;line-height: 1.5em;margin: 0 0 10px 12px;padding:0;}
table.videos td.vidtext { text-align: left;padding:0 10px 0 10px;  margin:0;width:210px;height:70px;}
table.videos td.vid { text-align: left;padding:0; margin:0;}
table.videos td.vid img { padding:0; margin:0;border: solid 1px black;height:70px;}

table.videos a:hover { background: none;color: #FFFFFF;text-decoration: none;}

select.country { width:155px;}
.show_join_form, .show_update_form { padding: 0;margin: 10px 0 0 25px;}

input.sub, div.codesort  .form_submitted {
	color: #FFFFFF;
	font-weight: bold;
	margin:0;
	padding: 0 0 3px 0;
	background: url(img/button.gif) no-repeat 0 0;
	height: 27px;
	width: 69px;
	border: 0px;}

.show_update_submit_button {
	color: #FFFFFF;
	font-weight: bold;
	margin:0 0 0 0;
	padding: 0 0 4px 0;
	background: url(img/button2.gif) no-repeat 0 0;
	height: 27px;
	width: 163px;
	border: 0px;}
.show_lostpass_submit_button {
	color: #FFFFFF;
	font-weight: bold;
	margin:0 0 0 0;
	padding: 0 0 4px 0;
	background: url(img/button2.gif) no-repeat 0 0;
	height: 27px;
	width: 163px;
	border: 0px;}
.show_lostpass_email_field {
	height: 21px;}
.show_join_submit_button {
	color: #FFFFFF;
	font-weight: bold;
	margin:15px 0 0 0;
	padding: 0 0 3px 0;
	background: url(img/button.gif) no-repeat 0 0;
	height: 27px;
	width: 69px;
	border: 0px;}
.show_join_reset_button {
	color: #FFFFFF;
	font-weight: bold;
	margin:15px 0 0 0;
	padding: 0 0 3px 0;
	background: url(img/button.gif) no-repeat 0 0;
	height: 27px;
	width: 69px;
	border: 0px;}
	
input, textarea {
	background: #F0F0E4;
	border-bottom: 1px solid #D44078;
	border-left: 4px solid #D44078;
	border-top: 0px;
	border-right: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
select {
	background: #F0F0E4;
	border-bottom: 1px solid #D44078;
	border-left: 4px solid #D44078;
	border-top: 0px;
	border-right: 0px ;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
.show_sort_form {
	padding: 0 0 30px 0;}
	
p.capt img { 	border: 4px solid #D44078;padding:0;margin:0;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited { color: #1D889F;text-decoration: underline;}
a:hover { background: #3598B5;color: #FFFFFF;text-decoration: underline;}
a img { border:0; text-decoration:none; margin: 0; padding:0; background: none;}

.stat { padding: 0 0 18px 0; margin: 0;}
.stat li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 3px 25px;
	list-style:none;}
	
.stat2 { padding: 2px 0 0 0; margin: 0;}
.stat2 li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 3px 25px;
	list-style:none;}
.stat2a { padding: 0 0 8px 0; margin: 0;}
.stat2a li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 3px 25px;
	list-style:none;}
	
.ul1 { padding: 0 0 15px 0; margin: 0;}
.ul1 li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 6px 25px;
	list-style:none;}
.etu { padding: 20px 0 0 0; margin: 0;position:relative;float:left;}
.etu li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	padding: 0 0 0 12px;
	margin: 0 0 0 25px;
	list-style:none;}
.ul1a { padding: 10px 0 25px 0; margin: 0;}
.ul1a li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 6px 25px;
	list-style:none;}
.ul1b { padding: 0 0 8px 0; margin: 0;}
.ul1b li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 6px 25px;
	list-style:none;}
.ul1c { padding: 4px 0 8px 0; margin: 0;}
.ul1c li {
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 4px 20px;
	list-style:none;}
.ul2 { padding: 4px 10px 4px 0; margin: 0;}
.ul2 li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 15px 15px;
	list-style:none;}
.ulf { padding: 0 0 15px 0; margin: 0;}
.ulf li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 0 25px;
	list-style:none;}
.ul3 { 	border-top: 1px solid #BCAC92;padding: 15px 0 0 0; margin: 8px 2px 0 0;clear:both;}
.ul3 li {
	background: url(img/ul.gif) no-repeat;
	background-position: 0 7px;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin: 0 0 6px 25px;
	list-style:none;}
	
/* divs
---------------------------------------------------------------------------------------------------------------- */

#wrap{ width:753px;margin:8px auto;padding:0;}
#yla { background: url(img/yla.gif) left top no-repeat;width:753px;height:95px;margin:0;padding:0;}

#container { background:rgb(240,240,228);width:724px;margin:0;padding:0;border-right:rgb(228,220,194) solid 7px;border-left:rgb(228,220,194) solid 7px;border-bottom:rgb(228,220,194) solid 7px;position:relative;float:left;left:15px;}

#main1 { background: url(img/yl.gif) left top no-repeat;width:692px;height:5px;margin:8px 0 0 0;padding:0;position:relative;float:left;left:16px;}
/* IE5.5 */
* html #main1 { margin:3px 0 -11px 0;padding:0;}

#main { background: url(img/bg2.gif) left top repeat-y;width:692px;margin:0;padding:0;position:relative;float:left;left:16px;}

#fxx { width:354px;margin:0;padding: 18px 0 15px 22px;}
/* IE5.5 */
* html #fxx { margin:-371px 0 0 0; }
#fxx p {
line-height: 1.5em;
	padding: 0 0 16px 0;
	margin: 0;}
#fxx p.eka {
line-height: 1.5em;
	padding: 7px 0 14px 0;
	margin: 0;}
#fxx p.eka1 {
line-height: 1.5em;
	padding: 7px 0 14px 0;
	margin: 0;}
#main2 p {
	text-align:left;
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 1.5em;}
#main2 p.back {
	text-align:left;
	padding: 10px 0 70px 0;
	margin: 0;
	line-height: 1.5em;}
#main2 p.back1 {
	text-align:left;
	padding: 10px 0 260px 0;
	margin: 0;
	line-height: 1.5em;}
#main2 {
	margin: 0 43px 42px 0;
	left:22px;
	top:18px;
	padding:0;
	position:relative;}

#main2 h3 {
	letter-spacing: 2px;
	width:330px;
	margin: 0 0 7px 0 !important;
	padding: 4px 12px;
	font-weight: normal;
	font-size:.85em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #C33168;}
#main2 h3.title, #main2 div.codesort h2, #main2 div.codesort h3 {
	letter-spacing: 2px;
	width:96%;
	margin: 15px 0 7px 0 !important;
	padding: 4px 12px;
	font-weight: normal;
	font-size:.85em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #CDB337;}
#main2 h3.title1 {
	letter-spacing: 2px;
	width:330px;
	margin: 15px 0 7px 0 !important;
	padding: 4px 12px;
	font-weight: normal;
	font-size:.85em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #CDB337;}
#wrapping {
	height:395px;
	position:relative;
	clear:both;}
	
.error { width:353px;margin:0;padding: 18px 0 15px 22px;line-height: 1.5em;font-weight:bold;color:#B33127;}
#error1 { display:none;}

#rdj { background: rgb(240,240,228);width:293px;height:368px;margin:0 0 0 20px;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rdj2 { background: rgb(240,240,228);width:293px;height:368px;margin:0 0 0 39px;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
/* IE5.5 */
* html #rdj2 { margin:0 0 0 35px;}
#rob0 { background: url(img/rdj1.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rob1 { background: url(img/rdj2.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rob2 { background: url(img/rdj3.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rob3 { background: url(img/rdj4.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rob4 { background: url(img/rdj5.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rob5 { background: url(img/rdj6.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rob6 { background: url(img/rdj7.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rob7 { background: url(img/rdj8.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}
#rob8 { background: url(img/rdj9.jpg) left top no-repeat;width:276px;height:356px;margin:0;padding:0;position:relative;float:right;border-left:rgb(209,197,177) solid 5px;border-right:rgb(209,197,177) solid 5px;border-bottom:rgb(209,197,177) solid 5px;}

#ala { background: url(img/ala.gif) left top no-repeat;width:692px;height:43px;margin:0;padding:0;position:relative;float:left;left:16px;}
#bottom { background: url(img/bottom.gif) left top no-repeat;width:57px;height:60px;margin:0;padding:0;position:relative;float:left;left:191px;}

#yla h1 { position:relative;float:left;top:48px;left:65px;margin:0; padding:0;}
#yla h1 a {
	text-indent: -9000px;
	overflow: hidden;
	width:293px;
	height:43px;
	background: url(img/logo.jpg) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}
	
h3 {
	margin:0 !important;
	padding: 4px 12px !important;
	font-weight: normal;
	font-size:.85em;
	text-transform: uppercase;
	color: #222;
	background: #9CBD4D;}
	
.posters h3 {
	letter-spacing: 2px;
	margin:0;
	padding: 4px 12px 4px 0;
	font-weight: normal;
	font-size:.85em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #CDB337;clear:both;}
.rec h3 {
	width:350px;
	letter-spacing: 2px;
	margin:0;
	padding: 4px 12px 4px 0;
	font-weight: normal;
	font-size:.85em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #CDB337;}
#album h3 {
	letter-spacing: 2px;
	margin:0;
	padding: 4px 12px 4px 0;
	font-weight: normal;
	font-size:.85em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #5ABAB7;}
#album h3.red {
	background: #744492;}


h3 a:link, h3 a:visited {
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #222;}

h3 a:hover, h3 a:active {
	color: #222;
	background: none;text-decoration: none;}

h3.fl, h3.contact {
	background: #B4CE66;}
h3.stats {
	background: #c1d791;}

.posters {
	width:354px;
	text-align:left;
	margin: 0;
	padding: 0;
	position:relative;
	float:left;}
	
#posters1 {
	width:371px;
	text-align:left;
	margin: 15px 0 0 0;
	padding: 0;
	position:relative;
	float:left;
	left:22px;}
#posters1 p {
	width:354px;
	text-align:left;
	margin: 5px 0 8px 0;
	padding: 0;
	position:relative;
	float:left;
	line-height: 1.5em;}
	
#album {
	width:275px;
	text-align:left;
	margin: 15px 23px 0 0;
	padding: 0;
	float:right;}
/* IE5.5 */
* html #album { padding: 0;margin: 15px 11px 0 0;}

#album p {
	line-height: 1.5em;
	text-align:left;
	margin: 6px 0 15px 0;
	padding: 0;}

.poster {
	border: 1px solid #000000;
	padding:0;margin:0 14px 0 0;
	position:relative;float:left;}
/* IE5.5 */
* html .poster { padding:0;margin:0 14px 0 0;}

#recommend {
	padding:0;margin:0;}
#recommend2 {
	width:371px;
	padding:0;margin:10px 0 35px 0;
	float:left;}
/* IE5.5 */
* html #recommend { float:left;}
	
#recommenda {
	padding:0;margin:0;}
#recommend2a {
	width:371px;
	padding:0;margin:10px 0 35px 0;
	float:left;}
/* IE5.5 */
* html #recommenda { float:left;}
	
#recommend3 {
	padding:0;margin:0;}
#recommend3a {
	width:371px;
	padding:0;margin:10px 0 15px 0;
	float:left;}
/* IE5.5 */
* html #recommend3 { float:left;}

#stores {
	padding:0;margin:0;clear:both;}
#stores1 {
	padding:0;margin:9px 0 0 0;
	float:left;}
	
/* fanlist table
------------------------------------------------------------------------------------------------------- */
table.fanlist { padding-top:17px; margin:0 0 30px 0; width:650px;}
table.fanlist td { margin:0; padding: 6px 4px 6px 4px; text-align:center;border:1px solid rgb(209,197,177);}
table.fanlist th { background: #CDB337;color:#FFFFFF;margin:0; padding:5px 6px 5px 6px; text-align:center;border:1px solid #CDB337;font-weight:normal;text-transform:uppercase;font-size:0.85em;letter-spacing:2px;}
	
/* navi
----------------------------------------------- */
#navigation {
	position:relative;
	float:left;
	top:7px;
	left:21px;
	list-style-type: none;
	letter-spacing: 2px;
	font-size: 0.85em;
	margin:0 0 20px 0;
	padding:0;}
/* IE5.5 */
* html #navigation { left:23px;}
#navigation li {
	margin-right:1px;
	height:20px;
	text-align: center;
	float: left;
	padding: 0;
	text-transform: uppercase;}
#navigation a {
	font-weight:bold;
	float: left;
	display: block;
	height:20px;
	color:#339D99;
	text-decoration: none;
	padding: 5px 10px 0 11px;}
#navigation a:hover {
	height:20px;
	background:#D85436;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 10px 0 11px;}
	
#navigation li.selected a { height:20px;background:#E4EBEC;color:#35B0BB;text-decoration: none;padding: 5px 10px 0 11px;}
	
body#home #navigation li#home1 a { height:20px;background:#E4EBEC;color:#35B0BB;text-decoration: none;padding: 5px 10px 0 11px;}

/* CSS File for Dagon Design Formmailer Script
------------------------------------------------------------------------------------------------------- */
.ddfmerrors { color: #FF0000;}

/* STRUCTURE CSS */
.ddfmwrap { margin: 0 0 35px 25px;clear:both;}
/* IE5.5 */
* html .ddfmwrap { margin: 0 0 35px 13px;position:relative;float:left;clear:left;width:630px;}
form.ddfm { text-align: left; padding: 0; width: 310px; }
form.ddfm label { float: left;   width:390px; text-align: left; margin: 0;  padding: 0;clear: both;  }

form.ddfm textarea { float: left; position: relative; width: 88%; padding: 2px; margin-bottom: 10px;}
/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm select.fmselect { width: 40%; }
form.ddfm input.fmverify { float: left;  width: 22%; margin-bottom: 10px; padding: 2px; position: relative;}
form.ddfm input.fmfile, form.ddfm input.fmtext { float: left; position:relative;width: 80%; margin-bottom: 10px;  padding: 2px;}
form.ddfm .submit { clear:both;margin:0;}
.ddfmwrap .ddfmerrors { display: block;  float: left;  width: 10%;  text-align: right; margin: 0;  padding-bottom: 15px;}
.ddfmwrap .errorlist { line-height:1.6em; float: left;  display: block; width: 100%; margin: 0;   padding: 3px; text-align: left; color:#FF0000;}
.ddfmwrapp p.fieldwrap { float:left;position:relative;clear:both;}
form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
}
form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
}

form.ddfm select.fmselectt { width: 75%; }