/*
Base Style Sheet for the W3C QA Weblog.

Copyright 2000-2005 W3C (MIT, INRIA, Keio). All Rights Reserved.
See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright

$Id: blogstyle.css,v 1.131 2011/10/20 10:08:49 bbos Exp $
*/

/*
General styling
*/

html {
   background-color: white;
}

body {
   margin: auto auto;
   padding-left: 6%;
   padding-right: 6%;
   /* background-color: white;*/
   color: #33444A;
   font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
   font-size: 1em;
   background: #495E69;
   /* setting base font to user's prefered size */
   line-height: 120%;
}

/*
Main blocks - see also #menu styled in navbar.css
*/

#banner {
   background-color: white;
   background-image: url(header.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: top right;
   padding: 0;
   height: 50px;
   margin-bottom: 0;
   border-bottom: 0;
   border-top: 0;
   padding-left: 15px;
   border-left: 1px solid #28343B;
   border-right: 1px solid #28343B;
}

#banner h1 {
   height: 50px;
   vertical-align: middle;
   font-size: 1.5em;
   display: inline;
}
#banner h1 a:link, #banner h1 a:hover, #banner h1 a:active, #banner h1 a:visited {
   text-decoration: none;
}
p#tagline {
    background-color: #E2EDFE;
    color: black;
    padding: .3em 55px;
    margin: 0 !important;
    text-align: left;
    border-top: 1px solid #005A9C;
    font-style: italic;
    border-left: 1px solid #28343B;
    border-right: 1px solid #28343B;    
}
#main {
   border-bottom: 0;
   border-top: 0;
   border-left: 1px solid #28343B;
   border-right: 1px solid #28343B;
   background-color: white;
}

#main, address {
   margin: 0;
   /*margin-left: 42px; */
   padding: 0 15px 1px 15px;
   padding-left: 0;
   padding-right: 0;
   /* border: 1px solid #E8E8FA; */
}

address {
   font-size:0.85em;
   background-color: #155690;
   color: #fff;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 25px;
   border-top: 0;
   border-bottom: 1px solid #28343B;
   border-left: 1px solid #28343B;
   border-right: 1px solid #28343B;
   clear: both;
   text-align: right;
}

address a {
   background-color: #155690;
   color: #fff !important;
   font-weight: bold;
}

#main address {
   background-image: none !important;
   height: auto !important;
   background-color: white !important;
   border: 1px solid #eee;
}

address img {
   display: none;
   float: left;
   vertical-align: middle;
   width: 88px;
}

.intro {
   font-style: italic;
   text-align: justify;
}

p.readmore {
   font-size: small;
   padding: 0;
   margin: -5px 0 0 15px;
   line-height: 100%;
}

.postinfo {
   font-size: x-small;
   text-align: right;
   padding: 0;
   margin: 0 25px 0 15px;
   line-height: 100%;
}

/*
Headers
*/

h1 {
   color: #155690;
   font-size: 1.2em;
   font-family: "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}

h2 {
   color: #33444A;
   background: white;
   padding: 5px 15px;
   margin-top: 0px;
   margin-bottom: 10px;
   font-size: 1.1em;
   /*text-align: center;*/
   text-decoration: none;
   font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
   font-weight: bold;
}

h3 {
   /* color: #C65831; */
   color: #33444A;
   font-weight: bold;
   font-size: .9em;
   padding: 5px 15px;
   padding-bottom: 0;
   border-top: 1px solid #D9E2C8;
   text-decoration: none;
   font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
}

h4 {
   color: #315B08;
   font-weight: 500;
   padding-left: 15px;
   font-style: italic;
   text-decoration: none;
   font-size: 1em;
   font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
}

h5,h6 {
   color: #315B08;
   background-color: white;
   font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
}

/*
Text division / thematic break / head-less section
*/
hr:before {
    content: "*\A0 *\A0 *";
    display: block;
    text-align: center;
}
hr {
    border: none;
    height: auto;
}

/*
General link styling
*/

a:link, a:visited {
   color: #005A9C;
   text-decoration: underline;
}

a:hover, a:active {
   color: #00428c;
   text-decoration: underline;
}

h2 a:link, h2 a:visited {
   color: #33444A;
   text-decoration: none;
}
h2 a:hover, h2 a:active {
   color: #33444A;
}
h3 a:link, h3 a:visited {
   color: #33444A;
   text-decoration: none;
}
h3 a:hover, h3 a:active {
   color: #33444A;
}
/*
Other basic styles
*/

/* TODO - add ol, li, td here ? */
p, dt {
   margin-left: 15px;
   margin-right: 25px;
}

dd {
   margin-left: 35px;
   margin-right: 25px;
}

li {
   margin-right: 25px;
}

#news dt {
   font-weight: bold;
   margin-top: 1em;
}

