/*
Christine Curran
http://www.buddinglotusdesigns.com

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


body {

	background: url(style/images/BkgdGradient.jpg) repeat-x #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 85%;
	color: #000000;
	}

#page-wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

img {
	padding: 5px;
}

.clear {
	clear: both;
}

.alignleft {
	margin-right: 10px;
}

#post ol, #post ul, #post li {
	list-style-image: url(style/images/arrowBullet.jpg);
	list-style-position: outside;
	margin-left: 10px;
}
#post ul {
	margin-bottom: 10px;
}
#post li {
	margin-bottom: 3px;
}


.wp-caption {
-moz-border-radius:10px 10px 10px 10px;
background-color:#E1F0D9;
border:1px solid #CCCCCC;
padding:8px;
}
.wp-caption-text {
	padding: 0;
	font-size: 95%;
}
/*------------------Header--------------------------*/	
#header {
	text-indent: -9999px;
	width: 683px;
	height: 226px;
	margin: 0 auto;
	}
#header h1 {
	background: url(style/images/KeysReuseLogo.jpg) bottom left no-repeat;
	height: 199px;
	width: 243px;
	float: left;
	text-indent: -9999px;
}	

#header p {
	clear: both;
	background: url(style/images/tagline.jpg) bottom left no-repeat;
	height: 29px;
	width: 467px;
	text-indent: -9999px;
}

#headwrap {
	width: 1000px;
	margin: 0 auto;
}

div#searchform {
position:absolute;
right:0;
text-align:right;
top:5px;
}

#facebook {
	position: absolute; top: 1px; left: 1px; 
	text-indent: -9999px;
}

#facebook a {
	height: 31px;
	width: 158px;
}

li.facebook a {
	background: url(style/images/FacebookBadge.jpg) no-repeat;
	display:block;
}
#RSS {
	position: absolute; top: 32px; left: 0; 
	text-indent: -9999px;
}

#RSS a {
	height: 50px;
	width: 160px;
	
}
 li.email a {
 	display: block;
 	background: url(style/images/Email_Subscription.jpg) no-repeat;
 }
 
 li.rss a {
	display: block;
 	background: url(style/images/RSS_Subscription.jpg) no-repeat;
 }

/*------------------End Header--------------------------*/	

/*___________________Header Navigation__________________*/

div#header-nav {
	float: left;
	width: 440px;
	}	
#header-nav a:link, #header-nav a:visited {
	color: #000000;
	text-decoration: none;
	
	
}	
ul#top-nav {
	color: #662414;
	text-align: center;
	font-size: 1.1em;
	width: 440px;
	height: 199px;
	}
ul#top-nav li {
	display: inline;	
	}

li.home a {
	background: url(style/images/homeButton.jpg) no-repeat;
	height: 113px;
	width: 224px;
	float: left;
}

li.items a {
	background: url(style/images/itemButton.jpg) no-repeat;
	height: 113px;
	width: 216px;
	float: left;
}

li.contact a {
	background: url(style/images/contactButton.jpg) no-repeat;
	height: 86px;
	width: 224px;
	float: left;
}

li.nprofit a {
	background: url(style/images/nprofitButton.jpg) no-repeat;
	height: 86px;
	width: 216px;
	float: left;
}

li.home a:hover {
	background: url(style/images/homeButton.jpg) no-repeat left -113px;
	height: 113px;
	width: 224px;
	float: left;
}

li.items a:hover {
	background: url(style/images/itemButton.jpg) no-repeat left -113px;
	height: 113px;
	width: 216px;
	float: left;
}

li.contact a:hover {
	background: url(style/images/contactButton.jpg) no-repeat left -86px;
	height: 86px;
	width: 224px;
	float: left;
}

li.nprofit a:hover {
	background: url(style/images/nprofitButton.jpg) no-repeat left -86px;
	height: 86px;
	width: 216px;
	float: left;
}


/*______________________End Header Navigation_____________*/
	
