/*!  
Theme Name: OrangeSky 2.0
Theme URI: http://blog.detlog.org/orangesky/
Description: WordPress theme inspired by Alexi Murdoch's song "Orange Sky".
Version: 2.0
Author: Naoko McCracken
Author URI: http://blog.detlog.org/
    This WordPress theme is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php
Customized by Steve Clay...
*/
/*
    Thank you Michael Heilemann for creating the brilliant kubrick theme!
    I had learned a lot from it in the process of creating this one.
    
    This updated version was released on January 17, 2006.
*/
/* General Rules */
body,
p, ul, ol, li, form,
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    }

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: url(images/os_bg.jpg) repeat-x #CFE8E8;
    color: #333;
    text-align: center;
    padding: 0 0 15px 3.5em; /* right padding for dates on narrow screens */
    }

a:link, a:visited {
    color: #c30;
    text-decoration:none;
}
a:hover, a:active {
    color: #c30;
    text-decoration:underline;
}

h1, h2, h3, h4 {
    font-family: Georgia,'times new roman',times,serif;
    }

h1 {
    font-size: 47px;
    line-height: 15px;
    letter-spacing: -1px;
    text-align: left;
    padding: 8px 20px 13px;
    font-weight: normal;
    font-weight:normal;
    font-style:italic;
    }

h1, h1 a:link, h1 a:visited {
    color: #FFF;
    }
h1 a:hover, h1 a:active {
    text-decoration:none;
    }
h1 span {
    position:relative;
    z-index:100;
    margin-left:-27px;
}
body.home h1 a {cursor:default}

.description {
    font-size: 1.2em;
    text-align: left;
    margin:0 0 0 20px;
    color: #fff;
    opacity:.65;
    filter:alpha(opacity=65);
    }

.postdate {
    color: #aaa;
    padding: 0 0 3px;
    }

h2 {
    font-size: 1.3em;
    }

h2.posttitle, 
h2.pagetitle {
    margin: 0;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: -1px;
    color:#999;
    }
    
#sidebar h2 {
    font-size: 1.2em;
    color: #066;
    margin: 5px 0 0;
    }

h2.posttitle a:hover, 
h2.pagetitle a:hover {
    color: #066;
    }

h2, 
h2 a:link, 
h2 a:visited, 
h3, 
h3 a:link, 
h3 a:visited, 
h4, 
h4 a:link, 
h4 a:visited {
    color: #066;
    }

#sidebar h2, 
#wp-calendar caption, 
cite {
    text-decoration: none;
    }

h3 {
    font-size: 1.3em;
    margin: 0 0 .4em;
    }
    
h4 {
    font-size: 1.1em;
    margin: 0 0 .4em;
    }

/* End General Rules*/

/* Begin Layout */
#page {
    margin: 20px auto;
    width:954px; /*740px;*/
    text-align: left;
    background: url(images/os_main_650.gif) repeat-y;
    }

#main{
    float: left;
    width: 650px;
    padding-bottom:1em;
    }

#content {
    font-size: 1.2em;
    float: left;
    width: 610px;
    margin: 10px 0 0 20px;
    display: inline;
    background: #FEFEF2;
    }
/* Sliding Door technique by A List Apart */
#menu {
    float: left;
    width: 640px;
    font: bold italic 1.2em/normal Georgia,'Times New Roman',times,serif;
    margin: 8px 0 0 10px;
    }

#menu ul {
    list-style: none;
    }

#menu li {
    float: left;
    background: url(images/os_left.gif) no-repeat left top;
    padding: 0 0 0 5px;
    margin: 0 0 0 3px;
    list-style: none;
    }

#menu a {
    float: left;
    display: block;
    background: url(images/os_right.gif) no-repeat right top;
    padding: 4px 9px 3px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #E5A153;
    }
    /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#menu a { float:none; }
    /* End IE5-Mac hack */

#menu a:hover {
    color:#E5D6B8;
    }

#header {
    margin-top:11px;
    height: 132px;
    width: 650px;
    float: left;
    background: url(images/os_header_633.jpg) no-repeat 8px 0; 
    }

#sidebar {
    padding: 30px 0;
    margin: 0 0 0 650px;
    width:190px;
    position:relative;
    }
#adsense_right {
    position:absolute;
    top:15px; left:190px;
    }

