/* CSS Document */

html {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
text-align: center;
color: #a82500;
font-family: Verdana, serif;
font-size: 12px;
}

div.container {
margin: auto auto auto auto;
width: 750px;
background: #d8ba8c url(images/bg.jpg) repeat; 
border: 10px solid #a82500;
}

div.header {
margin: auto auto auto auto;
width: 750px;
clear: both;}


div.clear {
clear: both;
margin: 0 0 0 0;
padding: 0 0 0 0;}

div#leftheader{
float: left;
width: 500px;
}

div#rightheader{
float: right;
background: url(images/carmenlay_03.jpg) no-repeat;
width: 250px;
height: 362px;
text-align: left;
}

#rightheader a {
   position: absolute;
   height: 52px;
   width: 250px;
   text-decoration: none;
   }
#rightheader a i { visibility: hidden; }
a#about {margin: 0 0 0 0;}
a#rules {margin: 52px 0 0 0;}
a#codes {margin: 104px 0 0 0; }
a#join {margin: 156px 0 0 0; height: 53px; }
a#fans {margin: 209px 0 0 0;}
a#extras {margin: 261px 0 0 0; height: 45px; }
a#home {margin: 306px 0 0 0; height: 56px; }

a#home:hover { background-image: url(images/carmenlayhover_09.jpg); }
a#about:hover { background-image: url(images/carmenlayhover_03.jpg); }
a#rules:hover { background-image: url(images/carmenlayhover_04.jpg); }
a#codes:hover { background-image: url(images/carmenlayhover_05.jpg); }
a#join:hover { background-image: url(images/carmenlayhover_06.jpg); }
a#fans:hover { background-image: url(images/carmenlayhover_07.jpg); }
a#extras:hover { background-image: url(images/carmenlayhover_08.jpg); }

a#about, a#rules, a#codes, a#join, a#fans, a#extras, a#home  { border: none; }

div.contentlayout {
margin: auto 0 0 0;
padding: 10px 0 0 0;} 

div.content{
margin: auto auto auto auto;
padding: 0 5px 0 10px;
width: 485px;
text-align: justify;
float: left;
}

div.contentnav{
margin: auto auto auto auto;
padding: 0 10px 0 5px;
width: 235px;
text-align: justify;
float: right;
}

p {text-align: justify;}
p.first:first-letter{margin: -10px 0 0 0; padding: 0 0 0 0; font-size: 400%; float: left; font-family: serif;}

posttitle, h2 {
border-bottom: 2px solid #a82500;
font-family: serif;
text-transform: capitalize;
font-variant: small-caps;
color: #000000;}

a:link, a:visited, a:active { 
color: #000000; 
font-weight: bold;
text-decoration: none; }
a:hover{
color: #a82500;}

textarea, input, select, .pic, fieldset {
background: #d8ba8c url(images/bg.jpg) repeat; 
border: 2px solid #a82500;
font-family: Verdana, serif;
font-size: 10px;}