/*  
Hunterdon UU with comments
Theme Name: Hunterdon UU with comments
Version: 1.0
Author: Bob F.
For Firefox and other non-IE browsers
*/

body  {
	background-color:#adb64d;
	/* background:url(images/green_page_bg.jpg); */
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:#000000;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width:965px;
	text-align: left;
}

#left_bar {
	background:url(images/left_side.jpg);
	background-repeat:no-repeat;
	width:115px;
	height:566px;
	position:absolute;
	left:50%;
	margin-left:-600px;
	top:0px;
	z-index:0;
}


#right_bar {
	background:url(images/right_side.jpg);
	background-repeat:no-repeat;
	width:115px;
	height:566px;
	position:absolute;
	left:50%;
	margin-left:480px;
	top:0px;
	z-index:0;
}


/* contains all page content above the footer, not including the body background */
#above_footer {
	
}

.alignleft {
	float:left;

}
.alignright {
	float:right;

}
.navigation {
	padding:10px 0px 0px 0px; 
}

img {
	border:0px;
}

a {
	color:#0073c2;
	text-decoration:underline;
}

/* this doesn't seem to have any effect */
a:hover {
	color:#0073c2;
	text-decoration:none
}
.postmetadataalt {
	font-size:0.81em; 
	padding:30px 0px 0px 0px;

}

/* Used at the top of archive pages in archive.php */
.pagetitle {
	color:#000000;
	font-size:20px; 
	font-family:Tahoma, arial, verdana, courier;
	line-height:14px;
	padding:25px 0px 20px 30px;
}

p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
html { 
	font-size:11px; 
	font-family:arial, tahoma; 
	line-height:14px;
} 
.normal { 
	font-size:1.01em; 
	font-family:arial, tahoma; 
} 
.normal_tahoma { 
	font-size:1.01em; 
	font-family:tahoma, arial; 
} 
.small_tahoma { 
	font-size:0.81em; 
	font-family:tahoma, arial; 
	color:red;
}
.small { 
	font-size:0.91em; 
}
.big { 
	font-size:1.11em; 
} 
h1 { 
	font-family:tahoma, arial; 
	color:#CC0000;
	font-size:3.21em;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px; 
}
h2 { 
	color:#4f4f4f;
	font-size:18px; 
	font-family:Tahoma, arial, verdana, courier;
	line-height:20px;
} 
h3 { 
	font-size:11px;
	color:#4f4f4f; 
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	font-family:arial, tahoma; 
	line-height:14px;

}
h4 { 
	font-family:arial black, arial, tahoma; 
	color:#AD8A45;
	font-size:2.21em;
	font-weight:normal;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px; 
}
.header  {
	/*background:url(images/header.jpg) left top no-repeat;*/
	vertical-align:top;
	width:965px;
	height:249px;
	text-align:left;
}
.table2 {
	width:766px;
	min-height:auto; 
	display:table;
}
.table_row2 {
	display:table-row;
	width:766px;
}
.left2 {
	vertical-align:top;
	display:table-cell;
	width:520px;
}
.right2 {
	vertical-align:top;
	display:table-cell;
	width:246px;
}
.co_name {
	vertical-align:top;
	padding:48px 190px 0px 70px;
}
.co_name a {
	font-size:1.01em;
	color:#FFFFFF;
	text-decoration:none;
	line-height:37px;
}
.co_name a:hover {
	font-size:1.01em;
	color:#FFFFFF;
	text-decoration:none;
}
.slogan {
	color:#FFFFFF;
	padding:0px 0px 0px 0px;
}
.photo {
	vertical-align:top;
	padding:94px 0px 0px 78px;
	color:#AD8A45;
}

/*Left pane menu;*/

.menu_bg  {
	/*background:url(images/menu.jpg) left top no-repeat;*/
	vertical-align:top;
	width:766px;
	height:45px;
	text-align:left;
}
.menu {
	vertical-align:top;
	padding:16px 0px 5px 7px;
}
.menu ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	list-style:none;
}
.menu ul li {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	display:inline;
}
.menu ul li a {
	background:url(images/menu_bg.jpg) right top no-repeat;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding:6px 29px 5px 23px;
	margin:0px 0px 0px 0px;
}

/* this doesn't seem to have any effect */
.menu ul li a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}


.search {
	vertical-align:top;
	padding:6px 10px 2px 0px;
	color:#E38A04;
}
.search strong {
	color:#E38A04;
}
.form {
	font-size:1.01em; 
	color:#000000;
	font-family:Tahoma, arial, verdana, courier;
	width:115px;
	height:22px;
	padding:2px 2px 2px 0px;
	margin:0px 0px 0px 7px;
	vertical-align:middle;
}

