/* Basics and Typography */

body {
background-image: url(http://un-broken.org/browntabby/bg.jpg);
background-color: #301B13;
margin:0px;
padding:0px;
font-family:"arial"; 
font-size:12px;
text-align:left;
color:#301B13;
}
u, i {
color:#8F653E;
}
b {
color:#3C9381;
}
a {
color:#663921;
font-size:12px;
text-decoration:none;
font-weight:bold;
font-style:italic;
font-family:"arial";
text-decoration:none;
}
a:link {
color:#663921;
text-decoration: none;
}
a:visited {
color:#663921;
text-decoration: none;
}
a:hover {
color:#000000;
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:#6A6E4D;
text-align:left;
padding:0 0 0 0;
}
H1 {
font : 13px georgia;
font-style : italic;
font-weight:bold;
text-align : left;
color : #6A6E4D;
}
H2 {
font : 13px georgia;
font-style : italic;
font-weight:bold;
text-align : left;
color : #6A6E4D;
}
input, textarea, iframe, select {
font : 11px arial;
color : #301B13;
background: #F9F9F9;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #301C12;
margin : 1px;
padding : 1px;
}
option {
font : 11px arial;
color : #301B13;
background: #F9F9F9;
}
.small {
font : 10px arial, sans-serif;
text-align : left;
}
#list {
list-style: circle;
text-align:left;
padding:8px;
margin:8px;
position:inside;
}
.xy {
font: 9px arial, sans-serif ;
text-align: left;
font-style: italic;
}

/* Layout */

#layout {
width:557px;
padding:0px;
margin-right:auto;
margin-left:auto;
}

#content {
width:557px;
height:auto;
background-image: url(http://un-broken.org/browntabby/main.jpg);
}
#main {
padding-top: 5px;
padding-left: 5px;
padding-right: 0px;
width: 545px;
text-align: justify;
}
#header {
background:url(http://un-broken.org/browntabby/header.jpg);
height:431px;
margin: 0px; 
padding: 0px;
}

#footer {
margin: 0px auto;
width: 557px;
}

#navi {
width: 557px;
font-family : "arial";
font-weight: bold;
font-size : 17px;
color : #321D13;
height : 0;
text-align : center;
padding : 0 0 0 0;
border-bottom: none;
padding-top: 400px;
}
#navi a {
padding : 0.2em;
font-family : "arial";
font-weight: bold;
font-size : 17px;
color : #321D13;
width : 100%;
text-decoration : none;
display : inline;
text-transform : lowercase;
border-bottom: none;
}
#navi a:hover {
padding : 0.2em;
font-family : "arial";
font-size : 17px;
color : #49D3BD;
width : 100%;
text-decoration : none;
display : inline;
text-transform : lowercase;
background: #321D13;
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 : #301B13;
}
ul.error, p.error {
margin : 1em 0;
padding : 0.5em 3em;
background : #fee;
border-left : 1em solid #c00;
color : #301B13;
}
blockquote {
display : block;
margin-left: 4px;
} 
