/*

How this stylesheet is arranged:

	1. General layout (body, links)
	2. Page struture (frame, masthead, leftcolumn, rightcolumn)
	3. Blog item definitions (title, item, author, border, date)
	4. Other universal definitons (leftbox, rightbox, ul.nobullets, search)
	5. Comment item definitons

/*1. THE GENERAL LAYOUT OF THE SITE */
/* Document Styles */

body {
   /* background: #fff url("backgr.gif") repeat-y 50% 0; */
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center; 
}

p {
	margin: 0 0 5px 0;
	}

p.p1 {
	font-size: 13px;
	line-height: 20px;
	}

li {
	padding-bottom: 3px;

	}
a:link, a:visited {
	color: #4281BD;
	text-decoration: none;
}

a:hover, a:active {
	color: #fff;
	background: #4281BD;
}

blockquote {
	background: url(/media/quote.gif) no-repeat top left;
	background-color: #F1F1F1;
	font-family: Trebuchet MS, Trebuchet, Arial, Tahoma, Verdana;
	font-size: small;
	color: #3A3A3A;
	display: block;
	width: 90%;
	padding: 10px;
	margin: 10px 5px 10px 5px;
	border: 1px dotted #666666;
	}


/* Container Styles */

#container {
	position: relative;
	width: 701px !important; /**/
	width: 701px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* For IE, see above */
	border-bottom: thick #404000;
}

/* Intro Styles */

#pageHeader {
	width: 574px; 
	height: 80px;
	background: #fff url("logo.jpg") no-repeat;
	margin: 0; 
	border-top: 15px solid #fff;
	text-align: center;
	position: relative;
	}
	
/* For main content on right side */


#topblog {
	position: absolute;
	top: 96px;
	left: 148px;
	width: 460px;
	background-color: #E4E4E4;
	border: thin solid #4B4B4B;
	padding: 8px 8px 5px 8px;
}

#topblog img {
	padding: 1px 1px 1px 1px;
	border: thin solid #A8A8A8;
	margin: 0px 2px 0px 0px;
}

#recentlybox {
	position: absolute;
	top: 475px;
	left: 140px;
	width: 290px;
	padding: 5px 5px 5px 5px;
}

#offsetbox {
	position: absolute;
	background: #FFFAFA;
	top: 477px;
	left: 460px; /* 565 if on right */
	width: 200px;
	padding: 5px 5px 5px 5px;
	border-left: 1px solid #BEBEBE;
}

#itembox {
	position: absolute;
	top: 110px;
	left: 145px;
	width: 475px;
	padding: 5px 5px 5px 5px;
	border-bottom: thin solid #404000;
}

#itembox img {
	padding: 1px 1px 1px 1px;
	border: thin solid #A8A8A8;
	margin: 0px 7px 5px 7px;
}

#offsetmainbox {
	position: absolute;
	background: #FFFAFA;
	top: 95px;
	left: 140px;
	width: 475px;
	padding: 15px 15px 15px 15px;
	border-bottom: thin solid #404000;
}

#liveblogsmainbox {
	position: absolute;
	background: #FFFAF0;
	top: 95px;
	left: 140px;
	width: 475px;
	padding: 15px 15px 15px 15px;
	border-bottom: thin solid #404000;
}

#navbox {
	position: absolute;
	top: 96px;
	left: 145px;
	width: 475px;
	font-size: 10px;
	font-weight: normal;
   text-align: center;
	color: #7DA9D2;
} 

#aboutbox {
	position: absolute;
	top: 96px;
	left: 145px;
	width: 475px;
	height: 100%;
	padding: 5px 5px 5px 5px;
}

/* Leftcolumn Styles */

#leftcolumn {
	position: absolute;
	background: #404000;
	top: 95px;
	left: 0px;
	width: 130px;
	font: 10px/14px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#leftcolumn a:link, #leftcolumn a:visited {
	color: #fff;
	}

#leftcolumn a:hover, #leftcolumn a:active {
   color: #404000;
	background: #fff;
	}

#colophonhead {
	background: url(colophon.gif);
	width: 130px; 
	height: 32px
	}
	
#colophon {
	border-bottom: 1px solid #fff;
	background: #999900;
	padding: 0px 5px 10px 13px;
	color: White;
}
	
#colophon li {
	color: White;
}

#colophon a:hover, #colophon a:active {
	color: #999900;
	}	

#favoriteshead {
	background: url(favorites.gif);
	position: relative;
	width: 130px;
	height: 30px;
	border-bottom: 1px solid white;
}

