/* ----------------- Generic HTML. ----------------- */
body {
	margin:0;
        padding:0;
	font-size:75%;
	font-family: verdana, helvetica, sans-serif;
	}

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

a:hover {
	text-decoration: none;
	}

a:visited {
	color: #2c84c1;
	}


.no-display {
	display:none
	}
	
.noborder {
	border-top:0px;
	}
		
h1 {
	font-weight: bold; 
   	padding:0; 
   	margin:0;  
   	font-size:220%; 
   	color:white; 
   	padding-left:2%; 
   	padding-bottom:1.5%; 
   	padding-top:1%
	}

h2 {
	line-height:170%; 
	padding-left:5px;
	font-weight: normal; 
	
        border:1px solid #96a4b8; 
	background: #eef2f4 url('../img/h2.png');
        letter-spacing:1px; 
        font-size:90%; 
        color: #000; 
        margin-bottom:0.5%; 
        padding-top:0; 
        margin-top:0
	}
			
h3 {
	font-family: verdana, sans-serif;
	font-size: 90%;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 1px;
	background:url('../img/h3.png');
	padding-left: 3px;
	border-top: 1px solid #476591;
	border-bottom: 1px solid #476591;	
	}
	
h4 {
	color: #306bae;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	}

acronym {
	border-bottom: 1px dashed #ccc; 
        cursor: help;
	}	

code {
	font-family: courier new, sans-serif;
	font-size: 9pt;
	color: #d75959;
	}
img {
	border: 0px;
	}

/* ----------------- Top navigation style, it's on top of the header/title... I took these out of the HTML. ----------------- */
#top-nav {
	text-align:right; 
        padding-top:4px; 
        padding-bottom:4px;
        background-color:#5b9ce5; /*bgcolor needs to be same as border col in link definitions - see marked. */
        }
         
#top-nav a:link, #top-nav a:active, #top-nav a:visited {
	font-size:95%; 
        color: #000; 
        text-decoration:none;
        border:1px solid #5b9ce5; /*make same color as ext-nav div*/
        padding:2px;
        padding-left:4px;
        padding-right:4px;
        }

#top-nav a:hover {
	background-color: #fff; 
        border:1px solid #ccc;
	}                                                                                  


/* ----------------- Yep, the title and header junk! ----------------- */
.header {
	background: #5b9ce5 url('../img/header.png') repeat-x top center; 
        padding-top:10px;
        padding-bottom:3px; 
	font-family: century gothic, sans-serif;
	font-variant: small-caps;
	}

/* ----------------- Main Navigation, or the stuff under the title/header. ----------------- */
#main-nav {
	background: #8dcff4 url('../img/main_nav.png') repeat-x top center; 
        padding-left: 0;
        padding-top:6px;
        padding-bottom:6px; 
	border-top: 1px solid #105c7b;
	border-bottom: 1px solid #105c7b;	
	}
              
#main-nav a:link, #main-nav a:active, #main-nav a:visited {
	font-size:95%; 
        color: #275093; 
        text-decoration:none;
	border: 1px solid #96ddfb;
        padding-left: 28px;
	padding-right: 31px;
	}
                                     
#main-nav a:hover {
	/*background-color: #6fcdf5; */
        border-left:1px solid #105c7b;
        border-right:1px solid #105c7b;	
        padding-left: 28px;
	padding-right: 31px;
	padding-top: 6.1px;
	padding-bottom: 5px		
	}
/*
Here are your rollovers. The image repeats to match the 
padding + text so it all isn't the same size because of such.
There is a bug in Internet Explorer that will refrain the
hover img from going away. In otherwords, it sticks and stays.
*/
a#home:hover { background-image: url(../img/main_hover.png); }
a#about:hover { background-image: url(../img/main_hover.png); }
a#writings:hover { background-image: url(../img/main_hover.png); }
a#portfolio:hover { background-image: url(../img/main_hover.png); }
a#melchior:hover { background-image: url(../img/main_hover.png); }	
a#contact:hover { background-image: url(../img/main_hover.png); }	

/* ----------------- Left Column Navigation. ----------------- */

#left-nav {
	width:170px;
        padding-top:1%;  
        line-height:150%;
        z-index:99;
	}
                   
