/* Presentation section */

body {
	font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
}


p, ul, ol, table, blockquote {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
}


h2 {
	text-align: center; /* center all our headers */
	color: #7c0000; /* match text color in logo */
}

h3 {	
	color: #7c0000; /* match text color in logo */
}

h4 {	
	color: #7c0000; /* match text color in logo */
}


hr {
	height: 1px;
	text-align: center; /* makes horizontal rules center in IE */
	color: #7c0000; /* match text color in logo */
	background-color: #7c0000;
	/* border-style: none; */
}

pre {
       background-color: #ffffff;
}
      

.normal {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
}

.truisms-cite {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #666666;
	text-align: center;
	font-size: smaller;
}

.comments-cite {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #666666;
	font-size: smaller;
}


.under-cap {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #666666;
	text-align: center;
	font-size: x-small;
}

.side-cap {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #666666;
	font-size: small;
}


.copyright {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: x-small;
}

.blog-date {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: x-small;
      font-weight: bold;
	color: black;
}

.blog-title {
	font-family: "Times New Roman",Georgia,Verdana,Arial,Helvetica,sans-serif;
	color: #A52A2A; /* brown */
      font-weight: bold;
}

.blog-permalink {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: x-small;
}


.book-excerpt {
      width: 450px;
	margin: 0px auto;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 1px;
      padding-bottom: 10px;
	font-family: "Courier New",Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	background-color: #ffffff;
}

.book-excerpt p {
	font-family: "Courier New",Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
}

.withTopBorder {
	border-top: 1px solid #7c0000;
}

.withBottomBorder {
	border-bottom: 1px solid #7c0000;
}

.additionalInfo {
	font-style: italic;
	font-weight: bold;
	color: #7c0000;
	border-bottom: 1px solid #7c0000;
}

.topicHeadline {
	border-bottom: 1px solid #7c0000;
}

/* Menu button appearance */

.buttons a {
	color: #000000;
	background-color: #eddddd; /* lavendar from logo */
	display: block;            /* Skip a line after each menu item */
	font: 13px "Times New Roman",Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 180%;
}

.buttons a:hover {
	background-color: #a8ac95;  /* sand from logo */
	color: #0000ff;  /* link blue */
	text-decoration: underline;
}

.buttons a:active {
	background-color: #a8ac95;  /* sand from logo */
	color: gray; /* ghost it */
	text-decoration: none;
}


.recent-posts a {
	display: block;  /* Skip a line after each menu item */
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	line-height: 200%;
}

.blog-archives a {
	display: block;  /* Skip a line after each menu item */
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	line-height: 200%;
}


/* From Wordpress style sheet */

#menu ul {
      /* Menu headings are list items within this unordered list.  */
	color: #7c0000; /* was #777 (lt grey) */
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 5px; /* was 3px */
	/* text-transform: lowercase; */

	list-style-type: none;

}

#menu ul li {
     /* More control of menu headings takes place here.  */
	  
	 /*
	 Note that in the same statement, we can be add the text css property ‘line height’
	 (the space between lines of text) after the value of ‘font-size’ separated by a /.
	 */
	 	 
	 /* font-style font-variant font-weight/line-height font-size font-family */  
	font: italic normal 135% georgia, verdana, 'Times New Roman', Times, serif;

	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
      /* This is for the actual menu items: about us, home, greenport, etc... */
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
      /* More control of the actual menu items. */
	border: 0;
	/* font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; */
	font: normal normal 12px/140% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #7c0000; /* Match logo text color */
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

/* End of stuff from Wordpress */

/* Layout Section */

/* Some versions of IE have a float bug and the footer does not get pushed all the way down.
   This problem can be solved by putting some space between side-a and side-b.
   See step 8 here: http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

Note the following:

   wrapper = 800  was 745px
   side-a  = 190  was 140px

   That leaves 610px  was 605px.

   Side-b content gets 500px, so I define it that way.
   Then I pad 45px on each side and add a 1px border on the left.

   So: 500 + 45 + 44 + 1 = 590px.

   That leaves 15px between side-a and side-b, enough to make IE happy.

   But, those extra 15px make my menu look offset to the left.
   So, I pad left 8px to artificially center everything that's going in side-a.
   
   Menu (side-a) = 190
   No man's land = 15
   Body left border = 1
   Body pad left = 29
   Body (side-b)  = 535
   Body pad right = 30
   
   Total width = 800
*/
 

body{ 
	margin: 0; 
	padding-top: 7px;
	padding-bottom: 17px;
	color: #000000; /* text color */
	background-color: #4f4400;
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;	
	/* background-image: url(http://www.loving-long-island.com/images/page-background-1px.gif); */
	/* background-image: url(logo.jpg); */
	background-color: #ffffc0; /* side-a takes on this color */
	color: #000000; /* text color */
}


#header{
	position: relative;
	height: 150px;
	background-image: url(http://www.loving-long-island.com/images/logo.jpg);
	/* background-image: url(logo.jpg); */ /* for local development */
	color: #000000; /* text color */
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
}


#header-2 {
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 45px;   /* helps center adsense link units */
	background-color: #ffe190;
	border-bottom: 1px solid #7c0000; /* matches logo text color */
	border-top: 1px solid #7c0000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	text-align: center;
	color: #000000; /* text color */
}


#side-a {
  	/* 192 + 8 = 200px total width */
	float: left;
	width: 192px;
	padding-left: 8px;
	/* border-right: 1px solid #7c0000; */
	/* Uncomment the following line to see width of side-a */
	/* background-color: #ffffff; */
	color: #000000; /* text color */
	text-align: left; /* make everything "left" in this column */
}


#side-b { 
	/* 540 + 29 + 1 + 30 = 600px total width */
	float: right;
	width: 540px; /* Width of content, not total width of section. Must add padding and border for total width */
	border-left: 1px solid #7c0000;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 29px; 
	padding-right: 30px; 
	background-color: #fdfde9; /* or white #ffffff */
	color: #000000; /* text color */
	height: 1%; /* Holly hack for Peekaboo Bug */
}


#footer {
	clear: both;
	color: black; /* color of text in this element*/
	background-color: #ffe190;
	padding-top: 3px;
	padding-bottom: 3px;	
	border-top: 1px solid #7c0000;
}


/* printer styles */ 

@media print{ 
/*hide the left column when printing*/ 
/* #side-a{display:none;} */
/* #twocols, #side-b{width:100%; float:none;} */
}