#archivehead {
	background: url(archives.gif);
	position:relative;
	width: 130px; 
	height: 26px;
	margin-top: 5px;
	border-bottom: 1px solid white;
	}

#recenthead {
	background: url(recent.gif);
	position:relative;
	width: 130px; 
	height: 32px
	}
	
#recent {
	background: #404000;
	padding: 0px 5px 10px 13px;
	color: White;
	border-bottom: 1px solid white;
}

#recent li{
	background: #404000;
	padding: 0px 3px 3px 3px;
	color: White;
	list-style: none;
}
	
#recent a:hover, #recent a:active {
	color: #404000;
	}	
	
#current {
	background: #404000;
	padding: 0px 5px 10px 13px;
	color: White;
	border-bottom: 1px solid white;
}
	
#currenthead {
	background: url(current.gif);
	position:relative;
	width: 130px; 
	height: 32px;
	}

#catshead {
	background: url(categories.gif);
	position:relative;
	width: 130px; 
	height: 20px;
	margin-top: 5px;
	}

#cats {
	background: #404000;
	padding: 0px 5px 5px 13px;
	color: White;
	border-bottom: 1px solid white;
	}
	
#cats li {
	list-style: none;
}

#cats a:hover, #cats a:active {
	color: #404000;
	}


#ligature {
	background: #404000;
	padding: 0px 5px 10px 13px;
	color: White;
	}
	
#ligaturehead {
	background: url(ligature.gif);
	position:relative;
	width: 130px; 
	height: 32px
	}

#ligature li {
	color: #fff;
	padding-bottom: 2px;
	list-style: none;
	}

#ligature a:hover, #ligature a:active {
	color: #404000;
	}

#columnfill {
	background: url(greenback.gif);
	padding: 0px 5px 10px 13px;
	height: 1500px;
	color: #404000;
}

/* END of site structure */

 
/*3. BLOG ITEM DEFINITIONS*/

/*All these are for today's entry and the photoblog */

   .title {
   	font: 23px "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: Black;
		padding: 5px 0px 3px 5px;
   }
	
.title a:link, .title a:visited {
	color: black;
	text-decoration: none;
}

.title a:hover, .title a:active {
	color: black;
	text-decoration: none;
	background: #E8E8E8;
}

	.body {
		font: 14px "Franklin Gothic Medium", Arial, Verdana, Geneva, Helvetica, sans-serif;
		padding: 0px 0px 3px 5px;
	}
	
	#photos {
	position: absolute;
	top: 5px;
	left: 305px;
	width: 155px;
	height: 210px;
	padding: 5px 5px 5px 5px;
	}

/*These styles are for recent items */

 .recenttitle {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	padding: 5px 0px 0px 1px;
}

.recenttitle a:link, .recenttitle a:visited {
	color: black;
	text-decoration: none;
}

.recenttitle a:hover, .recenttitle a:active {
	color: black;
	background: white;
}

	.recentbody {
		font: 13px "Franklin Gothic Medium", Arial, Verdana, Geneva, Helvetica, sans-serif;
		padding: 0px 0px 2px 5px;
	}
	
.pageswitch {
	font: 13px "Franklin Gothic Medium", Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding: 5px 0px 0px 0px;
	text-align: center;
}
	
/* Styles for OFFSET */

#photos2 {
	position: relative;
	left: 0px;
	width: 155px;
	}

#offsetblog {
	position: relative;
	top: 10px;
	padding: 0px 0px 0px 5px;
}

.offsettitle {
	font-size: 12px;
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}

.offsettitle a:link, .offsettitle a:visited {
	color: black;
	text-decoration: none;
}

.offsettitle a:hover, .offsettitle a:active {
	color: black;
	background: #F8F8FF;
}

	.offsetbody {
		font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
		padding: 0px 0px 2px 5px;
	}
	
.offsettitlelg {
	font-size: 14px;
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
}


	.offsetbodylg {
		font: 14px "Franklin Gothic Medium", Arial, Verdana, Geneva, Helvetica, sans-serif;
		padding: 0px 0px 2px 5px;
	}
	
	.seemore {
	font-size: 13px;
	padding: 20px 0px 3px 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	}
	
	.seemore a:link, .seemore a:visited {
	color: black;
	text-decoration: none;
}
	
	.seemore a:hover, .seemore a:active {
		color: #F8F8FF;
		background: black;
	}

/* other blog styles */

#archivelist {
	font-size: 10px;
	font-weight: normal;
	color: black;
}

#archivelist li{
	list-style: none;
}

	.footer {
	font-size: 10px;
   text-align: right;
	padding: 0px 0px 4px 0px;
	color: #31608C;
}