/*------------------Sidebar--------------------------*/	
#sidebar {
	width: 250px;
	float: right;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	border-bottom: #CCCCCC solid 1px;
	
}	
#sidebarTop {
	background: url(style/images/sidebarTop.jpg) top right no-repeat;
	height: 21px;
	}

#sidebarBottom {
	background: url(style/images/sidebarBottom.jpg) top right no-repeat;
	height: 21px;
	}
	
#sidebar a:link, #sidebar a:visited {
	color: #0054A6;
	font-variant: normal;
	font-size: 1em;
	text-decoration: none;
}
#sidebar h2 a:link, #sidebar h2 a:visited {
	color: #0054A6;
	font-size: 1em;
	text-decoration: none;
}
#sidebar a:hover {
	color: #2F9504;
}
.widgettitle {
	color: #666666;
	font-size: 130%;
	padding-bottom: 5px;
}
#sidebar ul {
	padding: 0 20px;
}

#sidebar h2 {
	padding-top: 10px;
}
#sidebar a {
	
	font-size: 110%;
	padding-bottom: 2px;
}

.textwidget {
	margin-bottom: 10px;
}
.textwidget img {
	padding: 0;
}

ul.twitter {
	margin-left: -20px;
}

.twitter li {
	margin-bottom: 8px;
	
}


/*------------------End Sidebar--------------------------*/	


/*------------------Main Content and Post Area--------------------------*/	


#middle {
	width: 683px;
	margin: 0 auto;
}

#middle1 {
	width: 683px;
	float: left;
}

#main-content {
	background: url(style/images/contentBkgd.jpg) center center no-repeat #FFFFFF;
	width: 680px;
	min-height: 410px;
	border-left: #E6E6E6 thin solid;
	border-right: #E6E6E6 thin solid;
	
	
}

#topContent {
	background: url(style/images/topContent.jpg) center center no-repeat;
	height: 27px;
	
}

#bottomContent {
	background: url(style/images/bottomContent.jpg) center center no-repeat;
	height: 32px;
	
}

#post {
	padding: 10px 50px;
}

.post {
	margin-bottom: 20px;
	

}

#post h2 {
	clear: both;
	font-size: 160%;
	padding-bottom: 10px;
	margin-top: 10px;
	color: #2F9504;
	
}
#post h2.no-clear {
	clear: none;
}

#post h3 {
	clear: both;
	font-size: 130%;
	padding-bottom: 5px;
	
}

#post h4 {
	font-size: 110%;
	padding-bottom: 3px;
}

#post h5 {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 8px;
}
#post h2 a:link, #post h2 a:visited {
	text-decoration: none;
	color: #2F9504;
}

#post h2 a:hover {
	color: #0054A6;
}
#post a:link, #post a:visited {
	text-decoration: none;
	color: #2F9504;
}

#post a:hover {
	color: #0054A6;
}

#post p {
	line-height: 130%;
	padding-bottom: 8px;
	}
p.details {
	clear: both;
	color:#555555;
	font-size:0.95em;
	margin:0 auto;
	padding:20px;
	text-transform:lowercase;
	border-bottom: 1px solid #FFA1A1;
	width: 500px;
}	
#post-info {
	clear: both;
	color: #333333;
	font-size:0.95em;
	margin: 0 auto;
	padding:20px;
	text-transform:lowercase;
	border-top: 1px solid #CCC;
	width: 500px;
}	

#post-info1 {
	clear: both;
	color:#555555;
	font-size:0.95em;
	margin: 0 auto;
	padding:20px;
	text-transform:lowercase;
	
}	

#post-breadcrumbs{
	min-height: 20px;
	font-size: 80%;
	margin-bottom: 10px;
}
#nextPost{
	float: left;
}

#prevPost{
	float: right;
}
#classes_float {
	float:left;
	text-align: center;
	width: 215px;
	margin: 10px 20px;
	
}
/*-------------------------comments--------------------*/