.search_button {
	border:0px;
	margin:0px 0px 0px -1px;
	vertical-align:middle;
}




/*******/
.left {
	vertical-align:top;
	height:100%;
	display:table-cell;
	width:202px;
	text-align:left;
}

/* controls the left nav pane and main text area */
#left_menu {
	z-index:5;
	min-height:100%; 
	display:table-row;
	width:965px;
	/* background:url(images/dark_green_sidebar_bg.jpg); */
	background-color:#e0e0e0;
	/*background-repeat:repeat-y;*/
}

/* All content goes here: below the masthead and above the footer */
#content_table {
	margin-left:5px;
	width:965px;
	min-height:auto; 
	display:table;
	/*background:url(images/bbg.jpg) left top repeat-y;*/
}


.sidebar_title_bg {
	padding:8px 0px 8px 10px; 
	background-color: #ffe187;
}

.sidebar_title {
	color:#0F0F0F;
	font-size:14px;
	font-family:Tahoma, arial, verdana, courier;
	font-weight:bold;
}


.left_side_bg {
	padding:8px 0px 8px 10px; 
	background-color: #ffe187;
}

.left_side_text {
	color:#0F0F0F;
	font-size:14px;
	font-family:Tahoma, arial, verdana, courier;
	font-weight:bold;
}

.left_head {
	padding:29px 15px 13px 21px;
	color:#000000;
}

/* Formats Archive header in sidebar */
.sidebar_header {
	color:#FFFFFF;
	font-size:16px;
	font-family:Tahoma, arial, verdana, courier;
	font-weight:normal;
	padding:8px 0px 8px 10px; 
	margin-bottom: 0px;
}


#archive_list {
	list-style:none;
}

.archive_month {
	list-style:none;
	vertical-align:top;
	line-height:16px;
	color:#000000;
}

.archive_month a:visited, .archive_month a:link {
	text-decoration:none;
	color:#000000;
}

.archive_month a:hover {
	text-decoration:underline;
	color:#000000;
}


/* Archive page 

.article {
	padding:0px 0px 0px 0px;
}

.archive_txt {
	padding:20px 0px 10px 30px;
	font-size:12px; 
	line-height:14px;
	color:#636363;
	margin:0px 15px 0px 0px;
}

.archive_date {
	color:#0073c2;
	font-size:10px;
	font-family:Tahoma, arial, verdana, courier;
	font-weight:normal;
	padding:5px 0px 0px 0px; 
	margin-bottom: 50px;
}

.archive_comment {
	font-size:10px;
	font-family:Tahoma, arial, verdana, courier;
	padding:0px 0px 0px 1px;
	line-height:12px;
	color:#0073c2;
}
.archive_comment a {
	color:#0073c2;
	text-decoration:underline;
	font-weight:bold;
}
.archive_comment a:hover {
	color:#0073c2;
	text-decoration:none;
	font-weight:bold;
}
*/


/*Pagenav formats headers like Page, Categories, etc.*/
.pagenav {
	color:blue;
	font-size:40px;
	font-family:Tahoma, arial, verdana, courier;
	font-weight:bold;
	padding:8px 0px 8px 10px; 
	background-color: #ffe187;
	margin-bottom: 0px;
}

#sidebar_header ul{
	background-color:#FFFF99;
	font-size:24px;
	font-family:tahoma, arial, times new roman;
}

#sidebar_header ul li.page_item{
	font-size:20px;
	font-family:tahoma, arial, times new roman;
}





/*******************************
	ARCHIVE & COMMENT PAGE
*******************************/

#cent_comments {
	vertical-align:top;
	min-height:100%;
	display:table-cell;
	width:595px;
	text-align:left;
	background-color:#ffffff;
/*	padding-right:10px;
*/}


/* Full width of the main text area, from just below the masthead to just above the footer. For some reason, the decorative side panels push the "cent" section to the right on the Comments page. This pulls it back and corrects the width. */
/*.article {
	padding:20px 20px 0px 30px;
	width:550px;
	margin-left:-108px;
	margin-top:-20px;
	background-color:#ffffff;
	border:thick solid #0000ff;
}*/

#main_comments {
	padding:10px 26px 0px 29px;
	line-height:14px;
	color:#000000;
	width:550px;
/*	margin-left:-108px;
*/}


/* Comments page: full width of the main text area, from the top of the post title to the bottom of the instructions */
.original_text {
	padding:3px 10px 0px 30px;
	color:#4f4f4f;
	font-family:Tahoma, arial, verdana, courier;
	margin:10px 0px 10px 0px;
	height:40px;

}


/* Comments page: full width of the main text area, from just below the instructions to just above the footer. */
.comment_section {
	line-height:17px;
	padding:120px 0px 10px 0px;
}


