/*
Theme Name: HesslerDesign
Theme URL:
Description: HesslerDesign is the theme built for HesslerDesign.com
Author: Anthony Hessler
Author URL: www.hesslerdesign.com
Version: 2.0

Copyright (c) Anthony Hessler 2010.

*/




/* GLOBAL ELEMENTS */
body {
	margin:0px; padding:0px; background:#000 url(http://www.hesslerdesign.com/images/global/bg_texture.jpg) repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#2e2e2e; font-size:12px; line-height:18px; background-attachment:fixed;
}
h2, h2 a {
	margin:0px 0px 10px 0px; font-size:28px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#252525; line-height:32px; letter-spacing:-1px;
}
h2 a {
	text-decoration:none; color:#252525;
}
h2 a:hover {
	text-decoration:underline; color:#252525;
}
h3, h3 a {
	color:#357EAE; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:21px; line-height:23px; letter-spacing:0px; margin:6px 0px 6px 0px;
}
h3 a {
	text-decoration:none; color:#357EAE;
}
h3 a:hover {
	text-decoration:underline; color:#357EAE;
}
h4, h4 a {
	font-family:Helvetica, Arial, Verdana, sans-serif; font-size:18px; line-height:20px; color:#3e3e3e; margin:18px 0px 3px 0px; text-decoration:none;
}
h4 a:hover {
	text-decoration:underline;
}
p {
	margin:9px 0px 12px 0px; font-size:12px;
}
a {
	color:#45a3e1;
}
a:hover {
	color:#fca12a;
}
li {
	list-style:url(images/list_arrow.gif); margin:3px 0px 3px 9px;
}




/* HEADER ELEMENTS */
#header_wrapper {
	width:1000px; margin:0 auto; border-bottom:1px solid #3a3a3a;
}
#header {padding:40px 0px 31px 0px; margin:0 auto; position:relative; height:43px; overflow:hidden;}
#logo {float:left;}
#topnav {font-family:Helvetica, Arial, sans-serif; /*font-size:0.75em;*/ font-size:100%; color:#6f6f6f;}
#topnav ul {margin:15px 0px 0px 0px; padding:0px; display:block; float:right;}
#topnav li {display:inline; float:left; text-transform:uppercase; background:none; list-style:none; padding-left:0px; margin:0px;}
#topnav li a,
#topnav li a:link,
#topnav li a:visited {color:#6f6f6f;}
#topnav li a,
#topnav li a:link {padding:11px 20px; background:url(http://www.hesslerdesign.com/images/global/dotted_divider_swatch.gif) repeat-y; text-decoration:none;}
#topnav li a:hover {color:#fff;}
#topnav li a.first {background:none;}
#topnav li a.active {color:#fff;}
/*
#header {
	width:960px; padding:30px 20px 30px 20px; margin:0 auto; position:relative; overflow:hidden;
}
#logo {
	background:url(images/logo.gif) no-repeat; width:217px; height:23px;
}
#logo h1, #logo small {
	margin:0px; display:block; text-indent:-9999px;
}
#logo a {
	border:none;
}
ul#menu {
	margin:0px; padding:0px; position:absolute; right:20px; top:25px;
}
ul#menu li {
	display:block; float:left; margin-left:36px;
}
ul#menu li a, ul#menu li a:visited {
	text-decoration:none; color:#fff; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:15px; font-weight:lighter;
}
ul#menu li.active a, ul#menu li a:hover {
	color:#fff;
}
ul#menu li small {
	display:block; text-align:left; color:#626262; font-size:10px; font-weight:lighter; margin-top:-3px;
}
ul#menu li.active a small, ul#menu li a:hover small {
	color:#4db5fa;
}*/