textarea#comment {
margin:5px;
width:425px;
}
form#commentform {
	padding:10px;
}
.commentnum {
font-size:1.5em;
font-weight:bold;
margin:0 5px 0 0;
}
#container .commentlist {
border-top:1px solid #DDDDDD;
margin:0;
padding:0;
}
ol.commentlist {
	width: 500px;
}
.commentlist li {
border-bottom:1px solid #CCC;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding: 10px;
}
.commentlist li.thread-alt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ECF8FD none repeat scroll 0 0;
}
.commentlist li .cmtinfo {
font-size:1em;
}
.commentlist li cite {
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em {
color:#999999;
float:right;
font-size:0.9em;
font-style:normal;
margin:0;
padding:0;
}
.commentlist .children li {
border-bottom:0 none;
}
#content-main .commentlist .children {
border-left:1px solid #DDDDDD;
margin:10px 0 10px 10px;
padding:0;
}
#content .commentsfeed {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/icon_feed.gif) no-repeat scroll left center;
padding-left:16px;
}
#respond p {
	
}
#respond h3 {
	font-variant: small-caps;
	padding-top: 10px;
}
input.textbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
font-family:verdana,tahoma,arial,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px;
width:150px;
}

/*-------------------------end comments--------------------*/

/*------------------End Main Content--------------------------*/		
	
#wpcf7-f1-p13-o1 {
	width: 500px;
	margin: 0 auto;
}	
hr {
	width: 500px;
	color: #FFA1A1;
	margin: 5px auto;
}
/*------------------Footer--------------------------*/		

#footer {
	clear: both;
	background-color: #2F9504;
	color: #FFFFFF;
	min-height: 60px;
	width: 1000px;
	position: relative;
	margin: 0 auto;
}
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	text-decoration: none;	
}
#footer a:hover {
	color: #672515;
}
#footer-center {
	padding-top: 10px;
	width: 1000px;
	text-align: center;
	position: absolute; bottom: 5px; 
	
}
#lotus-links {
	width: 400px;
	position: absolute; bottom: 5px; left: 300px;
}
#lotus-links li {
	padding-top: 5px;
}
#footer-design {
	position: absolute; bottom: 0; right: 5px; 
	font-size: 85%;
}

#login {
	position: absolute; bottom: 0px; left: 5px; 
	color: #FFFFFF;
	font-size: 85%;
}
#login a:link, #login a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#login a:hover {
	color: #662414;
}

#footer_navigation{
	background: url(style/images/FootGradient.jpg) no-repeat;
	min-height: 27px;
}
#footer_navigation ul {
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	}
#footer_navigation ul li {
	display: inline;
	padding: 0 22px;
	}

#footer_navigation ul li a {
	text-decoration: none;	
	}	
	
/*------------------End Footer--------------------------*/		
			
#nprof {
     margin: 0 auto;
	 width: 500px;
}
#nprof h3 {
	
	margin-bottom: 20px;
}
#nprof h3 a {
	border-bottom: dotted #999999 1px;
	margin-bottom: 20px;
}

#nprof h3 a:link, #nprof h3 a:visited {
	color: #0054A6;
}

#nprof h3 a:hover, #nprof h3 a:active {
	color: #2F9504;
}

#needs a {
	background:url(style/images/arrowBulletSm.jpg) left center no-repeat;
	padding-left: 28px;
	margin-left: 10px;
}

#needs h3 {
 	clear: none;
}

#needs img {
 	background-color: #E1F0D9;
	padding: 8px;
	-moz-border-radius: 10px;
	border: #CCCCCC solid 1px;
}

h4.needs {
	background: #FEFEF6;
	border: #FFEDA0 dashed 2px;
	padding: 8px;
	-moz-border-radius: 10px;
	width: 500px;
	margin: 0 auto 10px auto;
	color: #0054A6;
	font-variant: small-caps;
}