#footer {
    width: 650px;
    clear: both;
    background: #fff;
    border-top:1px solid #CFE8E8;
    padding-top:2px;
    }

#footer p {
    padding: 2px 0 7px 0;
    text-align: center;
    }

#backend {
    font-size:10px;
    line-height:1;
    text-align:right;
    margin:-10px 0 0;
    position:relative;
    top:13px;
}
#backend a, 
#backend a:hover {
    color:#a6baba;
    text-decoration:none;
    cursor:default;
}

.entry {
    padding: 8px 0 0 0;
    line-height: 1.5;
    }

.entry p {
    padding: 0 0 1em 0;
    }

.post {
    padding: 0 0 15px 0;
    clear: both;
    }

.navigation {
    display: block;
    text-align: center;
    margin: 10px 0 10px;
    overflow:auto;
}
h2 + .navigation {
    margin: 20px 0 20px;
}

#sidebar {
    font: 1.2em 'Lucida Grande',verdana,arial,sans-serif;
    background: url(images/os_sidebar.jpg) no-repeat #D0E8E8;
    padding-bottom: 20px; /*adjust this number depending on your sidebar's minimum height */
}

/* Calendar */
#wp-calendar #prev a {
    font-size: 9pt;
    }

#wp-calendar a {
    text-decoration: none;
    }

#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Calendar */

/* Begin Images */

img.centered {
    display: block;
    margin: 0 auto;
    }
    
img.alignright {
    padding: 4px;
    margin: 0 0 5px 10px;
    display: inline;
    float: right;
    }

img.alignleft {
    padding: 4px;
    margin: 0 10px 5px 0;
    display: inline;
    float: left
    }
/* End Images */

.alignright {
    float: right;
    }
    
.alignleft {
    float: left
    }

/* Begin Lists */ 
.entry ul,
ul.commentdata,
ul.links {
    margin-left: 0px;
    padding: 0 0 1em 10px;
    list-style: none;
    }

ul.commentdata {
    padding: 0;
    }

.entry ul li,
ul.commentdata li,
ul.links ul li {
    background: url(images/os_entryarrow.gif) 0 3px no-repeat;
    padding: 0 0 0 14px;
    margin: 0 0 2px 0;
    list-style: none;
    }

ul.links h2 {
    padding: 10px 0 5px 0;
    }

/* IE7 + modern */
html>body .entry ol{padding: 0 0 1em 30px;}
/* modern - IE7 */
html>/**/body .entry ol {padding: 0 0 1em 20px;}

.entry ol li {margin-bottom:.6em;}

.md {
    position:relative;
    font-family:arial,sans-serif;
    color:#aaa;
}
.md-date {
    width:2em;
    padding:5px 0 7px;
    position:absolute; top:0; right:620px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #FEFEF2;
    font-size:22px;
    line-height:22px;
    text-align:center;
}
.md-date span {
    font-size:13px;
    line-height:13px;
    display:block;
}
.md-date span + span {
    font-size:11px;
    padding-top:2px;
}

.md-date div {
    padding-top:5px;
    font-weight:bold;
    font-size:11px;
    line-height:13px;
}

.md-tags {
    font-size:95%;
    color:#aaa;
    background:#fff;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin:0 -20px;
    position:relative;
    padding:3px 30px;
    clear:both;
}
.md-tags a {
    margin-right:.2em;
    word-spacing:-0.1em;
    text-transform:lowercase;
}
.md-tags a:before {
    content:"#";
    color:#aaa;
}
.md-tags a.c {
    margin-right:.2em;
    word-spacing:0;
    text-transform:none;
}
.md-tags a.c:before {
    content:"";
}



.postmetadata {
    background: url(images/os_entryarrow.gif) 0 3px no-repeat;
    padding: 0 0 0 14px;
    clear: both;
}
.postmetadata.comment {
    font-weight:900; padding-bottom: 5px;
}

.postmetadata ul, 
.postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    font-family: Georgia,'Times New Roman',Times,serif;
    }


#sidebar p,
#sidebar li {
    font-family:arial,sans-serif;
}
#sidebar a, 
#sidebar a:link {
    color: #066;
    }

#sidebar ul, 
#sidebar ul ol {
    padding: 0 7px 0 10px;
    }

#sidebar ul li {
    list-style: none;
    margin-bottom: 15px;
    }

