/*
Theme Name: Keys to New Jersey
Theme URI: http://ewebscapes.com
Version: 1.0
Description: Custom Theme for Keys to New Jersey by <a href="http://ewebscapes.com"></a>
Author: Leanne Wildermuth
Author URI: http://www.ewebscapes.com
This design is copyright ©EWebscapes and may not be reproduced.
*/


/************************************************
*	BASIC ELEMENTS				*
************************************************/
a img {border: 0px}
abbr, acronym {border-bottom: 1px dashed #FECC0D; cursor: help;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
body, form, h1, h2, h3, h4, ul, ol, p {margin: 0; padding: 0; list-style: none;}
p{margin: 0px;	line-height: 21px; padding: 10px 0;}
p img{border: none;padding: 0px 5px 15px 0px;	}
img a{border:none;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.excerpt {padding-left: 3px; padding-bottom: 10px; margin-bottom: 5px;}
.edate {padding-left: 2px; font-size: 11px; text-transform: uppercase; padding-bottom: 10px;}

.pagenav {clear: both; padding: 10px 30px; font-size: 1.4em; text-transform: uppercase; letter-spacing: .03em;}
.pagenav a:link {color: #FFEA56; font-weight: normal; text-decoration: none;}
.pagenav a:active {color: #FFEA56; font-weight: normal; text-decoration: none;}
.pagenav a:visited {color: #FFEA56; font-weight: normal; text-decoration: none;}
.pagenav a:hover {color:#A2C439; font-weight: normal; text-decoration: none;}


hr {color: #9CBD37;  background-color: #9CBD37; margin:0; padding:0; }

code, pre {
 font-family: 'Courier New', Courier, mono;
 color: #969696;
 text-decoration: none;
 text-align: left;
}

blockquote {
  text-align: left;
  line-height: 150%;
  padding: 25px 15px 0px 35px;
  background: #fff url(img/quote.jpg) top left no-repeat;
  font-size: .8em;
  margin: 15px;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #fff;
 border: 1px solid #000;
 color: #000;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Verdana, Arial,sans-serif;
  font-size: 12px;
  padding: 2px;
}

.submit {
 background-color: #fff;
 color: #000; 
}

.radio {
 border: 0;
} 

h1 {color: #000; padding: 5px 0 0 0; margin: 0; font-size: 1.7em; font-weight: normal;}
h1 a:link, a:active {color: #000; text-decoration: none;}
h1 a:visited {color: #000; text-decoration: none;}
h1 a:hover {color:#000; text-decoration: none;}

h2 {color: #000; padding: 10px 0 0 0; font-size: 1.4em; font-weight: normal;}
h3 {color: #000; padding: 5px 0 10px 0; font-size: 1.4em; font-weight: normal;}

body {
  margin: 0px;
  padding: 0px;
  background: #cde25f url(img/bg.jpg) top center repeat-x;
  font-family: 'trebuchet ms', helvetica, sans-serif;
  font-size: 0.9em;
  list-style-type: none;
}


/************************************************
*	PRIMARY STRUCTURE			*
************************************************/


#wrap {
  width: 990px;
  margin: 0 auto;
  background: #AECE53 url(img/wrap2.jpg) repeat-y;
}

#content {
  float: left;
  background-color: #004101;
  width: 450px;
  margin-left: 10px;
  display: inline;
  text-align: left;
}


#header1 {
  height: 319px;
  background: url(img/header1.jpg) top center no-repeat;
}

#topmenu {
 width: 200px;
 height: 315px;
 float: left;
 display: inline;
}

#topmenu a:link {color: #A93528; font-weight: normal; text-decoration: none; }
#topmenu a:active {color: #A93528; font-weight: normal; text-decoration: none; }
#topmenu a:visited {color: #A93528; font-weight: normal; text-decoration: none; }
#topmenu a:hover {color: #DE593A; font-weight: normal; text-decoration: none;}

#topmenu ul{
 margin-left: 10px;
 margin-top: 12px;
}

#topmenu ul li{
 color: #000;
 font-size: 1.4em;
 height: 35px;
 margin-bottom: 10px;
}

.home1 {
  height: 75px;
  width: 193px;
  font-size: .1em;
  color: #fff;
  float: left;
  display: inline;
  margin-left: 48px;
}

.home1 a {
  text-align: center;
  display: block;
  border: none;
  height: 75px;
  width: 193px;
  font-size: .1em;
  color: #fff;
  text-decoration: none;
}

.home1 a:hover {
  text-align: center;
  display: block;
  border: none;
  height: 75px;
  width: 193px;
  font-size: .1em;
  color: #fff7e0;
  text-decoration: none;
}


#header2 {
  height: 86px;
  background: url(img/header2a.jpg) top center no-repeat;
}

.contact {
 background: url(img/contact.jpg) top left no-repeat;
 font-size: 1.4em;
 padding: 10px 0 10px 47px;
 margin-left: 40px;
 margin-top: 20px;
 float: left;
 width: 100px;
}

/* IE \*/
* html .contact {margin-left: 20px;}
/* IE */

.contact a:link {color: #A93528; font-weight: normal; text-decoration: none; }
.contact a:active {color: #A93528; font-weight: normal; text-decoration: none; }
.contact a:visited {color: #A93528; font-weight: normal; text-decoration: none; }
.contact a:hover {color: #DE593A; font-weight: normal; text-decoration: none;}


.home2 {
  height: 63px;
  width: 533px;
  font-size: .1em;
  color: #fff;
  float: left;
  display: inline;
  margin-left: 85px;
}

.home2 a {
  text-align: center;
  display: block;
  border: none;
  height: 63px;
  width: 533px;
  font-size: .1em;
  color: #fff;
  text-decoration: none;
}

.home2 a:hover {
  text-align: center;
  display: block;
  border: none;
  height: 63px;
  width: 533px;
  font-size: .1em;
  color: #fff7e0;
  text-decoration: none;
}
/************************************************
*	POST STYLE      			*
************************************************/

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

.post {
  width: 440px;
  margin-left: 4px;
  overflow: hidden;
  padding: 10px;
  background: #fff;
  font-size: .8em;
  line-height: 170%;
}

.post a:link {color: #AC012B; font-weight: bold; text-decoration: none;}
.post a:active {color: #AC012B; font-weight: bold; text-decoration: none;}
.post a:visited {color: #AC012B; font-weight: bold; text-decoration: none;}
.post a:hover {color: #0F6710; font-weight: bold; text-decoration: none;}



.date {
 color: #000;
 width: 150px;
 float: right;
 text-align: center;
 padding: 3px;
 background-color: #FFEA56;
 border: 1px solid #FECC0D;
 font-family: arial, sans-serif;
 font-size: 10px;
 text-transform: uppercase;
 letter-spacing: .1em;
}

.post ul {
  margin-left: 50px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ul li {
 list-style-type: disc;
 margin: 0 30px 5px 5px;
 padding: 2px 0;
}

.post ol {
  margin-left: 35px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ol li {
 list-style-type: decimal;
 padding: 2px 0;
 margin: 0 0 0 5px;
}


.post-meta {
 color: #000;
 text-align: left;
 padding: 4px;
 background-color: #ADCD52;
 border: 1px solid #86A629;
 margin-bottom: 50px;
 width: 450px;
 margin-left: 4px;
 overflow: hidden;
 font-size: .8em;
 line-height: 140%;
}

.post-meta a:link {color: #0F6710; font-weight: bold; text-decoration: none; }
.post-meta a:active {color: #0F6710; font-weight: bold; text-decoration: none; }
.post-meta a:visited {color: #0F6710; font-weight: bold; text-decoration: none; }
.post-meta a:hover {color: #AC012B; font-weight: bold; text-decoration: underline;
}

.post-meta li{margin: 0; padding: 0; line-height: 25px;}
li.mcom {background: url(img/mcom.jpg) top left no-repeat; padding-left: 23px;}


/* IE \*/
* html li.mcom {padding-left: 8px;}
/* IE */


li.mfile {background: url(img/mfile.jpg) top left no-repeat; padding-left: 23px;}


/* IE \*/
* html li.mfile {padding-left: 8px;}
/* IE */


/************************************************
*	SIDEBARS          			*
************************************************/
.homelink{
 background: url(img/home.jpg) top left no-repeat;
 font-size: 1.4em;
 padding: 10px 0 10px 47px;
 float: left;
 width: 175px;
}


.homelink a:link {color: #A93528; font-weight: normal; text-decoration: none; }
.homelink a:active {color: #A93528; font-weight: normal; text-decoration: none; }
.homelink a:visited {color: #A93528; font-weight: normal; text-decoration: none; }
.homelink a:hover {color: #DE593A; font-weight: normal; text-decoration: none;}


.rss{
 background: url(img/rss.jpg) top left no-repeat;
 font-size: 1em;
 padding: 10px 0 10px 47px;
 float: left;
 width: 175px;
 color: #A93528;
 font-weight: bold;
}

.rss a:link {color: #A93528; text-decoration: none; }
.rss a:active {color: #A93528; text-decoration: none; }
.rss a:visited {color: #A93528; text-decoration: none; }
.rss a:hover {color: #DE593A; text-decoration: none;}



#side-left {
 width: 225px;
 float: left;
 padding-left: 40px;

}

#side-left .menu {
  list-style-type: none; 
  width: 225px;
  padding-top: 15px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  font-size: .8em;
}

#side-left .menu h2 {
  text-align: left;
  padding: 5px;
  color: #A93528;
  font-weight: bold;
  background-color: #CDE25F;
  border-top: 1px solid #9CBD37;
  border-bottom: 1px solid #9CBD37;
}

#side-left .menu h3 {
 font-size: 1.3em;
 color: #000;
 padding: 0 0 0 5px;
 margin: 0;
}



#side-left .menu ul, #side .menu ul ul {
 margin:0;
  padding:10px 3px 20px 3px;
 list-style: none;
}


#side-left .menu ul li {
 margin: 0 13px;
 border-bottom: 1px solid #9CBD37;
 line-height: 140%;
 padding-bottom: 2px;
  margin-left: 6px;
  margin-right: 6px;
}

#side-left .menu ul.children {
  padding: 0;


}

#side-left .menu ul li li {
  border-bottom: none;
  line-height: 20px;
  padding: 0 3px 2px 0; 
}


#side-left .textwidget {padding:10px 3px 5px 3px; list-style: none;}
#side-left ul.menu li#tag_cloud  {padding:10px 3px 5px 3px; list-style: none;}
#side-left ul.menu li#tag_cloud h2 {width: 225px; margin-left: -3px;}

#side-left .menu a:link {color: #004101; font-weight: bold; text-decoration: none;}
#side-left .menu a:active {color: #004101; font-weight: bold; text-decoration: none;}
#side-left .menu a:visited {color: #0F6710; font-weight: bold; text-decoration: none;}
#side-left .menu a:hover {color: #AC012B; font-weight: bold; text-decoration: none;}



#side-right {
  width: 220px;
  float: right;
  padding-right: 20px;
}


#side-right .menu {
  list-style-type: none; 
  width: 220px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  font-size: .8em;
}

#side-right .menu h2 {
  text-align: left;
  padding: 5px;
  color: #A93528;
  font-weight: bold;
  background-color: #CDE25F;
  border-top: 1px solid #9CBD37;
  border-bottom: 1px solid #9CBD37;
}

#side-right .menu h3 {
 font-size: 1.5em;
 color: #000;
 padding: 0 0 0 5px;
 margin: 0;
}



#side-right .menu ul, #side .menu ul ul {
 margin:0;
  padding:10px 3px 20px 3px;
 list-style: none;
}


#side-right .menu ul li {
 margin: 0 13px;
 border-bottom: 1px solid #9CBD37;
 line-height: 140%;
 padding-bottom: 2px;
  margin-left: 6px;
  margin-right: 6px;
}

#side-right .menu ul.children {
  padding: 0;
}

#side-right .menu ul li li {
  border-bottom: none;
  line-height: 20px;
  padding: 0 3px 2px 0; 
}


#side-right .textwidget {padding:10px 3px 5px 3px; list-style: none;}
#side-right ul.menu li#tag_cloud  {padding:10px 3px 5px 3px; list-style: none;}
#side-right ul.menu li#tag_cloud h2 {width: 165px; margin-left: -3px;}

#side-right .menu a:link {color: #004101; font-weight: bold; text-decoration: none;}
#side-right .menu a:active {color: #004101; font-weight: bold; text-decoration: none;}
#side-right .menu a:visited {color: #0F6710; font-weight: bold; text-decoration: none;}
#side-right .menu a:hover {color: #AC012B; font-weight: bold; text-decoration: none;}





/************************************************
*	FOOTER STYLE      			*
************************************************/

#footer {
  clear: both;
  width: 990px;
  background: url(img/footer2.jpg) top center no-repeat;
  padding-top: 20px;
}

#footer-bg {
  background: url(img/footerbg.jpg) repeat-y;
}

.footer-text {
 text-align: left;
 padding-left: 50px;
 text-transform: uppercase;
 font-size: 11px;
 font-family: verdana;
  color: #000;
 padding-bottom: 15px;
}

.footer-text a:link {color: #AC012B; font-weight: bold; text-decoration: none;}
.footer-text a:active {color: #AC012B; font-weight: bold; text-decoration: none;}
.footer-text a:visited {color: #AC012B; font-weight: bold; text-decoration: none;}
.footer-text a:hover {color: #0F6710; font-weight: bold; text-decoration: none;}



/************************************************
*	COMMENTS				*
************************************************/
	
#comment-container {
  overflow: hidden;
  width: 440px;
  margin-left: 4px;
  padding: 10px;
  font-size: 11px;
  line-height: 150%;
  background: #fff;
  margin-bottom: 20px;
}

#comment-container a:link {color: #AC012B; font-weight: bold; text-decoration: none;}
#comment-container a:active {color: #AC012B; font-weight: bold; text-decoration: none;}
#comment-container a:visited {color: #AC012B; font-weight: bold; text-decoration: none;}
#comment-container a:hover {color: #0F6710; font-weight: bold; text-decoration: none;}

#comment-container textarea {
  width: 95%;
  margin-bottom: 5px;
  background-color: #EAF2BB;
  padding: 3px;
 
}

#comment-container input, select {
  margin-bottom: 5px;
  background-color: #EAF2BB;
  padding: 3px;
}

.align {
  margin-bottom: 20px;
}

.comment-list {
 margin: 20px 0 20px 0;
}

.comment-form {
  margin-top: 10px;
  padding: 10px;
}

.comment-container {
 margin: 5px 10px 15px 0;

 padding: 5px;
 background-color: #EAF2BB;
 border: 1px solid #CDE25F;
}




.comment-num {
 float: left;
 font-size: 24px;
 margin-top: 0;
 padding-right: 5px;
 color: #CDE25F;
}

.comment-meta {
 font-size: 14px;
 color: #004101;
 overflow: hidden;
 padding-right: 10px;
 padding-left: 16px;
 padding-top: 6px;

}

.comment-text {
 padding-top: 7px;
 margin: 0 20px;
 overflow: hidden;
}

.comment-date {
 text-align: right;
 font-size: .9em;
}