/*
Theme Name: Stanton Marris
Theme URI: http://wordpress.org/
Description: Stanton Marris theme developed for <a href="http://stantonmarris.com">Stanton Marris</a> by <a href="http://jonathanbrain.com">Jonathan Brain</a>
Version: 1.0
Author: Jonathan Brain
Author URI: http://jonathanbrain.com/
Tags: grey, custom header, fixed width, two columns
*/



/* Reset CSS - thanks, Eric */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* my own reset */

input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  }

/* end of reset */


/* basics */

body { background-color: #fff; color: #7b827c; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.5em; }

p { line-height: 1.5em; margin: 0 0 18px 0; }
  
ul,
ol { margin: 0 0 18px 0; }
  
li,
dt,
dd,
label,
address { line-height: 1.5em; font-style: normal; }

a,
a:link,
a:visited,
a:active { color: #6ebec8; text-decoration: none; line-height: 1.5em; }
a:hover { color: #b2b2b2; }

.cleared { clear: both; }
.hidden { display: none; }
.invisible { visibility: hidden; }

input, 
textarea { font-family: Arial, Helvetica, sans-serif; color: #b2b2b2; line-height: 1.5em; }
  
  
/* ====== main structures ====== */

#header { width: 100%; height: 133px; background: #7b827c url(/images/bg_header.gif) 0 117px repeat-x; float: left; }
#header-content { width: 880px; margin: 0 auto; position: relative;  z-index: 100; }

#main { width: 100%; background: #fff url(/images/bg_heading.gif) 0 0 repeat-x; float: left; clear: both; border-bottom: #fff solid 24px; }
#main-content { width: 880px; margin: 0 auto; position: relative; min-height: 500px; z-index: 0; }

#footer { width: 100%; background: #000 url(/images/bg_footer.jpg) 50% 0 repeat-x; float: left; clear: both; }
#footer-content { width: 880px; margin: 0 auto; position: relative; }


/* ====== header ====== */

#logo a { position: absolute; top: 21px; left: 0; background: transparent url(/images/logo.gif) 0 0 no-repeat; width: 162px; height: 81px; display: block; }
#logo a span { display: none; }

#nav { display: block; float: right; position: absolute; top: 71px; right: 0; }
#nav li { display: block; float: left; margin: 0 0 0 8px; padding: 0 0 7px 0; }
#nav a { display: block; float: left; color: #fff; height: 33px; padding: 13px 6px 0 6px; font-size: 114%; }
#nav a:hover { color: #ffcc00; }
#nav .on { background: transparent url(/images/bg_nav.gif) 50% bottom no-repeat; }
#nav .on a { background: #ffcc00; color: #fff; font-weight: bold; }
#nav .on a:hover { color: #fff; }

#header-buttons { display: block; float: right; margin: 19px -5px 0 0; }
#button-header-register { background: transparent url(/images/button_header_lightgrey_left.gif) 0 0 no-repeat; color: #fff; padding: 0 0 4px 0px; float: left; }
#button-header-register span { display: inline-block; background: transparent url(/images/button_header_lightgrey_right.gif) right top no-repeat; height: 30px; padding: 7px 20px 0 20px; cursor: pointer; }
#button-header-register:hover span { color: #ececec; }
#button-header-login { background: transparent url(/images/button_header_darkgrey_left.gif) 0 0 no-repeat; color: #fff; padding: 0 0 4px 0px; float: left;  }
#button-header-login span { display: inline-block; background: transparent url(/images/button_header_darkgrey_right.gif) right top no-repeat; height: 30px; padding: 7px 20px 0 20px; cursor: pointer; }
#button-header-login:hover span { color: #dee0de; }
#button-header-hello { display: block; margin: 0; float: left; color: #fff; padding: 7px 0 0 0; margin: 0 11px 0 0; font-size: 90%; }
#button-header-hello .welcome  { padding: 0 6px 0 0; }
#button-header-hello .break  { color: #b2b2b2; padding: 0 3px 0 3px; }
#button-header-hello a  { color: #b2b2b2; }
#button-header-hello a:hover  { color: #ffcc00; }


/* ====== sidebar ====== */

#sidebar { width: 272px; float: right; margin: -14px 0 0 0; }
.sidebar-no-nav { padding: 39px 0 0 0; }


/* ===== side nav ====== */

#side-nav { width: 272px; background: #f6f6f6 url(/images/bg_sidenav_upper.gif) 0 0 repeat-x; padding: 47px 0 0 0; margin: 0 0 9px 0; }
#side-nav ul { width: 272px; background: transparent url(/images/bg_sidenav_lower.gif) left bottom no-repeat; padding: 0 0 18px 0; margin: 0; }
#side-nav ul li { width: 272px; display: block; }
#side-nav ul a { width: 235px; display: block; padding: 3px 11px 3px 26px; background: transparent url(/images/arrow_greyongrey.gif) 11px 8px no-repeat; color: #7b827c; }
#side-nav ul ul { background: none; padding: 0; }
#side-nav ul ul li { width: 272px; display: block; }
#side-nav ul ul a { width: 219px; display: block; padding: 3px 11px 3px 42px; background: transparent url(/images/arrow_greyongrey.gif) 26px 8px no-repeat; color: #7b827c; }
#side-nav ul a:hover { color: #ffcc00; background-position: -255px 8px; }
#side-nav ul ul a:hover { color: #ffcc00; background-position: -240px 8px; }
#side-nav ul .on, #side-nav ul .on:hover { background: #ffcc00 url(/images/arrow_whiteonyellow.gif) 11px 8px no-repeat; color: #fff; font-weight: bold; }
#side-nav ul ul .on, #side-nav ul ul .on:hover { background: #ffcc00 url(/images/arrow_whiteonyellow.gif) 26px 8px no-repeat; color: #fff; font-weight: bold; }


/* ====== paper ====== */

.paper { width: 272px; float: left; background: transparent url(/images/bg_paper_body.jpg) 0 0 repeat-y; }
.paper .paper-upper { width: 272px; float: left; background: transparent url(/images/bg_paper_upper.jpg) 0 0 no-repeat; min-height: 350px; padding: 21px 0 0 0; }
.paper .paper-lower { width: 272px; float: left; background: transparent url(/images/bg_paper_lower.jpg) left bottom no-repeat; padding: 0 0 16px 0; }

.paper .paper-section { float: left; clear: both; padding: 29px 12px 0 12px; width: 248px; }
.paper h2 { width: 248px; font-size: 150%; line-height: 120%; background: transparent url(/images/dotted_line.gif) left bottom no-repeat; padding: 0 0 4px 0; margin: 0 0 17px 0; }
.paper p { width: 248px; }
.paper .small { font-size: 90%; }
.paper .client-logo-link { font-size: 90%; }
.paper .client-logo-link img { padding: 0 0 6px 0; }

.paper .article-list { width: 248px; float: left; clear: both; margin: 0; }
.paper .article-list li { display: block; width: 232px; float: left; clear: both; background: transparent url(/images/donut_on_white.gif) 0 3px no-repeat; padding: 0 0 8px 15px; }
.paper .article-list li a { display: block; color: #7b827c; }
.paper .article-list li .small { font-size: 90%; display: block; color: #b2b2b2; }
.paper .article-list li .light { display: block; color: #b2b2b2; }
.paper .article-list li a:hover { color: #6ebec8; }
.paper .article-list li a:hover .small { color: #6ebec8; }
.paper .article-list li a:hover .light { color: #6ebec8; }
.paper .team-member-list li { padding: 0 0 8px 15px; }

.paper .arrow-link { background: transparent url(/images/arrow_paper.gif) 0 3px no-repeat; padding: 0 0 0 15px; }
.paper .arrow-link:hover { background-position: -594px 3px; padding: 0 0 0 15px; }


/* ====== main ====== */

#main-column { float: left; width: 576px; margin-top: 27px; }
#main-column .article-header { margin: 0 0 18px 0; }
#main-column .article { margin: 0 0 18px 0; }
#main-column .article .right { float: right; margin: 6px -1px 12px 31px; } 
#main-column .article .left { float: left; margin: 6px 31px 12px -1px; } 
#main-column h1 { font-size: 260%; color: #ffcc00; line-height: 120%; margin: 0 0 12px 0; }
#main-column h1.smaller { font-size: 150%; }
#main-column .article h2 { font-size: 114%; font-weight: bold; padding: 9px 0 0 0; }
#main-column h2.sub-head { font-size: 150%; color: #ffcc00; line-height: 120%; margin: 30px 0 0 0; }
#main-column .article h2.sub-head { margin: 0 0 18px 0; }
#main-column .article p.meta { margin: 12px 0 18px 0; font-size: 90%; }
#main-column .article ul { list-style-type: disc; margin: 0 0 18px 0; padding: 0 0 0 18px; }
#main-column .article ol { list-style-type: decimal; margin: 0 0 18px 0; padding: 0 0 0 18px; }
#main-column .article-header p.meta { margin: 0; font-size: 90%; }
/* #main-column .article-header p.note { margin: -8px 0 0 0; } */
#main-column .article-header h1 .inside-track-date { color: #7b827c; }
#main-column .arrow-link { background: transparent url(/images/arrow_paper.gif) 0 3px no-repeat; padding: 0 0 0 15px; clear: both; float: left; }
#main-column .arrow-link:hover { background: transparent url(/images/arrow_paper.gif) -594px 3px no-repeat; padding: 0 0 0 15px; }


/* ====== pink button ====== */

#button-cta { background: transparent url(/images/button_pink_left.gif) 0 0 no-repeat; color: #fff; padding: 0 0 4px 0px; float: left; margin: 18px 0 0 -4px; clear: both; }
#button-cta span { display: inline-block; background: transparent url(/images/button_pink_right.gif) right top no-repeat; height: 30px; padding: 8px 20px 0 20px; font-size: 114%; cursor: pointer; }
#button-cta:hover span { color: #ffbfd9; }


/* ====== share buttons ====== */

#share-buttons { width: 576px; background: #f6f6f6 url(/images/share_upper.gif) 0 0 no-repeat; clear: both; float: left; margin: 32px 0 0 0; }
#share-buttons p { float: left; font-weight: bold; margin: 0; padding: 12px 0 6px 15px; }
#share-buttons ul { float: right; width: 433px; margin: 0; }
#share-buttons li { display: block; float: left; padding: 10px 34px 6px 0; }
#share-buttons a { display: block; float: left; height: 20px; padding: 2px 0 0 32px; color: #7b827c; position: relative; }
#share-buttons a:hover { color: #b2b2b2; }
#share-buttons .share-twitter { background: transparent url(/images/icon_twitter.gif) 0 0 no-repeat; }
#share-buttons .share-digg { background: transparent url(/images/icon_digg.gif) 0 0 no-repeat; }
#share-buttons .share-linkedin { background: transparent url(/images/icon_linkedin.gif) 0 0 no-repeat; }
#share-buttons .share-facebook { background: transparent url(/images/icon_facebook.gif) 0 0 no-repeat; }
#share-buttons #share-buttons-lower { width: 576px; height: 4px; background: #f6f6f6 url(/images/share_lower.gif) left bottom no-repeat; float: left; }


/* ====== footer ====== */

#footer { margin: 40px 0 0 0; }
#footer .footer-column { width: 272px; float: left; padding: 126px 32px 0 0; }
#footer .footer-column-last { padding: 126px 0 0 0; }
#footer h2 { font-size: 150%; color: #ffcc00; line-height: 120%; margin: 0 0 17px 0; }
#footer p { color: #fff; }
#footer #nutshell li { display: block; width: 256px; float: left; clear: both; background: transparent url(/images/donut_on_brown.gif) 0 5px no-repeat; padding: 0 0 16px 15px; }
#footer #nutshell h3 { font-size: 114%; }
#footer #nutshell h3 a { color: #fff; }
#footer #nutshell h3 a:hover { color: #b2b2b2; }
#footer #footer-lower { clear: both; font-size: 90%; color: #b2b2b2; padding: 0 0 20px 0; }
#footer #footer-lower a { color: #b2b2b2; }
#footer #footer-lower a:hover { color: #fff; }
#footer #button-footer-contact { background: transparent url(/images/button_footer_lightgrey_left.gif) 0 0 no-repeat; color: #fff; padding: 0 0 0 0px; float: left; margin: 4px 0 0 0; }
#footer #button-footer-contact span { display: inline-block; background: transparent url(/images/button_footer_lightgrey_right.gif) right top no-repeat; height: 28px; padding: 3px 20px 0 20px; cursor: pointer; }
#footer #button-footer-contact:hover span { color: #ececec; }
#footer #connect li { display: block; padding: 0 0 18px 0; }
#footer #connect li a img { display: block; float: left; }
#footer #connect li a { color: #fff; padding: 0 0 0 0; display: block; min-height: 38px; }
#footer #connect li a span { display: block; float: right; width: 223px; }
#footer #connect li a:hover { color: #b2b2b2; }


/* ====== key points ====== */

.excerpt { width: 100%; margin: 0 0 18px 0; float: left; clear: both; display: block; }
.excerpt img { float: right; width: 120px; height: 85px; padding: 0 1px 3px 1px; background: transparent url(/images/bg_wide_image.gif) 0 0 no-repeat; margin: 24px -1px 0 17px; }
.excerpt h2, .excerpt h3 { font-size: 114%; font-weight: bold; padding: 18px 0 0 0; }
.excerpt h2 a, .excerpt h3 a { color: #7b827c; }
.excerpt h2 a:hover, .excerpt h3 a:hover { color: #b2b2b2; }
.excerpt p.meta { margin: 12px 0 18px 0; font-size: 90%; }
.excerpt .pink-link { display: block; width: 428px; line-height: 1.5em; background: transparent url(/images/arrow_pinkonwhite.gif) 0 4px no-repeat; color: #ff0066; padding: 0 0 0 12px; margin: -18px 0 0 0; }
.excerpt .pink-link:hover { background: transparent url(/images/arrow_pinkonwhite.gif) -594px 4px no-repeat; color: #b2b2b2; padding: 0 0 0 12px; }
.excerpt .pink-link span { display: none; }


/* ====== clients ====== */

#client-nav { width: 576px; background: #f6f6f6 url(/images/share_upper.gif) 0 0 no-repeat; clear: both; margin: 18px 0 0 0; text-align: center; padding: 8px 0 3px 0; }
#client-nav li { display: inline; color: #b2b2b2; padding: 0 6px 0 6px; font-size: 114%; }
#client-nav a { display: inline-block; color: #ffcc00; font-weight: bold; }
#client-nav a:hover { color: #b2b2b2; }
#client-nav-lower { width: 576px; height: 4px; background: #f6f6f6 url(/images/share_lower.gif) 0 0 no-repeat; float: left;  }

#all-clients { margin: 36px 0 0 0; }
#all-clients h2 { color: #ffcc00; font-size: 150%; clear: both; }
#all-clients li { position: relative; }
#all-clients li.bold { font-weight: bold; }
#all-clients li.bold a { font-weight: normal; }
#all-clients li ul { margin: 0 0 32px 0; }
#all-clients .back-to-top { font-size: 90%; color: #b2b2b2; position: absolute; right: 0; bottom: 0px; }
#all-clients .back-to-top:hover { color: #7b827c; }


/* ====== team members ====== */

#team-member-list { float: left; clear: both; width: 100%; }
#team-member-list li { display: block; float: left; margin: 0 16px 16px 0; width: 102px; height: 156px; background: transparent url(/images/bg_team_member_small.gif) 0 0 no-repeat; padding: 0 1px 4px 1px; margin: 0 15px 16px -1px; }
#team-member-list li.last { margin: 0 0 16px 0; }
#team-member-list a { display: block; float: left; width: 102px; height: 156px; position: relative; overflow: hidden;  }
/* #team-member-list a:hover { height: 152px; border-bottom: 4px solid #ffcc00; } */
#team-member-list span { display: block; background: #ffcc00; color: #fff; font-weight: bold; padding: 5px 10px 6px 10px; position: absolute; top: 157px; left: 0; width: 82px; cursor: pointer; }

.team-member { background: transparent url(/images/bg_team_member_large.gif) 0 0 no-repeat; padding: 0 1px 4px 1px; margin: 0 0 0 -1px; }
.team-member img { border-bottom: 4px solid #ffcc00; }


/* ====== resources ====== */

.resources-sub-head { display: block; background: transparent url(/images/underline.gif) left bottom no-repeat; padding: 0 0 1px 0; width: 100%; color: #b2b2b2; font-size: 114%; font-weight: normal; margin: 30px 0 -4px 0; float: left; clear: both; }
.resources-sub-head .small { font-size: 80%; }

.resources-excerpt { display: block; width: 100%; position: relative; margin: 0; }
.resources-excerpt h2 a, .resources-excerpt h3 a { display: block; width: 500px; }
.resources-excerpt p { display: block; width: 500px; } 
.resources-excerpt p.meta { color: #b2b2b2; } 
.resources-excerpt .pink-link { display: block; width: 488px; line-height: 1.5em; background: transparent url(/images/arrow_pinkonwhite.gif) 0 4px no-repeat; color: #ff0066; padding: 0 0 0 12px; margin: -18px 0 0 0; }
.resources-excerpt .pink-link:hover { background: transparent url(/images/arrow_pinkonwhite.gif) -594px 4px no-repeat; color: #b2b2b2; padding: 0 0 0 12px; }
.resources-excerpt .pink-link span { display: none; }
.resources-excerpt img { position: absolute; top: 0px; right: 0; width: 60px; height: 85px; padding: 0 1px 3px 1px; background: transparent url(/images/bg_small_image.gif) 0 0 no-repeat; margin: 17px -1px 0 0; }


/* ====== inside track ====== */

.inside-track-excerpt { display: block; width: 100%; position: relative; margin: 0; }
.inside-track-excerpt h2 { display: block; width: 100%; }
.inside-track-excerpt h2 a { display: block; width: 500px; }
.inside-track-excerpt p { display: block; width: 500px; margin: 0; } 
.inside-track-excerpt p.meta { color: #b2b2b2; } 
.inside-track-excerpt .pink-link { display: block; width: 488px; line-height: 1.5em; background: transparent url(/images/arrow_pinkonwhite.gif) 0 4px no-repeat; color: #ff0066; padding: 0 0 0 12px; margin: 0; }
.inside-track-excerpt .pink-link:hover { background: transparent url(/images/arrow_pinkonwhite.gif) -594px 4px no-repeat; color: #b2b2b2; padding: 0 0 0 12px; }
.inside-track-excerpt .pink-link span { display: none; }
.inside-track-excerpt img { position: absolute; top: 0px; right: 0; width: 60px; height: 85px; padding: 0 1px 3px 1px; background: transparent url(/images/bg_small_image.gif) 0 0 no-repeat; margin: 17px -1px 0 0; }
.inside-track-all-excerpt { margin: 0 0 18px 0; }

.inside-track-question { display: block; width: 100%; position: relative; margin: 0; }
.inside-track-question h2 { display: block; width: 100%; margin: 0 0 18px 0; }
.inside-track-question h2 .section-header { display: block; color: #b2b2b2; font-weight: normal; }
.inside-track-question h2 .colon { display: none; }
.inside-track-question h2 a { display: block; }
.inside-track-question p { display: block; margin: 0; } 
.inside-track-question p.meta { color: #b2b2b2; } 
.inside-track-question .pink-link { display: block; width: 488px; line-height: 1.5em; background: transparent url(/images/arrow_pinkonwhite.gif) 0 4px no-repeat; color: #ff0066; padding: 0 0 0 12px; margin: 0; }
.inside-track-question .pink-link:hover { background: transparent url(/images/arrow_pinkonwhite.gif) -594px 4px no-repeat; color: #b2b2b2; padding: 0 0 0 12px; }
.inside-track-question .pink-link span { display: none; }
.inside-track-question .q { font-weight: bold; color: #ffcc00; }
.inside-track-question .a { font-weight: bold; color: #ffcc00; font-size: 114%; }
#ask-a-question { font-style: italic; }


/* ====== article top ====== */

#article-top-header { background: transparent url(/images/underline.gif) left bottom no-repeat; width: 100%; margin: 0 0 0 0; padding: 0 0 1px 0; color: #b2b2b2; font-weight: normal; font-size: 114%; }
.article-top-meta { font-size: 90%; color: #b2b2b2; margin: 4px 0 18px 0; } 
.article-top-header-deeper { margin: 0 0 18px 0 !important; } 

#key-point-top-header { background: transparent url(/images/underline.gif) left bottom no-repeat; width: 100%; margin: 0 0 18px 0; padding: 0 0 1px 0; color: #b2b2b2; font-weight: normal; font-size: 114%; }


/* ====== case studies ====== */

.case-studies-sub-head { display: block; background: transparent url(/images/underline.gif) left bottom no-repeat; padding: 0 0 3px 0; width: 100%; color: #b2b2b2; font-size: 114%; font-weight: normal; margin: 30px 0 0 0; float: left; clear: both; }
.case-studies-excerpt { display: block; width: 100%; position: relative; margin: 0; }
.case-studies-excerpt h2 a, .resources-excerpt h3 a { display: block; width: 440px; }
.case-studies-excerpt p { display: block; width: 440px; } 
.case-studies-excerpt p.meta { color: #b2b2b2; } 
.case-studies-excerpt .pink-link { display: block; width: 428px; line-height: 1.5em; background: transparent url(/images/arrow_pinkonwhite.gif) 0 4px no-repeat; color: #ff0066; padding: 0 0 0 12px; margin: -18px 0 0 0; }
.case-studies-excerpt .pink-link:hover { background: transparent url(/images/arrow_pinkonwhite.gif) -594px 4px no-repeat; color: #b2b2b2; padding: 0 0 0 12px; }
.case-studies-excerpt .pink-link span { display: none; }
.case-studies-excerpt img { position: absolute; top: 0px; right: 0; width: 120px; height: 85px; padding: 0 1px 3px 1px; background: transparent url(/images/bg_wide_image.gif) 0 0 no-repeat; margin: 24px -1px 0 0; }


/* ====== tag cloud ====== */

#tag-cloud li { display: inline; }
#tag-cloud li .single-tag { white-space: nowrap; }
#tag-cloud li .frequency { font-size: 90%; color: #b2b2b2; padding: 0 6px 0 0; }


/* ====== wordpress specifics ====== */

.blog-excerpt { width: 100%; margin: 0 0 18px 0; float: left; clear: both; display: block; }
.blog-excerpt h2, .blog-excerpt h3 { font-size: 114%; font-weight: bold; padding: 18px 0 0 0; }
.blog-excerpt h2 a, .blog-excerpt h3 a { color: #7b827c; }
.blog-excerpt h2 a:hover, .blog-excerpt h3 a:hover { color: #b2b2b2; }
.blog-excerpt p, .blog-excerpt ol, .blog-excerpt ul { display: block; } 
.blog-excerpt p.meta { margin: 12px 0 18px 0; font-size: 90%; color: #b2b2b2; float: left; clear: both; width: 100%; } 
.blog-excerpt .pink-link { display: block; width: 488px; line-height: 1.5em; background: transparent url(/images/arrow_pinkonwhite.gif) 0 4px no-repeat; color: #ff0066; padding: 0 0 0 12px; margin: -9px 0 0 0; float: left; clear: both; }
.blog-excerpt .pink-link:hover { background: transparent url(/images/arrow_pinkonwhite.gif) -594px 4px no-repeat; color: #b2b2b2; padding: 0 0 0 12px; }
.blog-excerpt .pink-link span { display: none; }
.blog-excerpt img { float: right; width: 120px; height: 85px; padding: 0 1px 3px 1px; background: transparent url(/images/bg_wide_image.gif) 0 0 no-repeat; margin: 24px -1px 0 17px; }

.entry ul { list-style-type: disc; margin: 0 0 18px 0; padding: 0 0 0 18px; }
.entry ol { list-style-type: decimal; margin: 0 0 18px 0; padding: 0 0 0 18px; }
.entry li { margin: 0 0 0 6px; padding: 0 0 0 6px; }

.blog-post-image { float: right; clear: both; display: block; width: 272px; height: 193px; padding: 0 1px 4px 1px; background: transparent url(/images/bg_large_image.gif) 0 0 no-repeat; margin: 0 -1px 18px 17px; }
.blog-post-image img { float: right; width: 272px; height: 193px; } 


/* ====== side bar ====== */

#button-rss { background: none; }
#button-rss img { margin: 0 0 -13px 0; }


/* ====== comments ====== */

#comments-section { margin: 0 0 0 0; float: left; clear: both; width: 576px; }
#comments-section h2 { background: transparent url(/images/underline.gif) left bottom no-repeat; width: 100%; margin: 54px 0 18px 0; padding: 0 0 1px 0; color: #b2b2b2; font-weight: normal; font-size: 114%; }
#comments-section label { display: block; float: left; clear: both; }
#comments-section label .mandatory { color: #ffcc00; }
#comments-section .text-box { width: 566px; padding: 4px 4px 4px 4px; border: 1px solid #eee; display: block; float: left; clear: both; margin: 0 0 18px 0; }
#comments-section #button-submit-comment { display: block; float: left; clear: both; }

.commentlist { margin: 0 0 36px 0; float: left; clear: both; width: 576px; }
.commentlist li { margin: 0 0 18px 0; background: transparent url(/images/underline_faint.gif) left bottom no-repeat; width: 100%; float: left; clear: both; }
.commentlist li .comment-header { width: 390px; display: block; float: left; }
.commentlist li .fn { font-weight: bold; font-style: normal; }
.commentlist li.byuser { background: none; border-bottom: 1px solid #ffcc00; }
.commentlist li.byuser .fn { color: #ffcc00; }
.commentlist li .says { color: #b2b2b2; }
.commentlist li .comment-meta { font-size: 90%; float: right; color: #b2b2b2; }
.commentlist li .comment-meta a  { color: #b2b2b2; }
.commentlist li .comment-text { display: block; float: left; clear: both; margin: 9px 0 0 0; }


/* ====== post navigation ====== */

.navigation-blog { float: left; width: 100%; clear: both; }
.navigation-blog .button-post-left { float: left; width: 50%; }
.navigation-blog .button-post-left a img { background: transparent url(/images/arrow_paper_left.gif) 0 -10px no-repeat; width: 6px; height: 10px; margin: 4px 6px -1px 0; }
.navigation-blog .button-post-left a:hover img { background: transparent url(/images/arrow_paper_left.gif) 0 0 no-repeat; }
.navigation-blog .button-post-right { float: right; width: 50%; text-align: right; }
.navigation-blog .button-post-right a img { background: transparent url(/images/arrow_paper_right.gif) 0 -10px no-repeat; width: 6px; height: 10px; margin: 4px 0 -1px 6px; }
.navigation-blog .button-post-right a:hover img { background: transparent url(/images/arrow_paper_right.gif) 0 0 no-repeat; }
.navigation-blog-extra-padding { margin: 36px 0 0 0; }


/* ====== pop-up window frame ====== */

#popup-overlay { width: 100%; height: 100%; position: absolute; z-index: 100; top: 0; left: 0; }
.popup-overlay-bg { background-color: #000; filter: alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; }
#popup-window { display: none; position: absolute; top: 0; left: 50%; z-index: 102; color: #000; text-align: left; background: transparent; width: 336px; margin: 60px 0 0 -168px; padding: 0 0 0 0;}
#popup-window #popup-iframe-content { position: relative; width: 336px; }
#popup-load { height: 32px; width: 32px; margin: 150px 0 0 -75px; padding: 59px; position: absolute; display: none; z-index: 103; left: 50%; background: transparent url(/images/bg_pop_up_loader.gif) left top no-repeat; }


/* ====== pop-up basics ====== */

#pop-up { width: 336px; background: transparent; }
#pop-up-body { width: 272px; padding: 0 32px; background: transparent url(/images/pop_up_body.gif) 0 0 repeat-y; }
#pop-up-upper { width: 346px; height: 24px; background: transparent url(/images/pop_up_upper.gif) 0 0 no-repeat; position: relative; }
#pop-up-upper a { width: 24px; height: 24px; position: absolute; top: 0; right: 0; }
#pop-up-upper a span { display: none; }
#pop-up-lower { width: 336px; height: 8px; background: transparent url(/images/pop_up_lower.gif) 0 0 no-repeat; }

#pop-up h1 { color: #ffcc00; width: 272px; font-size: 200%; padding: 9px 0 18px 0; }

#pop-up form { width: 272px; padding: 0 0 9px 0; }
#pop-up form label { display: block; width: 272px; }
#pop-up form label .mandatory { color: #ffcc00; }
#pop-up form .text-box { width: 262px; padding: 4px 4px 4px 4px; border: 1px solid #eee; display: block; margin: 0 0 18px 0; }
#pop-up form textarea.text-box { height: 76px; }
#pop-up form #btn-submit { display: block; margin: 0 0 0 -4px; padding: 0 0 9px 0; }
#pop-up form p { width: 100%; margin: 0 0 9px 0; }
#pop-up form .small { font-size: 90%; }
#pop-up form .divider { background: transparent url(/images/dotted_line_short.gif) 0 0 no-repeat; padding: 9px 0 0 0; margin: 9px 0 9px 0; }
#pop-up form .message-error { color: #ff6600; margin: 0 0 18px 0; }
#pop-up form .message-error a { color: #7b827c; }
#pop-up form .message-error a:hover { color: #b2b2b2; }