body { margin:0; padding:0; background-color:#202020; background-image:url("images/bg.gif"); font-family:Verdana, Helvetica, sans-serif; font-size:76%; }

a { color:#666; }
a:hover { text-decoration:none; }
img { border:0; }
em { font-style:normal; }
h4 { margin-bottom:4px; font-size:1.2em; }

#nav { margin-left:-375px; left:50%; margin-top:0; padding:0; z-index:99; width:750px; height:25px; position:absolute; top:0; background-color:#202020; color:white; opacity:0.7; -moz-opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); border-bottom:1px solid white; }
#nav li { width:auto; height:25px; text-align:center; line-height:25px; display:block; float:left; }
#nav li a { padding-left:15px; padding-right:15px; line-height:25px; color:white; text-decoration:none; font-weight:bold; display:block; }
#nav li a:hover { background-color:#666; }

#main { margin-left:auto; margin-right:auto; width:750px; border-right:1px solid #666; border-left:1px solid #666; }
#hero { margin:0; width:750px; height:200px; background-image:url("images/crosssunset.jpg"); border-bottom:1px solid white; }

.gear { margin-top:16px; margin-left:12px; width:57px; height:56px; background-image:url("images/gear.png"); _background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gear.png'); }

#header { background-image:url("images/header_bg.gif"); height:79px; padding-top:1px; position:relative; }
#header h1 { margin:0; left:82px; top:8px; position:absolute; font-size:48px; color:white; }
#header h1.shad { left:84px; top:10px; color:black; }
#header em { font-style:normal; text-decoration:underline; }

#body { padding-top:1px; background-color:white; position:relative; border-right:200px solid #eee; }

#sidebar { padding:10px; width:180px; right:-200px; _right:0; top:0; position:absolute; }
#sidebar h3 { margin:16px 0 10px 0; font-size:13px; border-bottom:1px solid black; clear:both; }
#sidebar ul { margin:0 0 0 1.5em; padding:0; }
#sidebar p { margin-bottom:8px; }
#sidebar a { font-size:8pt; }

* html #content { height:400px; }
#content { padding:20px; min-height:400px; color:#333; border-right:1px solid #b0b0b0; border-left:1px solid #b0b0b0; }
#content h2 { margin:0; font-size:18px; border-bottom:1px solid black; }
#content .date { float:right; }
#content .postedBy { float:left; }
#content .meta { height:1em; }
#content p { margin-top:10px; margin-bottom:10px; text-align:justify; text-indent:0.7em; line-height:1.5em; }

.comments { margin-bottom:2em; padding:4px; text-align:right; background-image:url("images/comment_edit.gif"); background-repeat:no-repeat; background-position:center left; border-top:1px dotted #666; border-bottom:1px dotted #666; }

.flickr-thumbnail, .flickr-pullout { margin:5px 0 0 7px; width:auto; _position:relative; background:url("images/flickr_shadow.gif") no-repeat bottom right; display:block; float:left; }
.flickr-thumbnail img, .flickr-pullout img { margin:-5px 5px 5px -5px; padding:4px; position:relative; background-color:#fff; border:1px solid #a9a9a9; display:block; }
.flickr-thumbnail:hover img, .flickr-pullout:hover img { background-color:#ccd; }
.flickr-pullout { margin:20px 3px 0 14px; background-image:url("images/flickr_shadow_white.gif"); }
.left { margin-left:7px; float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; }

table { margin-left:auto; margin-right:auto; text-align:center; }
.linksimages { line-height:10px; }
.linksimages img { border:1px solid #555; }
.lws { word-spacing:-.2em; }
.lls { letter-spacing:-.05em; }

#mailform table { border:2px solid #777; background-color:#ddd; border-collapse:collapse; }
#mailform td { padding-left:5px; border:1px solid #888; }

#footer { margin-left:auto; margin-right:auto; padding:5px 0; width:748px; font-size:90%; text-align:center; background-color:#eee; color:#b0b0b0; border:1px solid #b0b0b0; }
#footer a { color:#b0b0b0; text-decoration:none; }