img {
   margin: 0;
   padding: 0;
   vertical-align: middle;
   border: 0;
}

acronym:hover, abbr:hover {
   cursor: help;
}

abbr[title], acronym[title], span[title], strong[title] {
   border-bottom: thin dotted;
   cursor: help;
}

pre, blockquote {
   font-size: 0.9em;
   width: 70%;
   margin: auto;
   padding: 0.5em 1em;
   overflow: visible;
   background-color: #D9E2C9;
   color: #000;
}

pre, code, tt {
   font-family:  "Courier New", Courier, monospace;
   line-height: 1.2em;
   white-space: pre;
   white-space: pre-wrap;
}

.speaker {
   font-weight: bold;
   color: #315B08;
}

a:link img, a:visited img {
   border-style: none;
}
a img {
   color: black;
}

/* The only way to hide the border in NS 4.x */
ul.toc {
   list-style: none;
}

/*
Stuff we don't actually want too visible - or not at all
*/

p.copyright {
   margin: 0;
   padding: 0;
   font-size: small;
   text-align: justify;
   text-transform: uppercase;
   font-family: "Bitstream Vera Sans Mono", monospace;
   color: white;
   line-height: 120%;
   padding: 1em;
   clear: both;
}

p.copyright a {
   color: white;
   font-weight: bold;
   text-decoration: none;
}

.hideme {
   display: none;
}

/* lefthand content */
#latest {
   /* width: 64%; */
   margin-left: 1.5%;
   margin-right: 34.5%;
}

/* righthand menu */
#jumpbar {
   background-color: white;
   float: right;
   width: 33%;
   margin-right: 0;
   text-align: left;
   text-decoration: none;
   padding: 0 0 1em 0;
   border-bottom: 1px solid #B2EF3C;
   font-size: 0.9em;
   font-weight: normal;
   margin-left: 1em;
   z-index: 3;
   clear: right;
}

#jumpbar h2 {
   background-color: #ffffff;
   margin-top: 0px;
   font-size: 1em;
   text-align: left;
   border-bottom: 1px solid #B2EF3C;
}

#jumpbar h3 {
   border-top: 0 !important;
   margin: 5px 0 5px 0;
}

#jumpbar ul {
   padding: 0;
   margin: 0;
   margin-left: 15px;
   margin-right: .5em;
}

#jumpbar li {
   list-style-type: none;
   background: url(/QA/2006/01/bullet.gif) 0 2px no-repeat;
   padding-left: 8px;
   font-size: 0.9em;
}

#jumpbar img.feed_icon {
   padding-right: .3em;
   padding-bottom: .2em;
}

/* top menu */
#menu {
   background-color: #005A9C;
   color: white;
   margin: 0;
   padding: 0;
   /*margin-left: 42px;*/
   padding-top: 5px;
   padding-bottom: 5px;
   line-height: 200%;
   vertical-align: bottom;
   font-size: 0.9em;
   list-style-type: none;
   border-bottom: 0;
   border-top: 0;
   border-left: 1px solid #28343B;
   border-right: 1px solid #28343B;
}