#left-nav {
	float:left;
	}
         

#left-nav ul {
	list-style-type:none;                         
        margin:0; 
        padding: 0 0 1.1em 0;
        }
                         
#left-nav li {
	padding: 0.1ex 0;
	}
                         
#left-nav a:link, #left-nav a:active, #left-nav a:visited {
	background-color: #fafafa;
	color: #275093; 
        text-decoration:none; 
        padding:4px; 
        display:block; 
        border-top:1px solid #acb3bd; 
        border-bottom:1px solid #acb3bd;
        padding-left:12px
	}
                                                                                                                                                        
                                                                             
#left-nav a:hover {
	color: #275093;
	background: #8dcff4 url('../img/left_hover.png'); 
        border-top:1px solid gray; 
        border-bottom:1px solid gray
	}


#left-nav .light {
	background-color:#f5f5f5;
	border-bottom: 1px solid #686868;
	border-top: 1px solid #686868;
	padding-right:5px;;  
        border-top:1px solid gray;
        padding-left:5px;
        padding-right:5px;  
        padding-bottom:10px;
        }
                                 
#left-nav .normal {
	padding-right:0.5%; 
        border-top:1px solid #ccc; 
        padding-left:5px;
        padding-right:5px; 
        padding-bottom:10px;
	}
	
#left-nav .normal, #left-nav .normal, body {
	background-color: #ececec
	}	
                                   
#left-nav span {
	font-size:90%; 
        font-weight:700
	}
                             
#left-nav .no-padding {
	padding:0
	}

#left-nav .subnav {
	border:0; 
        padding-left:0; 
        padding-right:0
	}

/* ----------------- Right Column ----------------- */	
#right-nav {
	float:right;  
        text-align:left;
	padding-left: 3px;
	width:180px;
        padding-top:1%;  
        line-height:150%;
        z-index:99;
	}
		
#right-nav ul {
	list-style-type:none;                         
        margin:0; 
        padding: 0 0 1.1em 0;
        }
	
#right-nav li {
	padding: 0.1ex 0;
	}
			
#right-nav a:link, #right-nav a:visited {
	color: #275093; 
        text-decoration:none; 
	}

#right-nav a:hover {
	color: #5279ba;
	text-decoration: underline
	}
	
#right-nav .light {
	background-color:#f5f5f5;
	border-bottom: 1px solid #686868;
	border-top: 1px solid #686868;
	padding-right:5px;;  
        border-top:1px solid gray;
        padding-left:5px;
        padding-right:5px;  
        padding-bottom:10px;
        }
 
#right-nav .normal {
	padding-right:0.5%; 
        border-top:1px solid gray; 
        padding-left:1px;
        padding-right:1px; 
        padding-bottom:10px;
	}	 
	
#right-nav span {
	font-size:90%; 
        font-weight:700
	}
	
#right-nav .subnav {
	border:0; 
        padding-left:0; 
        padding-right:0
	}	
		                               
/* ----------------- Main content. ----------------- */

#content { 
	background-color:white; 
        margin-left:170px; 
        margin-right:180px; 
        border-left:2px solid #cccccc; 
        border-right:2px solid #cccccc;
        padding-top:1%; 
	padding-left:8px; 
	padding-right:8px;
	}

#content div {
	padding-bottom:40px; 
        text-align:justify; 
        padding-left:8px; 
        padding-right:8px; 
        line-height:170%;
	}
	
/* #content img {
	border: 1px solid gray;
	padding: 5px;
	} */

#content a img {
	border: 1px solid #ccc;
	padding: 5px;
	}
	
#content a img:hover {
	border: 1px solid #ccc;
	background-color: #d2deea;
	}
	
/* ----------------- Footer, omg. ----------------- */
#footer {
	background-color: #f5f5f5; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
        padding-bottom: 10px; 
        padding-top: 10px; 
        text-align: center; 
        font-size: 90%; 
        color: gray;
        float: left;
        z-index: 100;
        width: 100%
	}
        
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color: #4084d0; 
        text-decoration:none
	}
                                             
#footer a:hover{
	color: #72a1d5;
	text-decoration:underline
	}