/* ----------------------------------------
   Blazing Moon (http://www.blazingmoon.org)
   Styles global to all Blazing Moon Guide pages
   
   Version: 1.0.0 
   Author: Andy Giesler
   Author URI: http://www.blazingmoon.org 
   ---------------------------------------- */

/* */
/* header */
/* */

/* */
/* content: the guide */
/* */

#contentHead 
{
    float: left;
    width: 960px;
    background: #fff url(../img/guide-body-top.gif) top right;
}

#contentHead H1     /* left header text */
{
    float: left;
    padding: 20px 30px 10px 30px;
}

.navPanel           /* right header nav buttons */
{
    float: right;
    line-height: 1.5em;
    letter-spacing: 0.1em;
}

.navPanel.top
{
    margin: 20px 30px 20px 0;
}

.navPanel.bottom
{
    margin: -20px 30px 20px 0;
}

.navPanel A:link {color: #900;}
.navPanel A:visited {color: #900;}
.navPanel A:hover {color: #300;}

.navLink
{
    display: block;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bold;
}

.prev:before {content: "Back: ";}
.prev
{
    background: url(../guides/img/nav-prev.gif) no-repeat left;
    padding-left: 1.3em;
}

.next:before {content: "Next: ";}
.next
{
    background: url(../guides/img/nav-next.gif) no-repeat left;
    padding-left: 1.3em;
}

#contentBody
{
    padding: 10px 300px 40px 30px;
    background: #fff url(../img/guide-body-middle.gif) repeat-y left;
}

#contentFoot
{
    width: 960px;
    height: 31px;
    background: #f00 url(../img/guide-body-bottom.gif) no-repeat bottom left;
}

/* */
/* secondary content: floating menu
/* */
#menu
{
    position: absolute;
    float: right;
    top: 16em;
    left: auto;
    width: auto;
    right: 0px;
    z-index: 999;

    margin: 0px;
    padding: 0 5px 0 6px;

    background: #dca;
    border-color: #986;
    border-width: 1px 0 1px 1px;
    border-style: solid;

    font-weight: bold; 
    font-size: 1.1em;
    color: #653;
    line-height: 150%;
    text-align: left;
}

body>div #menu {position:fixed} /* Fix for IE6/Win */

#menu a {font-weight: bold; display: block; text-decoration: none;}
#menu a:link {color: #653;}
#menu a:visited {color: #653;}
#menu a:active {color: #653;}
#menu a:hover {color: #986;}

#currentPage
{
    background-color: White;
    padding: 0 .5em;
    margin: 0 -0.5em 0 -0.5em;
}



/* */
/* body styles */
/* */

HR      
{ 
    margin: 0 11px; 
    height: 1px; 
    color: White; 
    background-color: White; 
    border: 0px;
}

.alert
{
    color: #c00;
    font-weight: bold;
}



/* ======================================== */
/* Code, scripts, and command-line snippets */
/* ======================================== */

.code
{
    border-style: solid;
    border-color: #cbf;
    border-width: 1px 0;
    padding: 0.5em 4em 0.5em 1em;
    margin: 0 0 1em 0;
    background-color: #f7f7f7;
    color: #335;
    font-family: Courier New, Courier, Monospace;
    font-size: 1.2em;
    letter-spacing: -0.03em;
}



/* ======== */
/* Sidebars */
/* ======== */

.sidebar
{
    float: right;
    width: 34.5em;
    margin: 1em -20em 0 0.5em;
    padding: 1em 1em 0.5em 1em;
    background-color: #f0e7c0;
    color: #553;
    border: solid 4px #d0c7aa;
    font-family: Times New Roman, serif;
    font-style: italic;
}

.sidebar h3
{
    font-family: Sans-Serif;
    font-size: 11pt; 
    font-weight: bold; 
    font-style: italic; 
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.sidebar p
{
    margin: 0px 0px 10px 0px !important;
    padding: 0px !important;
}

.sidebar li
{
    margin: 0px 0px 0px -25px !important;
    padding: 0px !important;
}




/* ========================================= */
/* Credits and Comments, or Creative Commons */
/* ========================================= */

#footer
{
    color: #769;
    font-size: 1.1em;
    width: 880px;
    margin: 1em auto 2em;
    padding: 0 0 3em 0;
}

#footer #contact
{
    float: left;
}

#footer #credit
{
    float: right;
    text-align: right;
}

#footer a:link {color: #dcf; font-weight: bold;}
#footer a:visited {color: #dcf; font-weight: bold;}
#footer a:active {color: #dcf; font-weight: bold;}
#footer a:hover {color: #dcf; font-weight: bold;}

#footer #ccLogo
{
    vertical-align: bottom;
    border: 0;
}




/* */
/* utility styles */
/* */

.thirdPartyLogo
{
	float: right;
	padding: 2em;
	margin-right: -10em;
}

img.figure
{ 
    border: solid 5px white;
    margin: 1em 0 2em 2.5em;
}