#sidebar ul p {
    margin: 5px 0 8px 0;
    font-size: 1em;
    } 
#sidebar ul select {
    margin: 5px 0 8px 8px;
    font-size: 1em;
    }

#sidebar ul ul, 
#sidebar ul ol {
    margin: 5px 0 0 0;
    padding: 0;
    }

ol li, 
#sidebar ul ol li {
    list-style: decimal outside;
    }

ol ol li {list-style:lower-alpha;}

#sidebar ul ul li, 
#sidebar ul ol li {
    margin: 2px 0 0;
    background: url(images/os_sidearrow.gif) 0 3px no-repeat;
    padding: 0 0 0 14px;
    }

/* Begin Form */
#sidebar #sb-search {
    margin-left:0;
    margin-right:0;
}

#cse-search-box {
    margin:0;
    padding:0;
    height:22px;
    background:#fff;
    opacity:.65;
    filter:alpha(opacity=65);
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
#cse-search-box input {
    border:0;
    padding:0;
    margin:0;
    height:22px;
    vertical-align:bottom;
    line-height:22px;
}
/* opacity */
#cse-search-box.o,
#cse-search-box:hover {
    opacity:1;
    filter:alpha(opacity=100);
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

#cse-search-box #s {
    width: 141px;
}


#sidebar p#tagLinks {
    margin-left:0;
}
#tagLinks a {
    border-bottom:1px solid #F5FAFA;
    font-family:"Arial Narrow",arial,sans-serif;
    line-height:1.4em;
    margin-right:0.1em;
    text-transform:lowercase;
    word-spacing:-0.1em;
}
#tagLinks a:hover,
#tagLinks a:active {
    text-decoration:none;
    background:white;
    outline:1px solid #fff;
}

#sidebar ul#archivesList {
    padding-left:0;
    word-spacing:-.4em;
}
#sidebar ul#archivesList li {
    white-space:nowrap;
    background:none;
    padding:0;
}
#archivesList a:hover,
#archivesList a:active {
    background:#fff;
    /*outline:2px solid #fff;*/
    text-decoration:none;
}
#archivesList a,
#archivesList span {padding:1px 2px 0}
#archivesList a:first-child {padding-left:0}

/* End Lists */



.entry form {
    text-align:center;
}

select {
    width: 130px;
}

#commentform input {
    width: 170px;
    padding: 2px 0;
    margin: 0 5px 1px 0;
}

#commentform input[type=text], #commentform textarea {
    border:1px solid #ccc;
}

#commentform textarea {
    width: 98%;
    padding: 2px;
}

#commentform #submit {
    margin: 0 0 10px;
    float: right;
}
#commentform input,
#commentform textarea {
    background:#f6f6f6;
    -o-transition-property: background-color;
    -moz-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
#commentform input:focus,
#commentform textarea:focus {
	background:#FFF;
    -o-transition-property: background-color;
    -moz-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -o-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

/* End Form */


/* Begin Comments*/
h3#comments {
    padding-bottom:10px;
}
h3#comments small {
    font-weight:300;
    color:inherit;	
}

.commentlist {
    margin: 0 0 20px 0;
    padding: 0;
    font: normal 13px arial, sans-serif;
    background:#fff;
}

.comm-li {
    margin: 10px 0 3px;
    padding: 0 0 5px;
    display:block;
    position:relative;
    border-bottom:1px solid #ccc;
    clear:both;
    *height:45px;
    min-height:45px;
}

#comment-preview .comm-li {
    border-bottom:0;
    padding-left:10px;	
}

.comm-md {
    width:auto;
    float:right;
    text-align:right;
    padding:0 40px 0;
    margin:0 0 10px 10px;
    position:relative;
}

.comm-md .avatar {
    position:absolute; top:5px; right:0;
}

.comm-md cite {
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    color:#666;
}
.comm-md cite a {
	 
}

.comm-date a {
	font-size: 11px;
	color:#888;
}
.comm-date span {display:block}

.comm-md .comment-edit-link {
    position:absolute;
    top:35px; right:.5em;
    color:#A6BABA;
    font-size: 10px;    
}

.comm-li.user {
    border-right:2px dotted #c30;
    border-bottom:2px dotted #c30;
}
.comm-li.user .comm-md {
    margin-right:10px;
}

