/* ================================

screen.css

STYLESHEET FOR SOMARA.ORG
<http://www.somara.org>

================================ */

body	{
   background: #FFF;
   margin: 0;
   padding: 0;
   font-family: Georgia, Serif;
   font-size: 1em;
	}

h1,h2,h3,h4,h5	{
   color: #0074B0;
   font-family: helvetica, sans-serif;
   font-weight: 400;
	}

h1 { font-size: 1.75em; letter-spacing: 3px }
h2 { font-size: 1.58em; letter-spacing: 1px }
h3 { font-size: 1.33em }
h4 { font-size: 1.17em }
h5 { font-size: 1em; font-weight: bold }

a:link      { }
a:visited   { }
a:hover     { color: green; background: transparent }

hr { color: #0074B0; height: 1px; width: 100% }

img { border: 0 }

acronym { cursor: help; border-bottom: 1px dotted #CCC }

.nocss { display: none }

/* === HEADER STYLES ===*/

div.header {
   background-color: #036;
   width: 100%;
   padding-top: 10px;
   border-bottom: 2px solid #0097CE;
	}

div.header img.title	{
   display: block;
   border: 0;
   width: 150px;
   height: 100px;
	}

/* == CRUMBS - NOT CURRENTLY IN USE == */
/* ==================
P.crumbs	{
   margin: 1em .5em;
   color: #069;
   background: transparent;
   font-size: .75em
	}

P.crumbs A:link, P.crumbs A:visited	{
   color: #0074B0;
   background: transparent;
	}
P.crumbs A:hover {
   color: green;
   background: transparent
	}

P.crumbs .delim {
   margin: 0 .25em;
   font-size: 1.25em
	}
================== */

DIV.content {
   margin-top: 1em;
   margin-left: auto;
   margin-right: auto;
   width: 80%;
	}


/* == Columns! Better than tables! == */

div.left {
   width: 48%;
   float: left
	}

div.right {
   margin-left: 52%;
	}

div.item {
   border: 1px dashed #999;
   margin-bottom: 1em;
   padding: .5em .5em 0 .5em;
	}

div.item H2 {
   font-size: 1em;
   margin: 0;
   font-weight: bold
	}

div.item p { margin: .25em 0 }

div.item h2 a:link, div.item h2 A:visited {
   color: #0074B0;
   background: transparent;
   text-decoration: underline
	}

div.item h2 a:hover {
   color: #F00;
   background: transparent
	}

/* == Footer == */

div.footer
{
   font-size: .75em;
   border-top: 1px solid #0074B0;
   clear: both;
	}

div.footer P { margin: .5em; }

/* END */