/*

Theme Name: unsleepable

URI: http://openswitch.org/unsleepable

Description: A modern, minimalist blog theme designed and coded by Ben Gray.

Version: 3.0

Author:	Ben Gray

Author URI: http://openswitch.org

*/





/* ---- Reset ---- */





@import url('reset.css');





/* ---- Unsleepable Style Following ---- */





.clearer {

  clear: both;

  }

a {

  color: #008C00;

  text-decoration: none;

  }

a:hover {

  text-decoration: underline;

  }

body {

  background: #fff url('images/body-bg.gif') top left repeat-x;

  font-family: 'Trebuchet MS';    

  font-size: 12px;

  }

#wrapper {

  width: 775px;

  margin: 0 auto;}#header {    

  border-left: 1px solid #555;    

  height: 100px;    width: 775px;

  }

h1 {

  float: left;

  width: 270px;    

  font-size: 12px;    

  border-right: 1px solid #555;    

  text-indent: -9999px;

  }

h1 a {

  display: block;

  width: 250px;

  height: 50px;    

  line-height: 50px;    

  padding: 50px 20px 0px 0px;    

  background: transparent url('images/title.gif') no-repeat 20% 82%

  }

h1 a:hover {

  background-color: #000;

  }

#menu {

  list-style-type: none;    

  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;    

  font-size: 11px;

  }

#menu li {

  float: left;    

  text-transform: lowercase;    

  width: 7em;    

  border-right: 1px solid #555;

  }

#menu a {

  color: #fff;    

  text-decoration: none;    

  display: block;    

  height: 50px;    

  width: 7em;    

  line-height: 50px;    

  padding: 50px 0 0;    

  text-align: center;

  }

#menu a:hover, .current_page_item {

  background: #008C00;

  }

#container {

  background: #fff;    

  clear: both;    

  padding: 30px 20px;    

  color: #000;

  }

#content, #comments-list {

  line-height: 1.5em;    

  width: 500px;    

  float: left;    

  font-size: 13px;

  }

    

    

/* ---- Begin Post Styling ---- */





.post, .page {

  margin: 0 0 35px 0

  }

.post p, #comments-list ol li p, .page p {

  margin: 0 0 1em 0;

  }

.editlink {

  float: right;

  padding: 0 0 5px 5px;

  }

h2.entry-title, h3.entry-title {

  display: inline;    

  line-height: 1em;

  }

h2.entry-title, h2.entry-title a, .page h2, h2.search, h2.archive {

  font-family: Helvetica, Arial, sans-serif;    

  font-size: 23px;    

  font-weight: bold;    

  letter-spacing: -1px;    

  color: #555;    

  text-transform: lowercase;

  }

h2 a:hover {

  color: #008C00;    

  text-decoration: none;

  }

span.entry-date {

  margin: 0 0 0 3px;    

  padding: 0;    

  color: #ccc;    

  font-family: Helvetica, Arial, Sans-Serif;    

  letter-spacing: -1px;    

  font-weight: bold;    

  font-size: 23px;    

  text-transform: lowercase;    

  display: inline;

  }

.entry-content {

  margin: 10px 0 2px 0;    

  padding: 0 0 5px 0;    

  background: url('images/break.gif') bottom left repeat-x;

  }

.entry-content h3 {

  font-size: 15px;    

  display: block;    

  font-weight: bold;    

  font-family: Helvetica, Arial, Sans-Serif;    

  color: #555;

  }

.entry-content h4 {

  font-size: 15px;    

  display: block;    

  font-weight: normal;    

  font-family: Helvetica, Arial, Sans-serif;    

  color: #555;

  }

.entry-content ul {

  padding: 0 0 0 10px;   

  margin: 0 0 1em 0;

  }

.entry-content ul li {

  background: url('images/bullet_black.png') 0 2px no-repeat;    

  padding: 0 0 0 17px;

  }

.entry-content ol {

  list-style: decimal;    

  margin: 0 0 1em 15px;

  }

.entry-meta {

  color: #bbb;    

  font-size: 11px;    

  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;

  }

