html, body { 
padding : 0px; 
margin : 0;
} 
body { 
background: url('bg.png') repeat;
text-align: center;
font : 70%/165% "trebuchet ms", sans-serif;
color : #fff; 
text-shadow: #BE73C3 1px 1px;
} 


#container { 
margin : 0 auto 0 0; 
width: 700px;
height: auto;
background: transparent;
text-align : left; 
} 

#header {
width: auto;
height: 472px;
background: transparent;
text-align:center;
margin: 0 auto;
}

#content {
position: relative;
top: -85px;
width: 568px;
padding: 4px 11px 5px 11px;
float: left;
margin: 10px;
background: rgba(133, 128, 198, 0.55);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}



#footer {
clear:both;
margin-top: 3px;
text-align:right;
padding: 3px;
height:auto;
border-top: 1px dotted #fff;
}


#nav {
position: relative;
right: 46px;
top: 170px;
width: 100px;
float: right;
font: 10pt "georgia", serif;
text-align: center;
text-shadow: none;
}

.nav a:link, .nav a:visited, .nav a:active {
display: block; 
color: #fff; 
background-color: #BE73C3; 
margin-bottom: 5px; 
padding: 3px;
letter-spacing: 1px; 
filter:alpha(opacity=50); 
opacity:0.50;
font-variant: small-caps;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-transform: none;
text-decoration: none; 
border-bottom: 0px;
}

.nav a:hover {
filter:alpha(opacity=100); 
opacity:1.00;
text-decoration: none; 
}


h1 {
	background: transparent;
             	color: #AF5ABE;
				text-shadow: -1px -1px 1px #fff;
	font:19pt "georgia", serif;
	font-weight: normal;
	text-align: right;
margin: 0;
margin-bottom: 5px;
letter-spacing: 1px;
font-style: italic;
text-transform: lowercase;
border-bottom: 2px dotted #fff;
}


a:link, a:visited, a:active {
        text-decoration: none;
		border-bottom: 1px dotted #fff;
		color: #B4B0DB;
	cursor: crosshair;
	text-shadow: none;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #5F50B4;
        }
a:hover { 
	text-decoration: none;
		cursor: crosshair;
		}

i, em {
   	color: #AF5ABE;
				text-shadow: -1px 0px 1px #fff;
} 

b, strong {
color: #5F50B4;
text-shadow: 0px 1px 0px #B4B0DB;
} 



input, select, submit, textarea {
	background: #8580C6;
	font:8pt "trebuchet ms", sans-serif;
padding: 5px;
color: #fff;
	font-weight: normal;
	text-decoration: none;
		border-width: 1px;
	border-style: solid;
	border-color: #fff;
}


input:focus, textarea:focus, select:focus, submit:focus{
background-color: #B463C0;
} 


blockquote { 
background : #D09ED9 url('bq.png')no-repeat bottom right;
text-align : justify; 
border-bottom: 6px solid #B463C0; 
padding : 10px; 
display: block;
filter:alpha(opacity=75); 
opacity:0.75;
}  

blockquote:hover {
filter:alpha(opacity=88); 
opacity:0.88;
}