textarea {overflow: auto;}
input.text, textarea, select {
background: #FCFCFC;
border: 1px inset #AAA;
margin: 0.5em 0;
padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
input.button {
background: #DDD;
border: 1px outset #AAA;
padding: 4px 5px;
}
input.button:active {border-style: inset;}
/* Specific */
form .required {font-weight: bold;}
.form-error {border-color: #F00;}
.form-row {padding: 5px 0;}
.form-row-submit {
border-top: 1px solid #DDD;
padding: 8px 0 10px 76px;
margin-top: 10px;
}
.legend {
background: #F0FAF0;
border: 1px solid #D6DFD6;
font-size: 1.5em;
margin: 0;
padding: 8px 14px;
}
.form-property, .form-value {float: left;}
.form-property {
padding-top: 8px;
text-align: right;
width: 60px;
}
.form-value {padding-left: 16px;}
.form-error {border-color: #F00;}
/*
Alignment
------------------------------------------------------------------- */
/* General */
.center,.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Images */
img.bordered,img.alignleft,img.alignright,img.aligncenter {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}
/* Floats */
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.clear,.clearer {clear: both;}
.clearer {
display: block;
font-size: 0;
line-height: 0;
height: 0;
}
/*
Separators
------------------------------------------------------------------- */
.content-separator, .archive-separator {
background: #E5E5E5;
clear: both;
color: #FFE;
display: block;
font-size: 0;
line-height: 0;
height: 1px;
}
.content-separator {margin: 32px 0;}
.archive-separator {margin-bottom: 20px;}
/*
Posts
------------------------------------------------------------------- */
.post {margin-bottom: 20px;}
.post img.left, .post img.right {margin-bottom: 0;}
.post-date {
color: #777;
margin: 2px 0 10px;
}
.post-date a {color: #444;}
.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}
.post-body {font-size: 1.1em;}
.post-body a {color: #039;}
.post-body a:hover {color: #039;}
.post-body img.left, .post-body img.right {margin-bottom: 1em;}
/* Archives */
.archive-pagination {
color: #777;
padding: 10px 0;
}
.archive-pagination-top {
border-bottom: 2px solid #DDD;
margin-bottom: 24px;
}
.archive-pagination-bottom {
border-top: 2px solid #DDD;
margin-top: 24px;
}
.archive-post-date {
background: #F5F5F5;
border-bottom: 1px solid #C5C5C5;
border-right: 1px solid #CFCFCF;
float: left;
margin-right: 12px;
padding: 2px 0 5px;
text-align: center;
width: 46px;
}
.archive-post-title .post-date {margin: 0;}
.archive-post-title {padding-top: 4px;}
.archive-post-day {font: normal 1.6em Georgia,serif;}
/*
Comments
------------------------------------------------------------------- */
.comment-input-text textarea {width: 80%;}
/* Comment list */
.comment-list-wrapper {
background: #F6F6F6;
margin: 10px 0 0;
padding: 5px 12px 10px 7px;
}
.comment-list {
margin: 0;
padding: 0;
}
.comment-list li {list-style: none;}
.comment-list ul {margin-bottom: 0;}
.comment-profile-wrapper {
text-align: center;
width: 105px;
}
.comment-gravatar {margin-bottom: 3px;}
.comment-content-wrapper {
float: right;
width: 481px;
}
.comment-parent, .comment-single {margin-top: 15px;}
.comment-list ul.children, #comments #respond ul {
border-left: 1px solid #CCC;
margin: 0 0 0 130px;
}
.comment-list ul.children ul.children {margin-left: 15px;}
.comment-list ul.children li {
background: url('img/comment-reply.gif') no-repeat left top;
margin: 0;
padding: 10px 0 0 15px;
}
.comment-body {
background: #FFF;
border: 1px solid #DDD;
padding: 10px 12px 0;
}
.comment-list ul.children .comment-body {background: #FCFCFC;}
.comment-author {padding-top: 2px;}
.comment-text p {margin-bottom: 0.8em;}
.comment .post-date, .comment-author {font-size: 0.9em;}
.comment .post-date .right a {color: #BBB;}
.comment .post-date .right a:hover {color: #234;}
.comment-arrow {
background: url('img/comment-arrow.gif') no-repeat left top;
display: block;
float: left;
height: 45px;
margin: 3px 0 -45px -41px;
position: absolute;
width: 29px;
}
/* Respond */
#respond li {list-style: none;}
#respond {
background: #F6F6F6;
padding: 10px 12px;
}
#respond ul {margin: 0;}
#respond .legend {margin-bottom: 10px;}
#comments #respond {padding: 0;}
#comments #respond .legend {
border-bottom: 0;
margin-bottom: 0;
}
#comments #respond ul {
background: url('img/comment-reply.gif') no-repeat left top;
padding: 10px 0 0 15px;
}
#comments ul.children #respond ul {
margin-left: 30px;
padding: 0;
}
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {display: none;}
#comments #respond .comment-body {background: #FFF;}
#comments #respond .comment-content-wrapper {
float: none;
width: 100%;
}
/*
Layout
------------------------------------------------------------------- */
/* Common */
#top, #sub-nav {border-bottom: 1px solid #DDD;}
/* Wrapper */
#site-wrapper {
margin: 0 auto;
width: 920px;
}
/* Header */
#header {padding-top: 24px;}
/* Top */
#top {padding-bottom: 32px;}
/* Logo */
#logo { border-right: 1px solid #DDD;
padding: 10px 40px 10px 0;
margin-right: 40px;
}
#logo img {}
/* Splash */
#splash {padding-top: 32px;}
/* Navigation */
.navigation a {
color: #888;
text-decoration: none;
}
.navigation a:hover {color: #002;}
.navigation li.current-tab a {color: #222;}
#main-nav li:first-child, #sub-nav li:first-child {margin-left: 0;}
/* Main navigation */
#main-nav {padding-top: 72px;}
#main-nav li {margin: 0 1.5em;}
#main-nav a {
font-size: 1.8em;
line-height: 2em;
padding-bottom: 2px;
}
#main-nav li.current-tab a {color: #333;}
#main-nav a:hover {color: #002;}
#main-nav li.current-tab a {border-bottom: 2px solid #94CC5F;}
/* Subnav */
#sub-nav {
border-bottom: 1px solid #DDD;
padding: 12px 0;
}
#sub-nav a {
font-size: 1.2em;
text-decoration: none;
}
#sub-nav li {margin: 0 1em;}
#sub-nav li.current-tab a {font-weight: bold;}
/* Main */
.main {margin: 24px 0;}
.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}
.main#main-two-columns-left {background: url('img/main-two-columns-left.gif') repeat-y left top;}
.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {width: 620px;}
/* Sidebar */
#sidebar {width: 255px;}
/* Columns */
.col3, .col3-mid {width: 31%;}
.col3-mid {margin-left: 3%;}
/* Sections */
.section {margin-bottom: 24px;}
.section-title {
background-color: #F9F9F9;
border-top: 2px solid #DDD;
color: #7A7A7A;
font: bold 1.2em sans-serif;
margin-bottom: 16px;
padding: 7px 10px 6px;
}
#sidebar .section-title {margin-bottom: 8px;}
/* Footer */
#footer {
border-top: 1px solid #DDD;
color: #777;
padding: 16px 0 4px;
}
#footer-left {width: 459px;}
#footer-right {
width: 459px;
text-align: right;
}
#footer p {margin-bottom: 0.4em;}
#footer .text-separator {
padding: 0 3px;
color: #BBB;
}
#footer a:hover {color: #000;}
/*
Misc overriding classes
------------------------------------------------------------------- */
/* Border */
.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}
/* Margin */
.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}
/* Padding */
.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}
/*
IE Fixes (zzz)
------------------------------------------------------------------- */
* html .navigation, * html #footer, * html #splash, * html .comment ul {height: 0.01%;}
* html #footer-left {width: 500px;}
.navigation, #splash, .comment ul {min-height: 0.01%;}