﻿/* Begin Typography & Colors 
     #D4ECFB=light BLUE
     #49BDEF=medium blue
     #00709E=dark blue
     #ECECEC=light BEIGE - <p>type
     #EAF3DA=light green 
     #9DD058=medium green
     #528412=dark green
     #FDEBCF=light peach 
     #F5BA5C=medium peach 
     #C98300=dark peach
     #AC1010=rust
     #FF9900=orange
     #FF6666=pink */


body    {font-size: 62.5%; /* Resets 1em to 10px */
        font-family: 'Lucida Grande', Verdana, Sans-Serif;	
         background: #000000;
	
         color: #ECECEC;
	
         text-align: center;}


#container{position: absolute; left: 10px; top: 10px; width: 1000px; height: 800px;background:transparent  url('ivy2.gif')no-repeat;text-align:left;margin:0 auto}


#pagetop   {position: absolute; left: 20px; top: 5px; width: 100%; height: 480px;background: transparent;
	
         text-align: left;
         font-size:1em}

#header {position: absolute; left: 250px; top: 10px; width: 650px; height: 200px;background: transparent ;
padding-bottom:20px;padding-left:30px;text-align:right;}

#headerimg {margin: 7px 9px 0;	
            height: 192px; 	
            width: 740px;} 


#main      {position: absolute; left: 5px; top:250px; 
               width: 95%; 
       }
#main {float:left;
       width:75%;}

#pagebottom   {position: absolute; left: 5px;                top: 505px; 
               width: 770px; 
               height: 200px;
               background: transparent;                                       left top;
	
               text-align: left;}



#sidebarleft  {position: absolute; left: 5px; top: 250px; 
               width: 250px; 
               height: 400px;
               background:transparent;text-align:left;}

#content      {position: absolute; left: 260px;                               top: 250px; 
               width: 450px; 
               height: 400px;
               background:transparent;
               text-align:left;
               border:0px solid #75CF00;
               margin:0 auto}

#wrap {max-width: 900px;
	min-width: 480px;
	background:url('fallnarrow.jpg')                              no-repeat; left top ;
       width:90%;
       margin:5px auto;
       
       padding:40px  40px 0 0;
       
       }
       
#screen {background:transarent; padding:10px 10px 10px 0;}




.entry {	height: 80px;
                border-right:2px dashed #AC1010;
		margin-bottom:2em;
		margin-right:1em;}
		
.photo_text {margin-left:157px;position:relative;}	
.photo {position:absolute:-162x;top:13px;}		

#sidebar {position: absolute; left: 710px;  width: 150px; top:250px;height: 400px; 
background:transparent;padding:2px}  

#footer {clear:both; position: absolute; left: 50px; top: 850px; width: 1000px; height: 40px; 
background:transparent; }
		 

/* text styles ------------- */

p{ font-size: 1em;

   color:#ECECEC;}

p#smurf{background:transparent;font-style:italic;text-align:center;font-weight:bold;color:#396B21}

#smurf strong{font-size:1.2em;color:red}


h1{text-align:center;     
   font-family: 'Mirror', Serif;
   font-size:2.5em;
   font-style:italic;
   font-weight: bold;
   font-style: italic;
   color : #49BDEF;
}

h1#head{text-align:right;font-size:3em;color:#49BDEF;
    }
/* use this to reduce top/bottom space ------h1,h2 {margin-top:-.5em;
    margin-bottom:-.5em} -------*/

h2{text-align:center;     
   font-family: 'Mirror', Serif;
   font-size:1.5em;
   font-style:italic;
   font-weight: bold;
   font-style: italic;
   color : #49BDEF;
}
        
p {margin:0 0 .5em;
   padding-right:10px;
   }
p.entry h2 {
            margin:0;
            padding:0;
            }

h3, h4 {margin:.5em 0 0}    
    
.emph {font-style: italic; color:#49BDEF}

.date {padding:0;position:relative;top:-1.1em;margin:0 1em 0 0;text-align:right}

/* link styles ------------- */

   
a:link {padding:.2em;color:green}
a:visited {padding:.2em;color:lime}
a:focus, a:hover, a:active {padding:.2em;background:#EAF3DA;color:black}

a:hover.current {text-decoration:none;background:#EAF3DA;color:black;cursor:default}

/* leftsidebar link styles ------------- */

a#sidebarleft {display:block;padding:2px;text-decoration:none;width:5em;margin:2px;color:blue;}

a:link#sidebarleft, a:visited#sidebarleft {background:#EAF3DA; border:2px outset silver; color:gray;}
 
a:focus#sidebarleft, a:hover#sidebarleft,  {background:#AED673; border:2px outset gray;color:black; }

a:active#sidebarleft{background:#69A61D; border:2px outset gray;color:black; }

   
.description {position:relative;
       left:1em;
       
       margin-bottom:0.2em;
       }
     
.continued {
    	      margin-top:-5px}
       


#navbuttons {
				position:relative;
				float:right;
				z-index:1
				margin-bottom:0.2em;}
				
				
.photo {left:-159px;position:absolute;width:250px;height:150px;top:3px}
.photo img {border: none}
.photo a:focus, .photo a:hover, .photo a:active {background:white;width:200px;border:none}

