/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 24 Feb 2009
*/

/* -------------------------------------------------------------------------- global */

body { margin: 0; padding: 0; background: #fff url(images/;bg.gif) 0 0 repeat-x; }
html, body, #wrap { min-height: 100%; width: 100%; height: 100%; }
html>body, html>body #wrap { height: auto; }
a img { border: none; }
p { margin: 0 0 15px 0; color: #555; line-height: 20px; }
ul { margin: 15px 0 15px 15px; padding: 0; }
li { margin: 0 0 10px 15px; padding: 0; list-style-type: circle; color: #555;  }
form { margin: 0; padding: 0; }
blockquote, blockquote p { font-family: "Georgia", serif; font-size: 13px; font-style: italic; line-height: 20px; }

/* -------------------------------------------------------------------------- headers */
	
h1 { margin: 0 0 20px 0; font-size: 32px; line-height: 32px; font-weight: normal; color: #999; }
h2 { margin: 0 0 10px 0; font-size: 20px; line-height: 26px; font-weight: normal; color: #000; }
.post h2 { font-size: 28px; line-height: 32px; }

/* -------------------------------------------------------------------------- links */

a, a:visited { color: #567a2c; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

/* -------------------------------------------------------------------------- masthead */

#masthead { position: relative; height: 250px; }
#logo { width: 317px; position: absolute; top: 40px; left: 350px; }
#logo a { position: relative; width: 317px; height: 0px !important; display: block; background: url(images/logo.gif) top left no-repeat; overflow: hidden; padding: 73px 0 0 0; border: 0; outline: none; }
#nav { position: absolute; top: 130px; left: 370px; }
#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav li { margin: 0 20px 0 0; padding: 0; float: left; display: inline; position: relative; text-align: center; }
#nav li a { position: relative; display: block; font-size: 16px; color: #567a2c; font-family: "Lucida Grande"; text-transform: uppercase; outline: none; }
#nav li a:hover { color: #888; text-decoration: none; }
.photoLeft { position: absolute; top: 0; left: 0;  }
.photoRight { position: absolute; top: 0; right: 0;  }

/* -------------------------------------------------------------------------- containers */

#wrap { position: absolute; top: 0; left: 0; }
#container { position: relative; margin: 0 auto; padding: 0 0 100px 0; width: 1000px; height: auto; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 12px; line-height: 20px; }
#main { float: right; display: inline; width: 710px; padding: 0 40px 0 20px; margin: 0; border-left: 1px dotted #ccc; }
#main.wide { float: none; display: block; width: 880px; padding: 0; margin: 0 0 0 120px; border-left: none; }

/* -------------------------------------------------------------------------- sidebar */

#sidebar { float: left; display: inline; width: 200px; padding: 0; margin: 0; text-align: right; }
#sidebar h2 { margin: 0 0 5px 0; padding: 0; font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #9a9a9a; }
#sidebar ul { margin: 0 0 20px 0; padding: 0; }
#sidebar ul li { margin: 0 0 5px 0; padding: 0; list-style-type: none; }
#sidebar #subscribeForm input { border: 1px solid #ccc; width: 110px; padding: 3px; color: #888; }
#sidebar #subscribeForm input.submit { border: none; background-color: #a0a77b; color: #fff; width: auto; padding: 3px 5px; }
#sidebar #subscribeForm input.submit:hover { background-color: #5f6744; cursor: pointer; }

/* -------------------------------------------------------------------------- homepage */


/* -------------------------------------------------------------------------- footer */

#footer { position: absolute; bottom: 0; width: 100%; padding: 20px 0; background: #eee; \width: 100%; w\idth: 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 11px; line-height: 16px; color: #ccc; }
#footer a, #footer a:visited { color: #999; }
.footerWrap { width: 100%; margin: 0 auto; }
.contactInfo { float: left; display: inline; margin: 0 0 0 20px; }
.creditInfo { text-align: right; float: right; display: inline; margin: 0 20px 0 0; }
   
/* -------------------------------------------------------------------------- interior */

.post { margin: 0 0 25px 0; }
.postDate { font-size: 11px; color: #999; margin: 0 0 10px 0; }
.postMeta { font-size: 11px; font-weight: bold; color: #999; margin: 0 0 15px 0; }
.single .postMeta { font-weight: normal; }

/* -------------------------------------------------------------------------------- form elements */

.commentlist { margin: 0; padding: 0; }
.commentlist li { margin: 0; padding: 15px 25px; list-style-type: none; }
.commentlist .alt { background-color: #eee; }
.commentlist cite { font-size: 14px; font-style: normal; }
#commentForm input { width: 220px; border: 1px solid #ccc; padding: 3px; color: #444; }
#commentForm .submit { width: 150px; height: 28px; background-color: #a0a77b; color: #fff; border: none; }
#commentForm .submit:hover { background-color: #5f6744; cursor: pointer; border: none; }
#searchForm input { width: 120px; border: 1px solid #ccc; padding: 3px; color: #444; }
#searchForm .submit { width: 50px; height: auto; background: none; color: #d48c16; border: none; }
#searchForm .submit:hover { color: #444; cursor: pointer; }

/* -------------------------------------------------------------------------- utility */

.alignright { float: right; display: inline; margin: 15px 0 15px 15px; }
.alignleft { float: left; display: inline; margin: 15px 15px 15px 0; }
.navigation { margin: 0 0 20px 0; }
.navigation .alignright { float: right; display: inline; margin: 0; }
.navigation .alignleft { float: left; display: inline; margin: 0; }
a.imglink:link, a.imglink:visited { border: none; }
.backtotop { font-size: 80%; text-transform: uppercase; }
.clear { clear: both; }