.comm-li p {
    line-height: 1.5;
    margin: 5px 0;
}

/*.alt {
    background-color: #FFF5E5;
    padding: 10px;
    }*/

.nocomments {
    text-align: center;
    }

/* End Comments */


/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

#wp-calendar a {
    display: block;
    }

#wp-calendar caption {
    text-align: center;
    width: 100%;
    }

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }
/* End Calendar */

/* Begin Miscellaneous */
acronym, abbr {
    cursor: help;
    border-bottom: 1px dashed #999;
    font-size: 0.9em;
    }

code {
    font-family:'Courier New',Monaco, monospace;
    font-size:108%;
    padding: 0 0 1em 0;
    }
    
pre {
    margin:1em 0;
    padding:.5em 0 .4em 0;
    border:1px solid #ccc;
    border-width:1px 0;
    background:#fff;
    font-family:'Courier New',Monaco, monospace;
    }

pre code {
    padding:0;
    margin:0;
    }

/* IE7 + modern */
html>body .entry pre {overflow-x:scroll;}
/* modern - IE7 */
html>/**/body .entry pre {overflow-x:auto;}
    
.entry li pre {
    margin:5px 0 5px -20px;
    position:relative;}
    
.entry pre:hover {
    margin-right:-210px;
    z-index:1;
    position:relative;}

.breakout {
    oveflow:hidden;
    position:relative;}
.breakout:hover, .breakout:focus {
    overflow:visible;
    z-index:1000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:-10px;
    margin-bottom:-10px;
    border:10px solid white;
    border-left:0}

small {
    font-size: 0.9em;
    line-height: 1.5;
    }

dl { padding: 0 15px; }
dt { font-weight: bold; }
dd { padding: 2px 0 6px 0; }

dl.about_list { padding: 0; line-height: 1.4 }
dl.about_list  dt { padding: 0; }
dl.about_list  dd { position:relative; left: 5em; top:-1.3em; margin: 0 0 -1em 0; padding: 0}

blockquote {
    margin: 0 30px 1em 10px;
    padding: 1em 5px 0 15px;
    border-left: 3px solid #C63;
    background: #FFF;
    color:#808080;
    }
blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.centered {
    text-align: center;
    }

a img {
    border: none;
    }

small, #sidebar, .nocomments, .postmetadata, strike, .commentdata {
    color: #808080;
    }

input.tbinput {
    vertical-align: middle;
    width: 385px;
    color: #808080;
    font-size: 11px;
    border: 1px solid #CCC;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
/* End Miscellaneous */

dl.keyGuide {
margin-top:1em;
}
dl.keyGuide dd {
margin-top:-1.5em;
margin-left:2.5em;
}

table.data {
    border-collapse:collapse;
    border:0;
    margin:0 0 .5em;}
table.data td,
table.data th {
    text-align:center;
    border:1px solid #ccc;
    background:#fff;
    padding:.2em .5em;}
table.data th {
    line-height:1.5em;}
table.data th sub, .data th sup {font-weight:normal;}
table.data tr.even td {
    background:#eee;}
table.data td.right,
table.data th.right {text-align:right;}
table.data td.left,
table.data th.left {text-align:left;}
table.data th small {font-size:100%; font-weight:normal;}
table.data th span {white-space:pre;}
table.data th sub {vertical-align:baseline; position:relative; top:.4em;}
table.data th sup {vertical-align:baseline; position:relative; top:-.4em;}

  #goog-wm { padding-top:1em;}
  #goog-wm h3.closest-match { }
  #goog-wm h3.closest-match a { }
  #goog-wm h3.other-things { }
  #goog-wm ul li { }
  #goog-wm li.search-goog { display: block; }

.addthis_toolbox {
    width:41px;
    float:right;
    margin-left:30px;
    padding-left:19px;
    display:inline;
    font:normal 13px/14px Arial, sans-serif;
    /*opacity:.6;*/
    position:relative;
    border:1px solid #F38E6E;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.addthis_toolbox a {color:#F07152}
.addthis_toolbox span {
    position:absolute;
    top:-1px; left:-5px;
}
.addthis_toolbox:hover {
    opacity:1;
}

/* page specific */

.archive h2.pagetitle {
    margin-bottom:1em;
}
.archive .post h3 {
    margin-bottom:0;
}

.archive .entry {
    padding-top:3px;
}