/*defines the basic attributes - background, font type and color, and the very edge margins */ 

body {
     
      behavior:url("hover.htc");
   background-color:9999FF;   /* this is the background for the entire page*/
     
font-family :  Verdana, Arial, Helvetica, sans-serif;      
color : #330033;    /* sets the border color around the content.*/
margin: 3px; /* margin around the entire page, no need to touch*/
      }

/*defines the navigation column and positions it on the left*/

.Navigation {
 position: absolute;    
    text-align:center;   
    top: 60px;     /*moves nav links up and down, higher the number, lower the links*/
    margin: 15px; /*moves moves nav links left and right, higher numbers go right*/
    width: 50px;  /* sets the width of the nav column, no need to change orig. 100px*/
    height:905px;  /*sets the height of the nav column, no idea if changing makes a difference*/   
    font-family :  Verdana, Arial, Helvetica, sans-serif;
    line-height : 80%; /* keeps the link text fairly close together down the row*/


    }  

/*this is the main content area - where all the fun stuff goes*/

.main {
   
    /*declare a color together with a contrasting background color*/
 
color: #330000;/*sets the text color in the main content area*/    
margin-left: 10px; /* sets the left margin in the content column*/    
margin-right: 30px; /*breathing space for the text - not sure what this changes*/    
padding: 3px; /*- space to separate navigation and content - don't know if it's needed*/
    
font-family : Verdana, Arial, sans-serif;     
font-size: 14px;    
width: 98%;    /*sets the width of the content, makes it flexible for different size monitors */

/*to insure that NN4.xx renders the background-color of the content area*/
    }


/*at the top of the page - no need to change*/

.Header {
    
margin-top: 10px;    
margin-left: 20px;    
font-family : Arial, Verdana, sans-serif;    
font-size: 20px;    
text-align:left;
padding: 10px;

    } 


.back /*to place the sidebar girl on the left behind the nav links */
{

  position: absolute;  
margin-top: 10px;  
margin-left: 20px;   
    height: 700px;  
}

.back2 /* defines the background behind the main content */
{

background-color: cccFFF; /*sets the color behind the main content*/
margin-top: 25px;
margin-left: 150px;/*to position the content area to the right of the navigation - otherwise it covers the sidebar graphic*/
    border: 1px solid ;    
margin-right: 30px;/*breathing space for the text - I don't know what this means*/    
padding: 3px;/*space to separate navigation and content*/
}

.album /*hopefully will group photos and captions in an album type format - on calvert and museum pages - still needs work, can't figure out how to get boxes to form themselves around pictures and not just text */

{
margin-top: 1px;
margin-left: 1px;/*to position the content area to the right of the navigation*/
    border: 2px solid #663300;    
margin-right: 1px;/*breathing space for the text*/    
padding-top: 8px;
padding-left: 8px;
padding-right: 3px;/*space to separate navigation and content*/
padding-bottom: 8%;
width: 500px;
height: 180px; /*attempt to prevent photos in the album from overlapping the album box - works except for the big pictures or too much text!*/
}


.navbox { /*box around the left side links*/   

font-size: 50px;/*readability for the links*/   
font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif;    
   border-width: 0px;/*border: 2px groove #996600;*/    
padding: 2px;    
margin: 8px;

   }

div.navbox:hover {/to change background color for mouseovers*/
   
font-size: 14px;/*readability for the links*/   
font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif;   

border-width: 0px;/*border: 2px groove #996600;*/    
padding: 2px;    
margin: 8px;

   }

P, OL, UL, DL {font-size: 15px;}/*font-family is already defined, here I only set the font-size - don't know what these are or if they're needed*/ 
P OL, P UL, P DL, OL UL {font-size: 13px;}/*and here the I prevent the incredible shrinking text - same here - do I need this?*/
        
.six {font-size: 11px; 
  color: #999999; /*this is for small text*/
  background: transparent;}
.mit {text-align: justify;/*justified text*/}
.red {color : #FF0000; background: #FFFFFF;}
.mint {color: #009999; background: #FFFFFF;}
.ROT {font-size: 16px; /*also red, but bigger and in bold*/
  color: #FF0000; 
  font-weight: 600; 
  background: #FFFFFF;}
    
a:link {/*normal links in the text*/
  color: blue; 
  text-decoration : none; 
  }
a:visited {
  color: #330033 
  text-decoration : none; 
  }
a:hover { 
  color: #999999; 
  text-decoration : underline; 
  background: transparent;}


/* the section links in the navigation bar on the left side*/
a.nav:link {
  color: #FFFFFF;
  text-decoration : none; 
  font-weight: 600; 
  font-size:20px; 
  background: transparent;}
a.nav:visited {
  color: #3333CC;
  text-decoration : none;
  font-weight: 600; 
  font-size:20px; 
  background: transparent;}
a.nav:hover { 
  color: #993300;
  text-decoration : none;
  font-weight: 600; 
  font-size:20px; 
  background: transparent;}
a.navtot {/*the style for the actual page*/
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 600; 
  font-size: 20px; 
  background: transparent;}

strong, b {font-weight: 800;/*NN 4.xx needs that...*/ }

big {font-size: larger; /*to emphasize words, use it inline with a SPAN class*/ 
 }
small {font-size: smaller;}
/*not really necessary, but one never knows...use it inline with a span class*/
  


/*-------------------------------Code for the blog page----------------------------------------*/

#wrap {
	background-color:#473624;
	border-left:1px solid #332A24;
	border-right:1px solid #332A24;
	width:700px;
	margin:0 auto;
	padding:8px;
	text-align:center;
}
#main-top {
	width:700px;
	height:49px;
	background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_top.jpg") no-repeat top left;
	margin:0;padding:0;
	display:block;
}
#main-bot {
	width:700px;
	height:81px;
	background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") no-repeat top left;
	margin:0;padding:0;
	display:block;
}
#main-content {
	width:700px;
	background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_mid.jpg") repeat-y;
	margin:0;
	text-align:left;
	display:block;
}
#inner-wrap {
	padding:0 50px;
}
#blog-header {
	margin-bottom:12px;
}
#blog-header h1 {
	margin:0;
	padding:0 0 6px 0;
	font-size:225%;
	font-weight:normal;
	color:#612E00;
}
#blog-header h1 a:link {
	text-decoration:none;
}
#blog-header h1 a:visited {
	text-decoration:none;
	}
