/* Basics and Typography */

body {
background-image: url(http://un-broken.org/whitewolves/bg.jpg);
background-color: #312A27;
margin:0px;
padding:0px;
font-family:"trebuchet ms"; 
font-size:12px;
text-align:left;
color:#312A27;
}
u, i {
color:#493D22;
}
b {
color:#6F5024;
}
a {
color:#473628;
font-size:11px;
text-decoration:none;
font-weight:bold;
font-style:italic;
font-family:"trebuchet ms";
text-decoration:none;
}
a:link {
color:#473628;
text-decoration: none;
}
a:visited {
color:#473628;
text-decoration: none;
}
a:hover {
color:#312A27;
text-decoration:none;
background-color: none;
} 
.header {
font-family : "georgia";
font-size : 22px;
font-weight:bold;
font-style:italic;
text-transform:lowercase;
letter-spacing:5px;
color:#3E3D3C;
text-align:left;
padding:0 0 0 0;
}
H1 {
font : 13px georgia;
font-style : italic;
font-weight:bold;
text-align : left;
color : #3E3D3C;
}
H2 {
font : 13px georgia;
font-style : italic;
font-weight:bold;
text-align : left;
color : #3E3D3C;
}
input, textarea, iframe, select {
font : 11px trebuchet ms;
color : #312A27;
background: #F1F0ED;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #704950;
margin : 1px;
padding : 1px;
}
option {
font : 11px trebuchet ms;
color : #312A27;
background: #F1F0ED;
}
.small {
font : 10px trebuchet ms, sans-serif;
text-align : left;
}
#list {
list-style: circle;
text-align:left;
padding:8px;
margin:8px;
position:inside;
}
.xy {
font: 9px trebuchet ms, sans-serif ;
text-align: left;
font-style: italic;
}

/* Layout */

#layout {
width:604px;
padding:0px;
margin-right:auto;
margin-left:auto;
}

#content {
width:604px;
height:auto;
background-image: url(http://un-broken.org/whitewolves/main.jpg);
}
#main {
padding-top: 45px;
padding-left: 5px;
padding-right: 0px;
width: 590px;
text-align: left;

}

#header {
background:url(http://un-broken.org/whitewolves/header.jpg);
height:409px;
margin: 0px; 
padding: 0px 0px 0px 0px;
}

#footer {
margin: 0px auto;
width: 604px;
}

#navi {
position:absolute; 
top:410px; 
left:325px;
width : 604px;
font-family : "trebuchet ms";
font-weight: bold;
font-size : 17.5px;
color : #463729;
height : 0;
text-align : center;
padding : 0 0 0 0;
border-bottom: none;
}
#navi a {
padding : 0.2em;
font-family : "trebuchet ms";
font-weight: bold;
font-size : 17.5px;
color : #463729;
width : 100%;
text-decoration : none;
display : inline;
text-transform : lowercase;
border-bottom: none;
}
#navi a:hover {
padding : 0.2em;
font-family : "trebuchet ms";
font-size : 17.5px;
color : #E9E4E0;
width : 100%;
text-decoration : none;
display : inline;
text-transform : lowercase;
background: #463729;
border-bottom: none;
}

/* CodeSort */

label {
float : left;
width : 8em;
text-align : right;
margin : 0 0.5em 0 0;
}
#donate label {
width : 12em;
}
ul.success, p.success {
margin : 1em 0;
padding : 0;
background : #efe;
border-right : 1em solid #0c0;
color : #312A27;
}
ul.error, p.error {
margin : 1em 0;
padding : 0.5em 3em;
background : #fee;
border-left : 1em solid #c00;
color : #312A27;
}
blockquote {
display : block;
margin-left: 4px;
} 