/* Global Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
/* ol, ul {list-style: none;} */
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight:bold}

/**
 * Structure
 */
body {background:#fff url(/assets/images/structure/sprite.png) repeat-x 0px -110px;font: normal 13px/22px Verdana, Arial, Helvetica, sans-serif;color:#333}
#header {background:#fff url(/assets/images/structure/sprite.png) no-repeat 0px 0px;height:90px;width:990px}
#logo-home {display:block;width:400px;height:70px;position:absolute;top:20px;left:20px;text-indent:-9000px;overflow:hidden}
#main-nav {}
#h1-wrap {margin:5px 20px 20px 20px;width:980px}
#byline {font-size:11px;margin:10px 0px;line-height:1.5}
	#byline a {color:#333;}
#content1 {float:left;width:545px;padding:10px 75px 0 0;margin-left:20px;border-top:3px solid #DDDAB5}
#content2 {float:left;width:320px;padding:10px 20px 0 0;border-top:3px solid #333;font-size:0.9em}
	#content2 h2, #content2 p, #content2 li, #content2 a {font-size:12px}
	#content2 #crumbs {margin:-4px 0 4px 0}
	#content2 #crumbs, #content2 #crumbs * {font-size:10px;color:#888}
#comments {margin:20px -45px 0 0}

/**
 * Misc
 */
.clear {clear:both}
.right {float:right}
.left {float:left}
.center {text-align:center}
.warning {color: #DA2521 !important;font-weight: bold;}
.hilite {background:#e5e5e5;padding:0 2px;text-decoration:none;font-weight:bold;text-transform:uppercase;font-size:0.85em}
	.hilite:hover {border-bottom:1px dotted #333;}
.left-image {float:left;margin:0 15px 0 0}
.center-image {margin:15px 0}
.right-image {float:right;margin:0 0 0 15px}
.caption {font-size:11px;line-height:1.2;padding:3px;}
.img-left {margin:0 1em 5px 0;border:2px solid #444}
.alt {}
.bottom {bottom:0}
.block {display:block}
.small {font-size:0.8em}
.note {padding:0 0.5em;border:4px solid #7988A4;background:#9EAABE;line-height:1.5}
	p.note {padding:0.5em;}
	.note h2 {margin-bottom:0.5em}
iframe {margin-left:-10px}
/**
 * Html
 */
a {color:#415EA0}
	a:hover {text-decoration:none}
h1 {font-size:28px;font-family: Georgia, Calibri, Verdana, sans-serif;line-height:1.1;}
h2 {font-size:14px;font-weight:bold;border-bottom:1px dotted #ccc;}
	h2 span, h2 span * {color:#888;font-size:11px}
h3 {font-weight:bold}
ul {margin:0 0 22px 0px}
	#content1 ul li, #content2 ul li {list-style:none;padding:0 0 0 17px;background:url(/assets/images/structure/bullet.png) no-repeat 0px 5px}
	#content1 ul li {margin-bottom:10px}
ol {margin:0 0 22px 20px}
p, blockquote, h2 {margin-bottom:22px}
em {font-style:italic}


/**
 * cms stuff
 */
.stale {padding:1em 0;}
.read-more {font-size:1em;font-weight:bold;padding:0 2px;text-decoration:none;background:#67788f;line-height:1.8}
	.read-more:hover {border-bottom:1px dotted #ccc}
.ranking {color:#f60}
a:hover .ranking {color:green}
.entry-meta-links {clear:both;text-align:right;margin-bottom:0.75em;font-size:0.8em;font-weight:bold;text-decoration:none;text-transform:uppercase}
.entry-meta {font: 11px/120% Georgia, "Times New Roman", Times, serif}
div.right {clear:right;margin:0 0 1em 1em}
div.caption {}
div.image img {border:2px solid #999}

.advert-post {margin:0 -30px 0 -20px;padding:0.5em 20px 0.5em 20px;clear:both}
.orange {background:#eeb67d url(/assets/images/structure/advert-top-orange.png) no-repeat;}
.you {background:#eeb67d url(/assets/images/structure/advert-top-orange.png) no-repeat;}
.green {background:#8DB050 url(/assets/images/structure/advert-top-green.png) no-repeat;}
	.orange ul li {background:url(/assets/images/structure/li-bullet-blue-on-orange.gif) no-repeat 0 4px;padding-left:14px}

.loop-item {padding:8px 0 30px 0;border-bottom:5px solid #EFEEE0;}
div.first-item {padding-top:0}
div.last-item {border-bottom:none}
.loop-item:hover span, .loop-item:hover span * {color:#333}
.loop-item h2 a {text-decoration:none}
.loop-item h2 span, .loop-item h2 span * {color:#CFCDB5}
.loop-item h2 a:hover {text-decoration:underline}
.loop-alt {}
.loop-item .byline {margin:-15px 0 5px 0;font-size:11px;font-style:italic;padding-bottom:12px;border-bottom:1px solid #EFEEE0;}
#content2 .loop-item {padding:3px 0 10px 0;}
#content2 .loop-item .byline {padding-bottom:9px;}
#content2 .loop-item .byline, #content2 .loop-item .byline * {font-size:10px;}
.loop-item .byline, .loop-item .byline * {color:#999}

/**
 * Navigation
 */ 
 #main-nav {position:absolute;top:25px;left:640px;width:340px;height:48px;border:1px solid #333;border-width:1px 0 0 0;padding:5px 0;font-size:11px}
 #footer-nav {position:absolute;top:25px;left:640px;width:340px;height:48px;border:1px solid #333;border-width:1px 0 0 0;padding:5px 0;font-size:11px}
	 .nav a {text-decoration:none}
		 .nav a:hover {text-decoration:underline}
	 .nav * {color:#333}
	 .nav ul, .nav li {margin:0;padding:0;line-height:1.4;list-style:none}
	 .nav ul {float:left;width:80px}
 .search-box input {position:absolute;right:0;width:200px;padding:3px;background:#F7F5EF;border:none;}
 .search-box button {position:absolute;bottom:5px;right:-8px;background:none;border:none;font-size:11px}
	/* Navigation States */
	#body-home .nav-home a, #body-resources .nav-resources a, #body-weblog .nav-blog a, #body-about .nav-about a, #body-contact .nav-contact a, #body-feeds .nav-feeds a, #body-search button
	{color:#415EA0;font-weight:bold}

/**
 * Footer
 */
 #footer {background: url(/assets/images/structure/sprite.png) repeat-x 0px -110px;margin-top:30px;position:relative} 
 #footer .inner {padding:10px 20px;padding:30px 0 60px 20px;}
 #footer * {font-size:11px}

/**
 * Dyn
 */
 #dyn-top {width:960px;height:6px;background:#f6f4ed url(/assets/images/structure/sprite.png) no-repeat -20px -90px;overflow:hidden}
 #dyn-bottom {width:960px;height:6px;background:#f6f4ed url(/assets/images/structure/sprite.png) no-repeat -20px -98px;overflow:hidden}
 #dyn {width:960px;margin-left:20px}
 #dyn-inner {background:#f6f4ed;height:0px;overflow:hidden}

/**
 * feat
 */
 .feat-top {width:960px;height:6px;background:#f6f4ed url(/assets/images/structure/sprite.png) no-repeat -20px -90px;overflow:hidden}
 .feat-bottom {width:960px;height:6px;background:#f6f4ed url(/assets/images/structure/sprite.png) no-repeat -20px -98px;overflow:hidden;clear:both}
 .feat {width:960px;margin-left:20px}
 .feat-inner {background:#f6f4ed;padding:20px}

.feat-item {width:270px;float:left;margin-right:30px}
.feat-item h3 {font-weight:bold}
.feat-item li {list-style:none}
.feat-inner .underline {border-bottom:1px solid #999;padding-bottom:10px}

/**
 * Demos for posts:
 */
 .pingomatic-hover-invitation ol li label {background:green !important;padding:3px}
 .pingomatic-hover-invitation ol li label:hover {background:red !important;padding:3px}

/**
 * Ads
 */
#blog-ad {margin:0 10px 10px 0}

 /**
 * Comments
 */
.comment-header-wrap {background:#ECE8DB;margin:0 -20px 17px -20px !important;padding:5px 20px}
	.comment-header-wrap h2 {border:none !important}
.comment-box {margin:0 -20px 14px -20px;padding-left:20px;}
.comment-meta {font-size: 14px;line-height: 20px;margin:0;letter-spacing:-1px;margin:0 0 19px 0px;width:140px;float:left;border-top:3px solid #eee;padding-top:3px}
.comment-meta .comment-name-date {font-size:10px;display:block}
.comment-meta a {text-decoration:none}
.comment-meta a:hover {text-decoration:underline}
.comment {width:460px;float:right;border-top:3px solid #eee;padding-top:3px}

/* comments */
#comment_form {}
.form-unit,  .main-form-0 {margin:3px 0;clear:both;padding:10px 0;border:1px solid #ddd;border-width:1px 0;background:#eee}
.form-unit:hover {background:#f7f7f7}

.form-unit label {display:block;float:left;padding:0 10px 0 0;width:160px;text-align:right;font-family:Tahoma, Verdana, Arial, Sans Serif;cursor:pointer}
.form-unit input.text {width:300px;padding:2px}
.form-unit input.text:focus,  .form-unit textarea:focus {background:#ffffcc;border:2px solid #666;}
textarea {width:300px;height:120px;padding:2px}
p.form-help {margin:0 0 0 170px;font-size:11px;color:#555;line-height:1.3;margin-top:2px}
.main-form-0 {padding-left:160px}

input.checkbox {float:right;width:auto;margin-right:337px;padding:0}
.checkbox label {padding:0 !important;}
.checkbox .form-help {clear:both;}
#comment_preview {background:#eee;padding:10px;margin-bottom:10px}

#submit_comment {border-width:1px 0;background:#eee;padding:10px 10px 2px 10px}
	#submit_comment p {font-size:12px;margin:2px 10px 10px 10px;line-height:1.1;}
	#submit_comment form {float:left;}
		#submit_comment form .main-form-0 {padding:0 20px 0 0;border:none}