/* Goes directly below content_txt */
.comment {
	padding:0px 0px 0px 30px;
	margin-top:0px;
	line-height:12px;
	color:#42190B;
}

.comment a {
	color:#42190B;
	text-decoration:underline;
	font-weight:bold;
}

.comment a:hover {
	color:#42190B;
	text-decoration:none;
	font-weight:bold;
}


.archive_txt {
	padding:20px 0px 10px 30px;
	font-size:12px; 
	line-height:14px;
	color:#636363;
	margin:0px 15px 0px 0px;
}

.archive_head {
	padding:0px 0px 0px 30px;
	font-size:12px; 
	line-height:14px;
	color:#636363;
	margin:0px 15px 0px 0px;
	font-family:Tahoma, arial, verdana, courier;
}


.archive_date {
	color:#0073c2;
	font-size:10px;
	font-family:Tahoma, arial, verdana, courier;
	font-weight:normal;
	padding:5px 0px 0px 0px; 
	margin-bottom: 50px;
}

.archive_comment {
	font-size:10px;
	font-family:Tahoma, arial, verdana, courier;
	padding:0px 0px 0px 1px;
	line-height:12px;
	color:#42190B;
}
.archive_comment a {
	color:#42190B;
	text-decoration:underline;
	font-weight:bold;
}
.archive_comment a:hover {
	color:#42190B;
	text-decoration:none;
	font-weight:bold;
}


/*Pagenav formats headers like Page, Categories, etc.*/
.pagenav {
	color:blue;
	font-size:40px;
	font-family:Tahoma, arial, verdana, courier;
	font-weight:bold;
	padding:8px 0px 8px 10px; 
	background-color: #ffe187;
	margin-bottom: 0px;
}

#sidebar_header ul{
	background-color:#FFFF99;
	font-size:24px;
	font-family:tahoma, arial, times new roman;
}

#sidebar_header ul li.page_item{
	font-size:20px;
	font-family:tahoma, arial, times new roman;
}


/*************************************
	END OF ARCHIVE & COMMENT PAGE
**************************************/




/*******************************
	LEFT NAVIGATION PANE
*******************************/

/* Left nav pane: first-level buttons that are not selected or hovered and NOT the current page */
.page_item {
	font-size:24px;
	font-family:tahoma, arial, times new roman;
	background-color:#cbcbcb;
	text-indent:10px;
	line-height:26px;
	border-bottom:3px dotted #e6e8e7;
}

/* Left nav pane: first-level buttons  */
li.page_item {
	font-family:tahoma, arial, times new roman;
	background-color:#cbcbcb;
	text-indent:10px;
	line-height:26px;
}

/* Left nav pane: first-level button of current page (affects button only, not text) */
li.current_page_item {
	background-color:#e0e0e0;
	text-indent:10px;
	line-height:26px;
}


/* Left nav pane: all text in left navigation pane */
#nav_items {
	font-weight:bold;
}

/* Left nav pane: text of current page and sub-pages */
ul#nav_items .current_page_item a {
	color:#333333;
	font-size:12px;
}


/* Left nav pane: text of second-level items */
ul#nav_items .current_page_item .page_item a {
	color:#333333;
	font-size:10px;
	line-height:12px;
}


/* Left nav pane: first and second level buttons of the CURRENT PAGE ONLY (affects text background, but not text color or font or size) */
.current_page_item a:hover {
	font-family:tahoma, arial, times new roman;
	line-height:26px;
	border-bottom:none;
}



/* Left nav pane: second-level buttons not selected or hovered (has no effect on text) */
ul li.page_item li.page_item {
	background-color:#e0e0e0;
	line-height:29px;
	margin-left:-20px;
	text-indent:20px;
	border-bottom:none;
}

 
/* Left nav pane: background only */
.sub_left {
	/*padding:0px 10px 13px 21px;*/
	color:#000000;
	line-height:26px;
	font-size:24px;
	background-color:#cbcbcb;
	margin-top:-15px;
}

/* Left nav pane: default for first-level items (like Archives, that have no specific style applied) */
.sub_left ul {
	padding: 0px 0px 0px 0px; 
	font-size:12px;
	list-style:none;
	line-height:26px;
	background-color:#999999;
}


/* Left nav pane: controls all buttons */
.sub_left li {
	padding: 0px 0px 0px 20px; 
	vertical-align:top;
	color:#000000;
	font-size:12px;
	list-style:none;
	line-height:26px;
}


/* Left nav pane: rollover of every first-level button (affects button only, not text) */
.sub_left li:hover {
	/*padding: 0px 0px 0px 0px; */
	vertical-align:top;
	list-style:none;
	background-color:#bbbbbb;

}


