/*
Theme Name: Anya Sapozhnikova
Theme URI: http://pakkeimak.com
Description: A theme designed only for Anya Sapozhnikova
Version: 1.0
Author: Pak-Kei Mak
Tags: 
*/

@font-face {font-family: Candida; src: url('/images/Candida.otf');}

h3 {font: 28px Candida, Georgia, serif; text-transform: uppercase; font-style: italic; text-align: center; color: #FF9900;}
h3 a {text-decoration: none;}
h4 {font: 20px Candida, Georgia, serif; text-transform: uppercase; text-align: center; color: white;}
h5 {font: bold 11px Georgia, Times New Roman, serif; text-transform: uppercase; text-align: center; color: #888;}
h6 {font: 11px Georgia, Times New Roman, serif; text-transform: uppercase; text-align: center; color: #888;}
p {font: 13px Georgia, Times New Roman, serif; line-height: 24px; color: white; text-align: justify;}
a {color: #FF9900;}
#nav li {font: bold 12px Georgia, Times New Roman, serif; text-transform: uppercase; color: white; padding-bottom: 3px; border-bottom: 2px solid white; margin: 10px;}
#nav a {text-decoration: none; color: white;}
#footer p {font: 11px Georgia, Times New Roman, serif; line-height: 18px; text-transform: uppercase; color: white; text-align: right;}
#footer a {color: white;}


html, body {padding: 0; margin: 0; overflow-x: hidden; overflow-y: auto;}
body {background: black;}
p + p {padding-top: 20px;}
p + h4, h4 + p, h4, h6 + p {padding-top: 20px;}
h3 {padding-bottom: 30px;}
h3 + h5 {margin-top: -30px; padding-bottom: 30px;}
hr {border: 0; height: 47px; padding: 20px; background: url('/images/separator.png') center no-repeat;}


#page {position: relative; min-height: 100%;}
#background {position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 0;}
#backimage {position: absolute;}

#header {position: relative; top: 20px; left: 50%; margin-left: -326px; width: 652px; height: 300px; z-index: 2;}
#nav {padding-left: 50px;}
#nav li {display: inline;}

#footer {position: relative; left: 50%; margin-left: -326px; width: 532px; padding: 40px 60px 40px 60px; z-index: 2;}


#content {position: relative; left: 50%; margin-left: -326px; width: 652px; min-height: 552px; z-index: 2;}
#content .back .t {position: absolute; top: 0; left: 0; width: 652px; height: 275px; background: url('/images/box-t.png') no-repeat;}
#content .back .m {position: absolute; top: 275px; bottom: 275px; left: 0; width: 652px; background: url('/images/box-m.png') repeat;}
#content .back .b {position: absolute; bottom: 0; left: 0; width: 652px; height: 275px; background: url('/images/box-b.png') no-repeat;}

#content .front {position: relative; padding: 60px; z-index: 3;}