.footer a:link, .footer a:visited {
	color: #31608C;
	text-decoration: none;
}

.footer a:hover, .footer a:active {
	color: white;
	background: #31608C;
}


/* Item page definitions */

.iteminfo {
	font-size: 11px;
	font-weight: normal;
	padding: 2px 0px 4px 5px;
	color: black;
}

.iteminfo a:link, .iteminfo a:visited {
	color: black;
	text-decoration: none;
}

.iteminfo a:hover, .iteminfo a:active {
	color: black;
	text-decoration: underline;
	background: white;
}

.itemtitle {
	font-size: 18px;
		font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: Black;
		padding: 5px 0px 1px 5px;
}

.author {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 5px 5px;
	color: #31608C;
}

.author a:link, .author a:visited {
	color: #31608C;
	text-decoration: none;
}

.author a:hover, .author a:active {
	color: #31608C;
	background: white;
	text-decoration: underline;
}

.signup {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #909090;
	padding: 0px 0px 2px 15px;
}

.smallheader {
	font-size: 17px;
	text-decoration: underline;
	font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #909090;
	padding: 5px 0px 2px 35px;
}

/* About page definitions */

/*4. OTHER UNIVERSAL DEFINITIONS */

.image {
	padding: 5px 5px 5px 5px;
}

.quote {
	background: url(/media/quote.gif) no-repeat top left;
	background-color: #F1F1F1;
	font-family: Trebuchet MS, Trebuchet, Arial, Tahoma, Verdana;
	font-size: small;
	color: #3A3A3A;
	display: block;
	width: 90%;
	padding: 10px;
	margin: 10px 5px 10px 5px;
	border: 1px dotted #666666;
}

		.leftbox, .rightbox {
			margin: 3px;
			padding: 6px;
			font-family: times new roman, times, serif;
			font-size: 15px;
			font-weight: normal;
			width: auto;
			}

		.leftbox {
	float: left;
}

		.rightbox {
	float: right;
}

.memberinfo {
	font-size: 12px;
	font-family: times new roman, times, serif;
	font-weight: normal;
	padding: 2px 0px 4px 5px;
	color: black;
}

/* The left/rightbox stuff is doubled below to accomodate the new TinyMCE editor */

		.align left, .align right {
			margin: 3px;
			padding: 6px;
			font-family: times new roman, times, serif;
			font-size: 15px;
			font-weight: normal;
			width: auto;
			}

		.align left {
	float: left;
}

		.align right {
	float: right;
}


		img {
	border: none;
}

		.skip {
			display: none;
			}

		ul.nobullets {
			list-style: none;
			margin-left: 0px;
			padding-left: 0px;
		}

		.highlight {
			background-color: #FFDEAD;
		}

		
#copyright {
	padding: 2px;
	margin-top: 3px;
	text-align: left;
	font: 10px/13px Arial, Helvetica, sans-serif;
	}

#copyright a:link, #copyright a:visited {
	color: #fff;
	}

#copyright a:hover, #copyright a:active {
	background: #fff;
	color: #666;
	}
		
/* Current Media redefinitions */

	   #cm_box {
	background: #F5F5F5;
	margin-bottom: 3px;
        margin-top: 3px;
}

     #cm_box .cm_text {
     	color: black;
		font-size: 11px;
		position: relative;
		top: -50px;
		left: 90px;
     }
	  
	  #cm_box .cm_table {
		background: 85%;
		padding: 3px 3px 3px 3px;
		height: 75px;
	  }
	  
	  #cm_box .cm_currently {
	  	font-size: 11px;
		color: black;
		position: relative;
		top: -57px;
		left: 90px;
	  }
	  
	  #cm_box .cm_image {
	 	width: 40px;
	   padding: 2px 2px 2px 2px;
   	position: relative;
	  }

		.cm_table {
	}

		.cm_currently {
	position: absolute;
	color: white;
	font-size: 1px;
	top: -100px;
	left: -100px;
}

		.cm_text {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

		.cm_image {
	width: 40px;
	padding: 2px 2px 2px 2px;
	position: relative;
}



/*5. COMMENT DEFINITIONS */


.commenthead {
	font-size: 14px;
	font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: bold;
	padding: 10px 0px 5px 5px;
	border-top: thin solid #404000;
}

.commentauthor {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 10px;
	color: black;
}

.commentbody {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 15px;
	color: black;
}

.commentinfo {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 5px 5px 10px;
	color: gray;
	border-bottom: thin solid #404000;
}

.commentform {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 15px;
	color: black;
}