/* default.css
 *
 * global tags
 * #container
 *   #header
 *   #sidebar 
 *   #content
 *   #footer
 * misc.
 */

/* global tags */

a {
  color: #4088b8;
  font-weight: 700;
  text-decoration: none;
}

a:hover { text-decoration: underline; }

a img { border: 0; }

body {
  background: url(/images/theme/background.gif) repeat-y top center #fff;
  color: #404040;
  font: 80% Verdana, Tahoma, Arial, sans-serif;
  line-height: 1.2em;
  margin: 0 auto;
  padding: 0;
}

h1 {
  color: #4088b8;
  font-size: 4.2em;
  letter-spacing: -5px;
  margin: 0 0 30px 25px;
}

h1 a {
  color: #4088b8;
  text-transform: none;
}

h2, h3 {
  border-bottom: 4px solid #dadada;
  color: #4088b8;
  font-size: 1.4em;
  letter-spacing: -1px;
  margin: 0 0 10px;
  padding: 0 2px 2px 5px;
}

h5 {
  color: #4088b8;
  font-size: 1.4em;
  letter-spacing: -1px;
  margin: 0 0 10px;
  padding: 0 2px 2px 5px;
}

p { margin: 0 0 18px 10px; }

ul, ol, dl {
  font-size: 0.9em;
  margin: 2px 0 16px 35px;
}

ul ul, ol ol { margin: 4px 0 4px 35px; }

/* container */

#container {
  color: #404040;
  margin: 10px auto;
  padding: 0;
  width: 970px;
}

/* header */

.header_ad { 
  float: left; 
  margin: 45px 0 0 90px; 
}

.header_image { 
  float: left; 
  margin: 10px 0 20px 0;
}

#subtitle {
  color: 808080;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.2em;
  margin: 15px 0 20px 35px;
}

#toplinks {
  font-size: 0.9em;
  padding: 5px 2px 2px 3px;
  text-align: right;
}

#toplinks a { color: 808080; }

/* sidebar */

#sidebar {
  float: right;
  line-height: 1.4em;
  margin: 0 0 5px;
  padding: 1px 0 0;
  width: 195px;
}

#sidebar h2 { margin: 3px 0 8px; }

#sidebar li {
  list-style: none;
  margin: 0 0 4px;
  padding: 0;
}

#sidebar li a {
  font-size: 1.2em;
  font-weight: 700;
  padding: 2px;
}

#sidebar ul {
  font-size: 0.9em;
  list-style: none;
  margin: 0;
  padding: 0 0 15px 10px;
}

#sidebar ul ul {
  line-height: 1.2em;
  margin: 4px 0 3px 15px;
  padding: 0;
}

#sidebar ul ul li a { font-weight: 400; }

#sidebar #flickr {
  margin: 0 0 2em;
  clear: both;
}

#sidebar #flickr div {
  text-align: center;
}

#sidebar #flickr img {
  margin: 0 0 5px;
  padding: 5px;
  border: 1px solid #dadada;
  display: block;
}

#sidebar #flickr img:hover {
  background: #4088b8;
}

#sidebar #flickr a {
  border: none;
}

/* content */

.comments {
  padding: 0 0 0 25px;
}

.comment0 {
  background: #fff;  
  margin-bottom: 8px;
  padding: 10px;  
  min-height: 80px;
}

.comment1 {  
  background: #fff;
  margin-bottom: 8px;
  padding: 10px;  
  min-height: 80px;
}

#content {
  float: left;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 750px;
}

#content .comment.preview {   
  background: #fff;
  border: 3px solid #c8c8c8;
  padding: 10px;  
  min-height: 80px;
}

#content h3 { margin: 10px 0 8px; }
  	
.gravatar {
  float: left;
  padding: 0 5px 0 0;
}

/* footer */

#footer {
  border-top: 4px solid #dadada;
  clear: both;
  color: #808080;
  font-size: 0.9em;
  line-height: 1.6em;
  margin: 0 auto;
  padding: 8px 0;
  text-align: right;
}

#footer a { color: #808080; }

#footer p {
  margin: 0;
  padding: 0;
}

/* misc. */

blockquote {
  border: 1px solid #dadada;
  font-size: 0.9em;  
  margin: 20 45 20 45;
  padding: 8px;
}

.blue { color: #4088b8; }

.box {
  background: #4088b8;
  border: 1px solid #c8c8c8;
  color: #fff;
  font-size: 0.9em;
  line-height: 1.4em;
  padding: 10px 10px 10px 13px;
}

.box a { color: #f0f0f0; }

.clear { clear: both; }

code { font-size: 120%; }

.fade { color: #c8c8c8; }

.gray { color: #808080; }

.left {
  float: left;
  margin: 0 15px 4px 0;
}

.photo {
  background: #fff;
  border: 1px solid #bababa;
  margin: 6px 18px 2px 5px;
  padding: 2px;
}

.readmore {
  margin: -10px 10px 12px 0;
  text-align: right;
}

.right {
  float: right;
  margin: 0 0 4px 15px;
}

.timestamp {
  font-size: 1.2em;
  margin: -5px 0 15px 10px;
}

.timestamp a { font-weight: normal; }

.typocode_ruby .normal {}
.typocode_ruby .comment { color: #005; font-style: italic; }
.typocode_ruby .keyword { color: #a00; font-weight: bold; }
.typocode_ruby .method { color: #077; }
.typocode_ruby .class { color: #074; }
.typocode_ruby .module { color: #050; }
.typocode_ruby .punct { color: #447; font-weight: bold; }
.typocode_ruby .symbol { color: #099; }
.typocode_ruby .string { color: #944; }
.typocode_ruby .char { color: #f07; }
.typocode_ruby .ident { color: #004; }
.typocode_ruby .constant { color: #07f; }
.typocode_ruby .regex { color: #b66; background: #fef; }
.typocode_ruby .number { color: #f99; }
.typocode_ruby .attribute { color: #7bb; }
.typocode_ruby .global { color: #7fb; }
.typocode_ruby .expr { color: #227; }
.typocode_ruby .escape { color: #277; }
.typocode_xml .normal {}
.typocode_xml .namespace { color: #b66; font-weight: bold; }
.typocode_xml .tag { color: #f88; }
.typocode_xml .comment { color: #005; font-style: italic; }
.typocode_xml .punct { color: #447; font-weight: bold; }
.typocode_xml .string { color: #944; }
.typocode_xml .number { color: #f99; }
.typocode_xml .attribute { color: #bb7; }
.typocode_yaml .normal {}
.typocode_yaml .document { font-weight: bold; color: #07f; }
.typocode_yaml .type { font-weight: bold; color: #05c; }
.typocode_yaml .key { color: #f88; }
.typocode_yaml .comment { color: #005; font-style: italic; }
.typocode_yaml .punct { color: #447; font-weight: bold; }
.typocode_yaml .string { color: #944; }
.typocode_yaml .number { color: #f99; }
.typocode_yaml .time { color: #f99; }
.typocode_yaml .date { color: #f99; }
.typocode_yaml .ref { color: #944; }
.typocode_yaml .anchor { color: #944; }

.typocode {
  background-color: #eee;
  border: 1px dashed #4088b8;
  padding: 5px;
  margin: 5px;
  margin-left: 1em;
  margin-bottom: 1em;
}

.typocode pre {
  padding: 0px;
  margin: 0px;
  background: transparent;
  font-family: monospace;
  overflow: auto;
}

.typocode .lineno {
  text-align: right;  
  font-family: monospace;
  padding-right: 1em;
}