.entry-meta a {

  color: #666;

  }

entry-meta a:hover {

  color: #008C00;

  }

span.sep {

  padding: 0 2px 0;

  }

.categories {

  background: url('images/page_white.png') left no-repeat;    

  padding: 2px 0 2px 20px;

  }

.tags {

  background: url('images/tag_blue.png') left no-repeat;    

  padding: 2px 0 2px 20px;

  }

a.comments-link {

  background: url('images/comment.png') left no-repeat;    

  padding: 2px 0 2px 20px;

  }

    

    

/* ---- Begin Sidebar Styling ---- */





#searchform .hidden {

  font-family: Helvetica, Arial, Sans-Serif;    

  font-size: 16px;    

  font-weight: bold;    

  display: block;    

  color: #555;    

  margin: 0 0 10px 0;    

  padding: 0;    

  letter-spacing: -1px;    

  text-transform: lowercase;

  }

#sidebar {

  width: 200px;    

  float: right;    

  color: color: #666;    

  line-height: 1.3em;

  }

#sidebar a {

  color: #000;

  }

#sidebar a:hover {

  color: #008C00;

  }

#sidebar h2, #sidebar h2 a {

  font-family: Helvetica, Arial, Sans-Serif;    

  font-size: 16px;    

  font-weight: bold;    

  display: block;    

  color: #555;    

  margin: 0 0 10px 0;    

  padding: 0;    

  letter-spacing: -1px;    

  text-transform: lowercase;

  }

#sidebar h2 a:hover {

  color: #008C00;

  }

#sidebar ul li.widget {

  margin: 0 0 20px 0;

  }

#sidebar ul li ul li {

  margin: 0 0 5px 0;

  }

    

    

/* ---- Special Styling For The Stupid Calendar ---- */







#calendar_wrap {

  margin: -20px 0 20px 0;

  }

#wp-calendar caption {

  font-family: Helvetica, Arial, Sans-Serif;    

  font-size: 16px;    

  font-weight: bold;    

  color: #555;    

  letter-spacing: -1px;    

  text-transform: lowercase;    

  width: 200px;

  }

#wp-calendar {

  color: #666;

  }

#wp-calendar a {

  color: #008C00;

  }

#wp-calendar td, #wp-calendar thead tr th {

  padding: 5px;    

  border: 1px solid #fff;

  }

#wp-calendar #today {

  border: 1px solid #ddd;

  }

    

    

/* ---- Begin Footer Styling ---- */





#subfooter {

  clear: both;    

  width: 735px;    

  background: #fff url('images/subfooter-bg.jpg') top repeat-x;    

  font-size: 13px;    

  line-height: 1.3em;    

  padding: 20px;    

  color: #000;

  }

#subfooter p {

  margin: 0 0 1em 0;

  }

#subfooter h2, #subfooter h2 a {

  font-family: Helvetica, Arial, Sans-Serif;    

  font-size: 16px;    

  font-weight: bold;    

  display: block;    

  color: #555;    

  margin: 0 0 10px 0;    

  padding: 0;    

  letter-spacing: -1px;    

  text-transform: lowercase;

  }

#subfooter .widget {

  width: 230px;    

  float: left;

  }

#subfooter .center {

  margin: 0 22px 0;

  }

#subfooter ul li ul li{

  margin: 0 0 5px 0;

  }

#shoe {

  clear: both;    

  background: #000;    

  height: 60px;

  }

#foot {

  width: 775px;    

  margin: 0 auto;    

  color: #fff;    

  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;    

  font-size: 10px;

  }

.left-foot {

    float: left;    

    padding: 25px 0 0 20px;

    }

.right-foot {

  float: right;    

  padding: 25px 20px 0 0;

  }

span.openswitch a {

  float: left;    

  display: block;    

  width: 16px;    

  height: 17px;    

  background: url('images/openswitch.gif') no-repeat;    

  text-indent: -9999px;    

  margin: 0 0 0 10px;

  }

span.wordpress a {

  float: left;    

  display: block;    

  width: 16px;    

  height: 16px;    

  background: url('images/wordpress.gif') no-repeat;    

  text-indent: -9999px;

  }

