/*
Theme Name:DreamHostStatus
Theme URI:http://www.dreamhoststatus.com/
Description:What's up!  What's not.  Custom-built for DreamHost's status blog.
Version:1.0
Author:Brett Dunst
Author URI:http://brett.newdream.net/journal.html
*/

body {
margin:0;
padding:0;
font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;
text-align:center;
background:#fff url(images/pagebg.gif) 0 0 repeat-x;
}

html,body {
height:100%;
}

#center {
margin:0 auto;
text-align:left;
width:90%;
position:relative;
}

#header {
position:relative;
border:0 solid green;
height:117px;
}

#header img {
border:0;
}

#header div {
position:absolute;
bottom:0;
left:115px;
font-size:.8em;
color:#2f62b7;
font-weight:700;
}

#clock {
color:#2f62b7;
font-weight:700;
text-align:center;
border-left:1px solid #b8cef4;
border-right:1px solid #b8cef4;
border-bottom:1px solid #b8cef4;
background-color:#eef3fa;
margin-bottom:10px;
}

#main {
width:100%;
}

.post {
border:0 dotted #000;
margin-top:14px;
width:100%;
}

.postleft {
border:0 solid green;
width:111px;
float:left;
}

.timebox {
height:62px;
background:url(images/timebox.gif) 0 0 repeat-x;
text-align:center;
}

.timeboxshadow {
background:url(images/timebox-shadow.gif) 0 0 no-repeat;
height:4px;
width:88px;
margin:0 auto;
}

.postdate {
color:#1b396a;
font-size:1.65em;
padding-top:5px;
}

.posttime {
color:#737373;
font-size:1.2em;
}

.severity,.resolved {
font-size:.75em;
text-align:center;
color:#333;
height:20px;
width:96px;
margin:0 auto;
line-height:20px;
}

.severity em,.resolved em {
font-weight:700;
}

.severity {
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

.severityhigh {
background:url(images/sev-high.gif) 0 0 repeat;
background-color:#fdb1b2;
}

.severitymedium {
background:url(images/sev-med.gif) 0 0 repeat;
background-color:#fceeba;
}

.severitylow {
background:url(images/sev-low.gif) 0 0 repeat;
background-color:#dcfebb;
}

.resolved {
border:1px solid #ddd;
}

.resolvedyes {
background:url(images/res-yes.gif) 0 0 repeat;
background-color:#dcfebb;
}

.resolvedno {
background:url(images/res-no.gif) 0 0 repeat;
background-color:#fceeba;
}

.postright {
border:0 solid purple;
margin-left:140px;
margin-right:40px;
margin-bottom:30px;
}

.postright p {
font-size:.8em;
}

.postfooter {
border-top:1px dotted #a3a3a3;
color:#4086fa;
font-size:.8em;
margin-top:10px;
}

.postfooter a {
color:#2f62b7;
}

.postfooter li {
border-right:1px dotted #a3a3a3;
float:left;
list-style:none;
padding:0 8px;
}

.postsummary {
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
background-color:#f2f2f2;
padding:10px;
margin-bottom:20px;
margin-top:20px;
font-size:.75em;
line-height:1.5em;
color:#666;
}

.comment {
background-color:#f6f6f6;
}

.commentalt {
background-color:#fff;
}

.commentmeta {
padding-bottom:15px;
}

.comment,.commentalt {
border-bottom:1px solid #ccc;
padding:5px 10px 10px;
font-size:.8em;
color:#333;
}

.comment a,.commentalt a {
text-decoration:none;
font-weight:700;
}

.comment p,.commentalt p {
padding:10px;
margin:0;
font-size:1em;
}

.comment div,.commentalt div {
color:#369;
line-height:1.9em;
}

.comment span,.commentalt span {
float:right;
}

.comment a,.commentalt a {
color:#2f62b7;
}

.commentdh {
border-bottom:1px solid #b8cef4;
font-size:.75em;
color:#666;
}

.commentdh div {
background:url(images/dhcomment-head.gif) 0 0 no-repeat;
background-color:#dfe9fa;
color:#FFF;
height:23px;
padding:0 0 0 30px;
line-height:23px;
}

.commentdh span {
float:right;
color:#2f62b7;
margin-right:10px;
}

.commentdhbody {
background:url(images/dhcomment-body.gif) 0 0 repeat-x;
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
background-color:#fff;
font-size:.75em;
height:auto;
color:#333;
padding:0 10px 5px;
}

#leftside {
margin-right:200px;
border:0 solid #FF0;
}

