/* =================================================================== 
 *  PROJECT:    magicmonster.com                                       
 * ------------------------------------------------------------------- 
 *  FILENAME:   css/common.css                                   
 *  AUTHORS:    Chelsie Woon (CW)                                      
 *                                                                     
 *  $Header$
 *  $Revision: 947 $
 *  $Date: 2011-05-19 01:06:04 +0100 (Thu, 19 May 2011) $
 * =================================================================== */

@import url( "docbook.css" );

/* COMMON PAGE STYLES */
.clear, br { line-height:0px; height:0px; clear: both; }
img { display: block; border: 0; }
a img { display: inline; }

/* MAGICMONSTER STYLES */
body { margin: 0; padding: 0;background-color: #ffffff; }
hr { margin: 10px 0; padding: 0; border: 0; border-top: 1px solid #bbbbbb; }

body { text-align: center; }
#outerframe { width: 800px; padding-top: 10px; margin-left: auto; margin-right: auto; }
#innerframe { text-align: left; }
#leftmenu { float: left; width: 235px; margin-right: 40px; }
#content { float: left; clear: right; width: 525px; }
#content.full { width: 100%; }
table.data td, table.data th, table.default td, table.default th { border-bottom: 1px solid #eeeeee; padding: 0.5em 1em; border-right: 1px solid #eeeeee; }
table.data, table.default { border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
table.default { width: 100%; }
table.data th { background-color: #efefef; }

#subheader {  border-top: 1px dotted #dddddd; width: 800px; border-bottom: 1px dotted #dddddd; clear: both; min-height: 18px; }
#body { padding: 10px 0; clear: both; }
#footer { padding: 10px 0 0 0; text-align: center; border-top: 1px dotted #dddddd; clear: both; }
#logo { float: left; padding: 20px 0 0px 0px; }
#title { float: right; padding: 30px 35px 0 0; }

#subheader { padding: 10px 0; }
#subheader li { list-style: none; }

/*TOC */
table.sectTOC, table.sectAdditions { width: 100%; margin-top: 30px; margin-bottom: 10px; }
.sectTOC ul, sectTOC li { margin: 0; padding: 0; }
.sectTOC ul { padding-bottom : 5px; list-style: none; }
.sectTOC li { background: url('../images/bullet_dot.gif') no-repeat 0 .3em; padding-left: 10px; }
.sectTOC th { color: #333333; }
.sectTOC .date { width: 90px; text-align: right;  }
.sectTOC tr.over td { background-color: #f9faff; }
.sectTOC td div { color: #333333; }
.sectTOC td { padding: 2px 5px; }

.sectAdditions .tocHeader th { border-bottom : 1px solid #eeeeee; }  
.sectAdditions li { background: url('../images/bullet_dot.gif') no-repeat 0 .3em; padding-left: 10px; }
.sectAdditions .date { width: 70px; }

div.nav { float: right; clear: both; font-size: 0.8em; }
div.sectiontoc { padding-bottom: 3em; }

.simplesect { margin : 10px 0px 10px 0px; padding : 0 0 5px 0; width:100%; }
.simplesect h2 { padding : 3px 0 3px 5px; margin : 0 0 5px 0; font-size : 10pt; border-bottom : 1px solid #dddddd; }
.simplesect a { color : #666600; text-decoration : none; font-weight : bold; }
.simplesect a:active, .simplesect a:hover, .simplesect a:focus { text-decoration : underline; }
.simplesect ul, .simplesect li { margin: 0; padding: 0; list-style: none; }
.simplesect ul { padding-bottom : 5px; }
.simplesect li { background: url('../images/bullet_dot.gif') no-repeat 0 .3em; padding-left: 10px; }
.simplesect p { padding: 0 0 5px 0; }
.tocHeader th { border-bottom : 1px solid #dddddd; }



/* LISTS */
#body ul, li { margin: 0; padding: 0 }
#body ol { margin: 0; padding: 0 0 0 25px; }
#body ul li { background: url('../images/bullet_dot.gif') no-repeat 0 6px; padding-left: 10px; list-style: none; line-height: 1.8em; }
#body ul.none { list-style: none; }
#body ul.none li { background: none; }

/* FONTS */
body, p, td { font: 10pt "Georgia", serif; color: #666666; }
p { margin: 0; padding: 5px 0; line-height: 1.4em; }
a { text-decoration: none; color: #588230; }
a:hover { text-decoration: underline; }
#subheader a { color: #588230; font-size: 0.9em;}
a.ext { color: navy; text-decoration: underline; }
h1, h2 { font-family: Georgia, serif; margin: 0; padding: 0; color: #556F54; }
h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin:0; }
h1 { padding: 1em 0 .4em 0; font-size: 1.8em; }
h2 { padding: 1em 0 .4em 0; font-size: 1.2em; }
h3 { padding: 1em 0 .3em 0; font-size: 1.0em; color: #6D946C; border-bottom: 1px solid #EEEEEE; }
h4 { padding: 0.6em 0 .2em 0; font-size: 0.9em; color: #558800; }
h5 { padding: 0.6em 0 .2em 0; font-size: 0.8em; }
#footer div { font-size: 0.9em; }
.tocHeader th { font-size: 1.3em; }

/* IMAGE FRAME */
div.imagebox { border: 1px solid #efefef; padding: 2px;}
div.imagebox img { max-width: 790px;}



.nomatch { background-color: yellow; }
#label { font-size: 30pt; font-weight: bold; }
table#layout #body td.ctr a { text-decoration: underline; }
table#layout #subheader td.ctr { color: #ffffff; font-weight: bold; letter-spacing: 0.5px; }
table#layout #footer td.ctr { font-size: 0.9em; color: #333333; }
.notbold { font-weight: normal; }
caption { font-size: 0.9em; color: #666666; padding: 0.7em;}

div.sectionnav p { color: #666666; line-height: 1em; padding: 2px 0; margin: 0; }
div.sectionnav dt, div.sectionnav p {font-size: 0.9em;  }
.sectAdditions td { font-size: 0.93em; }
dt { float: left; clear : left; }
dd { float: left; clear: right; }
div.sectionnav dt { width: 50px; }
.sectTOC .date { font-size: 0.9em; }
.sectTOC th span { font-size: 0.83em; }
.sectTOC tbody { font-size: 0.85em; }
.sectTOC tbody div { font-size: 0.85em; }

/* drop shadow */
.polaroid {
  float:left; position: relative;
  margin: 0px 0 10px 0;
  padding: 0;
}

.polaroid div {
  background-color: #fff;
  margin: -0px 5px 5px 0px;
  padding: 5px 5px 0 5px;
  border: 1px solid #ffffff;
}
  

.polaroid div div {
  color: #777;
  background-color: #fff;
  padding: 4px;
  margin: 0 -5px 0px 0;
  border: 1px solid #ffffff;
}

.polaroid p { font-size: 0.9em; color: #666666; clear: both; text-align: center; line-height: 1em; }

div.section { clear: both; padding: 10px 0; }

#searchbox { float: right; margin: -5px 0 -10px 0; }
#searchbox.field { width: 50px; }

img.portfolio { display: inline; margin: 5px 20px 10px 0; }



/* MENU */
.yui3-menu-content {
    background: #fff;
}

.yui3-menu a {
    text-decoration: none;
}

.yui3-menu a:hover, 
.yui3-menu a:focus {
    text-decoration: underline;
}

.yui3-menu .yui3-menu .yui3-menu-content {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #ccc #ccc #ccc #ccc;
    padding: 5px;
}

.yui3-menu-horizontal ul {
    padding: 0;
    margin: 0;
    border: 0;
}

.yui3-menu .yui3-menu ul {
    margin-top: 3px;
    padding-top: 3px;
    /*border-top: solid 1px #ccc;*/
}

.yui3-menu ul.first-of-type {

    border: 0;
    margin: 0;
    padding: 0;    

}

.yui3-menu-horizontal .yui3-menu-label,
.yui3-menu-horizontal .yui3-menuitem-content {

    padding: 2px 0px;

    margin-right: 5px;
    float: left;
    width: auto;
    _display: inline;   /* Fixes IE margin doubling bug in IE 6 (Standards Mode and Quirks Mode) 
                        and IE 7 (Quirks Mode only) */

}

.yui3-menu .yui3-menu .yui3-menu-label,
.yui3-menu .yui3-menu .yui3-menuitem-content {

    padding: 2px 5px;
    margin: 0;
    border: 0;
    font-weight: normal;
    float: none;
    _display: block;

}

.yui3-menu-horizontal .yui3-menu-label a {
    text-decoration: none;
    float: left;
    width: auto;
    padding: 0 5px 0 0;

}

.yui3-menu-horizontal .yui3-menu-label-active,
.yui3-menu-horizontal .yui3-menu-label-menuvisible {
    border-color: #ccc #ccc #fff #ccc;
}


.yui3-menu li { list-style: none; }
.yui3-menu em { font-style: normal; }

#subheader a.nothere { color: #aaaaaa; }
#subheader a.yui3-menu-label { text-decoration: none; }
.hidden { display: none; }