/*
Theme Name: blog.damontimm.com - 2010
Theme URI: http://damontimm.com
Description: Theme for blog.damontimm.com new in 2010!
Version: 0.3
Author: Damon Timm
Author URI: http://damontimm.com
Tags: 
*/

/*
 * CACHE CONTROL & COMPRESSION
 *
 * The way this works, is will have to change the name of any files that we
 * update.
 *
 * http://trac.cyberduck.ch/wiki/help/en/howto/s3 (cyberduck instructions)
 *
 * defaults write ch.sudo.cyberduck s3.cache.seconds 31622400 [ for 1-year
 * cache ]
 *
 * CSS COMPRESSION: http://www.cssdrive.com/index.php/main/csscompressor/
 *
 * */

body {
  font-size: 87.5%; /* 14px reset */
  font-family: 'Droid Sans', arial, serif;
  background: url('http://m.damontimm.com/css/img/bg-light-100206.gif');
  color: white;
}

hr {
  background-color: #24b924; 
  color:  #24b924; /* IE purposes */
  margin: 0 0 3px 0;
  clear: both;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.4em; margin-bottom: 0.75em; }

a, a:visited, a:hover, 
h1, h2, h3, h4, h5, h6 { 
  color:#24b924;
  text-decoration: none;
}

.content-box h1, .content-box h2, .content-box h3,
.content-box h4, .content-box h5, .content-box h6 {
   color: #0a320a;
} 

.entry h2, /* for wordpress single pages */
.content-box h3 { 
  border-bottom: 2px solid #0a320a; 
}

.content-box a { 
  color:  #0a320a; 
}

.content-box p a { 
  text-decoration: underline;
}

p a:hover { 
  background-color: #dfd; 
  text-decoration: none;
}

p { margin-bottom: 1em; }

code, pre, tt, ul.terminal {/*
  font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace; */
  font-family: 'Droid Sans Mono', arial, serif;

}

input[type=text], input[type=password] { 
  width: 300px; 
  padding:5px; 
  font-size:1.3em;  
}

textarea { 
  padding: 5px;
  font-size: 1.3em;
}

.alignright { float: right; }
.alignleft { float: left; }
.textright { text-align: right; }
.navigation { height: 10px; }
.navigation a { color: #24b924; }
.large-text { font-size: 1.3em; }

#header, #footer, ul#sidebarlist, #respond {
  background: url('http://m.damontimm.com/css/img/bg-dark-100206.gif');
  /* one day we could use:
   * background-color: rgba(0, 0, 0, .68); */
}
  
#header {  
  height: 50px;
  padding-top: 10px;
  border-bottom: 1.5px solid #24b924;
  margin-bottom: 3px;
}

#main {
  margin-top: 10px;
  margin-bottom: 10px;
}

#footer {
  border-top: 1.5px solid #24b924;
}

#footer p {
  margin: 0;
}

#footer a, #footer a:visited {
  color: #24b924;
}

ul#navigation {
  list-style-type: none;
  float: right;
  margin: 25px 0 0 0;
  font-size: 1.2em;

}

ul#navigation li {
  display: inline;
  margin-left: 10px;
}

/* BODY  */

p.postmetadata {
  text-transform: lowercase;
  background-color: #cecece; 
  font-size: 0.95em;
}

div.content-box, ol#commentlist li.depth-1 {
  -moz-border-radius: 13px; 
  -webkit-border-radius: 13px;
  border-radius: 13px;
  background-color: #dfdfdf;
  color: black;
  padding: .75em 1em .25em 1em;
  margin-bottom: 15px;
}



/*  SIDEBAR 
 *  
 *  TODO: this is too specific to a sidebar list and the respond box, should
 *  make this a more generic class like .content-box-dark or the like in order
 *  to simplify future programming. */

ul#sidebarlist, #respond {
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  padding: 4px;
  font-size: 0.95em;
  color: white;

}

ul#sidebarlist h2, ul#sidebarlist h3 { 
  color:#24b924;
  border-bottom: 2px solid #0a320a;
}

ul#sidebarlist a, ul#sidebarlist a:visited {
  color: white;
  text-decoration: none;
}

ul#sidebarlist a:hover {
  color: inherit;
  background-color: inherit;
  text-decoration: underline;
}


ol#commentlist, ul#sidebarlist {
  list-style-type: none;
  margin: 0px;
}

ul#sidebarlist li { 
  margin: 0 0 5px 0px; 
  padding: 5px;
}


ul#sidebarlist li ul {
  list-style-type: none;
  margin: 0 0 0px 7px;
  text-indent: -1em;
}

ul#sidebarlist li ul li {
  margin: 0 0 0 5px; 
  padding: 0;
}

ul#sidebarlist li ul li:before {
  content: "\00BB \0020";
}