/* MAIN WINDOW ELEMENTS */
#wrapper {
	width:100%;
}
#flash_featured {
	width:100%; height:282px; background:#252525 url(images/bg_body.png) repeat-x;
}
#content_wrapper {
	width:1000px; margin:0 auto; border-top:1px solid #fff; background:#fff url(images/bg_main.png) repeat-x;
}
#content {
	width:960px; margin:0 auto; padding:36px 20px 36px 20px;
}
#main_column {
	float:left; position:relative; width:628px; margin-right:36px;
}
.main_column_contents {
	margin-left:80px;
}
#main_column h2 {
	border-bottom:1px solid #b2b2b2; padding-left:80px;
}
#main_column h3 {
	/*margin-left:80px;*/
}
#main_column h4 {
	/*margin-left:80px;*/ border-bottom:1px solid #b2b2b2; font-size:18px; margin:32px 0px 12px 00px;
}
#main_column small {
	font-size:10px;
}
#main_column p {
	/*margin-left:80px;*/
}
#main_column img {
	
}
#main_column ul, #main_column ol {
	/*margin-left:80px;*/ padding-left:24px;
}
#main_column li {
	margin-bottom:6px;
}
.date {
	border:1px solid #b2b2b2; width:48px; height:48px; background:#bedbee; position:relative; top:-60px; float:left;
}
.date_inside {
	border-top:1px solid #ffffff; background:#d3d8e5 url(images/bg_date.png) repeat-x; height:46px;
}
.date .month {
	font-size:10px; text-align:center; color:#404040; text-transform:uppercase; margin-top:3px;
}
.date .day {
	font-size:20px; text-align:center; color:#404040;
}
.post_spacer {
	clear:both; height:60px;
}
.error_tag {
	border:1px solid #cc0000; width:48px; height:48px; background:#cc0000; position:relative; top:-60px; float:left;
}
.error_tag_inside {
	border-top:1px solid #fe9191; background:#cc0000 url(images/bg_error.png) no-repeat; height:46px;
}
#posts_navigation {
	text-align:center; margin-bottom:20px; /*margin-left:80px;*/
}
#posts_navigation a {
	background:#c0c0c0 url(images/btn_bg_gray.png) repeat-x; padding:6px 10px 5px 10px; border:1px solid #b2b2b2; color:#1c1c1c; text-decoration:none; margin:0px 20px 0px 20px;
}
#posts_navigation a:hover {
	background:#d9d9d9 url(images/btn_bg_lightgray.png) repeat-x; text-decoration:none;
}
.more-link {
	font-weight:bold; text-decoration:none;
}




/* ARCHIVE PAGE ELEMENTS */
#main_column_archive {
	float:left; position:relative; width:628px; margin-right:36px;
}
#main_column_archive h2 {
	border-bottom:1px solid #b2b2b2;
}
#main_column_archive small {
	font-size:10px;
}
#main_column_archive p {
	
}
#main_column_archive ul, #main_column_archive ul#archives {
	padding-left:0px; list-style:none; list-style-type:none;
}
#main_column_archive ul li, #main_column_archive ul#archives li {
	padding:12px 0px 12px 0px; margin:0px; list-style:none; border-bottom:1px dotted #bebebe; text-decoration:none;
}
#main_column_archive ul li a, #main_column_archive ul#archives li a {
	list-style:none; list-style-type:none; text-decoration:none;
}
#main_column_archive ul li.result_alt, #main_column_archive ul li a.result_alt,
#main_column_archive ul#archives li.result_alt, #main_column_archive ul#archives li a.result_alt {
	background:#e7f2f9; margin:0px; list-style:none;
}
#main_column_archive ul li h4, #main_column_archive ul li h4 a,
#main_column_archive ul#archives li h4, #main_column_archive ul#archives li h4 a {
	font-size:18px; line-height:20px; margin:0px 0px 6px 0px; list-style:none; color:#357EAE;
}
#main_column_archive ul li h4:hover, #main_column_archive ul li h4 a:hover,
#main_column_archive ul#archives li h4:hover, #main_column_archive ul#archives li h4 a:hover {
	text-decoration:underline; list-style:none;
}
#main_column_archive ul li p, #main_column_archive ul#archives li p {
	margin:0px; color:#7e7e7e;
}
.archive_category, .search_category {
	color:#5a5a5a; font-style:italic;
}




/* PROFILE PAGE ELEMENTS */
#main_column_profile {
	float:left; position:relative; width:628px; margin-right:36px;
}
#main_column_profile h2 {
	border-bottom:1px solid #b2b2b2;
}
#main_column_profile p {
	
}
#main_column_profile ul {
	padding-left:24px; margin:5px 0px 21px 0px;
}
#main_column_profile h3 {
	margin:24px 0px 6px 0px;
}
#main_column_profile p.quote_source {
	margin:5px 0px 15px 0px; font-size:11px; line-height:14px; padding-bottom:15px; border-bottom:1px dotted #bebebe;
}




