/*
Theme Name: Avatar
Theme URI: http://wordpress.org/
Description: Theme for The Art of Avatar wordpress site.
Version: 1.0
Author: Alex Smith
Author URI: http://planetillogica.com/alexsmith
Tags: fixed width, three columns, widgets

	Avatar v1.0
	 http://binarybonsai.com/kubrick/

	This theme was designed by Matt Stallings and built by Alex Smith,
	of Ninthlink, Inc, whom you can find at http://www.ninthlink.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body { background: #08152E url(images/bg.jpg) no-repeat top center; margin: 0; padding: 0; text-align: center; font: 13px/19px Arial, Helvetica, sans-serif; color: #4d4d4d; }
a { color: #07172B; }
a img { border: none; }
#page { width: 952px; margin: 0 auto; text-align: left; }

#hdr { float: left; width: 950px; height: 347px; }
#hdr ul { float:left; margin: 8px 0 0; padding: 0; list-style: none; }
#hdr ul li, #hdr ul li a { float: left; text-transform: uppercase; color: #93B3BF; text-transform: uppercase; text-decoration:none }
#hdr ul li a { font-family:Eurostile; }
#hdr ul li a:hover { text-decoration: underline; }
#hdr ul li { margin: 0 0 0 146px; }
#hdr ul li.first { margin-left: 71px; }
#hdr #home { float: left; width: 507px; height: 288px; background: url(images/fix.gif) repeat 0 0; text-indent: -999em; margin: 9px 0 0 21px }

#main { float: left; width: 952px; background: url(images/rep.gif) repeat-y 0 0; }
#fix { float: left; width: 952px; background: url(images/main.png) no-repeat 0 0; position: relative; top: -18px; }

#left { float: left; width: 214px; padding: 0 5px; margin: 0; list-style:none }
#left li.widget { margin: 4px 0 0; }

#content { float:left; width: 510px; }

.entry { float: left; width: 435px; margin: 20px 0 9px 38px; }
.entry a.more-link { display: none; }

.entry h2 { margin: 0; font: 26px/28px Georgia; }
.entry h2, .entry h2 a, .entry .postdate { color: #333; text-decoration: none; }
.entry .postdate { font-family: Eurostile; letter-spacing:1px; margin-bottom: 6px }
.entry h2.typeface-js { font-family:Garamond Premier Pro; }
.entry h2 a:hover { color: #07172B; }

.postmetadata { float: left; width: 510px; height: 50px; background: url(images/postmeta.png) repeat-x 0 0; }
.postmetadata a { float: left; margin: 10px 15px 0; }
.postmetadata a, .navigation a { color: #666; text-decoration: none; }
.postmetadata a:hover, .navigation a:hover { text-decoration: underline; }
.postmetadata a.readmore { margin-left: 38px; padding-right: 13px; background: url(images/more.gif) no-repeat right center; }
.postmetadata div { float: right; }
.postmetadata span.comment { float: left; height: 39px; border-right: 1px solid #e4e4e4; }
.navigation { float: left; width: 436px; padding: 6px 37px 0; text-transform: uppercase }

#respond { float: left; margin-left: 38px; }

#right { float: left; width: 194px; margin: 0; padding: 0 0 0 24px; list-style: none; }
#right li.widget { float: left; width: 194px; margin: 20px 0; }
#right div.widgettitle, #right li.linkcat h2 { display: block; float: left; font: 13px/13px Eurostile; color: #81B5CA; padding: 0 0 14px 6px; border-bottom: 1px solid #2B3E48; width: 164px; margin: 0 0 3px; text-transform: uppercase; letter-spacing:1pt }
#right ul { float: left; margin: 0; padding: 0; list-style: none; }
#right li.widget ul li, #right li.linkcat ul li { float: left; font-size: 12px; line-height: 15px; width: 170px; padding-left: 14px; background: url(images/dash.gif) no-repeat 7px 7px; margin-top: 7px; }
#right a { color: #A0B5CC; text-decoration: none; }
#right a:hover { text-decoration: underline; }

#ftr { float:left; }

.alignleft { float: left; margin: 5px 20px 20px 0; }
.alignright { float: right; margin: 5px 0 20px 20px; }

#hider { position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: inherit; background: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none }
#pop { position: fixed; top: 0; left: 0; z-index: 1000; float: left; width: 1036px; height:480px; display: none }

h3#comments { float: left; margin-left: 38px; width: 478px; }
ol.commentlist { float: left; width: 470px; }