/* General Settings */
* { background: transparent no-repeat; border: none; color: #fff; font-size: 9pt; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; margin: 0; padding: 0; text-decoration: none; }

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

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

/* #main (body) */
#main { height: 100%; }

/* #wrap */
#wrap { background: #EAEBEA url(../img/template/bg.png) no-repeat bottom right; border-style: none solid; height: 100%; min-height: 768px; width: 1024px; position: relative; margin: 0 auto; }
#wrap > * { position: absolute; }

/* #header */
#header { background: #DBDCDD url(../img/template/logo.png) no-repeat 50px center; height: 90px; left: 0; right: 0; top: 0; }
#header a { margin-left: 50px; height: 90px; width: 147px; }

/* #meta */
#meta { bottom: 150px; left: 0; list-style: none; width: 180px; }
#meta dt,
#meta dd { padding: 10px; box-shadow: 5px 5px 10px #aaa; }
#meta dt { background: #2D8CCF; border-top-right-radius: 5px; font-size: 1.2em; padding-bottom: 5px; }
#meta dd { background: #2D8CCF; border-bottom-right-radius: 5px; font-size: 0.8em; padding-top: 0; margin-bottom: 1em; line-height: 1.8em; }
#meta dd a { color: #F7C12E; font-size: 1em; }

/* #navigation */
#navigation { background: #2D8CCF; box-shadow: 5px 5px 10px #aaa; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 45px; left: 200px; right: 150px; top: 90px; }
#navigation ul { height: 45px;  list-style: none; text-align: center; }
#navigation ul li { display: inline; height: 45px; margin-right: 1.2em; }
#navigation ul li:last-child { margin-right: 0; }
#navigation ul li a { font-size: 1.2em; line-height: 45px; }
#navigation ul li.active a { color: #F1BF38; text-decoration: underline; }

/* #content */
#content { overflow: auto; bottom: 125px; left: 200px; right: 150px; top: 175px; }
#content,
#content * { color: #000; }
#content > * { margin: 10px 15px; }
#content h1 { color: #2d8ccf; font-size: 1.2em; margin-bottom: 1.5em; }
#content dl dt,
#content h2 { color: #E62578; font-size: 1.2em; margin-bottom: 0.5em; }
#content h2 a { color: inherit; font-size: inherit; text-decoration: inherit; }
#content h3 { color: #2D8CCF; margin-bottom: 0.3em; }
#content p { line-height: 1.8em; margin-bottom: 0.8em; }
#content a { color: #2D8CCF; text-decoration: underline; }
#content pre { border: 1px solid #ccc; font-family: monospace; padding: 1em; }
#content p pre { border: none; padding: 0; display: none; }
#content del { text-decoration: line-through; }

/* #boxes */
#boxes { bottom: 25px; left: 200px; list-style: none; right: 150px; }
#boxes ul * { font-size: 0.8em; }
#boxes ul * * { font-size: 1em; } 
#boxes li { background: #F8C030; margin-right: 0.625em; box-shadow: 5px 5px 10px #aaa; border-top-right-radius: 5px; border-top-left-radius: 5px; color: #252525; display: inline; float: left; height: 60px; width: 110px; line-height: 1.4em; padding: 10px; }
#boxes li:last-child { margin-right: 0; }
#boxes li a { color: #216EB5; font-size: 1em; }
#boxes li p { color: #252525; margin-bottom: 0.5em; }

/*#boxes li { background: #F8C030 url(../img/template/cristals/crystal1.png) no-repeat bottom right; }*/

/* #footer */
#footer { background: #DBDCDD; color: #979899; height: 25px; bottom: 0; left: 0; right: 0; line-height: 25px; text-align: right; padding: 0 15px; }
#footer a { color: #216EB5; }