/* =================================================================== 
 *  PROJECT:    magicmonster.com                                       
 * ------------------------------------------------------------------- 
 *  FILENAME:   css/common.css                                   
 *  AUTHORS:    Chelsie Woon (CW)                                      
 *                                                                     
 *  $Header$
 *  $Revision: 856 $
 *  $Date: 2010-05-21 15:00:30 +0100 (Fri, 21 May 2010) $
 * =================================================================== */

@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;}
#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 a { float: left; display: block; padding: 1px 2px; }
.menu, .showMenu { float: left; display: block; }
.menu .nothere, .showMenu .nothere { display: none; }
.menu .here, .showMenu .here { display: block; }
#subheader div div { clear: both; }
#subheader a { display: block; font-size: 0.95em; font-weight: normal; }
#subheader .menu { z-index: 1; }
#subheader .menu, #subheader .showMenu { position: relative;  }
#subheader .showMenu { padding: 10px; border: 1px solid #dddddd; z-index: 5; background-color: #ffffff; }
#subheader .nothere a { color: #aaaaaa; }

/*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: 80px; text-align: right;  }
.sectTOC tr.over td { background-color: #f9faff; }
.sectTOC td div { color: #333333; }
.sectTOC td { padding: 3px 5px; }

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

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 */
ul, li { margin: 0; padding: 0 }
ol { margin: 0; padding: 0 0 0 25px; }
ul li { background: url('../images/bullet_dot.gif') no-repeat 0 0.8em; padding-left: 10px; list-style: none; }
ul.none { list-style: none; }
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: brown; }
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: 1em; }



.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.85em; }
.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; }