/*

Theme Name: LitchfieldBooks

Theme URI: http://LitchfieldBooks.com/

Description: A custom WordPress theme for Litchfield Books

Author: Tyler Russell

Version: 1.0 (optional)

Tags: 



*/





/* MAIN */



/* MENU */





.menu-test-container { height:38px; width:100%; font-family: Arial, sans-serif, Helvetica; background-color: #64cbc8; background-repeat: repeat-x; background-position: 0 top; text-transform: uppercase; margin: 0 auto; padding: 0; clear: both; border-top: medium double #0db5b6; border-bottom: 1px solid #0db5b6 }


.menu-test-container .wrap {
	width: 960px;
	height: 38px;
	margin: 0 auto 0;
	}
	

.menu-test-container ul {
	width: 990px;
	list-style: none;
	background-color:#64CBC8;
	margin-top:0;
	}
	

.menu-test-container li  { list-style: none; margin: 0; padding: 0; float: left }
	

.menu-test-container li a  { color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 11px 15px; position: relative }


.menu-test-container li a:hover, 
.menu-test-container li a:active  { color: #64cbc8; background-color: #fff }


.menu-test-container li a .sf-sub-indicator {
	background: none;
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	}
	

.menu-test-container li a:hover .sf-sub-indicator {
	background: none;
	}
	

.menu-test-container li li a, 
.menu-test-container li li a:link, 
.menu-test-container li li a:visited  { color: #443b31; font-size: 12px; font-family: Arial, Helvetica; font-weight: normal; background: #ffffff; text-transform: none; margin: 0; padding: 6px 10px; position: relative; width: 148px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6 }
	

.menu-test-container li li a:hover, 
.menu-test-container li li a:active  { color: #64cbc8; background: #f2f2f2 }


.menu-test-container li li a .sf-sub-indicator, 
.menu-test-container li li a:hover .sf-sub-indicator {
	background: none;
	}
	

.menu-test-container li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0;
	padding: 0;
	}


.menu-test-container li ul a { 
	width: 150px;
	}


.menu-test-container li ul a:hover, 
.menu-test-containerli ul a:active  { }


.menu-test-container li ul ul {
	margin: -37px 0 0 168px;
	}


.menu-test-container li:hover ul ul, 
.menu-test-container li:hover ul ul ul, 
.menu-test-container li.sfHover ul ul, 
.menu-test-container li.sfHover ul ul ul  { left: -999em }


.menu-test-container li:hover ul, 
.menu-test-container li li:hover ul, 
.menu-test-container li li li:hover ul, 
.menu-test-container li.sfHover ul, 
.menu-test-container li li.sfHover ul, 
.menu-test-container li li li.sfHover ul  { left: auto }


.menu-test-container li:hover, 
.menu-test-container li.sfHover { 
	position: static;
	}


.menu-test-container li.right {
	float: right;
	font-size: 14px;
    font-weight: bold;
	margin: 0;
	padding: 10px 25px 10px 0;
	}


.menu-test-container li.right a {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	}
	

.menu-test-container li.right a:hover {
	color: #CC3300;
	text-decoration: none;
	}
	

.menu-test-container li.date {
	}
	

.menu-test-container li.rss a  { background: url(images/rss.png) no-repeat left center; padding: 3px 0 3px 18px }
	

.menu-test-container li.search {
	padding: 0 10px 0 10px;
	}
	

.menu-test-container li.twitter a  { background: url(images/twitter-nav.png) no-repeat left center }



/* END MENU */









body    { background-image: url(images/body-bg.png); background-repeat: repeat; background-position: 0 top; margin: 0 auto; border-top: thick solid #71654b }

	

#wrap {

  width: 100%;

  margin: 0 auto;

  position: relative;

  background-repeat: no-repeat;

  } 

  

#main  { padding-bottom: 10px } 



.menu-main-menu-container {margin-bottom:60px;}































/* TOP NAVIGATION */





.botnav a{

	color:#64CBC8;

}  

 

ul#navigation {

  float: right;

  top: 85px;

  margin-top: 80px;  

  margin-right: 20px;

  padding: 0 10px;

  }

	

ul#navigation li {

  display: block;

  float: left;

  margin: 10px 0 10px 10px;

  padding-right: 10px;

  border-right: 1px dotted;

  }



ul#navigation li a{

  color: #272527;

  font-family:'LeagueGothicRegular';

  font-size: 36px;

  text-transform: uppercase;

  text-decoration: none;

  }



ul#navigation li a:hover{

  color: #75645a;

  }  

  

.selected {

  color: #d8c9bc !important;

  }

  

/*-----------TEXT STYLING--------------------------*/  