#blog-header h1 a:hover {
	border:0;
	text-decoration:none;
}
#blog-header p {
	margin:0;
	padding:0;
	font-style:italic;
	font-size:94%;
	line-height:1.5em;
}
div.clearer {
	clear:left;
	line-height:0;
	height:10px;
	margin-bottom:12px;
	_margin-top:-4px; /* IE Windows target */
	background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat bottom left;
}
#main {	
	width:430px;
	float:right;
	padding:8px 0;
	margin:0;
}
#sidebar {
	width:150px;
	float:left;
	padding:8px 0;
	margin:0;
}	
#footer {
	clear:both;
	background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left;
	padding-top:10px;
	_padding-top:6px; /* IE Windows target */
}
#footer p {
	line-height:1.5em;
	font-family:Verdana, sans-serif;
	font-size:75%;
}


/* Typography :: Main entry
----------------------------------------------- */
h2.date-header {
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:90%;
	margin:0;
	padding:0;
}
.post {
	margin:8px 0 24px 0;
}
h3.post-title {
	font-weight:normal;
	font-size:140%;
	color:#1B0431;
	margin:0;
	padding:0;
}
.post-body p {
	line-height:1.5em;
	margin:0 0 .6em 0;
	}
.post-footer {
	font-family:Verdana, sans-serif;
	color:#211104;
	font-size:74%;
	border-top:1px solid #BFB186;
	padding-top:6px;
}
.post ul {
	margin:0;
	padding:0;
}
.post li {
	line-height:1.5em;
	list-style:none;
	background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 0px .3em;
	vertical-align:top;
	padding: 0 0 .6em 17px;
	margin:0;
}


/* Typography :: Sidebar
----------------------------------------------- */
h2.sidebar-title {
	font-weight:normal;
	font-size:120%;
	margin:0;
	padding:0;
	color:#211104;
}
h2.sidebar-title img {
	margin-bottom:-4px;
	}
#sidebar ul {
	font-family:Verdana, sans-serif;
	font-size:86%;
	margin:6px 0 12px 0;
	padding:0;
}
#sidebar ul li {
	list-style: none;
	padding-bottom:6px;
	margin:0;
}
#sidebar p {
	font-family:Verdana,sans-serif;
	font-size:86%;
	margin:0 0 .6em 0;
}


/* Comments
----------------------------------------------- */
#comments {}
#comments h4 {
  font-weight:normal;
	font-size:120%;
	color:#29303B;
	margin:0;
	padding:0;
	}
#comments-block {
  line-height:1.5em;
  }
.comment-poster {
	background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em;
	margin:.5em 0 0;
	padding:0 0 0 20px;
	font-weight:bold;
}
.comment-body {
	margin:0;
	padding:0 0 0 20px;
}
.comment-body p {
	font-size:100%;
	margin:0 0 .2em 0;
}
.comment-timestamp {
	font-family:Verdana, sans-serif;
	color:#29303B;
	font-size:74%;
	margin:0 0 10px;
	padding:0 0 .75em 20px;
}
.comment-timestamp a:link {
	color:#473624;
	text-decoration:underline;
}
.comment-timestamp a:visited {
	color:#716E6C;
	text-decoration:underline;
}
.comment-timestamp a:hover {
	color:#956839;
	text-decoration:underline;
}
.comment-timestamp a:active {
	color:#956839;
	text-decoration:none;
}
.deleted-comment {
  font-style:italic;
  color:gray;
  }

	
/* Profile
----------------------------------------------- */
#profile-container {
	margin-top:12px;
	padding-top:12px;
	height:auto;
	background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left;

}
.profile-datablock {
	margin:0 0 4px 0;
}
.profile-data {
	display:inline;
	margin:0;
	padding:0 8px 0 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:90%;
	color:#211104;
}
.profile-img {display:inline;}
.profile-img img {
	float:left;
	margin:0 8px 0 0;
	border:1px solid #A2907D;
	padding:2px;
  }
.profile-textblock {
	font-family:Verdana, sans-serif;font-size:86%;margin:0;padding:0;
}
.profile-link {
	margin-top:5px;
	font-family:Verdana,sans-serif;
	font-size:86%;
}

/* Post photos
----------------------------------------------- */
img.post-photo {
	border:1px solid #A2907D;
	padding:4px;
}
  </style>



/*--------------------------------------------end blog code --------------------------------------------*/