#rightside {
float:right;
width:190px;
font-size:.75em;
}

#rightside h2,#rightside h3 {
color:#1b396a;
font-size:1.6em;
font-weight:400;
margin:0;
line-height:1.7em;
border-bottom:0;
}

#rightside h2 {
border-top:1px solid #d9e7fe;
}

#rightside h3 {
border-bottom:1px solid #d9e7fe;
}

#rightside ul {
margin:0;
padding:0;
list-style-type:none;
}

/* stupid hack to fix retarded list item spacing bug in ie6   */
/* gets overridden to 'block' later, but that's how it works! */
#rightside li {
display:inline-block;
}

#rightside li {
display:block;
background-color:#fbf7e5;
border-top:1px solid #d9e7fe;
position:relative;
}

#rightside li a {
color:#2f62b7;
padding:0 0 0 15px;
text-decoration:none;
line-height:1.9em;
position:relative;
}

#rightside li a:hover {
color:#1b396a;
font-weight:700;
}

#rightside li img {
border:0;
}

#rightside li.recent a {
padding:0;
}

#rightside li li a {
padding:0 0 0 25px;
}

#rightside li li li a {
padding:0 0 0 35px;
}

#rightside li a+a {
position:absolute;
right:4px;
top:3px;
}

#search {
background-color:#fbf7e5;
}

#search form {
margin:0;
padding:5px;
}

#search form .text {
padding:0;
margin:0;
float:left;
background-color:#fefdf7;
border:1px solid #abadb3;
width:110px;
height:20px;
}

#search form .button {
margin:0;
border:1px solid #abadb3;
height:22px;
}

.fancyform {
font-size:.8em;
margin:0;
padding:0;
}

.fancyform label {
margin-left:5px;
}

.fancyform input.text, {
float:left;
width:30%;
border:1px solid #c1cdd4;
font-size:.7px em;
padding:0;
}

.fancyform input.button {
border-top:1px solid #d2d2d2;
border-left:1px solid #d2d2d2;
border-right:1px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;
background-color:#2f62b7;
font-size:.9em;
font-weight:700;
height:34px;
color:#fff;
float:right;
}

.fancyform input.button:hover {
background-color:#eef3fa;
border:2px solid #66839f;
color:#2f62b7;
}

.fancyform textarea {
border:1px solid #c1cdd4;
width:100%;
}

h1 {
color:#2f62b7;
font-size:1.65em;
padding:10px 0 0;
margin:0;
border-bottom:1px dotted #e0e0e0;
font-weight:400;
line-height:.95em;
}

h1 a,h2 a {
color:#2f62b7;
text-decoration:none;
}

h2 {
color:#2f62b7;
font-size:1.25em;
padding:0;
margin:10px 0 0;
font-weight:400;
border-bottom:1px dotted #ccc;
}

.subhead {
margin:0;
color:#4086fa;
font-size:.7em;
}

.caution {
padding:10px;
margin:10px 0;
background:url(https://secure.newdream.net/newpanel/caution-bg.gif) 0 0 repeat-x;
background-color:#faf6cc;
border:1px dotted #e6abab;
}

.caution a {
color:#d63838;
}

.caution img {
float:left;
margin-top:.2em;
}

.caution div {
font-family:helvetica,arial,sans-serif;
font-size:1.1em;
color:#e94e4e;
margin-left:25px;
}

div.error {
color:#eb272b;
clear:both;
}

div.error:before {
content:"\00BB \0020";
font-weight:700;
}

#footer {
font-family:Helvetica,Arial,sans-serif;
font-size:.6em;
color:#69779e;
margin:0 30px;
padding:0 4px;
text-align:right;
background:#ecf2f6;
border:1px solid #dde3e7;
}

.clear {
clear:both;
font-size:1px;
}

.clearleft {
clear:left;
font-size:1px;
}

.clearright {
clear:right;
font-size:1px;
}

/* Jason's Sticky Post Hack */
.postleft .timebox .sticky:before {
background-color:rgba(235,89,60,0.35);
content:" ";
display:block;
height:62px;
left:0;
position:absolute;
width:111px;
}

.postleft .timebox .sticky .postdate {
color:#000;
}

.postleft .timebox .sticky .posttime {
color:#666;
}

/* Jason's More Link */
.more-link {
display:block;
text-indent:10px;
font-size:1.25em;
font-weight:700;
color:#eb593c;
text-decoration:none;
}