/*
THEME NAME: SystemRunner
THEME URI: http://www.systemrunner.com
DESCRIPTION: Built on Sandbox. Inspired by Moo-point theme by <a href="http://iamww.com/">Will Wilkins</a>.
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
AUTHOR: rH
AUTHOR URI: mailto:rh_@live.com
*/

/*  Reset CSS v1.0 - http://meyerweb.com/eric/tools/css/reset/  */
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;} :focus {outline: 0;}
ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;}


/* constants */
html {font-size:100.01%; padding: 0;margin: 0 0 0.1em 0;}
body{font-family:Calibri,Helvetica,Arial,sans-serif;font-size:1em;margin: 0 auto;padding: 0;color: #3B3B3B;line-height:1.4;background: #EFF2F3 url('images/bg2.jpg') repeat-x;}
a{background: inherit;color:#3B3B3B;text-decoration:none;outline: none;font-weight: bold;}
a:hover{background:#C4C4C4;color:#3B3B3B;text-decoration:none;outline: none;}
a:visited{background:#FAFAFA;color:#000;text-decoration:none;outline: none;}
blockquote {color: #9E3500;background: inherit;border-left: 5px solid;font-size: .9em;font-style:italic;	line-height: 1.8em;padding: 0 15px;}
p{padding: .5em 0 .7em 0;display: block;}
ol, ul, li {list-style: none;}
h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{font-size: 1em;}
h6{font-size: .9em;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
strong{font-weight:700;background: #FFFFD1;color: #3B3B3B;}
em {background: #FFFFD1;color: #3B3B3B;font-style: italic;}
del, del a, div.entry-content p del a {background:inherit;color: #C4C4C4;}
.caps{text-transform:uppercase;}
code, pre {white-space: pre-wrap;font-family:"Bitstream Vera Sans Mono",Monaco,"Andale Mono",monospace;font-size:.9em;margin-bottom:0pt;margin-left:0pt;}

/* layout */
div#wrapper.hfeed {width: 950px;margin: 0 auto;}
div#header {text-align:center;margin-bottom: .5em;padding: 0pt 15px .5em;border-bottom: 1px solid #3C3C3C;min-height: 71px;}
div#container {float: left;margin: 0;width: 680px;}
div#content {margin: 0;padding: 0 0 1em;}
div#container:after, div#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.sidebar {float: right;overflow: hidden;font-size: .9em;width: 190px;border-left: 1px solid #DFDFDF;padding-left: 13px;}
div#secondary {clear: right;margin-bottom: 1em;}
div#footer {width: 100%;height: 47px;}

/* header */
h1#logo {margin:30px auto 15px 5px; padding:0; text-align:left;}
	h1#logo a {display:block; width:337px; height:53px; background:url(/images/logo_stfx.png) top left no-repeat; text-decoration:none;}
	h1#logo a span {display:none;}

div#access {padding-bottom: .5em;margin:-48px 7px 1em 5px;border-bottom: 1px solid #666;}

/* navigation */
div#menu {font-size:1em;height:2em; text-transform: uppercase;}
#menu ul, #menu ul ul {margin:0; list-style-type:none; position:relative; z-index:500; line-height:1.9em; float:right;}
#menu li {float:left; position:relative;}
#menu li a, #menu li a:visited {background:transparent;display:block; text-decoration:none;padding: 0 1em;}

#menu li.current_page_item a {background:#C5E2E7 !important;}
#menu li.current_page_item a:hover {color:#3b3b3b !important;}

#menu li.current_page_item ul a {background:white !important;}
#menu li.current_page_item ul a:hover {color:white !important;}
#menu li a:hover {background:#3B3B3B;color:#FAFAFA;border:0;}

#menu li.current_page_item ul a:hover {background:#3B3B3B !important;}

#menu ul ul {position:absolute; top:1.9em; display:none; width:14em; border:1px solid #ddd; background:#fff; text-transform:none;}

#menu ul li ul a {float:left; width:12em; line-height:1.6em;}

#menu ul ul ul {top:auto; left:14em;}	

#menu li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}

#menu li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}


/* content */
.post {margin-bottom: .5em;}

.entry-excerpt {width: 500px;float: right;padding: .5em 0 .5em 0;}
.page div.entry-content {width: 700px;float: left;padding: .5em 0 2.5em 0;}

.entry-title{clear:both;font-size: 1.5em;border-bottom: 1px solid #A9A9A9;margin: .3em 0;}
.entry-title a {display: block;}
.entry-title a:hover{background:#C4C4C4;color:#3B3B3B;text-decoration:none;outline: none;}

div.entry-head {font-size:.8em;background:#eee;margin:10px 0 20px;}

div.entry-date {margin: .5em 0;background:inherit;color: #666;font-size: .9em;}
div.entry-meta {color: #3B3B3B;background: inherit;margin: 1em 0;padding: .5em 0;display: block;font-size: .9em;}
div.entry-meta a {background:inherit;color: #3B3B3B;}
span.author.vcard {margin-bottom: .5em;}
div.entry-meta span.cat-links, div.entry-meta span.tag-links, div.entry-meta span.edit-link {display: block;margin: .5em 0;}
div.entry-meta span.comments-link {display: block;}

div.comments p a, div.entry-content a, div.entry-content ul li a, div.entry-content ol li ul a {background:inherit;color: #005883;border-bottom: 1px dotted #782800;}
div.comments a:hover, div#nav-below a:hover, div.entry-content p a:hover, div.entry-content ul li a:hover, div.entry-content ol li ul a:hover, div.comment-meta a:hover, div.comments .bypostauthor .comment-meta a:hover, div.comments .byuser .comment-meta a:hover, div.comments .bypostauthor .comment-meta span.edit-link a, div.comments .byuser .comment-meta span.edit-link a:hover {background: #005883;color: #FAFAFA;}

div.entry-content p del a:hover {background: #C4C4C4;color: #666;}
div.entry-content blockquote p a {background:inherit;color: #9E3500;}
div.entry-content blockquote p a:hover {background: #9E3500;color:#C4C4C4;}
div.entry-content p code a {white-space: pre-wrap;font-family:"Bitstream Vera Sans Mono",Monaco,"Andale Mono",monospace;font-size:.9em;border-bottom: 1px dotted #666;}

div.comments p strong a, div.entry-content p ins a {border: none;text-decoration: underline;}
div.comments p strong a, div.entry-content p ins a:hover {border: none;text-decoration: underline;}
a.more-link, div.page-link, p.akpc_pop {font-size: .8em;}

div.entry-content div.page-link a {background:#F1F1F1;color:inherit;}
.error404 div, .noresults div {width: 700px;background: inherit;color: #C44100;float: left;}

div.entry-content ol li ul, div.entry-content ul li {list-style: square;margin: .5em 1.5em;}
#category-archives h3, #monthly-archives h3, #linkcat-2 h3, #linkcat-3 h3 {border-bottom: 1px dotted #A9A9A9;margin-top: .5em;padding: .5em 0 0;}
li#category-archives.content-column, li#monthly-archives.content-column, li#linkcat-2.linkcat, li#linkcat-3.linkcat {list-style: none;margin: 1em 0;}
div.entry-content ol {padding-left: 1.5em;margin: .5em 0 1em;}
div.entry-content ol li {list-style: decimal;margin: .2em 0;}
div.entry-content ol li ol {margin: .2em 0;}
div.entry-content ol li ol li {list-style: upper-roman;}
div.entry-content ol li ul li, div.sidebar ul ul ul li {list-style: square;}
div.entry-content ol li ol li ol {margin: .2em 0;}
div.entry-content ol li ol li ol li {list-style: lower-alpha;}
div.entry-content dl dt {font-style: italic;text-decoration: underline;font-weight: bold;}
div.entry-content dl dd {margin: 7px;}
div.entry-content p abbr, div.entry-content abbr {cursor: help;border-bottom: 1px dotted #666;}
div.entry-content p ins {text-decoration: none;border-bottom: 1px dotted #666;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
div#nav-above, div.skip-link {display: none;}
div#nav-below{width:100%;height:1em;clear: both;margin:1.5em 0;font-size: .9em;padding: 1em 0;}
div#nav-below a {background:inherit;color: #005883;}
.post:after, .clear {content:".";display:block;height:0;clear:both;visibility:hidden;}

.entry-content h2 {border-bottom:1px dotted #A9A9A9; margin-top:1em; font-size:1.2em;}
.entry-content h3 {margin-top:1em; font-size:1.1em;}



/* asides */
body.home .category-asides {color: #555;font-size: .8em;margin: 0 20px 1.5em;padding: 5px;}
body.home .category-asides .entry-meta {display: none;}
body.home .category-asides .entry-date abbr.published {display: none;}
body.home .category-asides div.entry-content {clear: none;width: 100%;}

/* comments & trackbacks */
div#comments {font-size: .9em;}
div#respond {clear: both;margin-top: .5em;}
#respond h3, #comments-list h3, #trackbacks-list h3{clear: both;padding-top: 1em;margin: 1em 0;border-bottom: 1px solid #666;text-align: left;text-transform: uppercase;}
#comments-list,#trackbacks-list {margin: 1em 0;}
div.comment-meta {clear: both;background: inherit;color: #666;float: left;width: 170px;margin: .3em 0 .5em;padding: 0;display: block;font-size: .9em;}
div.comment-meta a {display: block;background: inherit;color: #666;}
div.comment-author {clear: both;width: 693px;background: #C4C4C4;color:inherit;display: block;margin: 0 0 .5em;padding: 7px 0 7px 7px;font-size: .9em;}
div.comment-author.vcard img.photo.avatar {float: left;margin: 0 10px 10px 0;}
div.comment-author a:visited{background:#C4C4C4;color:#000;text-decoration:none;outline:0;}
div.comments .byuser .comment-meta, div.comments .bypostauthor .comment-meta {display: block;}
div.comments .byuser .comment-meta a {background: transparent url(images/by.registered.gif) no-repeat scroll right center;display: block;}
div.comments .bypostauthor .comment-meta a {background: transparent url(images/by.author.gif) no-repeat scroll right center;display: block;}
div.comments .bypostauthor .comment-meta span.edit-link a, div.comments .byuser .comment-meta span.edit-link a {background: none;color: #666;}
form#commentform .form-label{margin:.3em 0 0;}
form#commentform,form#commentform p {padding:0;margin: .5em 0;}
p#comment-notes, p#login {float: left;width: 170px;}
span.logout {display: block;}
#commentform div, p.subscribe-to-comments {width: 500px;float: right;padding:0;}
input#author,input#email,input#url{width:50%;border:1px solid #666;padding: 2px;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;border:1px solid #3B3B3B;}
input#submit {border:1px solid #666;padding: 1px;}
div.comments ol li {margin:0 0 1em;clear: both;}
div.comments ol li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.comments ol li p, span.unapproved {width: 500px;float: right;margin: .3em 0 .5em;padding:0;}
textarea#comment{height:15em;margin:0 0 0.5em;overflow:auto;width:80%;}
form#commentform span.required, span.unapproved{background: inherit;color:#C44100;}

/* sidebar */
div.sidebar h3{font-size:1.3em;padding: .5em 0 .1em;border-bottom: 1px dotted #666;margin-bottom: 5px;text-transform: uppercase;}
	.sidebar h3 span {text-transform:none;}
div.sidebar input#s{width:9em;}
input#s {border:1px solid #666;padding: 2px;}
input#searchsubmit {border:1px solid #666;padding: 1px;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul li a {background: inherit;color: #005883;}
div.sidebar ul li a:hover {background: #005883;color: #FAFAFA;}
div.sidebar ul ul{margin:.3em 0}
div.sidebar ul ul li{list-style:none;margin:.2em 0;}
div.sidebar ul ul ul{margin:0 0 0 1.2em;}
#searchform div {padding: .2em 0;}

/* widgets and misc */
table#wp-calendar {width: 100%;}
#archives select {margin:0.2em 0 0;padding:0;}
.sidebar li#pages, span.meta-sep, li#pages.widget.widget_pages {display:none;}

/* footer */
div#footer{clear: both;font-size: .8em;text-align:left;margin-top: 1em;padding: 11px 0pt;letter-spacing: 2px;}
div#footer, #generator-link a, #theme-link a, #generator-link a:hover, #theme-link a:hover, .designby a, .designby a:hover {color: #666;}
#footer p.alignleft, #footer p.alignright {margin: 7px 15px;}
#footer p.full {margin:0 15px;}
#footer .clear {text-align : center;font-size : 0.7em;background:inherit;color : #9c9c9c;width : 100%;min-height : 25px;}

/* Images */
div.entry-content p img {max-width: 500px;}
div.entry-content p.attachment a img {width: 500px;}
.page div.entry-content p img {max-width: 100%;}
.sidebar li img, .sidebar li a img {padding: 5px;border: 2px solid #005883;max-width: 190px;}
img.center {display: block;text-align: center;margin: 0 auto;}
img.alignleft {padding: .9em .5em .5em;}
img.alignright {padding: .9em 0 .5em .5em;}
img.left {float: left;padding: .9em .5em .5em;}
img.right {float: right;padding: .9em 0 .5em .5em;}
img.wp-smiley {background: inherit;color:inherit;}
.wp-caption, img.alignnone {padding:10px 5px; background:#F6F8F9; border:1px solid #dfdfdf; margin:15px 0;}
	.wp-caption img {margin:0 auto; display:block; border:1px solid #e8e8e8;}
	.wp-caption p {font-size:.8em; padding:8px 0 0 8px; color:#005883;}


/* IE6 fixes */
* html body.blog div.sidebar,* html body.archive div.sidebar, * html body.blog div#container, * html body.archive div#container, * html body.single div.center-content, * html body.page div.entry-content, * html body.page div.sidebar, * html .series {position:relative;}

* html h1#logo a {
position:relative; cursor:pointer;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


/* round container styles */
#round {background:#fff url(images/leftside.gif) repeat-y left top;}

.top {width:100%; height:20px; background:url(images/top.gif) no-repeat left top;}
	.top span {display:block; position:relative; height:20px; background:url(images/top-right.gif) no-repeat right top;}

.center-content {position:relative; background:url(images/rightside.gif) repeat-y right top; padding:1px 20px 1px 25px; margin:-1px 0 0px 0;}

.bottom {width:100%; height:60px; background:url(images/bottom.gif) no-repeat left bottom;}
	.bottom span {display:block; position:relative; height:60px;background:url(images/bottom-right.gif) no-repeat right top;
}


/* Home page specific */
#slider {width: 640px; position: relative; float:right; margin-right:40px;}

ul.navigation {float:left;border-bottom:1px solid #cdcdcd; _margin-right:40px;}
	ul.navigation li a {border-top:1px solid #cdcdcd; display:block; padding:4px 0 4px 20px;width:160px;}
	ul.navigation li a:hover {background-color:#FFFFD1;}
	
	ul.navigation a.selected {background:url(/images/bullet.png) 2px 9px no-repeat #ededed;}

.scroll {
	height: 500px; overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left; background: url(/images/bg_scroll-gradient.gif) repeat-x scroll left bottom; border-left:3px solid #cdcdcd;
}

.scrollContainer div.panel {
	padding: 0 20px 20px 35px; height: 480px;
	width: 600px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollContainer div.column-left {width:280px;float:left;margin-bottom:15px;}
.scrollContainer div.column-right {width:280px;float:right;margin-bottom:15px;}

#shade {background: #EDEDEC url(/images/shade.jpg) no-repeat 0 0; height: 50px; opacity:.3;filter:alpha(opacity=30);}

#trial p {position:absolute;top:285px;right:0;width:210px;font-size:.7em;}
	.webkit #trial p, .opera #trial p {width:200px !important;}
	#trial iframe {overflow-x:hidden; overflow-y:scroll;}
	#trial p span {color:red;}



/* plugins */
div#coldform {padding:15px; width: 560px; color: #333; float:left;}
h3#coldform_error {margin:5px 0 15px; color:#cc0000;}
.contact-side h2, .contact-side ul {margin:0 !important;}
.contact-side ul li {list-style:none !important; margin-left:0 !important;}
.contact-side li img {margin-right:5px; vertical-align:-3px;}
.contact-side li b {margin-right:5px;}
.contact-side a, div.ddsg-wrapper div a {border:0 !important; font-weight:normal;}
div#coldform fieldset {border: 0 none; display: block; clear: both;}
div#coldform .hide {display: none;}
div#coldform label.label {margin: 12px 0px 6px 0px; text-align: left; display: block; border: 0 none; float: left; clear: both;} 
div#coldform input.input {padding: 3px; float: left; clear: both; width: 50%;}
input#coldform_carbon {float: left; clear: both;}
textarea#coldform_message {line-height: 1.5em; font-size: 12px; padding: 3px; float: left; clear: both; width: 80%;}
div#coldform input.submit {margin: 12px 0; padding: 3px; width: 25%; background:#399849; border:0; color:#fff; font-weight:bold;}
div.form-wrapper {margin-top:20px; background:#F7F9FB; padding:15px;}
	div.contact-side {width:230px; float:right; padding:15px;}
	div#coldform, div.contact-side {background:#fff; border:1px solid #C3D8DF}
	
	.form-wrapper, textarea#coldform_message, #coldform input.input {border:1px solid #C3D8DF;}
	textarea#coldform_message, #coldform input,input {background:#F7FAFB;}

div.sociable { margin: 16px 0 0; }
	.sociable_tagline {font-weight:bold; display:block;}
	.sociable ul {display: inline; margin: 0 !important; padding: 0 !important;}
	.sociable ul li {display: inline !important; list-style-type: none; margin: 0 !important; padding: 1px;}
	.sociable a {border:0 !important; background:#fff !important;}
	.sociable img {float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0;}
	.sociable-hovers {opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
	.sociable-hovers:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}


div.series-toc {background:#FFFFEB; padding:10px; border:1px solid #cdcdcd; margin-bottom:10px;}
	.series-toc h3 {padding-top:0 !important; font-size:.9em !important; margin-bottom:10px !important; border-style:solid !important;}
	.series-toc .serieslist-li-current {background:#F7CC58; font-weight:bold;}
	.series-toc a:visited {color:#bbb;}
	.series-toc a:hover {background:#FBDC89 !important; color:#696969;}
	ol.serieslist-ol li {list-style-type: decimal; margin-left:18px;}
	
	.seriesmeta {background:url(/images/ico_comment.png) 2px 1px no-repeat #E5F3FF; font-size: .8em; margin:-5px 0 20px 0; padding-left:22px;}
		.seriesmeta a {background:none !important;}
		.entry .seriesmeta {margin:5px 0 10px;}
	
	.series-home h1 {margin-bottom:30px;}
	.serieslist-box {width: 800px; padding: 15px 10px; margin: 10px auto 25px auto; border: 1px solid #cdcdcd; border-bottom: 2px solid #c0c0c0; border-radius:1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;}
	.imgset {width:300px; height:150px; float:right; margin-left:20px; border:1px solid #cdcdcd;}
		.series-3 .imgset {background:url(/images/series_3.jpg) no-repeat;}
		.series-5 .imgset {background:url(/images/series_5.jpg) no-repeat;}
		.series-6 .imgset {background:url(/images/series_6.jpg) no-repeat;}	
		
	.series-index .series-desc p {border:1px solid #cdcdcd; padding:10px; margin:15px 0 20px; font-size:1em; background:#EFF6FF;}
	.series-index .thumbnail {float:right; margin:30px 0 0 15px; border:1px solid #cdcdcd;}
		.series-index .post {border-bottom:1px dotted #cdcdcd; margin-bottom:35px;}
		.series-index .post h2 a {display:block;}
		.series-index p.postmetadata {border-top:1px dotted #cdcdcd; margin-top:10px;}



/* page specifc */
div.full {width:100% !important;}
	* html div.full {width:99.7% !important;}
	.col-2 {width:435px; margin-right:30px; float:left;}
	.last {margin-right:0 !important;}

h2.first {border:0; margin-bottom:15px; line-height:1.3;}

body.page div.entry-content {width:670px;}
body.pageid-65 div.entry-content p, body.pageid-69 div.entry-content p, body.pageid-71 div.entry-content p {text-align:justify;}

a.trial {display:block; width:211px; height:76px; background:url(/images/btn_30day.jpg) no-repeat !important; border:0 !important; text-indent:-9999px;}

ul#homepage-footer {clear:both;}
	ul#homepage-footer li.widget {width:270px; float:left; margin-right:45px;}
		li#rss-364805521 {margin-right:0 !important;}
		li.widget_twitter span.entry-meta {display:block; text-align:right;}
	
	#homepage-footer h3 {border-bottom:1px solid #cdcdcd; margin-bottom:10px;}
		#homepage-footer h3 a img {margin-right:3px;}
		#homepage-footer #twitter-365272471 h3 {padding-left:25px; background:url(../../plugins/sociable-zyblog-edition/images/twitter.png) 0 5px no-repeat;}
		#homepage-footer #twitter-365272471 h3 a {background:#fff;}
		#homepage-footer a:hover, .panel a:hover, .series a:hover {background:#C5E2E7 !important;}	
	
	#homepage-footer span.rss-date {display:block; margin-bottom:5px; font-size:.8em;}

/* sitemap */
#post-68 div.ddsg-wrapper div {float:left; width:335px;}