/* ***************************** */
/* Applies to the Whole Web Page */
/* ***************************** */

body {
	margin: 20px 0;
	padding: 0;
	background: #000000;
	/* background: #EFFCF0 url(images/img01.gif); */
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.8em;
	color: #663300;
	border-color: #663300;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #663300;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16 px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

p, blockquote, ul, ol {
	margin-top: 0;
}

p {
	font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote {
}

a {
	color: #663300;
}

a:hover {
	text-decoration: none;
}

/* *********************************** */
/* Menu (i.e., Nav Bar) at Top of Page */
/* *********************************** */

#menu {
	/* width: 700px; */
	width: 800px;
	height: 40px;
	margin: 0 auto;
	background: #EFFCF0;
	border: 10px solid #663300;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding-top: 8px;
	padding-right: 50px; /* 20 */
	padding-bottom: 0;
	padding-left: 50px;
	border-right: 1px solid #663300;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	color: #663300;
}

#menu a:hover, #menu .active a {
	background: #DAEBDB;
}

/* ***************************** */
/* Header - Beagle Banner Area   */
/* ***************************** */

#header {
	/* width: 700px; */
	width: 800px;
	height: 180px;
	background: #000000;
	margin: 0 auto;
	border: 10px solid #663300;
	border-top: none;
}

/* "Beagle Review" Text */
#header h1 { 
	padding-top: 55px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 2.0em;
}

/* Blurb under "Beagle Review" */
#header h2 {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	font-size: .7em;
	line-height: 1.3em;
}

/* Makes text of links "grey" and not be underlined */
#header a {
	text-decoration: none;
	color: #DAEBDB;
}

/* ***************************** */
/* Content                       */
/* ***************************** */

#content {
	/* width: 700px; */
	width: 800px;
	margin: 0 auto;
	background: #EFFCF0 url(images/pale-green-bar.gif) repeat-y;
	border: 10px solid #663300;
	border-top: none;
}

/* ***************************** */
/* Latest Post                   */
/* ***************************** */
/* This is the block below the   */
/* Beagle Banner area.           */

#latest-post {
	padding: 20px 0;
	background: #EFFCF0;
	border-bottom: 10px solid #663300;
}

#latest-post .title {
	float: left;
	width: 230px;
	padding: 0 20px;
	text-align: right;
	line-height: 1.2em;
	font-size: 1.3em;
	font-style: italic;
}

#latest-post .story {
	float: right;
	/* width: 389px; */
	width: 449px;
	/* padding: 0 20px; */
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
	border-left: 1px solid #C6DAC7;
}

#latest-post .meta {
	clear: both;
}

/* ***************************** */
/* Posts                         */
/* ***************************** */
/* This is the main content area */
/* of the page.                  */

#posts {
	float: right;
	/* width: 390px; */
	width: 490px;
	padding: 20px;
}

#posts .post {
	padding-bottom: 30px;
}

#posts .title {
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

#posts .story {
	padding: 15px 20px 0 20px;
}

#posts .meta {
	padding: 5px 0 20px 20px;
}

#posts .meta p {
	margin: 0;
	line-height: normal;
	font-size: smaller;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#posts h3 a {
	text-decoration: none;
}

#posts h3 a:hover {
	text-decoration: none;
	background-color: #DAEBDB;
}


/* ***************************** */
/* Links                         */
/* ***************************** */
/* This the Left Nav part.       */

#links {
	float: left;
	width: 230px;
	padding-top: .2em;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/* Applies to any unordered list in the links area...  
/*    - The whole list of items in the nav bar         
/*    - Each of the whole lists of subsets             */
#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Spacing between the "main" nav items */
#links li {
	padding-bottom: 1em;
	padding-top: .2em;	
	border-bottom: 1px solid #663300;
}

/* The unordered list that is a list item... i.e., whole "subset" */
#links li ul {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
	/* border: 1px solid #663300; */ /* For testing */
}

/* Each item in the subset */
#links li ul li {
	padding-bottom: 5px; /* Needed to overwrite the "li" padding bottom command above */
	list-style-type: disc;
	line-height: 1.3em; /* If a nav entry must wrap, control the space between the multiple lines */
	border-bottom: 0px;
}

/* Any italic item in the nav bar to be smaller font, too */
#links li i {
	font-size: smaller;
} 

/* Each "link" listed in the nav bar */
#links a {
	text-decoration: none;
}

#links a:hover {
	background: #EFFCF0;
}

#links h2 {
	font-size: 22px;
}

/* *********************************** */
/* Bottom                              */
/* *********************************** */

#bottom {
	/* width: 700px; */
	width: 800px;
	height: 40px;
	margin: 0 auto;
	background: #EFFCF0;
	border: 10px solid #663300;
	border-top: none;
	text-align: center;
}

#bottom p {
	display: inline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


/* ***************************** */
/* Footer                        */
/* ***************************** */
/* For the little blurb at the   */
/* end of each article.          */

#footer {
}

#footer p {
	text-align: center;
	font-size: x-small;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}