/* no global form or table styling */

html, body { height: 100%; }

body { line-height: 1.4em; background-image: url('../img/dark_small.gif');
     text-align: center; }

#page { text-align: left; width: 940px;
      margin: 0 auto; }

/*#logo { background-image: url('../img/texture_a_2.jpg');*/
#logo {
    background-image: url('../img/texture_c.jpg');
    
    background-color: #000; 
      padding: 2.5em 0 0 0;
      position: relative; }

#logo img { float: left; padding: 1em 0 0.5em 2em; }
#logo #badge { position: absolute; top: 0; left: 780px; z-index: 2;
      margin: -1em 0 0 0; }



#nav { background-color: #eee; height: 2em; border-bottom: 1px solid #ccc;
     position: relative; }
#nav #socons { position: absolute;
     right: 125px; }
#nav p { padding: 0.3em 0 0 0; }

/*#logo #nav { float: left; margin: 2em 0 0 4em; }*/

ul { list-style: square; padding: 0 0 0 2em; margin: 1em; }
ul li { margin: 0 0 0 2em; }

#content { position: relative;
	   /*padding: 1em 1em 0 1em;*/
	 background-color: #fff;
	 height: 540px; }
#content_inner { padding: 2em; }

.entry { margin: 1em 0 3em 0; }
.entry h2 { margin: 0 0 0 0.1em; }
.entry h3 { margin: 0 0 0.5em 0.2em; }
.entry p { text-align: left; margin: 0.8em 0 0 0; }
.entry p.img img {
    /*float: right;*/
    cursor: pointer; }
.entry p.img img { padding: 0 0 1em 1em; margin: 0; }
.entry span.alt { display: none; }



.clear:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden; }
.clear { display: inline-block;}
/*  \*/
.clear {
    zoom: 1;
    display: block;
    }
/* */

.back { padding: 0 0 0.2em 1.7em; background-image: url('../img/back.gif');
      background-repeat: no-repeat; margin: 0 0 0 0.2em;
      line-height: 1.6em; }

#footer { text-align: right; 
	background-image: url('../img/bottom_thin.png');
	height: 15px;
	padding: 0 1.5em 0 0; }

.enlarged { position: absolute;
	    z-index: 5;
	    cursor: pointer; border: 3px solid #eee; }
.enlarger_fade { background-color: #000; position: absolute;		
	       width: 100%; height: 100%;
	       z-index: 4; }
		 

#tooltip {
	 position: absolute;
	 z-index: 3000;
	 border: 1px solid #111;
	 background-color: #eee;
	 padding: 5px;
	 opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }




/* typography */

body { color: #000;   
       font-size: 62.5%;
       font-family: Verdana, Arial, Helvetica, sans-serif; }

a { color: #555; }

#nav p { text-align: center;     
    color: #999; 
    letter-spacing: 0.1em; 
font-family: Arial, sans-serif; text-transform: uppercase;
       font-size: 1em; }
#nav p a { color: #444; text-decoration: none; }
#nav p a.current { color: #666; text-decoration: underline; }
/*
#nav { color: #eee; font-size: 1.5em;
     font-family: Georgia, Times, serif; }
#nav a { text-decoration: none; font-style: italic; color: #382b25; }
#nav a:hover { text-decoration: underline; }
#nav span { text-decoration: underline; font-style: italic; }
*/

p, th, td, li { font-size: 1.1em; color: #444; }

h1 { font-weight: normal; }
h2 {
/*    font-family: Times, "Times New Roman", Georgia, serif;*/
    font-family: sans-serif;
    font-weight: bold;
   color: #444;
/*   font-size: 2.2em;*/
   font-size: 1.8em; 

}

h3 { font-weight: normal; }
h2 a { text-decoration: none; color: #444; }


.entry h2 a span, h2 span { color: #eee; }
.entry h3 { font-size: 0.9em; text-transform: uppercase; color: #999; }
.entry h4 { font-weight: normal; font-size: 0.9em; }


#footer p { color: #ccc; font-size: 0.9em; }
#footer p a { color: #ccc; text-decoration: none; }



#nav .one { color: #e00; text-decoration: underline; }
#nav .two { color: #0e0; text-decoration: underline; }
#nav .three { color: #00e; text-decoration: underline; }
#nav .four { color: #ee0; text-decoration: underline; }
#nav .five { color: #0ee; text-decoration: underline; }
#nav .six { color: #e0e; text-decoration: underline; }