/*
Mass Reset
-------------------------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0;  }
/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
script {  }
a { color:#069; text-decoration:none; background:#EBF5FF; }
a:hover { color:#222; background:#ff9;  }
body { font: 0.85em "lucida grande", helvetica, arial, sans-serif; color: #666; background:#fff url(images/bg.gif) repeat-x; }
#container { width:960px; margin:0 auto; }
input { padding:3px; margin:5px 0; }
input:focus { background:#ffc; }
h2 { color:#000; font-size:2.1em; margin:20px 0 5px 0; }
p { font-size:.9em; line-height:1.4em; margin:0 0 15px 0; letter-spacing:0; }
/*
Styled Links
-------------------------------------------------------------------------------------------------------------------------------*/
#feature a { background:none; }
a#learn-more { width:134px; height:23px; background:url(images/a-learnmore.gif) top left no-repeat;}
a#see-it-now { width:134px; height:35px; background:url(images/a-seeitnow.gif) top left no-repeat;}
a#archives { width:134px; height:23px; background:url(images/a-archives.gif) top left no-repeat; }
a#follow { width:175px; height:23px; background:url(images/a-follow.gif) top left no-repeat; }
a.imglink span { display:none; }
a.imglink { height:23px; display:block; margin:10px 0 0 0; }

/*
Header & Logo
-------------------------------------------------------------------------------------------------------------------------------*/
#header { width:960px; margin:0 auto; height:176px; background:url(images/header.gif) no-repeat;  clear:both;  }
	#header h1 { display:none; }
	
#logo { float:left; width:330px; height:175px; background:url(images/logo.jpg); }
#logo a { width:330px; height:175px; margin:0; padding:0; display:block; background:none;}
#logo a span { display:none; }
#nav { float:left; margin:150px 0 0 0;  }
#nav ul { list-style:none; }
#nav ul li { float:left; font-size:1.1em; margin:0 1px 0 0; font-weight:bold;  }
#nav ul li a { padding:8px 15px; text-decoration:none; display:block; background:#000; color:#ff9; }
#nav ul li a:hover { text-decoration:none; background:#000; color:#fff; }
#nav ul li.highlight { background:#fff; margin:0 0 0 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
#nav ul li.highlight a { color:#c33; }
#nav ul li.highlight a:hover { color:#222; }


/*
Content
-------------------------------------------------------------------------------------------------------------------------------*/
#content {  margin:30px 0; padding:0; width:960px;  }

#content-left { width:330px; float:left; margin:0; }
#content-left p { margin:0 30px; line-height:1.7em; font-size:.9em; }
#content-left p.footer { font-size:.8em; color:#888; }
#content-left h3 { margin:0 30px; font-size:1.3em; }
#content-left h4 { margin:10px 30px 3px 30px; font-size:1.1em; }

#content-left ul { list-style:none; margin:0 0 20px 30px; padding:0; }
#content-left ul li { font-size:.95em; margin:0 0 5px 0; }
#content-left form { margin-left:30px; }

.block { background:url(images/blockrule.gif) 30px bottom no-repeat; margin:0 0 20px 0; padding:0 0 20px 0; }
.block .imglink { margin:10px 30px; }

h2.intro { width:330px; height:105px; background:url(images/h2-intro.gif) 20px 0 no-repeat; margin:0; padding:0; }
h2.genesis { width:330px; height:85px; background:url(images/h2-genesis.gif) 30px 0 no-repeat; margin:0; padding:0; }
h2.contact { width:330px; height:40px; background:url(images/h2-contact.gif) 30px 0 no-repeat; margin:0; padding:0; }
h2.blog { width:330px; height:30px; background:url(images/h2-blog.gif) 30px 0 no-repeat; margin:0; padding:0; }
h2.archives { width:330px; height:20px; background:url(images/h2-archives.gif) top left no-repeat; margin:20px 0 0 0; padding:0; }
h2.categories { width:330px; height:20px; background:url(images/h2-categories.gif) top left no-repeat; margin:20px 0 0 0; padding:0; }
h2.comments { width:330px; height:40px; background:url(images/h2-comments.gif) top left no-repeat; margin:10px 0 0 20px; padding:0; }

h2 span { display:none; }

h2 a { display:block; width:270px; height:30px; background:none; }
h2 a:hover { background:none; }


#content-right { width:630px; float:left; margin:0; padding:0; clear:right;}

#feature { width:630px; height:300px; background:url(images/featurebg.gif) top left no-repeat; float:left; margin:0; padding:0;  }
	#feature li { float:left; clear:both; }
	#feature img { float:left; display:inline;  background:url(images/featureimg.gif) top left no-repeat; padding:14px; margin:10px 10px 10px 0; }
	#feature h2 { display:none; }
	.fcontent { float:left; display:inline; margin:90px 0 0 25px; width:200px; }
	#feature h3 { float:left; display:inline; margin:0;  }
	#feature p { float:left; display:inline; margin:5px 0 10px 0; font-size:.85em; line-height:1.5em;}
	#feature ul { list-style: none; }
	
	