span.feed a {

  float: left;    

  display: block;    

  width: 16px;    

  height: 16px;    

  background: url('images/feed-icon.jpg') no-repeat;    

  text-indent: -9999px;    

  margin: 0 0 0 10px;

  }

    

    

    

/* ---- Begin Comment Styling ---- */







#comments-list {

  margin: 25px 0 0 0;

  }

h3#comments {

  font-family: 'Trebuchet MS';    

  font-size: 22px;    

  line-height: 1em;

  }

#comments-list ol {

  margin: 25px 0;

  }

#comments-list ol li {

  margin: 0 0 10px 0;    

  padding: 10px;

  }

#comments-list ol li.odd {

  background: #f7f7f7;

  }

#comments-list ol li.bypostauthor {

  border: 1px solid #666;

  }

.avatar {

  float: right;    

  border: 1px solid #ccc;    

  padding: 1px;    

  margin: 5px 0 5px 5px;

  }

.comment-meta {

  margin: 0 0 10px 0;

  }

#respond h3 {

  font-family: 'Trebuchet MS';    

  font-size: 22px;    

  line-height: 1em;   

  margin: 0 0 25px 0;

  }

#commentform p {

  margin: 0 0 8px 0;

  }

#commentform input, #commentform textarea {

  font-size: 13px;    

  font-family: 'Trebuchet MS', sans-serif;    

  padding: 2px;

  }

textarea#comment {

  width: 385px;    

  height: 200px;    

  background: url('images/comment-textarea.png') center no-repeat;

  }

    

    

/* ---- Default Page Styling ---- */





.page .entry-content {

  background: none;

  }

    

    

/* ---- Archives Page Styling ---- */





.page h2, h2.search, h2.archive {

  width: 500px;    

  text-align: center;    

  padding: 0 0 5px 0;

  }

.page ul li {

  background: none;

  }





/* ---- Search Page Styling ---- */





h3.entry-title, h3.entry-title a {

  font-family: Helvetica, Arial, sans-serif;    

  font-size: 18px;    

  font-weight: bold;    

  letter-spacing: -1px;    

  color: #555;    

  text-transform: lowercase;    

  display: inline;    

  line-height: 1em;

  }

h3.entry-title a:hover {

  color: #008C00;

  }

.search-results .entry-content {

  background: none;

  }

.search-entry-date, .archive-entry-date {

  margin: 0 0 0 3px;    

  padding: 0;    

  color: #ccc;    

  font-family: Helvetica, Arial, Sans-Serif;    

  letter-spacing: -1px;    

  font-weight: bold;    

  font-size: 18px;    

  text-transform: lowercase;    

  display: inline;

  }

h2.search, h2.archive {

  padding: 0 0 25px 0;

  }

    



/* ---- Misc Styling ---- */





code {

  font: 1.3em 'Courier New', Courier, Fixed;    

  display:block;     

  overflow:auto;     

  text-align:left;     

  background:#efefef;     

  border:1px solid #A6B0BF; 

  }

blockquote {

  margin: 20px 0;    

  padding: 0 20px 0 50px;    

  background: url('images/quote.png') 5% 0% no-repeat;    

  font-size: 14px;    

  font-family: Georgia, Times, serif;    

  color: #666;    

  font-style: italic;

  }

em {

  font-style: italic;

  }

strong {

  font-weight: bold;

  }

img.alignleft {

  padding: 1px;    

  border: 1px solid #bbb;    

  float: left;    

  clear: left;    

  margin: 0.5em 15px 0.5em 0;

  }

img.alignright {

  padding: 1px;    

  border: 1px solid #bbb;    

  float: right;    

  clear: right;    

  margin: 0.5em 0 0.5em 15px;

  }

img.aligncenter {

  padding: 1px;    

  border: 1px solid #bbb;    

  margin: 0 auto 1.5em auto;    

  float: none;     

  clear: both;

  }

div.previous {

  float: left;

  }

div.next {

  float: right;

  }

.entry-content img {

  max-width: 95%;    

  height: inherit;

  }