#menu {
   padding-left: 1em;
   padding-right: 1em;
}

#menu li {
   display: inline;
}

#menu li a {
   padding-right: 1.2em;
   padding-left: 1.2em;
   color: white;
}

#searchbox {
   padding: 0;
   margin: 0;
   display: inline;
   float: right;
   margin-top: -2em;
   clear: left;
   width: 20em;
   text-align: right;
   margin-bottom: 3px;
   height: 1.5em;
   padding-right: 1em;
}

#searchbox form {
   display: inline;
   margin: 0;
   padding: 0;
}

#formbox {
   display: inline;
   margin: 0;
   padding: 0;
}

.textfield {
   margin-bottom: 1px;
}

#goButton {
   background-color: white;
   color: #005A9C;
   padding: 0.2em;
   height: 2em;
}
#goButton {
   overflow: visible;
   width: auto;
   color: #365D95;
   padding: 0.1em 0.4em 0.1em 0.3em;
   text-align: center;
   border-bottom: 2px solid #444;
   border-right: 2px solid #444;
   border-top: 1px solid #aaa;
   border-left: 1px solid #aaa;
   background: #eee url(/2007/08/pyRdfa/images/grad.png) repeat-x top left;
   cursor: pointer;
}

#goButton:active {
   color: #1f2126;
   border-bottom: 1px solid #aaa;
   border-right: 1px solid #aaa;
   border-top: 2px solid #444;
   border-left: 2px solid #444;
}

p.content-nav {
   font-family: "Gill Sans Light","Gill Sans", sans-serif;
   background-color: #B2D280;
   margin:0;
   padding:0;
   text-align: center;
   padding:5px;
}

p.content-nav a {
   font-size: 0.9em;
   margin: 1em;
   text-decoration: none;
   color: #3A5D13;
}

#footer {
   font-size:0.85em;
   background-color: #e2edfe;
   text-align: left;
   text-decoration: none;
   padding: 0;
   font-weight: normal;
   clear: both;
}

#footer div {
   background-color: transparent;
   float: left;
   width: 33%;
   margin: 0;
   padding: 0;
   margin-left: 2px;
   padding-left: 0;
}
span.clear {
   clear: both;
}

#foot_categs {
   margin-left: 3px;
}

#footer h2 {
   background-color: #ffffff;
   margin: 2em 0 0 0;
   text-align: left;
   padding: .5em 0 .5em 0;
}

#footer div h3 {
   margin: 0 0 0 1em;
   padding: 0;
   border-top-style: solid;
   text-align: left;
}

#footer div ul {
   list-style: none;
   margin: 0 0 0 1em;
   padding: 0;
}
#footer div ul li {
}

#footer div ul li ul {
   margin-left: 10px;
   padding: 0;
}

#footer div ul li ul li {
   display: inline;
   margin: 0;
   padding: 0;
   padding-left: 5px;
   font-size: smaller;
   font-weight: normal;
}

#gentime {
   padding-top: 2em;
   margin-bottom: 0;
   clear: both;
   font-size: x-small;
   text-align: right;
}

/* style for tables */
table {
   border-collapse: collapse;
   margin: 1em auto;
}

table caption {
   margin-left: auto;
   margin-right: auto;
}

table, tr, th, td {
   border: 1px solid black;
}
th, td {
   padding: 5px 1em;
}

th {
   background-color: #dfebf7;
   color: #000;
}

/* styles for comments */

h3#comments {
   background-color: #dfebf7;
   padding-bottom: .5em;
   margin-bottom: 0;
   margin-top: 3em;
}

div.comment {
   clear: both;
   border-top: 1px solid #eee;
   margin-bottom: 0;
   padding-bottom: 1em;
}
div.comment:hover {
   background-color: #f6f6fc;
}

