/*

Style Sheet for br-nc.org
(c) 2007 Dave Mills

Set to fit the site within an 800px wide browser window

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

p			{ font-size: 75%; color:#222; font-style: normal; font-weight: normal; text-align:left;line-height: 1.2;}
p.navheader	{ font-size: 90%;font-weight: bold;margin-top:8px;margin-bottom:4px; color:#2b3189;}
p.center	{ text-align:center}
p.note		{ font-size: 65%;padding:0;margin:0;}
p.links		{ font-size: 70%;padding:0;margin:0;}
p.credit	{ font-style: italic;}
p.photocredit	{	font-size:60%;color:#aaa;text-align:right;margin:0;padding:0;}
p.clear		{ clear:both;}
p.poem		{ font-size:65%;font-style:italic;}
span.title		{ font-weight:bold;}
/*p.list:first-letter
{
    font-size:120%;
    font-weight:bold;
} */
ul.checklist	{	list-style-image:url(http://www.go-fast.org/brnc/images/checkbox.gif);}
li		{ font-size: 75%; color:#222; font-style: normal; font-weight: normal; text-align:left;line-height: 1.2;padding-bottom:3px;}
h1		{ font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 120%; font-style: italic;line-height: 1.2;font-weight: bold; color: #2b3189;}
h2		{ font-family: Arial; font-size: 90%; line-height: 1.2;font-weight: bold; color: #2b3189}
h3		{ font-family: Arial; font-size: 80%; line-height: 1.2;font-weight: bold; color: #2b3189;line-height:1.2;margin:0;margin-top:10px;margin-bottom:3px;}
h4		{ font-family: Arial; font-size:80%;line-height:1.2;font-weight:bold;color:#000;}
h5		{ font-family: Arial; font-size:75%;font-weight:bold;color:#000;line-height:1.0;padding:0;margin:0;}

a:link { 
        border-bottom:1px dotted #056bb5; 
        color:#056bb5; 
        text-decoration:none;
        line-height: 1.4;	/* leaves room at bottom of div's for link underlines */
} 
a:visited { 
        border-bottom:1px dotted #2b3189;
        color:#2b3189;
        text-decoration:none;
        line-height: 1.4;	/* leaves room at bottom of div's for link underlines */
} 
a:hover { 
        border-bottom:1px #03a1e2;
        border-bottom-style:solid; 
        color:#03a1e2;
        text-decoration:none;
        line-height: 1.4;	/* leaves room at bottom of div's for link underlines */
}
a.imglink:visited {border:none;} 
a.imglink:link {border:none;} 
a.imglink:hover {background:transparent;} 

/* Overall page layout
================================================*/
div		{ border: none;}
div.indent	{
	padding-left:20px;}

html 	{
		margin: 0;
		padding: 0;
		height: 100%;
		background-color: transparent;
}

body	{
		font-family:verdana,sans-serif;
		background-color: #1F2B50; /*#34505B;	/* dark blue background */
}
/* Page layout from http://realworldstyle.com/ */

#navarea {
  float: left;
  width:160px;
  }

#container {
	width: 705px;
	margin: 0 auto;
	padding: 10px;
	background-color: #FFF;	/* #F6F3EE parchment color for pages */
	}
#MainContent {position:absolute; right:0; top:0; width:545px; height:auto; margin-top:50px; background-color:white;}

#content {
	width: 515px;
	padding: 5px;
	margin-left: 175px;
/*	border: 1px #aaa solid; */
	}
	
#text {
	border: 1px solid #999;
	padding: 5px;
	background-color: #ffe;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	}
		
#footer {
	clear: both;
	width: 520px;	/* was 472px */
	min-height:3em;
	margin: 5px 0px 2px 175px; /* was 5px 0px 5px 180px; */
	text-align: center;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px;
	border-top: 1px solid #bbb;
	color: #666;
	}
	
	#footer .date {
		float: left;
		text-align: left;
		}
	
	#footer .contact {
		float: right;
		text-align: right;
		}
	
div.spacer {
  clear: right;
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  }


.posted {
	color: #999;
	font-size: 10px;
	text-indent: 0em;
	padding-top: 0.5em;
	}
	
.postdate {
	color: #999;
	font-size: 10px;
	text-indent: 0em;
	padding-top: 0.5em;
	}

blockquote p {
	text-indent: -0.5em;
	}

blockquote {
	text-indent: -0.5em;
	}

div.bookimage {
	clear:both;
	float:left;
	width:125px;
}
img.bookimage {
	clear:both;
	float:left;
/*	padding-right:10px; */
	border:1px solid #000;
}
a.bookimage:visited {border:none;} 
a.bookimage:link {border:none;} 
a.bookimage:hover {background:transparent;}

img.screencap {
	padding: 0px;
	margin: 10px 5px 0px 10px;
	border: 1px solid #999;
	}
	
	img.screencap+p {
		margin-top: 0px;
		padding-top: 0px;
		font-weight: bold;
		text-indent: 10px;
		}

.post {
	margin-bottom: 2em;
	}

/*
Menu code from http://www.cssplay.co.uk/menus/menuseven.html
================================================*/

#menu {
  float: left;
  width:140px;
  text-align:left; 
  position:relative;
  margin:0 auto;
  padding:10px;
/*  border-right:1px #888 solid;
*/  }
.box {
  position:relative;
  }
#menu a:visited {
  text-decoration:none;
  border-bottom:none;
  color:#000; 
  display:block; 
  width:130px; /* was 88px */
  height:16px; 
  font-size:75%;	/* was 14px; */ 
  padding-left:10px;	/* was 5px */
  }
#menu a {
  text-decoration:none;
  border-bottom:none;
  color:#000; 
  display:block; 
  width:130px; /* was 88px */
  height:16px; 
  font-size:75%;	/* was 14px; */ 
  padding-left:10px;	/* was 5px */
  }
* html #menu a:visited {
  width:100px; 
  height:28px; 
  w\idth:88px; 
  he\ight:16px;
  }
* html #menu a {
  width:100px; 
  height:28px; 
  w\idth:88px; 
  he\ight:16px;
  }
#menu a span {
  display:none;
  }
#menu a:hover {
  color:#c00;
  }
#menu a:hover span.lk {
  display:block; 
  position:absolute; 
  left:140px; 
  top:0; 
  padding-top:2px; 
  padding-bottom:2px; 
  padding-left:5px; 
  padding-right:5px; 
  width:150px;
  background-color:#fff; 
  color:#888; 
  border:1px dashed #888;
  }