* { padding: 0; margin: 0;}

body { font-family: Tahoma, Arial, sans-serif; background: #586b7a; color: #333;}
h1 a { display: block; height: 127px; width: 288px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; font-size: 0; position: relative; top: 9px;}
fieldset { border: 0;}
a img { border: 0;}
textarea { width: 95%; padding: 2px;}

.skip { text-indent: -9999px; position: absolute;}
.clear { clear: both; height: 0; width: 0;}

#benspark { width: 1003px; margin: auto; background: url(../images/bg.png) repeat-y; padding: 0 57px;}
#header { height: 147px; background: url(../images/header.png) repeat-x top; position: relative; z-index: 2;}
#nav { width: 676px; height: 30px; padding: 10px 0 0 18px; background: url(../images/nav.png) no-repeat; position: absolute; bottom: 2px; right: 0; font-weight: bold; font-size: 14px; text-transform: lowercase; list-style: none;}
#nav li { float: left; margin-left: 18px; position: relative;}
#nav ul { position: absolute; left: 0; top: -999em; width: 140px; /* left offset of submenus need to match (see below) */ background: #4b86af; border-bottom: 3px solid #99c9eb; border-left: 3px solid #99c9eb; border-right: 3px solid #99c9eb; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; list-style: none; padding: 0 15px 20px 15px; margin-left: -18px; }
#nav ul li { width: 100%; padding-top: 10px; margin: 0;}
#nav li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
#nav li:hover ul, #nav li.sfHover ul { top: 29px; /* match top ul list item height */ z-index:	99; }
ul#nav li:hover li ul, ul#nav li.sfHover li ul { top: -999em; }
ul#nav li li:hover ul, ul#nav li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul#nav li li:hover li ul, ul#nav li li.sfHover li ul { top: -999em; }
ul#nav li li li:hover ul, ul#nav li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }




#header a, #header a:visited { text-decoration: none; color: #fff;}
#header a:hover { color: #dcfe09;}
#rss { display: block; height: 32px; width: 32px; background: url(../images/rss.png) no-repeat; text-indent: -9999px; font-size: 0; position: absolute; top: 18px; right: 14px;}
#search { height: 25px; width: 182px; padding: 7px 10px 0 10px; background: url(../images/search.png) no-repeat; border: 0; position: absolute; top: 60px; right: 78px; }
#go { height: 32px; width: 56px; background: url(../images/go.png) no-repeat; text-indent: -9999px; text-transform: uppercase; border: 0; position: absolute; top: 60px; right: 14px;}

#overview { height: 372px; background: url(../images/overview.png) no-repeat bottom right #abc507;}
#highlights { padding: 10px 0 0 10px; width: 786px; float: left; margin-right: -10px;}
#highlights li { height: 232px; width: 212px; background: url(../images/highlight.png) no-repeat; font-size: 14px; list-style: none; float: left; margin-right: 3px; padding: 20px; position: relative;}
#highlights h2 a, #highlights h2 a:visited { color: #74c6f1; font-size: 16px; text-transform: uppercase; padding-right: 20px; background: url(../images/green_arrow.png) no-repeat right; text-decoration: none;}
#highlights h2, #highlights p { position: relative; top: 162px;}
#highlights p a, #highlights p a:visited { color: #74c6f1; text-decoration: underline;}
#highlights img { position: absolute; top: 20px; border: 1px solid #9bb8c8;}

#drew_bennett { height: 250px; width: 203px; padding-right: 10px; background: url(../images/drew_bennett.jpg) no-repeat 0 1px; float: right; text-indent: -9999px;}
#drew_bennett h2 { height: 70px; width: 182px; background: url(../images/by_drew_bennett.png) no-repeat; position: relative; top: 162px; left: 7px;}
#drew_bennett ul { position: relative; padding: 152px 0 0 7px;}
#drew_bennett li { list-style: none; float: left; margin-right: 5px;}
#drew_bennett li a { display: block; height: 24px; width: 24px; background: url(../images/social_networking2.png) no-repeat;}
#drew_bennett #flickr a { background-position: -24px 0;}
#drew_bennett #facebook a { background-position: -48px 0;}
#drew_bennett #shuttercal a { background-position: -72px 0;}

.sub_page_content { background: url(../images/sub_top.png) no-repeat 0 15px #abc507; padding-top: 100px;}
#main_content { width: 658px; float: left; position: relative; top: -85px; margin-bottom: -50px; left: 10px;}
.sub_page_content #main_content { top: -83px;}
#posts { list-style: none;}
.post { width: 639px; padding-bottom: 18px; margin-bottom: 10px; background: url(../images/post_bottom.png) no-repeat bottom; position: relative; clear: both; float: left;}
.post_header { min-height: 45px; width: 569px; background: url(../images/post_header.png) no-repeat top; padding: 27px 35px; font-family: Arial, Helvetica, sans-serif; overflow: auto;}
.post_header a, .post_header a:visited { text-decoration: none;}
.post_info { width: 490px; float: right;}
.post_header h2 { width: 400px; padding-bottom: 5px;}
.post_header h3 { width: 300px; padding-right: 100px; position: relative;}
.post_header h3 .comments_count { position: absolute; top: 0; right: 0;}
.post_header h2 a, .post_header h2 a:visited { font-size: 28px; color: #fbf7da; letter-spacing: -1px;}
.post_header h3 { color: #98b3c5; font-size: 12px; font-weight: normal;}
.post_header h3 a, .post_header h3 a:visited { color: #aac40b; font-weight: bold;}
.post_header .avatar { border: 1px solid #415051; float: left;}
.post_body { background: url(../images/post_body.png) repeat-y; padding: 0 8px; font-size: 14px; line-height: 1.5em; width: 623px; float: left;}
.post_content, .section_content { border-top: 1px solid #9bc927; padding: 27px 27px 5px 27px;}
.post_content a, .post_content a:visited, .section_content a, .section_content a:visited { color: #74c6f1;}
.post_content a:hover, .section_content a:hover { color: #5896b6;}
.post_content p, .post_content ul, .post_content ol, .section_content p, .section_content ul, .section_content ol { padding-bottom: 15px;}
.post_content ul, .post_content ol { margin-left: 15px;}
.post_content .commentlist { margin-left: 0;}
.post_content img, .section_content img { border: 1px solid #afc6d3;}
.post_content .more-link { display: block; height: 32px; width: 108px; background: url(../images/read_more.png) no-repeat; text-indent: -9999px; font-size: 0; margin-top: 20px; clear: both;}
.post_nav { list-style: none; position: relative; width: 627px; margin-left: 6px; clear: both;}
.post_nav a { display: block; height: 30px; font-size: 0; text-indent: -9999px;}
.post_nav li { position: absolute;}
.post_nav .previous_posts { left: 0;}
.post_nav .next_posts { right: 0;}
.post_nav .previous_posts a { width: 134px; background: url(../images/previous_posts.png) no-repeat;}
.post_nav .next_posts a { width: 108px; background: url(../images/next_posts.png) no-repeat; }
.tweetmeme_button { position: absolute; top: 30px; right: 35px;}
.photo_a_day_count { padding: 20px 0 0 50px; background: url(../images/photo_a_day.png) no-repeat left; font-size: 23px; color: #ccc; position: absolute; bottom: 30px; right: 27px;}
.post_content img { margin: 0 30px 10px 0; }
.photo_a_day .post_content img { float: left;}

.section { width: 639px; padding-bottom: 18px; margin-bottom: 10px; background: url(../images/post_bottom.png) no-repeat bottom; clear: both;}
.section h2 { height: 89px; width: 639px; background: url(../images/post_header.png) no-repeat top; font-family: Arial, Helvetica, sans-serif; overflow: auto;}
.archives .section h2 { background: url(../images/section_notweet_header.png) no-repeat top;}
.archives .tweetmeme_button { display: none;}
.section h2 a, .section h2 a:visited { font-size: 28px; color: #fbf7da; letter-spacing: -1px; position: relative; top: 27px; left: 35px;}
.section_body { background: url(../images/post_body.png) repeat-y; padding: 0 8px; font-size: 14px; line-height: 1.5em; width: 623px;}
.section .tweetmeme_button { top: 20px; right: 55px;}
.section ul, .section ol { margin-left: 20px;}
.archives .section ul { list-style: none; margin-left: 0;}

.requiredField { padding: 2px; font-size: 16px;}
.formSection, .formField { width: 100%; padding: 0;}
.formField { padding-top: 15px;}

.archived_post_info { width: 520px; float: right; padding-bottom: 10px; }
.archived_post_info a { text-decoration: none;}
.archived_post_header { overflow: auto; border-bottom: 1px solid #eee; margin-bottom: 15px;}
.archived_post_header img { width: 35px; float: left;}
.archived_post_header h3 { font-size: 24px;}
.archived_post_header h4 { font-size: 12px; position: relative; position: relative; width: 420px; padding-right: 100px; font-weight: normal; color: #666;}
.archived_post_header .comments_count { position: absolute; right: 1px; top: 0;} 
.archived_post { border-bottom: 1px solid #9bc927; margin-bottom: 50px;}
.archived_post_body { clear: both; padding-bottom: 10px;}

#search_results { list-style: none; margin-left: 0;}

#comments { margin-top: 20px;}
.commentlist { margin-top: 20px;}
.commentlist ul { margin-top: 0; }
.commentlist .children { margin-bottom: -20px; }
.commentlist .children .children { margin-bottom: 0;}
.commentlist li { border-bottom: 1px solid #ccc; margin-bottom: 20px; list-style: none;}
.commentlist li li { margin-bottom: 0; border: 0;}
.commentlist p { clear: both; font-size: 13px;}
.comment-author { width: 60%; float: left;}
.comment-author .avatar { margin: 0 5px 0 0;}
.comment-meta { width: 40%; float: right; font-size: 11px; text-align: right; position: relative; top: 5px;}
.fn, .says { position: relative; top: -10px; font-weight: bold;}
#author, #url, #email, #comment { font-size: 12px; padding: 2px;}
#respond h3 { margin-bottom: 10px;}
.fn img { border: 0; margin: 0 5px;}
.comment-reply-link { display: block; width: 71px; height: 32px; background: url(../images/reply.png) no-repeat; text-indent: -9999px; font-size: 0; margin-bottom: 20px; }
.cluv { color: #999; font-style: italic;}
#subscribe { margin-left: 6px;}
#commentluv img { margin: 0;}

#secondary_content { width: 345px; float: right;}
#secondary_content a, #secondary_content a:visited { color: #fbf7da; text-decoration: none;}
#secondary_content a:hover { color: #fff;}
#secondary_content h2 { color: #60abe0; border-bottom: 1px solid #60abe0; padding: 20px 0 10px 0; margin-bottom: 15px;}
#adspace { padding-bottom: 37px; background: url(../images/adspace_bottom.png) no-repeat bottom; float: left; margin-bottom: 20px;}
#ads { background: url(../images/adspace_body.png) repeat-y; padding-left: 11px; float: left;}
#ads ul { margin: -80px 0 -20px 15px; float: left;}
.sub_page_content #ads ul { margin: -50px 0 -30px 15px;}
#ads li { float: left; list-style: none; margin: 0 17px 17px 0;}
#ads li img { border: 8px solid #a5d1ee;}
#widgets_list { list-style: none;}
#recent_items { padding: 0 20px;}
#recent_items li, #subpages li { list-style: none;}
#recent_posts li, #recent_items #links li li, #subpages li { font-size: 14px; padding-left: 20px; background: url(../images/sidebar_green_arrow.png) no-repeat left; margin-bottom: 7px;}
#recent_comments div { width: 235px; float: right; padding-left: 15px;}
#recent_comments li { color: #fbf7da; font-size: 12px; position: relative; padding-bottom: 20px; float: left; width: 302px;}
#recent_comments h3 { color: #fff; font-size: 14px;}
#recent_comments img { border: 1px solid #60abe0; width: 50px; float: left;}
#recent_comments blockquote { line-height: 1.5em;}
#secondary_content .view_comment_link, .view_comment_link:visited { color: #aac40b; text-decoration: underline;}
#secondary_content .view_comment_link:hover { color: #cae90d;}
 
#footer { height: 145px; width: 1077px; background: url(../images/footer.png) no-repeat; margin: auto; color: #fff; font-weight: bold; font-size: 14px; position: relative;}
#footer a, #footer a:visited { color: #fff; text-decoration: none;}
#footer a:hover { color: #dcfe09;}
#footer ul { list-style: none; text-transform: lowercase; position: absolute; right: 57px; top: 75px;}
#footer li { float: left; margin-right: 20px;}
#copyright { position: absolute; left: 57px; top: 75px; }