#sidebar h2 { margin-bottom: 0.25em; }

li.widget_tag_cloud div {
  line-height: 1.2em;
  text-align: justify; 
  text-justify: newspaper;
}


/* COMMENTS */

ol#commentlist li {
  margin: 10px 0px;
  padding: 5px 0px 5px 10px;

}

ol#commentlist li.depth-1 {
}

.comment-meta {
  float:right;
  padding:5px 5px 0 0;
  font-size: 0.95em;
}

.comment-author {
  float:left;
  padding-top:5px;
}

#commentlist p {
  clear:both;
  margin:0;
  padding-top:10px;
}

.children {
  margin:10px 0 10px 30px;
  list-style-type: none;
  padding: 0;
}


li.depth-2, li.depth-4 { 
  border-left:2px solid #0a320a; 
}

li.depth-3, li.depth-5 { 
  border-left:2px dashed #0a320a;
 }

#comments h2 { 
  color: white; 
  margin-bottom: -5px;
}

#new-comment { margin-bottom: 5px; }

#respond { padding: 10px; }

#respond h3 { color: #dfdfdf; }

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

/* Legacy `code` formatting for <li><code>terminal</code></li> stuff */

ul.terminal { 
  background-color: #444444; color: #fff000; 
  border: 1px solid black; 
  list-style-type: none; 
  padding: 0px 10px !important; 
  margin: 15px 5px 15px 0px;
  overflow: auto;
  /*font-size: 1.1em;*/
}

ul.terminal li:before {
  content: "~$ ";
}

ul.terminal li {
  white-space: nowrap; /*prevents the line from breaking */
}

/* AWESOME BUTTONS with special thanks to ...
 *
 * http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
 * 
 * TODO - add the overlay !  or probably ugly on IE.
 * */

