html { }

body {
margin:0;
background : #52032a;
line-height : 1.5em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#page {
width : 85%;
margin : 0 auto;
background : #FFFFFF;
}


#attop {
width : 100%;
background : #52032a;
float: right;
}

#top {
width : 100%;
float : left;
margin-bottom:0em;
}

#content {
padding-left: 4%;
padding-right: 4%;
}

#content img {
padding : 8px 8px 5px 0;
float : left;
border:none;
}


#bottom {
width : 100%;
background : #52032a;
}

#attop img {
float : left;
}

#top img {
width : 100%;
float : left;
border:none;
}

#bottom img {
width : 100%;
}


h1 {
font-size : 150%;
}
h2 {
font-size : 140%;
color : #f90;
line-height : 1.4em;
}
h3 {
font-size : 130%;
}
h4 {
font-size : 140%;
color : #447733;
padding : 15px 0 5px 0;
}
h5 {
font-size : 110%;
}
h6 {
font-size : 100%;
}


pre, code {
font-size : 120%;
}
pre {
width : 100%;
overflow : auto;
border : 0;
}

fieldset {
border : 0px;
width:60%;
float:left;

}

form fieldset {
border: 0px ;
width:100%;
float:right;
}

.field label {
display : block;
}

input {
border : 0;
font-size : 85%;
background : #006699;
color : #ddd;
}

textarea {
border : 0;
width : 100%;
font-size : 100%;
background : #eeeeee;
color : #aaa;
}


a {
color :  #006699;
}
a:visited {
color : #f90;
}
a:hover {
color : #006699;
}
img {
border-width : 0;
border:none;
}
a img {
border : 0;
border-width : 0;
border:none;
}

a:hover img, a:active img {
border-width : 0;
border:none;
}

.post {
margin-right:5%;
margin-left: 5%;
}
.post-chapo, .post-content {
text-align : justify;
}
.post-title {
color : #006699;
}
.post-title a {
color : #f90;
text-decoration : none;
}
.post-info {
color : #fa0;
padding-bottom : 1ex;
}
.post-info a {
color : #fa0;
text-decoration : none;
}
.post img {
padding : 8px 8px 5px 0;
float : left;
border:none;
}

.post-content blockquote {
font-family : Georgia, serif;
font-style : italic;
}
.post-info-co {
text-align : right;
}
#trackbacks, #comments {
margin-left: 5%;
margin-right:5%;
}

#trackbacks blockquote, #comments blockquote {
border : 1px solid #eee;
margin : 1em 0;
padding: 1em 1em;
}


ul#nav-box  {
width:60%;	
margin : 0 0 0em 0;
padding : 0px 1em 0px 0;
list-style-type : none;
background-color: #eee;
color: #4b4b69;
font-weight : bold;
font-size : 70%;
text-align: right;
}

ul#nav-box li {
display: inline;
padding : 0px 0;
}

ul#nav-box li a {
padding : 0px 1em 0px 1em;
color: #4b4b69;
text-decoration: none;
border-left: 1px solid #fff;
}

ul#nav-box li a:hover {
background-color: #4b4b69;
color: #d9d940;
border-left: 1px solid #fff;
}

ul#nav-boxb  {
width:54%;	
margin : 0 0 0em 0;
padding : 0px 1em 0px 0;
list-style-type : none;
background-color: #eee;
color: #4b4b69;
font-weight : bold;
font-size : 0.7em;
text-align: right;
}

ul#nav-boxb li {
display: inline;
padding : 0px 0;
}

ul#nav-boxb li a {
padding : 0px 1em 0px 1em;
color: #4b4b69;
text-decoration: none;
border-left: 1px solid #fff;
}

ul#nav-boxb li a:hover {
background-color: #4b4b69;
color: #d9d940;
border-left: 1px solid #fff;
}