/*
 *   global
 */
* {
  padding:0;
  margin:0;
}
body {
  font-family: Verdana, Trebuchet, "sans serif";
  font-size:1.0em;
  background-color:#333333;
   margin:0 auto;
   padding:0;
   height:100%;
} 

/*
 * structure 
 */
div#wrap {
  min-height:100%;
  margin:0 auto;
  width:790px;
  padding-top:40px;
}
div#header {
  background-image:url('images/header-middle.png');
  background-repeat:repeat-x;
  background-position:top left;
  height:149px;
}
div#innerheader {
  background-image:url('images/header-right.png');
  background-repeat:no-repeat;
  background-position:top right;
  height:149px;
}
div#title {
  background-image:url('images/header-left.png');
  background-repeat:no-repeat;
  background-position:top left;
  height:149px;
  padding-top:30px;
  padding-left:30px;
}
div#title img#twitter {
  float:right; 
  margin-right:50px;
}
div#content {
  border-left:6px solid #414141;
  border-right:6px solid #414141;
  background-color:#AE0000;
}
div#page {
  background-color:#ffffff;
  width:70%;
  float:left;
  min-height:100px;
  background-image:url('images/page-corner.png');
  background-position:top right;
  background-repeat:no-repeat;
}
div.innerpage {
  min-height:300px;
  padding:10px;
  background-image:url('images/page-corner-bottom.png');
  background-repeat:no-repeat;
  background-position:bottom right;
}

div#sidebar {
  width:27%;
  float:left;
  margin-top:50px;
}
div#sidebar div.block {
  padding: 12px 15px 0px 15px;
}

/*
 *   nav
 */
div#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}
div#sidebar ul li {
}
div#sidebar ul li a {
  background-color:#910000;
  color:#ffffff;
  border-bottom:2px solid #7D0000;
  border-right:2px solid #7D0000;
  border-left:1px solid #620000;
  display:block;
  padding:16px 7px;
  text-decoration:none;
  font-size:0.9em;
}
div#sidebar ul li a:hover {
  background-color:#880000;
}

/*
 *   headers
 */
h1 {
  color:#ffffff;
  font-size:2.8em;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:normal;
}
div#title h1 a {
  color:#ffffff;
  text-decoration: none;
}
h2 {
  color:#4A0000;
  font-weight:normal;
  padding:0;
  margin:-10px 0 0 0;
}

h3 {
  font-size:1.4em;
  color:#7F0000;
  font-weight:normal;
  margin-bottom: 0.5em;
}

/*
 *   links
 */
a {
  color:#910000;
}
a:hover {
  color:#880000;
}
div#sidebar ul li a.selected, div#sidebar ul li a.selected:hover {
  background-color:#ffffff;
  border-left:none;
  border-right:none;
  font-weight:bold;
  color:#910000;
}

/*
 *   paragraphs
 */
p {
  color:#333333;
  padding-bottom:1em;
}

/*
 *   footer
 */
div#footer {
  padding:10px 0;
  border-left:6px solid #414141;
  border-right:6px solid #414141;
  background-color:#AE0000;
}
div#footer p {
  text-align:center;
  margin:0;
  padding:0;
}
div#footer p, div#footer a {
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
}

/*
 *   forms, labels, inputs
 */
input.button {
  font-weight:bold;
  padding:5px 15px;
}
input, textarea {
  padding:5px;
  background-color:#ffffff;
  border:1px solid #dddddd;
}
label {
  font-weight:bold;
}
form input.formbutton {
  background-color:#950303;
  color:#FFFFFF;
  font-weight:bold;
  padding:5px 10px;
}

/*
 *   tables
 */
table {
  width:100%;
  font-size:0.85em;
}
table tr th {
  color:#ffffff;
  background-color:#333333;
}
table tr th, table tr td {
  padding:5px 10px;
  text-align:left;
}
table tr td {
  border-bottom:1px solid #dddddd;
}

/*
 *   lists
 */