/* Left nav pane: text inside second-level bullets and text inside default first-level items (like Archives, that have no specific style applied) */
.sub_left ul li a:link {
	text-decoration:none;
	color:#000000;
	padding:0px 0px 0px 0px;
	font-size:12px;
	list-style:none;
}


/* Left nav pane: 2nd-level rolled-over text */
.sub_left ul li a:hover {
	text-decoration:none;
	color:#ffffff;
	padding:0px 0px 0px 0px;
	font-size:12px;
	list-style:none;
}

/* Left nav pane: all selected (mousedown) text in all 2nd-level buttons */
.sub_left ul li a:active {
	text-decoration:none;
	color:#888888;
	padding:0px 0px 0px 0px;
	font-size:12px;
	list-style:none;
}


/* Left nav pane: all visited text in all buttons */
.sub_left ul li a:visited {
	text-decoration:none;
	color:#000000;
	padding:0px 0px 0px 0px;
	font-size:12px;
	list-style:none;
}


/*******************************
	END LEFT NAVIGATION PANE
*******************************/






/*******/
#cent {
	vertical-align:top;
	min-height:100%;
	display:table-cell;
	width:595px;
	text-align:left;
	background-color:#ffffff;
}



/* The stuff IN the main text area, but not the area, itself */
#sub_cent {
	padding:10px 26px 0px 29px;
	line-height:14px;
	color:#000000;
	background-color:#ffffff;
}


/*Post title background format*/
.head {
	padding:3px 10px 0px 30px;
	color:#4f4f4f;
	font-family:Tahoma, arial, verdana, courier;
	margin:10px 0px 10px 0px;
	height:40px;
}


.head a {
	color:#000000;
	text-decoration:none;
}
.head a:hover {
	color:#000000;
	text-decoration:underline;
}


/*Post title text format*/
.head_text { 
	color:#4f4f4f;
	font-size:18px; 
	font-family:Tahoma, arial, verdana, courier;
	line-height:14px;

} 


.content_txt p {
	padding:0px 15px 15px 30px;
	font-size:13px; 
	line-height:16px;
	color:#4f4f4f;
	/*margin:0px 15px 0px 0px;*/
}




.content_txt blockquote p {
	padding:0px 0px 10px 30px;
	font-size:13px; 
	line-height:16px;
	color:#5966ff;
	margin:0px -3em 0px -3em;
}


.post_date {
	padding:0px 0px 10px 0px;
	font-size:12px; 
	line-height:14px;
	color:#5c819e;
	margin:0px 15px 0px 0px;
	text-transform:uppercase;
}


#includes_txt p {
	padding-bottom:6px;
	font-size:12px; 
	line-height:14px;
	color:#4f4f4f;
	font-family:arial, tahoma; 
	margin-bottom:18px;
}

.content_txt a {
	color:#0073c2;
	text-decoration:underline;
}
.content_txt a:hover {
	color:#0073c2;
	text-decoration:none;
}

/*Content text found on the comments page*/
.content_txt_comments p {
	padding:10px 15px 0px 0px;
	font-size:13px; 
	line-height:16px;
	color:#4f4f4f;
	/*margin:0px 15px 0px 0px;*/
}



/******* sidebar */
#right_column {
	vertical-align:top;
	height:100%;
	/*display:table-cell;*/
	width:150px;
	text-align:left;
	background-color:#dedede;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	line-height:14px;
	color:#000000;
	z-index:5;
}


.right_head {
	padding:0px 15px 13px 21px;
	color:#000000;
}

.sub_right ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}
.sub_right li {
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	line-height:16px;
	color:#000000;
}
.sub_right ul li a {
	text-decoration:none;
	color:#000000;
	padding:0px 0px 0px 0px;
}
.sub_right li a:hover {
	color:#000000;
	text-decoration:underline;
}


#footer {
	/*top:505px;*/
	width:965px;
	height:60px;
	padding:20px 0px 0px 0px;
	position:absolute;
	z-index:40;
	left:50%;
	margin-left:-485px;
	margin-top:-20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #797979;
	text-align: center;
	/*background-image: url(images/footnote_strip.jpg);*/
	background-repeat:repeat-x;
	background-color:#353736;
}

#box_inside_footer {
	border-bottom:3px dotted #6b6d6c;
	border-top:3px dotted #6b6d6c;
	height:45px;
	margin-top:-5px;
}


a.footnotes_link:link, a.footnotes_link:visited, a.login_link a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #797979;
	text-decoration: underline;
}

a.footnotes_link:hover, a.login_link > a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #aaaaaa;
	text-decoration: underline;
}

.footer_txt {
	color:#ffffff;
	text-decoration:none;
}

.footer_txt a {
	color:#ffffff;
	text-decoration:underline;
}
.footer_txt a:hover {
	color:#ffffff;
	text-decoration:none;
}

