/*
Title: Visualgui styles
Author: Donny Truong (visualgui.com)
Updated: Feb 2010
/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,hgroup,nav,section{display:block}img,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%} a:hover,a:active{outline:none}small{font-size:85%}strong,th{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible} .ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden} .clearfix:after{clear:both} .clearfix{zoom:1} 
/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Type */
body { font-size: 75%; line-height: 1.5; /*12/18*/ }
h1, h2, h3, h4, h5, h6 { position: relative; }
h1, h2 { line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4 { margin-top: 18px; }
h3, h4, h5, h6 { line-height: 18px; }
h1 { font-size: 36px; top: 5px; }
h2 { font-size: 28px; top: 8px; }
h3 { font-size: 22px; top: 1px; }
h4 { font-size: 18px; top: 2px; }
h5 { font-size: 15px; top: 4px; }
h6 { font-size: 13px; top: 5px; }
p, pre, address { font-size: 13px; line-height: 18px; position: relative; top: 5px; }
abbr, code, kbd,
samp, small, var { line-height: 15px; }
ul, ol, dl, dialog { font-size: 13px; line-height: 18px; position: relative; top: 5px; margin-top: 18px; margin-bottom: 18px; }
li ul, li ol { top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p { top: 0; }
form, legend, label { font-size: 13px; line-height: 18px; }
legend { position: relative; top: 5px; }
input, textarea { font-size: 12px; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child { margin-top: 0; }
table { font-size: 13px; line-height: 18px; margin: 18px 0; }
th, td { padding: 3px 12px; line-height: 30px; }
th { background: rgba(0, 0, 0, 0.2); }
tr:nth-child(even) { background: rgba(0, 0, 0, 0.1); }
tr:nth-child(odd) { }
hr { position: relative; height: 4px; margin: 18px 0 14px 0; }
/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Layout */
body {color: #333; background:#f9f7f4; font-family: Helvetica, Arial, sans-serif; }
/* Structures */
#wrapper {width:900px; margin:0 auto; text-align: left; }
.wrap-inner {width:900px; float:left; margin-bottom: 20px;}
section {width:600px; float:left; }
aside {width:600px; height:30px;  padding-bottom: 25px; margin-bottom: 25px; font-size:11px; border-bottom: #e6e6e6 1px solid; }
.author {float:left;}
.comment-count {float:right;}
nav {width: 250px; float: right; }
nav ul {margin:0;}
nav li {list-style-type:none; border-bottom: 1px solid #e6e6e6; padding-left:.9em;}

footer {width:900px; margin: 0 auto; padding:20px 0; text-align: center; clear: both; border-top: #ccc 1px solid; font-size: 12px;}
/* Header */
header {float: left; width:900px; /*padding: 25px 0 10px 0; */}
/*h1 {font: bold 30px/30px   Perpetua, Georgia, serif; font-size: 50px;text-transform:uppercase; }*/
h1 a {color:#000; }
h1 a:hover {color:#c90; }

a {color:#600; text-decoration: none;}
a:hover {color:#c90; }
img { border: 0;}
p {margin-bottom: 18px;}
h2, h3, h4, h5, h6 {font-weight: normal;}
h2 {margin-top: 0;}
h4 {color: #999;}

#commentlist li, blockquote {margin-left: 40px;}
#commentlist li .commenter {margin-bottom: 40px; font-size: 11px;}
/* #bottomnav { margin-bottom: 3em;}*/
#previous {float:left;}
#next {float: right;}

.author span {font-weight: bold;}

/* AND */
abbr[title='and'] {
font-family: Baskerville, Palatino, "Book Antiqua", serif;
font-style: italic;
border: none;
}
sup {vertical-align:super;}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Forms */
.search-button, #submit {
color: #fff;
background: #000;
border: none;
text-transform:lowercase;
}

/*comment form*/
#commentform fieldset {
margin: 0 0 15px 0;
}
#commentform fieldset label {
display: block;
margin: 0 0 3px 0;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform fieldset textarea {
width: 500px;
border: #ccc solid 1px;
padding: 5px;
}
#commentform fieldset textarea {
display: block;
height:200px;
margin: 0 0 3px 0;
}

#searchform {margin-top: 3px;}
#search-text {width: 170px; border: #ccc solid 1px;}
#archives {margin-top: 5px;}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */
/* self-clear floats */
.group:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .group { /* IE6 */
zoom: 1;
}
*:first-child+html .group { /* IE7 */
zoom: 1;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------- */
@media print {
body { width: 100%; margin: 0; padding: 1em; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; line-height: 1.5; background:#fff; } 
/* links */ 
a:link, a:visited { color: #333; text-decoration: none; } 
/* hide */ 
.slideshow, nav, #bottomNav, .search  {display: none;}
/* print URLs after articles 
article p a:after { content: " (" attr(href) ")"; } */ 
}