body{margin:0; padding:0; font:400 1em Arial,sans-serif; background:url(../images/woodbackground.jpg); color:#000}

img{border:0}

h1, h2, h3, h4{margin:0}

ul{line-height:1.3em}

ul li a{outline:none}

a, a:visited{color:#4d663d; text-decoration:none}

a:hover, a:visited:hover{color:#030}

big{font-size:1.3em}

.port{float:left}

.starboard{float:right}

.klear{clear:both}

.dot{border-bottom:1px dotted #606}

.centre{text-align:center}

.hiding{display:none}

img.upload{margin:0 auto; display:block}

#canvas{width:760px; margin:0 auto; background:url(../images/canvas.png) repeat-y center; position:relative; z-index:5}

#header{width:760px; height:300px; margin:0; background:url(../images/woodheader.jpg) no-repeat center}

#header h1{padding:30px 0 0 45px; font:bold 5.0em Helvetica,sans-serif; letter-spacing:.1em; color:#303}

#header h2{margin:-25px 0 50px 0; padding:0 0 0 50px; font:bold 2.0em Helvetica,sans-serif; color:#303}

#header h3{padding:0 0 0 50px; font:bold 1.5em Georgia,serif}

#header h4{margin:-3px 0 0 0; padding:0 0 0 50px; font:bold 1.0em Georgia,serif}

#navigation{width:760px; float:left; text-decoration:none}

#navigation ul{margin:0; list-style:none}

#navigation ul li{position:relative; display:inline; z-index:13}

#navigation ul li a, #navigation ul li a:visited{color:#f2f2c2}

#navigation ul li a:hover, #navigation ul li a:visited:hover{color:#fff; text-decoration:underline}

#portal, #labyrinth, #godpower{width:720px; height:100%; margin:0 0 0 20px; padding:5px 0; background:#303; border-top:1px solid #606; border-right:1px solid #590059; border-bottom:1px solid #000; border-left:1px solid #590059; float:left}

html >body #portal, html >body #labyrinth, html >body #godpower{width:718px}

#portal ul, #labyrinth ul, #godpower ul{padding:0}

#portal ul li{font-size:1.3em; padding:0 7px}

#labyrinth ul li{font-size:1em; padding:0 7px}

#godpower ul li{font-size:.9em; padding:0 5px}

#labyrinth ul li a, #godpower ul li a{padding:1px 3px 1px 1px}

#press{padding:0 0 0 20px; width:760px; clear:both}

#texts{width:720px; padding:0 0 20px 0; background:url(../images/woodtextbackground.jpg) no-repeat #fff; border:1px solid #fff}

html >body #texts{width:718px}

#texts h2{margin:7px 0 0 10px; font-size:2em}

#texts h3{margin:7px 0 2px 0; border-bottom:1px dotted #590059; font:bold 1.3em Georgia,serif; color:#303; clear:both}

#texts h3 input{margin:0 0 10px 0}

#texts p{margin:0 0 10px 0; line-height:1.3em}

#inferno, #purgatorio, #paradiso, #pre_edit, #post_edit, #noscript{width:700px; margin:0 0 0 9px}

#loginAI{margin:10px; font-size:.8em; float:right}

#flash{display:none; width:212px; font-size:.75em; position:absolute; top:10px; right:0; z-index:99}

#flash .info{width:212px; margin:0 0 -12px 0; background:url(../images/flashtop.png) no-repeat top}

#flash .tail{width:212px; height:15px; background:url(../images/flashtail.png) no-repeat top}

#flash p{width:186px; padding:13px 0 0 13px; color:#fff}

.contact_image{margin:1px 10px 10px 0; padding:2px; border:1px solid #590059; float:left}

.helper, .hider{padding:1px 2px; background:#590059; font-size:.8em}

.helper a, .hider a{color:#fff}

.hider{display:none}

.helpbox{padding:0 20px; font-size:.8em}

.horizontalrule{width:97%; margin:0 auto; border-bottom:2px solid #590059; clear:both}

#diamondthing{width:500px; margin:10px auto; display:block}

#diamondthing img{width:94px; height:162px}

#diamondthing div.portside{width:195px; margin:70px 0 0 0; text-align:right; float:left}

#diamondthing div.starboardside{width:195px; margin:70px 0 0 0; text-align:left; float:right}

#diamondthing div.topside{width:100%; text-align:center}

#edit-photo{width:200px; height:124px; border:1px solid #590059; float:right; clear:both}

#edit-photo-list{width:500px; float:left}

#edit-photo-list li{width:100%; margin:3px 0; float:left; clear:left}

img.photo-list-img{height:50px; padding:1px; border:1px solid #590059; float:left}

img.album-image, img.album-image:visited{margin:0 0 10px 25px; padding:2px; border:1px solid #662966; float:left}

img.album-image:hover, img.album-image:visited:hover{background:#662966}

ul.album-list{padding:0; margin:0 25px 10px 0; width:440px; font-size:.8em; list-style:none; float:right}

.tabs{display:none}

#tabmenu{width:100%; float:left; list-style-type:none}

#tabmenu li{padding:0 2px; margin:0 2px 0 0; background:url(../images/transparent_white.png); border:1px solid #590059; float:left}

.box{width:100%; margin:5px 0; clear:left; float:left; border-top:1px dotted #606}

span.box-title{width:200px; font:bold 1.5em Helvetica,Verdana,sans-serif; float:left; text-align:right; position:absolute}

ul.box-list{margin:0; width:475px; padding:3px 3px 3px 10px; border-bottom:1px solid #303; border-right:1px solid #590059; border-left:1px solid #590059; background:url(../images/transparent_white.png); list-style:none; float:right}

ul.box-list li{font-size:.8em}

ul.gallery{margin:0; padding:0 0 10px 22px; position:relative; float:left; clear:both}

ul.gallery li{margin:4px; position:relative; float:left; z-index:13}

ul.gallery li a{padding:2px; float:left; border:1px solid #662966}

ul.gallery li a:hover{background:#662966}

#footer{width:720px; height:55px; background:url(../images/woodfooterbackground.jpg) no-repeat top #fff; border-top:1px solid #eedfcc; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:.8em}

html >body #footer{width:718px}

.x{margin:10px 0 0 10px}

.y{margin:2px 0 0 10px}

form{margin:10px 0 0 0}

input{font-size:1.2em; color:#333}

#contact_submit, #login_submit, #portrait_submit, #album_submit, #photo_submit, #page_submit, #post_submit{font-size:1em; background:#303; color:#f2f2df; border-top:1px solid #606; border-right:1px solid #590059; border-bottom:1px solid #000; border-left:1px solid #590059}

textarea{background:#fff; color:#333; border:1px solid #590059}

#phantom1{width:440px; height:500px; background:url(../images/woodphantom.jpg) no-repeat top left; position:absolute; top:0; left:0; z-index:3}

#phantom2{width:760px; height:50px; margin:0 auto; background:url(../images/footer.png); position:relative; z-index:6}

pre{background:#eee; padding:10px}

.fieldWithErrors{padding:0 0 10px 0}

#errorExplanation{margin:10px 0; width:400px; border:2px solid #f00; padding:7px; background:#fff}

#errorExplanation h2{font-size:.8em; text-align:center; padding:0 0 0 4px; margin:-3px; background:#c00; color:#f2f2df; border:1px solid #c00}

#errorExplanation p{color:#666; padding:3px}

#errorExplanation ul li{font-size:.8em; list-style:square}