/* CONTACT PAGE ELEMENTS */
#main_column_contact {
	float:left; position:relative; width:628px; margin-right:36px;
}
#main_column_contact h2 {
	border-bottom:1px solid #b2b2b2;
}
#main_column_contact p {
	
}
#main_column_contact ul {
	padding-left:24px; margin:5px 0px 21px 0px;
}
#main_column_contact h3 {
	margin:24px 0px 6px 0px; font-size:18px; color:#252525;
}
#main_column_contact p.quote_source {
	margin:5px 0px 15px 0px; font-size:11px; line-height:14px; padding-bottom:15px; border-bottom:1px dotted #bebebe;
}
#contact_form {
	margin:40px 0px 0px 40px;
}
#contact_form ol, contact_form ul {
	list-style:none; list-style-image:none; margin:0px; padding:0px;
}
#contact_form li, #contact_form li {
	list-style:none; list-style-image:none; list-style-position:outside; display:block; position:relative; clear:left; padding-bottom:24px; margin-left:0px;
}
#contact_form li label, #contact_form li span.label {
	display:block; float:left; width:88px; font-size:13px; line-height:12px; color:#252525; padding-right:12px;
}
#contact_form .form_label {
	float:left; display:block;
}
#contact_form li.name input, 
#contact_form li.email input, 
#contact_form li.phone input, 
#contact_form li.organization input, 
#contact_form li.validator input, 
#contact_form li.message textarea {
	width:300px; padding:6px; border:1px solid #9c9c9c; margin-top:0px;
}
#contact_form li.buttons {
	margin-left:112px; width:300px; display:block; text-align:right;
}
#contact_form li.buttons input {
	margin:0px;
}
#contact_form li span.required {
	float:left; clear:left; color:#8a8a8a; display:block; font-size:10px; width:100px;
}
fieldset {
	border:0 none;
}




/* WORK ELEMENTS */
#main_column_work {
	
}
#main_column_work h2 {
	border-bottom:1px solid #b2b2b2; margin-bottom:24px;
}
#main_column_work p {
	
}
#main_column_work ul {
	padding-left:24px; margin:5px 0px 21px 0px;
}
.column_description {
	float:left; width:356px; margin-right:24px; padding:0px 24px 0px 24px;
}
.column_technologies {
	float:left; width:176px; padding-right:24px;
}
.column_technologies a {
	text-decoration:none;
}
.work_info {
	margin:16px 0px 16px 0px; padding:24px 24px 24px 24px; background:#f6f6f6; float:left; width:279px; border-top:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;
}
.work_info h4 {
	border-bottom:1px dotted #9e9e9e; margin-top:0px;
}
.work_info a, .work_info a:hover {
	
}
.work_divider {
	border-bottom:1px dotted #9e9e9e; padding-top:54px; margin-bottom:54px;
}
.work_image {
	border:1px solid #bebebe; float:left;
}
.work_image_wrapper {
	
}




/* COMMENTS */
#comments_template {
	padding:20px 0px 0px 0px; border-top:1px dotted #b2b2b2;
}
#comments_template ol.commentlist li p, #comments_template ul.commentlist li p {
	margin-left:54px;
}
#comments_template h3 {
	font-size:21px; line-height:24px; padding-bottom:3px;
}
#comments_template ul {
	padding-left:0px;
}
#comments_template ul li {
	list-style:none; margin:3px 0px 9px 0px; padding:6px 6px 12px 6px; border:1px solid #bebebe; background:#fff;
}
#comments_template .commentmetadata {
	float:right;
}
#comments_template .comment-author.fn {
	
}
ol.commentlist li, ul.commentlist li {
	position:relative;
}
ol.commentlist li div.vcard img.avatar, ul.commentlist li div.vcard img.avatar {
	position:absolute; top:10px; left:10px; 
}
ol.commentlist li div.vcard, ul.commentlist li div.vcard {
	padding:6px 200px 0px 54px;
}
ol.commentlist li div.comment-meta, ul.commentlist li div.comment-meta {
	position:absolute; top:13px; right:10px; font-size:10px;
}
ol.commentlist li div.vcard cite.fn, ul.commentlist li div.vcard cite.fn, ol.commentlist li div.vcard cite.fn a, ul.commentlist li div.vcard cite.fn a {
	font-style:normal; font-size:14px; text-decoration:none;
}
#respond {
	/*margin-left:80px*/ margin-top:20px;
}
#respond h4, #respond p {
	margin-left:0px;
}
.comment_link {
	background:url(images/comment.gif) no-repeat; background-position:0px 8px; padding:8px 0px 0px 20px; font-size:smaller; font-weight:bold; border-top:1px dotted #b2b2b2; display:block; margin:30px 0px 20px 0px; text-decoration:none; display:block;
}