#bottom { margin:20px 0; float:left; width:630px; }


.bottom-block { width:195px; float:left; margin:0 15px 0 0; padding:0; }
.wide { width:380px; float:left; margin:0 15px 0 20px; padding:0; }

.bottom-block p { font-size:.8em; line-height:1.5em; margin:3px 0 10px 0; }
.bottom-block li { font-size:.8em; line-height:1.5em; margin:3px 0 10px 0; list-style:none; }

#newsletter { width:195px; height:175px; background:url(images/newsletter.gif) top left no-repeat; }
#newsletter form { margin:65px 0 0 15px; float:left; }
#newsletter input { margin:0 0 5px 0; border:1px solid #ccc; padding:3px; font-size:11px; }

h3.blog { background:url(images/h3-blog.gif) top left no-repeat; width:195px; height:25px; }
h3.twitter { background:url(images/h3-twitter.gif) top left no-repeat; width:195px; height:25px; }
h3 span { display:none; }

a.tweet { background:url(images/h3-twitter.gif) -165px 0 no-repeat; padding-left:20px; }

/*
Blog Specifics
-------------------------------------------------------------------------------------------------------------------------------*/
#content .entry p {
	line-height:1.7em;
}

#content .entry ol, #content .entry ul { float:left; margin:0 0 10px 0; font-size:.9em; line-height:1.4em; }
#content .entry li { float:left; margin:0 0 8px 30px; }

#content .entry .info {  background: #EDEDED; border-bottom: 1px solid #CCCCCC; padding:0; margin:10px 0 0 0; }

#content .entry .info p.infoleft { width: 50%; float: left; font-size: 11px; border-bottom: none; color:#666; margin:5px; }

#content .entry .info p.infoleft a { color:#999; background:none; font-weight:lighter; text-decoration:underline; }

#content .entry .info p.inforight { width: 30%; float: right; font-size: 11px; border-bottom: none; text-align: right; color:#666; margin:5px; }

#content .entry .info p.inforight a { color:#66CC00; background:none;  text-decoration:underline; }

#content .entry h4 { margin:20px 0 0 0; }



#content .entry ul { float:left; display:block; clear:both; margin:0 0 10px 0; width:100%; }
#content .entry li { float:none;  }

#commentform { width:630px; height:300px; background:url(images/commentbg.gif) top left no-repeat; float:left;  clear:both; margin:30px 0 50px 0; padding:0;  }
#content #commentform p { margin:5px 0 0 20px; }
.entry { margin:10px 0 20px 0; }
.entry h3 { font-size:1em; font-weight:normal; float:left; clear:both; margin:5px 0; width:620px; }


#content .commentlist a { color:#000; background:none; }
#content .commentlist a:hover { color:#000; text-decoration:underline; }
#content .commentlist ul { list-style:none; }
#content .commentlist li {  width:540px; margin:0 0 5px 0; float:left; display:block; clear:both; list-style:none; background:#e6e6e6; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#content .comment_author { width:32px; float:left; margin:10px; }
#content .comment_text { width:400px; float:left; margin:10px 10px 10px 0; }
#content .comment_text p { margin:0 0 8px 5px; }

#content .product { background:url(images/blockrule.gif) bottom center repeat-x; margin:0 0 10px 0; line-height:1.7em; padding:0 0 5px 0; }
#content .entry .product p { font-size:.7em; }

#content .entry strong { color:#555; }
#content .entry h4 { color:#333; font-size:1.3em; margin:5px 0 3px 0; }

#content .entry img { float:left; margin:5px 10px 5px 0; }
#content .entry a img { border:1px solid #ccc; }
#content .entry a:hover img { border:1px solid #999; }

#content-right .entry h2 a { float:left; display:block; clear:both; margin:0 0 5px 0; width:630px; }
#content-right .entry { float:left; }

#content-right .entry h3 { clear:both; width:630px; }

/*
Footer
-------------------------------------------------------------------------------------------------------------------------------*/
#footer { clear:both; border-top:3px solid #e6e6e6; margin:20px 0; }
#footer-content { width:960px; margin:0 auto; height:120px; }
#footer p { margin:13px 0 20px 10px; float:left; font-size:.85em; }
#footer ul { margin:10px 0 0 0; list-style:none; float:right; font-size:1em; width:400px; }
#footer ul li { float:right; margin:0 5px; }
#footer a { text-decoration:none; color:#666; font-weight:bold; }
#footer a:hover { color:#069; font-weight:bold; }