/* *****************************

CSS File of Splendor | http://fan.electric-butterfly.net/erika/
Copyright 2011 Echo (echo{AT}electric-butterfly{DOT}net)
Version: 1.0
All rights reserved.

****************************  */


* {
margin : 0;
padding : 0;
}

body {
font-family : "Arial";
font-size : 90%;
color : #cd1b1c;
text-align : center;
letter-spacing : 1px;
background : #cb4938 url(design/bottom-BG.png) repeat-x bottom;
margin : 0;
}

#top_bg {
background : url(design/top-BG.png) repeat-x top;
}

#wrap {
overflow : hidden;
position : relative;
width : 960px;
margin : 0 auto;
background-image : url(design/BG.png);
background-repeat : repeat;
}


/* ------------------------------------typography------------------------------------ */


a {
color : #d1902f;
text-decoration : none;
outline : none;
font-weight : bold;
}

a:hover {
color : #e6efdb;
text-decoration : underline;
font-weight : bold;
}

a:active {
outline : none;
}

acronym, abbr {
border-bottom : 1px dashed #0e1b21;
}

acronym, abbr, span.caps {
cursor : crosshair;
color : #a6816e;
}

i {
color : #ca1577;
}

b {
color : #bf3175;
}

u {
color : #35312e;
border-bottom : 1px dotted #ffffff;
}

.head {
font : 34px georgia;
font-style : italic;
font-weight : bold;
text-transform : lowercase;
margin : 6px 8px;
color : #54272a;
height : 20px;
padding-bottom : 15px;
letter-spacing : 10px;
}

.subhead {
font : 26px "century gothic";
font-weight : bold;
text-transform : uppercase;
color : #a7ff98;
letter-spacing : 5px;
padding-bottom : 5px;
}

blockquote {
margin-left : 20px;
}

ul {
list-style : lower-roman;
padding-left : 10px;
}

ol {
list-style : lower-roman;
padding-left : 10px;
}


/* ------------------------------------header------------------------------------ */


#title {
position : relative;
background-image : url(design/title.png);
height : 464px;
}


/* ------------------------------------footer------------------------------------ */


.footer, .push {
height : 160px;
}

.footer {
position : relative;
width : 960px;
margin : 0 auto;
background : url(design/footer.png) no-repeat;
}

p#copyright {
margin-left : 32px;
font-size : 120%;
padding-top : 80px;
width : 900px;
text-align : center;
color : #f98e37;
}


/* ------------------------------------navigation------------------------------------ */


#navi {
background : transparent url(design/navi.png) no-repeat left top;
margin : 0;
margin-top :-50px;
padding : 0;
position : relative;
width : 300px;
height : 367px;
margin-left : 620px;
float : left;
}

#navi li {
display : block;
list-style : none;
margin : 0;
padding : 0;
position : absolute;
}

#navi a {
display : block;
height : 31px;
text-decoration : none;
}

#navi span {
font-size : 1em;
visibility : hidden;
}

#clear {
top : 77px;
left : 104px;
width : 76px;
}

#erika {
top : 135px;
left : 104px;
width : 76px;
}

#fanlisting {
top : 193px;
left : 104px;
width : 118px;
}

#fanlisting a{
height: 38px;}

#website {
top : 250px;
left : 104px;
width : 64px;
}

#clear a:hover {
background : url(design/rollovers/home-over.png) no-repeat 0 0;
}

#erika a:hover {
background : url(design/rollovers/erika-over.png) no-repeat 0 0;
}

#fanlisting a:hover {
background : url(design/rollovers/fanlisting-over.png) no-repeat 0 0;
}

#website a:hover {
background : url(design/rollovers/site-over.png) no-repeat 0 0;
}


/* ------------------------------------content------------------------------------ */


#content {
width : 570px;
text-align : left;
float : left;
margin-top : -326px;
margin-left : 60px;
}

#content ul {
margin-left : 20px;
list-style-type : upper-roman;
}

.list ul {
margin-left : 40px !important ;
}

.codes {
text-align : center;
}

.codes img {
border : 5px solid #eaa369;
padding : 0;
margin-right : 5px;
margin-top : 10px;
margin-bottom : 10px;
}

.codes img:hover {
border : 5px solid #d67649;
}

.pad {
padding : 5px;
margin : 5px;
}


/* ------------------------------------fonts------------------------------------ */


fieldset { 
border: 0; 
margin: 0 auto 15px auto; 
padding: 0 1% 0 0;
width: 100%;}

input, select, textarea { 
background-color: #fbe6bc; 
border: 1px solid #ca4718; 
color: #f9a856; 
font-family: "Arial"; 
font-size: 90%; 
margin: 0 0 1px 0; 
padding: 5px 0;}

.input1 { 
width: 100%;}

 .input2 { 
padding: 5px 3px; 
width: auto;}

.input3 { 
border: 0;}

.button {
clear : both;
width : 100px;
}

.button2 {
clear : both;
margin : 0 0 0 0;
padding : 1px 1px 1px 1px;
width : 60px;
}