h1       { color: #64cbc8; font-size: 24px; font-family: sans-serif, Helvetica; font-weight: normal; text-align: left; text-transform: uppercase; padding-top: 15px }	

  

h2        { color: #797266; font-size: 18px; font-family: sans-serif, Helvetica; font-style: normal; font-weight: normal; line-height: 1; text-align: left; text-transform: uppercase; margin-top: 15px; margin-bottom: 10px; padding: 10px 0 5px; border-top: 1px dashed #c7c7c7 }







#events #sidebarB { color: #797266; font-size: 12px; font-family: Georgia, serif; line-height: 2; text-align: left; margin-top: 15px; padding-top: 0; padding-right: 15px; padding-bottom: 50px; width: 320px; height: 425px; float: right }
#sidebarB a  { color: #64cbc8 }
	

		

#events #sidebarA { padding-top: 0; padding-bottom: 50px; padding-left: 15px; width: 630px; height: 425px; float: left; border-right: 1px dashed #c7c7c7; text-align: center;}

#events #sidebarA h2{text-align: center }


#events #sidebarA #text{text-align: center }

h3   { font-size: 22px; font-weight: normal; letter-spacing: -1px; margin-bottom: 10px }

  

h4 { font-size: 18px; font-weight: normal; line-height: 20px; padding: 8px 0 }



h5  { font-size: 12px; font-weight: normal; text-transform: uppercase }

	






 





 

 

 

/* HEADER */



#header                           { margin-top: 25px; width: 998px }





/* UPCOMING EVENTS */

#upcomingevents, #slider, #contents, #header, .menu-test-container ul {
margin-left:auto;
margin-right:auto;
}

#slider {width:998px;}

#upcomingevents     { padding-top: 300px; 
 width: 998px; height: auto; clear: both; }


#upcomingevents h1    { color: #64cbc8; text-align: left; text-transform: uppercase; margin: 20px 15px 0; padding-top: 20px; padding-bottom: 20px; border-top: 1px dashed #c7c7c7; border-bottom: 1px dashed #c7c7c7 }

/*---------------HOMEPAGE-----------------------*/



#contents      { margin-bottom: 20px; width: 998px; clear: both }

 

#sidebarA         { padding-top: 0; padding-bottom: 50px; padding-left: 15px; width: 630px; height: 425px; float: left; border-right: 1px dashed #c7c7c7; }



#page      { padding-top: 0; padding-bottom: 50px; padding-left: 15px; width: 630px; height: 425px; float: left; border-right: 1px dashed #c7c7c7; margin-bottom:200px;padding-right: 10px;  }




/* -------------HOMEPAGE BLOG SNIPPETS ---------*/



#sidebarB     { color: #797266; font-size: 12px; font-family: Georgia, serif; line-height: 2; text-align: left; margin-top: 15px; padding-top: 0; padding-right: 15px; padding-bottom: 50px; width: 320px; height: 425px; float: right }
#sidebarB a  { color: #64cbc8 }
/* -------------FOOTER-----------------*/  



#slider li     { background: transparent; list-style: none; margin: 0 15px 50px 0; width: 223px; height: 400px; float: left }



#slider h4 a  { color: #64cbc8; font-size: 16px; font-family: Georgia; text-decoration: none; display: block; padding: 10px 10px 20px; width: 205px }



#slider h4 a img {border: none;

margin:0 0 10px;

}



#slider h4 a .meta  { color: #797266; font: italic 13px/18px Georgia, "Palatino Linotype", times, "Times New Roman", serif; display: block; padding: 0 0 5px }

  

  

  

  

  

#events #sidebarA{height:auto;}

  

#events p {line-height:1}  

  

  

  

  

  

/* -------------FOOTER-----------------*/



#footer        { background-color: #797266; padding-bottom: 0; position: relative; bottom: 0; left: 0; width: 100%; height: 100px; float: left;  border-top: medium solid #64cbc8;margin-top: 200px; }

  

#footerwrap {

  overflow:hidden;

  width: 940px;

  margin: 0 auto;

  position: relative;

  }

#footerwrap p   { color: #fff; font-size: 12px; font-family: Georgia, serif; font-weight: normal; line-height: 14px; margin: 30px 0 0 5px;  }



#footerwrap p a { color: #64cbc8; font-weight: bold }

  

#footerwrap p a:hover  { color: #fff }

#text   { color: #797266; font-size: 14px; font-family: Georgia; line-height: 1.5; text-align: left }

#text a  { color: #64cbc8; font-size: 14px; font-family: Georgia; line-height: 1.5; text-decoration: underline; text-align: left }

.highlight       { font-family: Georgia; background-color: #6b695d; border: solid 7px #95ebe8 }

.normal        { font-family: Georgia; background-color: #6b695d; border: solid 7px #64cbc8 }


#sidebarA div table tr td div h6 a 
 { color: #fff; font-size: 18px; font-family: Georgia; font-weight: normal; text-decoration: none; text-transform: uppercase; margin-bottom: 5px }