div.sidebar ul {
  list-style:none;
  padding:0;
  border-top:4px solid #dddddd;
  margin:0 0 20px 0
}
ul {
  margin:0 0 20px 20px;
  padding:0;
  list-style:square;
}
ul li {
  padding:3px 0;
}

/*
 *   miscs
 */
code {
  border:1px solid #cccccc;
  background-color:#dddddd;
  color:#333333;
  display:block;
  padding:10px 5px;
  margin:10px 0;
}
.clear {
  clear:both; 
}
.right { 
  float:right; 
}
.left  {
  float:left;  
}
*:focus {
  outline:none;
}

/*
 * Twitter status layout
 */
ol.statuses {
  font-size:14px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  width: 530px;
  min-height: 150px;
}

ol.statuses > li:first-child {
  border-top:1px solid #EEEEEE;
}

ol.statuses li.status, ol.statuses li.direct_message {
  border-bottom:1px solid #EEEEEE;
  line-height:16px;
  padding:10px 0 8px;
  position:relative;
}

ol.statuses > li:last-child {
  border-bottom: none;
}

ol.statuses .thumb {
  display:block;
  height:50px;
  left: 5px;
  margin:0 10px 0 0;
  overflow:hidden;
  position:absolute;
  width:50px;
}

ol.statuses span.status-body {
  display:block;
  margin-left:56px;
  min-height:48px;
  overflow:hidden;
  width:425px;
}

ol.statuses a {
  color:#2276BB;
  text-decoration:none;
}

ol.statuses .thumb img {
  height:48px;
  width:48px;
  border-color:transparent;
  border-width:0;
}

ol.statuses .actions {
  border-width:0;
  line-height:1.25em;
  position:absolute;
  right:0;
  top:8px;
}

#content li .meta, #content li .actions-hover {
  height:auto;
}

.meta {
  color:#999999;
  display:block;
  font-size:11px;
}

.entry-meta {
  margin-top:2px;
}

.meta a {
  color:#999999;
}

#content li .meta, #content li .actions-hover {
  height:auto;
}

.actions-hover {
  bottom:8px;
  color:#999999;
  float:right;
  font-size:11px;
  overflow:visible;
  padding-right:10px;
  position:absolute;
  right:0;
  visibility:hidden;
} 

ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

ol.statuses li {
  position:relative;
}

.actions-hover li {
  display:block;
  float:left;
  padding:0 !important;
}

ol.statuses li.hentry .reply, ol.statuses li.hentry .del {
  background-image:none;
}

.hentry .actions-hover li .retweet-link, .hentry .actions-hover li .del, .hentry .actions-hover li .reply {
  display:block;
  float:left;
  line-height:16px;
}

.hentry .actions-hover span.icon {
  background-image:url(http://s.twimg.com/a/1259882278/images/sprite-icons.png);
  background-repeat:no-repeat;
  display:block;
  float:left;
  margin-left:8px;
}

.actions-hover .delete-icon, .actions-hover .reply-icon, .actions-hover .retweet-link .retweet-icon {
  cursor:pointer;
}

.actions-hover .reply-icon {
  height:15px;
  margin-right:1px;
  width:15px;
}

.hentry .actions-hover li .retweet-link, .hentry .actions-hover li .del, .hentry .actions-hover li .reply {
  display:block;
  float:left;
  line-height:16px;
}

.hentry .actions-hover span.icon {
  background-image:url(http://s.twimg.com/a/1259882278/images/sprite-icons.png);
  background-repeat:no-repeat;
  display:block;
  float:left;
  margin-left:8px;
}

.pointer, .actions-hover .delete-icon, .actions-hover .reply-icon, .actions-hover .retweet-link .retweet-icon {
  cursor:pointer;
}

.actions-hover .retweet-icon {
  background-position:-176px 0;
  height:16px;
  margin-right:2px;
  width:16px;
}

.notetoself, .toself {
  border-left: medium solid red;
}
.todo {
  border-left: medium solid orange;
}
.forlater {
  border-left: medium solid yellow;
}
.reminder {
  border-left: medium solid green;
}
.iresolve, .iresolveto, .resolution, .nyresolution, .newyearresolution {
  border-left: medium solid blue;
}