/* #############################################
   MEGA-MONDO STYLES
   ############################################# */

html, body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}





/* #############################################
   DEFAULT LINK STYLES
   ############################################# */

a:link {
    color: #000000;
    text-decoration: underline;
    }

a:visited {
    color: #000000;
    text-decoration: underline;
    }

a:hover, a:active {
    color: #000000;
    text-decoration: underline;
    }





/* #############################################
   UBIQUITOUS STYLES/CLASSES
   ############################################# */

img.sectionHead {
    display: block;
    margin: 0em 0em 1em 0em;
    padding: 0em;
    }

span.noBreak {
    white-space: nowrap;
    }

img.pdfIcon {
    vertical-align: middle;
    border: none;
    margin-right: 5px;
	}

div.blockquote {
    margin: 1em 2.5em;
    line-height: 1.2em;
    }

em {
    font-style: italic;
    font-weight: normal;
    }

ul, ol {
    margin: 0em 0em 1em 3em;
    }


/* #############################################
   LOGOBAR STYLES
   ############################################# */

#logobarDiv {
	border: none;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	position: relative;
	}

#logoScreen {
    display: none;
    }

#logoPrint {
    display: block;
    }





/* #############################################
   EMAILDIV STYLES
   ############################################# */

#emailDiv {
	position: absolute;
	left: 458px;
	top: 11px;
	font-size: 80%;
	}

#emailDiv a:link, #emailDiv a:visited {
    color: #999999;
    }

#emailDiv a:hover, #emailDiv a:active {
    color: #999999;
    }





/* #############################################
   NAVBAR STYLES
   ############################################# */

#navbarDiv {
	margin: 0px;
	padding: 4px 0px;
	background: #ffffff;
	color: #999999;
	font-size: 80%;
	}

#navbarDiv a:link, #navbarDiv a:visited {
    color: #999999;
    text-decoration: none;
    }

#navbarDiv a:hover, #navbarDiv a:active {
    color: #999999;
    text-decoration: none;
    }

#navbarDiv span.youAreHere {
    color: #000000;
    }

#navbarDiv a.youAreHere:link, #navbarDiv a.youAreHere:visited {
    color: #000000;
    }

#navbarDiv a.youAreHere:hover, #navbarDiv a.youAreHere:active {
    color: #000000;
    }





/* #############################################
   BREADCRUMB STYLES
   ############################################# */

#breadcrumbDiv {
    margin: 0px;
    padding: 9px 0px 0px 0px;
    background: #ffffff;
    font-size: 80%;
    color: #999999;
    }





/* #############################################
   ALLCONTENT TABLE/DIV STYLES
   ############################################# */

#allContent {
    width: 689px;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    }





/* #############################################
   MAINCONTENT STYLES
   ############################################# */

#mainContent {
    width: 458px;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    vertical-align: top;
    }

#mainContent div.contentWrapper {
    margin: 0px;
    padding: 14px 23px 8px 0px;
    font-size: 80%;
    color: #000000;
    }

#mainContent div.section {
    border-top: solid 1px #999999;
    margin: 0em 0em 1.8em 0em;
    }

#mainContent p {
    margin: 0em 0em 1em 0em;
    line-height: 1.3em;
    }
    
#mainContent p.subpara {
    margin: 0em 0em 1em 2em;
    line-height: 1.3em;
    }

#mainContent p.welcome {
    font-size: 125%;
    margin: 0em 0em 1em 0em;
    line-height: 1.1em;
    }

#mainContent strong.subparaHead {
    color: #aaaa00;
    }



/* ---------------------------------------------
   BOX
   --------------------------------------------- */

#mainContent div.box {
    border: 1px solid #999999;
    margin: 0em 0em 1.8em 0em;
    }
    
#mainContent div.box div.boxHead {
    border-bottom: 1px solid #999999;
    margin-bottom: 7px;
    }

#mainContent div.boxHead img {
    display: block;
    }

#mainContent div.box p {
    margin: 0px 12px 1em 12px;
    line-height: 1.3em;
    }



/* ---------------------------------------------
   MANIFESTO BOX
   --------------------------------------------- */

#mainContent div.manifestoBox {
    border: 1px solid #999999;
    background: url(http://semanticstudios.com/images/manifesto_background.gif) bottom right no-repeat;
    margin: 0em 0em 1.8em 0em;
    }
    
#mainContent div.manifestoBox div.manifestoBoxHead {
    border-bottom: 1px solid #999999;
    margin-bottom: 7px;
    }

#mainContent div.manifestoBoxHead img {
    display: block;
    }

