/* weee! font faces */
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf') format('opentype'); }
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf') format('opentype'); }

@font-face { font-family: Diavlo; src: url('Diavlo_BOOK_II_37.otf') format('opentype'); }
@font-face { font-family: Diavlo; font-weight: bold; src: url('Diavlo_BOLD_II_37.otf') format('opentype'); }

@font-face { font-family: Que_FONTita; src: url('Que_FONTita_21.otf') format('opentype'); }

/* General Settings */
* { background: transparent no-repeat; color: #6e9fbe; font: 10pt  Delicious, Lucida, sans-serif; margin: 0; padding: 0; text-decoration: none; }
img { border: none; }


/* Classes */
.img { background: transparent no-repeat; display: block; overflow: hidden; letter-spacing: -1000em; text-indent: -999em; }
.invisible { display: none; visibility: hidden; }

/* html */
html { height: 100%; width: 100%; }

/* body */
body { background: #c0e7c5; height: 100%; min-height: 580px; min-width: 900px; width: 100%; }

/* #header */
#header { width: 900px; margin: 0 auto 20px; padding-top: 20px; }
#header .logo { color: #f2c2e7; font: 12em Que_FONTita, sans-serif; text-shadow: 3px 3px 5px #8ebfde; }

/* #navigation */
#navigation { width: 900px; margin: 0 auto 10px; }
#navigation li { display: inline; margin-right: 12px; }
#navigation li a { color: #f2c2e7; font-size: 2em; font-weight: bold; text-shadow: 2px 2px 3px #8ebfde; }
#navigation li a:hover { color: #ab1b1b; }
#navigation li.active a { color: #ab1b1b; }

/* #subnavigation*/
#subnavigation { width: 900px; margin: 0 auto 20px; }
#subnavigation li { display: inline; margin-right: 8px; }
#subnavigation li a,
#subnavigation li span {  }
#subnavigation li a:hover,
#subnavigation li.active span { color: #ab1b1b; }

/* #wrap */
#wrap { background: #fffef8; min-height: 580px; width: 900px; margin: 0 auto; padding: 10px; }

#wrap {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 3px 3px 5px #8ebfde;
    -webkit-box-shadow: 3px 3px 5px #8ebfde;
}

/* #content */
#content { overflow: auto; bottom: 70px; min-height: 375px; }

#content a { color: #ab1b1b; }

#content h1 { font: 4em Que_FONTita; margin-bottom: 0.5em; text-shadow: 2px 2px 3px #f2c2e7; }
#content h2 { font-size: 2em; margin-bottom: 0.5em; }
#content h3 {  }

#content p { line-height: 1.8em; margin-bottom: 1em; }

#content .subnav { margin-bottom: 1em; }
#content .subnav li { display: inline; margin-right: 1em; }
#content .subnav li a { color: #8ebfde; }
#content .subnav li a:hover { color: #ab1b1b; }

#content .left { float: left; width: 440px; }
#content .right { float: right; width: 440px; }

#content .pagination { margin-bottom: 1em; }
#content .pagination span { width: 3.5em; }
#content .pagination li { display: inline; margin-right: 1em; }

/* #footer */
#footer { margin-bottom: 10px; margin-top: 20px; height: 50px; margin-left: 125px; margin-right: 448px; line-height: 60px; }
#footer .img { height: 45px; width: 50px; float: left; margin-right: 15px; }