/* SEARCH ELEMENTS */
#main_column h2#search_header {
	padding-left:0px; margin-bottom:36px; border:none;
}




/* SIDEBAR ELEMENTS */
#sidebar {
	width:296px; float:left; position:relative;
}
.widget {
	background:#fff; border:1px solid #c6c6c6; margin-bottom:18px; padding:0px 0px 20px 0px; position:relative;
}
#sidebar h2, #sidebar h3 {
	font-size:18px; line-height:22px; letter-spacing:0; text-indent:-9999px; position:absolute; margin-top:0px; width:296px; height:40px; top:-1px; left:-1px;
}
.sidebar_spacer {
	clear:both; height:40px;
}
#sidebar h2#header_search, #sidebar h2#header_search {
	background:url(images/widget_header_search.gif) no-repeat;
}
#sidebar h2#header_categories, #sidebar h2#header_categories {
	background:url(images/widget_header_categories.gif) no-repeat;
}
#sidebar h2#header_recentposts, #sidebar h2#header_recentposts {
	background:url(images/widget_header_recentposts.gif) no-repeat;
}
#sidebar h2#header_archives, #sidebar h2#header_archives {
	background:url(images/widget_header_archives.gif) no-repeat;
}
#sidebar ul {
	margin:9px 0px 0px 0px; padding:0px 10px 0px 26px;
}
#sidebar p {
	margin:12px 0px 0px 20px;
}
#rss, a #rss, #rss a {
	background:url(images/btn_rss.png) no-repeat; background-position:0px 0px; width:150px; height:29px; overflow:hidden;
}
#rss:hover {
	background-position:0px -29px;
}




/* FOOTER ELEMENTS */
#footer_wrapper {
	/*border-top:1px solid #585858;*/
	width:1000px; margin:0 auto;
}
#footer {
	width:960px; padding:9px 0px 12px 0px; margin:0 auto; font-size:10px;
}
#footer p {
	 color:#6f6f6f;
}
#footer a,
#footer a:link {color:#6f6f6f; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:none;}
#footer .sm-icon {margin-right:6px;}
#footer .sm-link {margin-right:12px;}

.footer_column {
	float:left; width:400px;
}
.footer_column ul {
	display:inline; float:left; margin:0px; padding:0px;
}
.footer_column ul li {
	display:block; margin:0px 8px 0px 8px; float:left; list-style:none; color:#fff;
}
.footer_column ul li a {
	color:#fff; text-decoration:none;
}
.footer_column ul li a:hover {
	text-decoration:none;
}
.footer_column ul li img, .footer_column ul li img a {
	border:none; padding-top:3px;
}
.footer_column p {
	float:left; margin-right:6px; margin-top:0px; padding:0px;
}
.footer_column_right {
	float:right; width:400px;
}
.footer_column_right ul {
	display:inline; float:right; margin:0px; padding:0px;
}
.footer_column_right ul li {
	display:block; margin:0px 8px 0px 8px; text-align:right; float:left; list-style:none; color:#fff;
}
.footer_column_right ul li a {
	color:#fff; text-decoration:none;
}
.footer_column_right ul li a:hover {
	text-decoration:none;
}
.footer_column_right ul li img, .footer_column ul li img a {
	border:none;
}
.footer_column_right p {
	float:right; margin-right:6px; margin-top:0px; padding:0px;
}
#jesus_fish {
	width:18px; height:8px; margin-top:5px;
}
.footer_divider {
	color:#515151;
}




/* GENERAL CLASSES */
.clearfix {
	clear:both;
}
a img {
	border:none;
}
.dotted_spacer {
	padding-top:10px; margin-bottom:10px; border-top:1px dotted #bebebe;
}
.dotted_bottom_border {
	border-bottom:1px dotted #bebebe;
}
.solid_bottom_border {
	border-bottom:1px solid #bebebe;
}
.dotted_divider {
	padding-top:24px; margin-bottom:24px; border-bottom:1px dotted #9e9e9e;
}
.button, .button a {
	background:#c0c0c0 url(images/btn_bg_gray.png) repeat-x; padding:6px 10px 5px 10px; border:1px solid #b2b2b2; color:#1c1c1c; text-decoration:none; cursor:pointer;
}
.button:hover, .button a:hover {
	background:#d9d9d9 url(images/btn_bg_lightgray.png) repeat-x; text-decoration:none;
}
.spacer {
	clear:both; height:10px;
}
.float-left {float:left;}
.float-right {float:right;}




/* IE6 PNG support */
img {
	behavior:url(scripts/iepngfix.htc);
}