#mainContent div.manifestoBox p {
    margin: 0px 12px 0.5em 12px;
    line-height: 1em;
    }





/* #############################################
   SIDEBAR STYLES
   ############################################# */

#sidebarContent {
    width: 231px;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    vertical-align: top;
    }

#sidebarContent div.contentWrapper {
    margin: 0px;
    padding: 14px 0px 8px 0px;
    font-size: 80%;
    color: #000000;
    }

#sidebarContent div.section {
    border-top: solid 1px #999999;
    margin: 0em 0em 1.8em 0em;
    }

#sidebarContent p {
    margin: 0em 0em 1em 0em;
    line-height: 1.1em;
    }

#sidebarContent span.bookTestimonial {
    color: #000000;
    }

#sidebarContent p.narrative {
    margin: 0em 0em 1.1em 0em;
    line-height: 1.3em;
    }



/* ---------------------------------------------
   GREENBOX
   --------------------------------------------- */

#sidebarContent div.greenBox {
    border: 1px solid #666666;
    margin: 0em 0em 1.8em 0em;
    padding: 0em;
    background: #eeeeee;
    }
    
#sidebarContent div.greenBox div.greenBoxHead {
    border-bottom: 1px solid #666666;
    margin-bottom: 7px;
    }

#sidebarContent div.greenBoxHead img {
    display: block;
    }

#sidebarContent div.greenBox p.intro {
    margin: 0px 12px 1.1em 12px;
    line-height: 1.3em;
    }

#sidebarContent div.greenBox p {
    margin: 0px 12px 0.6em 12px;
    line-height: 1em;
    }



/* ---------------------------------------------
   GRAYBOX
   --------------------------------------------- */

#sidebarContent div.grayBox {
    border: none;
    margin: 0em 0em 1.8em 0em;
    padding: 0em;
    background: #eeeeee;
    }

#sidebarContent div.grayBox div.grayBoxHead {
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    margin: 0px;
    padding: 0px;
    }

#sidebarContent div.grayBoxHead img {
    display: block;
    }

#sidebarContent div.grayBox div.grayBoxPhoto {
    border: none;;
    margin: 0px;
    padding: 0px;
    }

#sidebarContent div.grayBoxPhoto img {
    display: block;
    }

#sidebarContent div.grayBox div.grayBoxContent {
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    margin: 0px;
    padding: 0px 7px 0px 7px;
    }
    
#sidebarContent div.grayBoxContent p {
    margin: 0em 0em 1em 0em;
    line-height: 1.2em;
    }

#sidebarContent div.grayBoxContent a:link, #sidebarContent div.grayBoxContent a:visited {
    color: #000000;
    text-decoration: none;
    }

#sidebarContent div.grayBoxContent a:hover, #sidebarContent div.grayBoxContent a:active {
    color: #000000;
    text-decoration: underline;
    }





/* #############################################
   COPYRIGHT FOOTER DIV STYLES
   ############################################# */

#copyrightDiv {
    margin-top: 1em;
    border-top: solid 1px #999999;
    padding-top: 0.2em;
    font-size: 90%;
    color: #999999;
    }

#copyrightDiv a {
    color: #000000;
    }





/* #############################################
   SPECIAL STYLES FOR SEMANTICS ARTICLE PAGES
   ############################################# */

#articleTitle {
    margin: 1em 0em 0.2em 0em;
    font-size: 130%;
    font-weight: bold;
    color: #000000;
    }

#mainContent div.articleTaskbar {
    margin: 0.5em 0em 0.5em 0em;
    text-align: right;
    }

#articleBody {
    border-top: 1px solid #999999;
    margin: 0em 0em 1.8em 0em;
    padding: 1em 0em 0em 0em;
    }

#articleBody h2 {
    font-size: 100%;
    margin: 2.2em 0em 1em 0em;
    }

#articleBody h3 {
    font-size: 100%;
    margin: 0em;
    }

#articleBody img.largeFigure {
    display: block;
    margin: 1em 0em;
    }

#articleBody p.bottomCaption {
    color: #000000;
    }

#articleBody p.bottomCaption a {
    color: #000000;
    }

#articleBody p.bottomCaption a:hover, #articleBody p.bottomCaption a:active {
    color: #000000;
    }

#articleBody table {
    margin: 1em 0em;
    }

#articleRecentComments {
    display: block;
    margin: 7px 0px 12px -2px;
    }





/* #############################################
   SPECIAL STYLES FOR SEMANTICS COMMENTS PAGE
   ############################################# */

#mainContent p.commentHead {
    margin: 0em;
    font-size: 90%;
    color: #000000;
    }