/* -- core html ----------------------------- */
html { height: 100%; }
body { margin: 0; padding: 0; background: #d04f16 url(images/bg_tile.jpg); font-family: Arial, Helvetica, sans-serif; width: 100%; height: 100%; }
a { color: #e17e31; }

/* -- accessibility ------------------------- */
#accessibility { display: none; }

/* -- page structure ------------------------ */
#wrapper { width: 100%; height: 700px; z-indez: 1; margin: 0; padding: 0; width: auto; height: 700px; background: url(images/bg_vert.jpg) repeat-x top; }
#container { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; background: url(images/bg_container.png) center repeat-y; }
#header { width: 830px; height: 300px; background: url(images/bg_header.jpg) no-repeat top center; margin: 0 auto; padding: 0; z-index: 2; position: relative; }
#pagebody { width: 720px; margin: 10px auto; padding-top: 10px; border-top: 3px solid #bbb; font-size: 12px; }
#content { margin-top: 15px; width: 490px; float: left; line-height: 18px; }
#sidebar { width: 195px; float: right; }
#footer { margin: 10px 0; padding: 15px; float: left; background: #e27e32; }
.break { clear: both; visibility: hidden; }

/* -- branding ------------------------------ */
h1#logo { margin: 0; padding: 0; position: absolute; top: 100px; left: 60px; }
	h1#logo a { width: 238px; height: 141px; text-indent: -999em; text-decoration: none; background:url(images/logo.gif) no-repeat; display: block; }
h2#contact { margin: 0; padding: 0; position: absolute; bottom: 0; right: 55px; font-size: 18px; font-weight: bold; color: #e17e31; }

/* -- menus --------------------------------- */
ul#nav-main { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0; left: 56px; }
	ul#nav-main li { display: inline; font-size: 22px; margin-right: 15px; text-transform: lowercase; }
	ul#nav-main li a { text-decoration: none; padding-bottom: 2px; }
	ul#nav-main li a:hover { padding-bottom: 2px; border-bottom: 3px solid #ccc; }
ul#save { margin: 0; padding: 0; list-style: none; }
	ul#save li { text-indent: -999em; }
	ul#save li a { width: 16px; height: 16px; display: block; float: left; margin: 0 4px 0 0; padding: 0; }
	ul#save li.rss a { background:url(images/icon-rss.gif) no-repeat; }
	ul#save li.delicious a { background:url(images/icon-delicious.gif) no-repeat; }
	ul#save li.digg a { background:url(images/icon-digg.gif) no-repeat; }
	ul#save li.stumble a { background:url(images/icon-stumble.gif) no-repeat; }
#footer ul { margin: 0; padding: 0; list-style: none; font-size: 12px; }
	#footer li { margin: 3px 0; padding: 0; }	
	
/* -- content ------------------------------- */

#content h2, .post h2 { margin: 0; padding: 0; font-size: 22px; font-weight: normal; }
.post { margin-bottom: 20px; }
.post h2 a { color: #000; text-decoration: none; }
.date { margin: 12px 15px 10px 0; padding: 5px; width: 64px; height: 64px; background:url(images/bg-date.gif) no-repeat; overflow: hidden; text-align: center; color: #bbb; float: left; }
	.date span { font-size: 11px; font-weight: normal; text-transform: uppercase; color: #666; }
	.date p { margin: 0; padding: 0; font-size: 55px; line-height: 45px; font-weight: bold; }
p.postmetadata { margin: 3px 0 12px 0; padding: 0; font-size: 11px; }
#comments textarea { width: 480px; height: 100px; border: 1px solid #bbb; }
.commentlist cite { font-size: 12px; font-style: normal; font-weight: bold; }
.commentlist li { margin-bottom: 10px; padding: 5px 10px; }
.commentlist li.alt { background: #e0e0e0; border: solid #ccc; border-width: 1px 0; }

#sidebar h2 { margin: 0; padding: 0; font-size: 20px; font-weight: normal; text-transform: lowercase; color: #666; }
#sidebar p { font-size: 11px; margin: 5px 0; padding: 0; }
#sidebar form { margin: 0; padding: 0; }
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar li { margin: 4px 0 0 0; }
#sidebar-bio, #sidebar-search, #sidebar-categories, #sidebar-links { margin-bottom: 20px; }
	#sidebar-bio img { float: left; margin: 0 8px 5px 0; }
#sidebar-search input { width: 130px; float: left; margin-right: 5px; }
#sidebar-search button { background:url(images/btn-go.gif) no-repeat; width: 30px; height: 20px; border: 0; cursor: pointer; display: block; text-indent: -999em; }

#sidebar-flickr { margin: 20px 0 0 0; }
	#sidebar-flickr_badge_uber_wrapper { margin: 0; width:195px; }
	.flickr_badge_image { float:left; border: 0; padding: 0 5px 5px 0; }
	.flickr_badge_image img { border: 0; float: left; margin: 0 3px 0 0; }
	.more { clear: both; font-weight: bold; }


.gallery-thumb { float: left; width: 75px; height: 75px; border: 1px solid #bbb; margin: 5px 10px 5px 0; }
	.gallery-thumb a { display: block; width: 75px; height: 75px; text-decoration: none; }

/* -- footer styling ------------------------ */
#footer h3 { margin: 0; padding: 0; color: #fff; font-size: 16px; font-weight: bold; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.nav-footer { width: 215px; float: left; margin-right: 20px; }
#copyright { width: 200px; float: right; font-size: 11px; }
#copyright p { margin: 0; padding: 0; }
#copyright a { color: #000; text-decoration: underline; }
#credit { margin: 6px 0; text-align: center; font-size: 11px; }
#credit a { font-weight: bold; }