.awesome, .awesome:visited, .comment-reply-link {
  /*background: #222 url(/images/alert-overlay.png) repeat-x; */
  display: inline-block; 
  padding: 5px 10px 4px; 
  color: #fff; 
  text-decoration: none;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
  font-family: Arial;
}
/* DT's */
.comment-reply-link, .comment-reply-link:visited { 
  background-color:  #0a320a; 
  margin-top: 10px;
  font-size: 0.75em; 
}
.comment-reply-link:hover { background-color: #061d06; color: white; } 

  .awesome:hover        { background-color: #111; color: #fff; }
  .awesome:active, .comment-reply-link:active { top: 1px; }
  .small.awesome, .small.awesome:visited    { font-size: 11px; padding: ; }
  .awesome, .awesome:visited,
  .medium.awesome, .medium.awesome:visited  { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
  .large.awesome, .large.awesome:visited    { font-size: 14px; padding: 8px 14px 9px; }
  
  .green.awesome, .green.awesome:visited  { background-color: #91bd09; }
  .green.awesome:hover      { background-color: #749a02; }
  .blue.awesome, .blue.awesome:visited  { background-color: #2daebf; }
  .blue.awesome:hover       { background-color: #007d9a; }
  .red.awesome, .red.awesome:visited    { background-color: #e33100; }
  .red.awesome:hover        { background-color: #872300; }
  .magenta.awesome, .magenta.awesome:visited  { background-color: #a9014b; }
  .magenta.awesome:hover        { background-color: #630030; }
  .orange.awesome, .orange.awesome:visited  { background-color: #ff5c00; }
  .orange.awesome:hover       { background-color: #d45500; }
  .yellow.awesome, .yellow.awesome:visited  { background-color: #ffb515; }
  .yellow.awesome:hover       { background-color: #fc9200; }



/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 */
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody
{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: none !important;
  text-align: left !important;
  float: none !important;
  vertical-align: baseline !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  height: auto !important;
  width: auto !important;
  line-height: 1.3em !important;
  /*font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;*/
  font-family: 'Droid Sans Mono', arial, serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 1em !important;
  min-height: inherit !important; /* For IE8, FF & WebKit */
  min-height: auto !important; /* For IE7 */
}

.syntaxhighlighter
{
  width: 99% !important; /* 99% fixes IE8 horizontal scrollbar */
  margin: 1em 0 1em 0 !important;
  padding: 1px !important; /* adds a little border on top and bottom */
  position: relative !important;
}

.syntaxhighlighter .bold 
{
  font-weight: bold !important;
}

.syntaxhighlighter .italic 
{
  font-style: italic !important;
}

.syntaxhighlighter .line
{
}

.syntaxhighlighter .no-wrap .line .content
{
  white-space: pre !important;
}

.syntaxhighlighter .line table 
{
  border-collapse: collapse !important;
}

.syntaxhighlighter .line td
{
  vertical-align: top !important;
}

.syntaxhighlighter .line .number
{
  width: 3em !important;
}

.syntaxhighlighter .line .number code
{
  width: 2.7em !important;
  padding-right: .3em !important;
  text-align: right !important;
  display: block !important;
}

.syntaxhighlighter .line .content
{
  padding-left: .5em !important;
}

.syntaxhighlighter .line .spaces
{
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
  border-left: none !important;
}

.syntaxhighlighter .bar
{
  display: none !important;
}

.syntaxhighlighter .bar.show 
{
  display: block !important;
}

.syntaxhighlighter.collapsed .bar
{
  display: block !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines
{
  display: none !important;
}

.syntaxhighlighter .lines.no-wrap
{
  overflow: auto !important;
  overflow-y: hidden !important;
}

/* Styles for the toolbar */

.syntaxhighlighter .toolbar
{
  position: absolute !important;
  right: 0px !important;
  top: 0px !important;
  font-size: 1px !important;
  padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}

.syntaxhighlighter.collapsed .toolbar
{
  font-size: 80% !important;
  padding: .2em 0 .5em .5em !important;
  position: static !important;
}

.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
  display: block !important;
  float: left !important;
  margin-left: 8px !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
  text-indent: -5000px !important;
}

.syntaxhighlighter.collapsed .toolbar .item
{
  display: none !important;
}

.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
  background-image: url(http://m.damontimm.com/js/syntax/magnifier.png) !important;
  display: inline !important;
  text-indent: 0 !important;
  width: auto !important;
  float: none !important;
  height: 16px !important;
  padding-left: 20px !important;
}

.syntaxhighlighter .toolbar .item.viewSource
{
  background-image: url(http://m.damontimm.com/js/syntax/page_white_code.png) !important;
}

.syntaxhighlighter .toolbar .item.printSource
{
  background-image: url(http://m.damontimm.com/js/syntax/printer.png) !important;
}

.syntaxhighlighter .toolbar .item.copyToClipboard
{
  text-indent: 0 !important;
  background: none !important;
  overflow: visible !important;
}

.syntaxhighlighter .toolbar .item.about
{
  background-image: url(http://m.damontimm.com/js/syntax/help.png) !important;
}

/** 
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
{
  background: none !important;
}

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
  color: #bbb !important;
}

/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
  color: #000 !important;
}

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar
{
  display: none !important;
}

.syntaxhighlighter.printing a
{
  text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{ 
  color: #000 !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{ 
  color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
  color: blue !important; 
}

.syntaxhighlighter.printing .keyword
{ 
  color: #069 !important; 
  font-weight: bold !important; 
}

.syntaxhighlighter.printing .preprocessor 
{ 
  color: gray !important; 
}

.syntaxhighlighter.printing .variable 
{ 
  color: #a70 !important; 
}

.syntaxhighlighter.printing .value
{ 
  color: #090 !important; 
}

.syntaxhighlighter.printing .functions
{ 
  color: #ff1493 !important; 
}

.syntaxhighlighter.printing .constants
{ 
  color: #0066CC !important; 
}

.syntaxhighlighter.printing .script
{
  font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{ 
  color: #808080 !important; 
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{ 
  color: #ff1493 !important; 
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{ 
  color: red !important; 
}


/************************************
 * Default Syntax Highlighter theme.
 * 
 * Interface elements.
 ************************************/

.syntaxhighlighter
{
  background-color: #fff !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
  color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2
{
  background-color: #e0e0e0 !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
  color: #afafaf !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
  border-left: 3px solid #6CE26C !important;
  color: #000 !important;
}

.syntaxhighlighter.printing .line .content 
{
  border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1
{
  background-color: #fff !important;
}

/* Second line */
.syntaxhighlighter .line.alt2
{
  background-color: #F8F8F8 !important;
}

.syntaxhighlighter .toolbar
{
  background-color: #F8F8F8 !important;
  border: #E7E5DC solid 1px !important;
}

.syntaxhighlighter .toolbar a
{
  color: #a0a0a0 !important;
}

.syntaxhighlighter .toolbar a:hover
{
  color: red !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{ 
  color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{ 
  color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
  color: blue !important; 
}

.syntaxhighlighter .keyword
{ 
  color: #069 !important; 
  font-weight: bold !important; 
}

.syntaxhighlighter .preprocessor 
{ 
  color: gray !important; 
}

.syntaxhighlighter .variable 
{ 
  color: #a70 !important; 
}

.syntaxhighlighter .value
{ 
  color: #090 !important; 
}

.syntaxhighlighter .functions
{ 
  color: #ff1493 !important; 
}

.syntaxhighlighter .constants
{ 
  color: #0066CC !important; 
}

.syntaxhighlighter .script
{ 
  background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
  color: #808080 !important; 
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
  color: #ff1493 !important; 
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
  color: red !important; 
}