/* Global styles */

* { margin: 0 ; padding: 0 ; border: none ; }
html, body { color: #a0ac9c ; width: 100% ; font: 14px/18px Arial, Helvetica, sans-serif ; background: #151515 ; height: 100% ; }



/* Positioning */

#home { text-align: center ; background: url("../img/footer.jpg") ; width: 720px ; height: 78px ; margin: 0 -10px -10px ; }
#mainbox { width: 700px ; background: #1f1d1e url("../img/bg_mainbox.jpg") no-repeat top right; margin: 200px auto ; padding: 10px ; }

#wrapper { width: 100% ; height: 100% ; background: url("../img/about.png") no-repeat top left ; position: absolute ; top: 0 ; left: 0 ; }



/* Formatting */

a { text-decoration: none ; background-color: transparent ; border: none ; }
a:hover { text-decoration: none ; background-color: transparent ; border: none ; }
.center { text-align: center ; font-size: 12px ; color: #5c5858 ; }
a.footer_nav { color: #5c5858 ; }
a:hover.footer_nav { text-decoration: none ; border-bottom: 2px dashed #c23d3e ; color: #5c5858 ; }
h1 { font: italic 20px/25px Georgia, Garamond, serif ; color: #5d5c5c ; padding-bottom: 0.5em ; }

p.quote { padding-left: 10px ; }
img.left { float: left ; margin-right: 5px ; margin-bottom: 5px ; }
img.mainbox { border: 3px solid #333 ; }
a.main_text { text-decoration: none ; background: #21262b ; color: #AFF198 ; }
a.main_text:hover { background: #21262b ; text-decoration: none ; border-bottom: 2px dashed #c23d3e ; color: #AFF198 ; }
p { padding-bottom: 1.5em ; }
p.quote { font: italic 20px Georgia, Garamond, serif ; color: #5d5c5c ; text-align: center ; }