/*#############################################################
Name: Default
Date: 2008 May 29
Description: Three-column layout, clean and simple.
Author: Scott Pilarski
#############################################################*/

/* standard elements */

* {
        margin: 0;
        padding: 0;
        font-family: Geneva, Arial, Helvetica, sans-serif;
}
a {
        text-decoration: none;
}
body {
 /*       background: url(img/bkgd_crumpled_paper.jpg); */
/*      background: #FFF  repeat-x; */
/*      color: #444; */
        background: Yellow;
	color: Black;
        font: normal 62.5% "Lucida Sans Unicode",Verdana,sans-serif;
        margin-top: 100px;
        min-width: 800px;
        max-width: 1200px;
}
p,code,ul {
        font-size: 1.2em;
        padding-bottom: 1.2em;
}
li {
        list-style: none;
}
h1 {
        font-size: 1.4em;
}
h1 strong {
        background-color: #f3f7f7;
}
pre {
       font-family: monospace, fixed;
       font-weight:bold;
       color: Navy;
       font-size: 95%;
       width: 75%;
        border-style: inset inset outset outset;
        border: 2px solid blue;
        background-color: #f3f3f3;
        margin-top: 4px;
        margin-bottom: 4px;
        padding-left: 6px;
        margin-bottom: 4px;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 4px;
        padding-bottom: 4px;
}

code {
        background: url(img/bgcode.gif);
        border: 1px solid #F0F0F0;
        border-left: 6px solid #F06;
        width: 85%;
        color: #444;
        display: block;
        font-family: monospace, fixed;
        font-weight:bold;
        font-size: 105%;
        margin-bottom: 6px;
        padding: 2px 1px;
        white-space: pre;
}
blockquote {
        background: #FBFCF5;
        border-bottom: 2px solid #EED;
        border-top: 2px solid #EED;
        color: #000;
        display: block;
        font: normal 0.9em Verdana,sans-serif;
        margin-bottom: 6px;
        padding: 1px;
}
cite {
        background-color: #f3f3f3;
        font-size: 95%;
}
strong {
       font-weight:bold;
       color: Black;
       font-size: 98%;
/*       background-color: #ffffff; */
}
h1,h2,h3,h4,h5,h6 {
        font: normal 1.2em "Trebuchet MS",sans-serif;
/*      color: #F06; */
        color: Black;
}
/* misc */
.clearer {
        clear: both;
}

/* header */
.header {
	margin-top: 150px;
        height: 20px;
        margin-bottom: 2px;
        display: block;
        background: #000;
}
.header h1 {
        color: #06f;
        font: normal 4em sans-serif;
        margin: 0px;
        text-align: center;
}
.header h2 {
        border-top: 1px solid #EEE;
        color: #666;
        text-align: center;
}
.header h2 span {
        background: #222;
        color: #EEE;
        padding: 0 6px;
}

/* left side (main content) */
.left {
	margin: 3% 47% 20% 3%;
}
.content .descr {
        color: #06F;
        font-size: 1.2em;
        margin-bottom: 6px;
}
.content li {
        list-style: url(img/li.gif);
        margin-left: 18px;
}
.content h1 {
        font-size: 2.4em;
        margin-bottom: 4px;
}
.content a,.footer a {
        font-size: 1.4em;
/*      color: #F06; */
        color: Black;
        text-decoration: none;
}
.content a:hover,.footer a:hover {
/*      color: #444; */
        color: Black;
        font-weight:bold;
        border-bottom: 1px solid #F06;
}

.content .logo {
        clear: both;
        margin: 0px;
        float: right;
        padding: 0px;
        border: 0;
}


/* nav & subnavigation */
.nav,.right {
        position: absolute;
        top: 150px;
}

/* navigation */
.nav {
        right: 23%;
        text-align: center;
        width: 21%;
margin-top: 150px;
        padding: 0;
        border-top: none;
        border-bottom: none;
}
.nav .logo {
        border-bottom: 1px solid #EEE;
        border-top: 1px solid #EEE;
}
.nav h1 {
        color: #F60;
        margin: 12px 0;
}
.nav li {
        border-bottom: 1px solid #EEE;
}
.nav li a {
        color: #888;
        display: block;
        font: normal 1.4em serif;
        padding: 8px 0;
}
.nav li a:hover {
        background: #FAFAFA;
        color: #F06;
}

/* subnav */
.right {
        background: #222;
        right: 3%;
        width: 18%;
margin-top: 150px;
}
.subnav {
        padding: 12px 12px 0;
}
.subnav h1 {
/*      color: #F06; */
        color: Cyan;
        font-size: 1.4em;
        height: 20px;
        margin-left: 8px;
}
.subnav ul {
        margin: 0 0 16px;
        padding: 0;
}
.subnav li {
        list-style: none;
        margin: 0;
        border-bottom: 1px solid #333;
}
.subnav li a {
        color: #FFF;
        display: block;
        font-size: 0.9em;
        padding: 3px 6px 3px 8px;
        text-decoration: none;
}
.subnav li a:hover {
        color: #00FF00;
}

/* round edges */
.roundtl,.roundtr,.roundbl,.roundbr {
        background: url(img/round.gif);
        height: 16px;
        width: 14px;
}
.roundtl,.roundbl {
        float: left;
}
.roundtr,.roundbr {
        float: right;
}
.roundtr {
        background-position: right top;
}
.roundbr {
        background-position: right bottom;
}
.roundbl {
        background-position: left bottom;
}

.attention {
        background: #FBFCF5;
}
.attention blockquote {
        border-style: inset;
        border-bottom: 3px solid gray;
        border-right: 3px solid red;
        border-left: 3px solid gray;
        border-top: 3px solid red;
        color: navy;
        display: block;
        font: normal 1.5em Verdana,sans-serif;
        font-variant: small-caps;
        margin-bottom: 6px;
        padding: 10px;
}
.attention h1 {
        text-transform: uppercase;
        word-spacing: 2em;
        display: block;
        border-style: inset;
        border-bottom: 3px solid gray;
        border-right: 3px solid red;
        border-left: 3px solid gray;
        border-top: 3px solid red;
        color: navy;
        font: bold 4em sans-serif;
        margin-top: 40px;
        text-align: center;
        padding: 10px;
}

.logo {
        clear: both;
        margin: 0px;
        float: right;
        padding: 0px;
        border: 0;
}

/* footer */
.footer {
/*      color: #666; */
        color: Red;
        border-top: 1px solid #EEE;
/*      font: normal 1em Verdana,sans-serif; */
        display: block;
        font-weight:bold;
        font: normal 1.5em Verdana,sans-serif;
        font-variant: small-caps;
        margin: 0 30% 6 2%;
        padding: 8px 6px;
}