* { margin:0;padding:0; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;}
html, body { height: 100%; margin: 0; padding: 0; }
body { background: url(img/bg.jpg) left top repeat;margin:0;padding:0;color:#383838;font-size: 0.75em;}

/* random small stuff
---------------------------------------------------------------------------------------------------------------- */
a img { border:0; text-decoration:none; margin: 0; padding:0; background: none;}
span.color { color:#42609E;font-style:normal;font-weight:bold;}

#content p.thanks { color:#42609E;font-style:normal;font-weight:bold;text-transform:uppercase;font-size:1.3em;height:200px;}
#content p.show_join_intro { font-size:0.8em;color:#767474;line-height:1.4em; margin:10px 0 0 0;}
#content p.affies { text-align:left;padding:0 0 20px 0;width:364px;}
#content div.credit { font-size:0.8em;}

#content div#codes p { text-align:left; }
#content div#codes p.viewall { visibility:hidden; }
#content div#codes ul li { display:inline;margin-right:10px; }
#content div#donate form p { margin:0;padding:0 0 10px 0; }

label { float: left; width: 8em; text-align: right; margin: 0 0.5em 0 0;}
#donate label { width: 12em;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited { color: #2281AD;font-weight:bold;font-style:normal;}
a:hover { color: #A7B1C5;text-decoration: none;}
	
/* forms
----------------------------------------------- */
input, textarea, select {
	background: #F2F2F2;
	border: 1px dotted #A7A7A7;
	font-size: 1.0em;}
input { height:18px;}
.show_join_form, .show_update_form, .show_lostpass_form, #donate form { margin: 0 0 20px 0; padding: 0;}
.show_lostpass_form { margin: 0; padding: 0;}

#content form.show_join_form p, #content form.show_update_form p { margin: 0; padding:0 0 4px 0;}
.show_join_comments_field { height:50px;}

p.capt img { 	border: 1px dotted #A7A7A7;padding:0;margin:0;}

/* fl submit buttons
---------------------------------------------------------------------------------------------------------------- */
input.show_lostpass_submit_button, input.show_join_submit_button, input.show_join_reset_button { border: 0;background:#2281AD;width:20%;font-weight:bold;font-style:italic;padding: 1px 0 1px 0;margin-right:7px;color:#FFFFFF;letter-spacing:1px;height:22px;}
input.show_lostpass_submit_button{ width:140px;margin-top:0;}

input.show_lostpass_submit_button:hover, input.show_join_submit_button:hover, input.show_join_reset_button:hover { background:#42609E; border: 0;}

input.show_update_submit_button { border: 0;background:#2281AD;width:45%;font-weight:bold;font-style:italic;padding: 1px 0 1px 0;margin-right:7px;margin-top:3px;color:#FFFFFF;letter-spacing:1px;height:22px;}

input.sub  { font-size:1.0em; border: 0;background:#2281AD;width:75px;font-weight:bold;font-style:italic;padding: 1px 0 1px 0;margin-right:7px;margin-bottom:20px;color:#FFFFFF;clear:both;float:left;width:30%;height:22px;}

input.form_submitted2  { font-size:1.0em; border: 0;background:#2281AD;width:75px;font-weight:bold;font-style:italic;padding: 1px 0 1px 0;margin:5px 0 0 0;color:#FFFFFF;width:30%;height:22px;}

input.sub:hover, input.form_submitted2:hover, input.show_update_submit_button:hover, input.show_lostpass_submit_button:hover, input.replysub:hover { background:#42609E;border: 0;}
	
.show_join_submit_button { margin:8px 0 0 0;padding: 0;}
.show_join_reset_button { margin:8px 0 0 0;padding: 0;}
	
/* fl forms random
---------------------------------------------------------------------------------------------------------------- */
.show_join_error, .show_update_error { color:#FF0000;}
.show_lostpass_email_field { padding: 3px 0 3px 0;}

select.country { width:155px;}
.show_sort_form { margin: 10px 0 15px 16px;width:280px;}

/* lists
---------------------------------------------------------------------------------------------------------------- */
#content ul { list-style:square; margin: 0 0 20px 20px;position:relative;line-height:1.4em;}
#content ul li { margin:0;padding: 0 0 2px 2px;}

#content blockquote ul, #content #fansblock blockquote ul { list-style:none; margin:15px 0 15px 20px;position:relative;line-height:1.4em;}
#content blockquote ul li, #content #fansblock blockquote ul li { background:none;margin:0;padding: 0 0 1px 0;position:relative;}
	
#content blockquote {
	background: #F2F2F2 url(img/littlewonka.gif) right 3px no-repeat;
	text-align:left;
	margin: 0 0 20px 16px;
	width:331px;
	border:1px dotted #A7A7A7;}
	
#content #fansblock blockquote {
	background: #F2F2F2 url(img/littlewonka.gif) right -5px no-repeat;
	text-align:left;
	margin: 0 0 20px 16px;
	width:331px;
	border:1px dotted #A7A7A7;}
	
/* titles
---------------------------------------------------------------------------------------------------------------- */
#content h2, #content h3 { font-family: 'Trebuchet MS', Tahoma, Georgia, Helvetica, Serif;font-size: 1.4em;color:#AD2C2C;margin:0;padding:0 15px 0 0;height:40px;text-transform:lowercase;font-weight:bold;}

/* p
---------------------------------------------------------------------------------------------------------------- */
#content p  { text-align:justify;margin:0; padding:0 20px 20px 0; line-height:1.4em;}

/* basic layout divs
---------------------------------------------------------------------------------------------------------------- */
#container { width: 852px; margin: 0 auto; border: 0; padding: 0; min-height: 100%; position:relative;float:left;}
* html #container { height: 100%; } /*IE browsers less than IE7*/
#clearfooter { height: 595px; border: 0; margin: 0; padding: 0;} 
#clearfooter2 { height: 735px; border: 0; margin: 0; padding: 0;} 
#footer { background: url(img/wonka3.gif) left bottom no-repeat;width: 852px; height: 265px; padding:0; margin: -265px 0 0 0; border: 0;position:relative;float:left;} 
html { overflow-y: scroll; } /* to create a vertical dummy scrollbar in Firefox or Safari which would not have a scrollbar with height 100%. If you move to and from pages which don't have a vertical scrollbar to a page which does, it makes the page content jump sideways without a forced dummy scrollbar (works in Firefox and Safari but not in Opera; IE always shows a dummy scrollbar; Opera needs min-height and height: 101% in the container styles but it causes a standard scrollbar, not a dummy, and is less correct.)*/
#content1 { margin:0;padding:0 0 20px 0;width:552px;position:absolute;left:310px;bottom:0;float:bottom;}
#content2 { margin:0;padding:0 0 20px 0;width:552px;position:absolute;left:310px;bottom:0;float:bottom;min-height:370px;}
#content { position:relative;width:386px;float:left;}

#footer h1 a {
	position:relative;
	top:60px;
	left:90px;
	float:left;
	margin:0; padding:0 ;
	text-indent: -9000px;
	overflow: hidden;
	width:116px;
	height:37px;
	background: url(img/logo.gif) no-repeat 0 0;
	display: block;
	text-decoration: none;}

/* navi
----------------------------------------------- */
#navigation { position:relative;width:141px;float:left;margin:38px 25px 0 0;}

#navigation li { text-align:right;list-style-type:none;padding:0;margin:0 0 1px 0;text-transform: lowercase;}
#navigation a { display: block;color:#2281AD;text-decoration: none;padding: 1px 10px 1px 0;border:none;border-bottom: 1px dotted #A7A7A7;}
#navigation a:hover { padding: 2px 10px 1px 0;color:#FFFFFF;text-decoration: none;border:none;}
#navigation li.selected a { padding: 1px 10px 1px 0;color: #AD2C2C;text-decoration: none;}
#navigation li.selected a:hover { padding: 1px 10px 2px 0;color: #AD2C2C;text-decoration: none;}

/* fanlist table
---------------------------------------------------------------------------------------------------------------- */
#content table.fanlist { padding:0; margin:5px 0 17px 0;width:364px;}
#content table.fanlist td { margin:0; padding:4px; text-align:center;border:1px dotted #A7A7A7;}
#content table.fanlist th { background: #E0E0E0;margin:0; padding:1px 4px 1px 4px; text-align:center;border: 1px dotted #A7A7A7;font-weight:normal;}

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

/* STRUCTURE CSS */
.ddfmwrap { margin: 0 0 20px 0;padding:0; }
form.ddfm { text-align: left; padding: 0; width: 300px; }
form.ddfm label { float: left;  width:300px; text-align: left; margin: 0;  padding: 0;clear: both;  }

form.ddfm textarea { float: left; position: relative; width: 88%; padding: 0; margin: 0 0 6px 0;}

form.ddfm select.fmselect { width: 50%;padding:0;margin:0;}
form.ddfm input.fmverify { float: left;  width: 22%; margin: 0; padding: 0; position: relative;display: block;}
form.ddfm input.fmfile, form.ddfm input.fmtext { float: left;  display: block; width: 55%; margin: 0;  padding: 0;}
.ddfmwrap .ddfmerrors { display: block;  float: left; width: 10%; text-align: left; margin: 0;  padding-bottom: 10px;}
.ddfmwrap .errorlist { line-height:1.4em; float: left; display: block; width: 100%; margin: 0;  padding: 3px; text-align: left; color:#FF0000;}
.ddfmwrapp p.fieldwrap span.verimg { float:left;position:relative;}
div.ddfmwrap p { padding:0;margin:0;}