p.comment-meta {
   padding: 1em 0 1em 1em !important;
   margin: 0 !important;
   float: left;
   width: 12em;
   overflow: hidden;
   display: inline;
}
p.comment-meta span.comment-meta-author {
   display: block;
}
p.comment-meta span.comment-meta-author strong {
   color: #666;
   font-weight: normal;
}
p.comment-meta span.comment-meta-date {
   display: block;
}

div.comment-bulk {
   background: transparent url(/QA/images/start_quote.gif) 0 0 no-repeat;
   margin-left: 12.5em;
   padding-left: 10px;
}

/* styles for comment form */

fieldset {
   border: none;
}

#comments-open h3 {
   background-color: #B2D280;
   padding-bottom: .5em;
   margin-bottom: 0;
   margin-top: 3em;
}
#comments-open-data label {
   margin: 0;
   padding: 2px;
   float: left;
   width: 10em;
   clear: both;
}

#comment-cookie {
   width: 33em;
}

#comment-cookie label {
   width: 20em;
   float: none;
}
#comment-cookie label input {
   width: 3em;
}

#comments-open-data input, #comments-open-data textarea {
   margin: 0;
   padding: 3px;
   width: 28em;
   border-color: #dfebf7;
   border-width: 1px;
   border-style: solid;
   font-family: Monaco, "Courier New", Monospace;
   font-size: 0.9em;
   border: 1px solid #bbb;
   border-top: 1px solid #777;
   border-bottom: 1px solid #ddd;
   background: #fefefe url(../images/textbg.png) no-repeat top left;
   padding: 0.2em 0.2em;
   max-width: 1000px;
   font-variant: normal;
}
#comments-open-text textarea, #comments-open-text label {
   width: 70%;
   margin-bottom: 1.5em;
}
/* text inputs */


#comments-open-data div, div#comment-form-external-auth {
   margin-left: 15px;
   margin-right: 25px;
   margin-bottom: 1em;
}
#comment-form-remember-me {
   clear: both;
}
#comment-form-remember-me label {
   float: none;
}
#comment-form-remember-me input {
   clear: both;
   width: 10px;
}
#comments-open-text {
   margin-left: 15px;
   margin-right: 25px;
   clear: both;
   display: block;
}

#comments-open-footer input {
   width: 8em;
   margin-left: 2em;
   margin-bottom: 1em;
}

#comments-open-footer input {
   overflow: visible;
   width: auto;
   color: #365D95;
   padding: 0.1em 0.4em 0.1em 0.3em;
   margin-left: 20%;
   width: 30%;
   min-width: 12em;
   text-align: center;
   border-bottom: 2px solid #444;
   border-right: 2px solid #444;
   border-top: 1px solid #aaa;
   border-left: 1px solid #aaa;
   background: #eee url(../images/grad.png) repeat-x top left;
   cursor: pointer;
}

#comments-open-footer input:active {
   color: #1f2126;
   border-bottom: 1px solid #aaa;
   border-right: 1px solid #aaa;
   border-top: 2px solid #444;
   border-left: 2px solid #444;
}


/* specific to tips of day */
#comments-open h4 {
   clear: both;
}

input#comment-submit {
   padding: .2em 2em;
   margin-top: 1em;
}
h2#abouttips {
   margin-top: 3em;
   border-top: 2px solid #dfebf7;
}

/* colored warning block */
p#latestnews {
   background-color: #FADDDE;
   margin-right: 45%;
   margin-left: 12%;
   padding: 2em;
   border: 1px solid #005A9C;
}

/* blog specific styling */
p.entry_author {
   font-size: small;
   text-align: right;
   padding: 0;
   margin: 0 5px 0 15px;
}

del {
   text-decoration: line-through;
   color: #55727D;   }

/* Styles added for Failed Commitment post */
.failed {
   background-color: #f99;
}
.valid {
   background-color: #cf9;
}