/*
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: #000;
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  color: #333;
  }

body {
  background-color: #4d4d4d;
  font-family: 'Trebuchet MS';    
  font-size: 12px;
  }


#listennow {
   -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background-color: #ccc;
  color: #000;
  display: block;
  float: right;
}

#banner1 {
float: left;
}
#banner2 {
float:right;
}
#wrapper {
  width: 900px;
  margin: 0 auto;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}


#datewrap {
padding-top: 15px;
padding-bottom: 40px;
padding-right: 10px;
padding-left: 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}

#date {
float: left;
border: 0px solid #ccc;
padding-top: 5px;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
font-size: 14px;

}

#searchdate {
float: right;
border: 0px solid #ccc;

}

#searchdate a.searchicon {
	float:right;
	background: url(images/search.gif) no-repeat;
	height:16px;
	width:16px;
	margin: 0px 0 0 5px;
}


#searchdate.searchfield {
	float:left;
	width: 230px;
	padding:4px;
	border: 1px solid #ccc;
	color: #999;
}


#headers {
padding-top: 10px;
background-color: #4d4d4d;
}
#header{ 
float: left;
padding-bottom: 5px;
padding-left: 2px;
  }
#header2 {
float: right;
padding-bottom: 5px;
padding-right: 5px;

}
#header3 {
}
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: #0D78B6;
  }
#container {
  background: #fff;    
  clear: both;    
  padding: 10px 0;    
  color: #333;
  border-top: 1px solid #333;
  }
#content, #comments-list {
  line-height: 1.5em;    
  width: 550px;    
  float: left;    
  font-size: 13px;
  word-spacing: .2em;
  padding-right: 40px;
  border-right: 1px solid #ccc;
  text-align:none;
  }
   

#contentfront {
  line-height: 1.3em;    
  width: 575px;   
  float: left;    
  font-size: 12px;
  word-spacing: .1em;
  padding-right: 15px;
  border-right: 1px solid #ccc;
  text-align:none;
  }



 #content a{
  color: #030303;
}

#content a:hover{
 color: #333;
}

 
#contentfullwidth {
  line-height: 1.5em;
  width: 900px;    
  float: left;    
  font-size: 12px;
  padding-right: 40px;
  text-align:left;
  color: #333;
  font-size: 14px;

}
 

/* ---- 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: inherit;
  font-size: 18px;    
  font-weight: bold;    
  letter-spacing: -1px;      
  text-transform: normal;
  word-spacing: .3em;
  }

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 ul li {   
  padding: 0 0 0 15px;
  background: url('images/bullet_black.png') 0 2px no-repeat; 
  }

.entry-content {
  margin: 10px 0 5px 0;    
  padding: 0 0 3px 0;    
  border-bottom: 1px solid #ccc;
  height: 100%;
  }

.entry-contentfront {
  margin: 10px 0 5px 0;    
  padding: 0 0 3px 0;    
  border-bottom: 1px solid #ccc;
  height: 277px;
  }

.entry-content h3 {
  font-size: 15px;    
  display: block;    
  font-weight: bold;    
  font-family: Helvetica, Arial, Sans-Serif;    
  color: #8dc63f;
  }
.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 ol {    
  margin: 0 0 1em 15px;
  }
.entry-meta {
  color: #666;    
  font-size: 9px;    
  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
   word-spacing: 0;
  text-align: right;
  text-transform: normal;
  font-weight: bold;
  }

.entry-metaleft {
text-align: left;
float: left;
}

.entry-metaright {
text-align: right;
float: right;
}

.entry-meta a {
  color: #666;
  font-weight: bold;
  }


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;
  text-decoration: underline;
  }
#sidebar {
  width: 300px;
  background-color: #ececec; padding: 2px;    
  float: right;    
  color: #ececec;
  line-height: 1.3em;
  font-weight: bold;
  font-size: 14px;
  }

#sidebar2 {
  width: 300px;
  background-color: #ececec; padding: 2px;    
  float: right;    
  color: color: #000; bold;
  line-height: 1.3em;
  border: 1px solid #ccc;
  }

#sidebar a {
  color: #000;
  }
#sidebar a:hover {
  color: #8dc63f;
  }


/* -------------------------------------------------------------------------------------- */
    
    
/* ---- 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: #8dc63f;
  }
#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: #333;
  }
#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: #333;
  height: 150px;    
  }
#foot {
  width: 775px;    
  margin: 0 auto;    
  color: #fff;    
  font-family: Verdana;    
  font-size: 12px;
  font-weight: bold;
  }
.left-foot {
    float: left;
    text-align: center;    
    padding-top: 20px;
    padding-left: 225px;
    }
.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: normal;    
  display: inline;    
  line-height: 1em;
  }
h3.entry-title a:hover {
  color: #8dc63f;
  }
.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: 100%;    
  height: inherit;

}

.entry-contentfront img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
}


#headermenu2 {
color: #000;
background-color: #fff;
padding-bottom: 22px;
padding-top: 5px;
padding-left: 10px;
padding-right: 0px;
border-bottom: 1px solid #333;
}


#headermenu2left {
float: left;
font-size: 13px;
font-weight: bold;
}

#headermenu2right {
float: right;
font-spacing: 20px;
font-size: 12px;
font-weight: bold;
word-spacing: 10px;
padding-top: 5px;
font-family: Arial Bold;
display: block;
margin-top: -27px;

}
#headermenu2right a {
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-topright: 2px;
background-color: #333;
color: #fff;
padding: 4px 2px 4px 2px;
}

#headermenu2right a:hover {
background-color: #8dc63f;
color: #fff;
}



.usual {
  background:#181818;
  color:#111;
  padding:1px 1px;
  width:290px;
  border:0px;
  margin:8px auto;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding-top: 6px; 
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px; 
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:8px Verdana;
  color:#000;
  background: #fff;
  border:1px solid #000;
}
.usual ul a:hover {
  color:#000;
  background:#fff;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background: #fff;
  border-bottom:1px solid snow;
  cursor:default;
padding-bottom: 50px;
  }

.usual div {
  padding:10px 10px 5px 10px;
  *padding-top:5px;
  *margin-top:-15px;
  clear:left;
  background: #fff;
  font:10px Verdana;
  border:2px solid #000;
}

.usual div a { color:#000; font-weight:bold; }

#usual2 { 
background:#fff; 
border:1px solid #000;
height: 100px;
}
#usual2 a { background:#fff; }
#usual2 a:hover { background:#ececec; }
#usual2 a.selected { background:#ececec; }
#tabs3 { background:#fff; }

/* Style for various uses of tabs */


#freedom li a {
  width:80px;
  text-align:left;
  padding:2px 6px 4px;
  background:#222;
  margin:1px;
  *margin:0px;
  display:block;
  text-decoration:none;
  font-weight:bold;
  font-size:0.7em;
  font-style:normal;
}
#freedom li a:hover {
  background:#0A0A0A;
  width:86px;
}
#freedom li a.selected {
  background:#FFF;
  color:#000;
  width:90px;
  cursor:default;
}

.tabContainer {
  width:400px;
  margin:20px auto;
  padding-top:0px;
  background:#181818;
  border:1px solid #222;
}
.tabContainer h3 {
  padding-bottom:4px;
  color:#F60;
}
.tabContainer p {
  padding:2px 12px 10px;
  text-align:left;
}

#three {
  position:absolute;
  top:0;
  left:0;
  border-bottom:1px solid #444;
  border-right:1px solid #444;
}

#four {
  color:#D66;
  font:2em Cambria, Times New Roman, serif;
  position:fixed;
  bottom:10px;
  right:20px;
}

.imagebox {
  background:#040404;
  border:1px solid #1A1A1A;
  width:100px;
  height:90px;
  margin:10px auto;
}
.imagebox a {
  display:block;
  width:25px;
  height:25px;
  line-height:23px;
  float:left;
  text-decoration:none;
  background:#111;
}
.imagebox a:hover { background:#000; }
.imagebox a.selected {
  background:snow;
  color:#222;
  font-weight:bold;
}
.imagebox img { margin-top:6px; clear:both; }


/* Styles for Advanced Section */

#adv2 {
  width:500px;
  margin:6px auto;
  background:#181818;
}
#adv2 ul {
 display:block;
 width:50px;
 height:50px;
 float:left;
}
#adv2 li { float:left; }
#adv2 li.split { clear:both; }
#adv2 li a {
  display:block;
  height:25px;
  width:25px;
  line-height:22px;
  text-decoration:none;
  background:#222;
}
#adv2 li a:hover {
  background:#0A0A0A;
}
#adv2 li a.selected {
  background:snow;
  color:#111;
  font-weight:bold;
}

#adv2 span {
  height:50px;
  display:block;
  line-height:45px;
  width:450px;
  float:right;
  background:#181818;
}

#adv3 a {
  color:snow;
  font-size:2em;
  font-weight:bold;
  text-decoration:none;
  margin:6px;
}
#adv3 a:hover { color:#68D; }
#adv3 p {
  color:#888;
  margin:5px;
  font-style:italic; 
}
#adv3 p a {
  margin:0;
  color:#CCC;
  font-size:1em;
  font-weight:bold;
  text-decoration:underline;
}
#adv3 p a:hover { color:#FFF; }

#message {
  margin:10px auto;
  border:6px solid #222;
  width:240px;
  height:40px;
  background:#0D0D0D;
  font-size:1.3em;
  line-height:2em;
  color:#FC4;
}

#tabberholder { 
border: 1px solid black;
width: 300px;
height: 400px;
}

#imgopacity
{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}

::selection			{ background:#ccc; color:#000; /* Safari and Opera */ }
::-moz-selection  { background:#ccc; color:#000; /* Firefox */ }

#content p.wp-caption-text {font-size: 9px; font-weight: bold; color: #212121;}


ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}


#search {position:absolute;top:0;right:0;}
	#searchform #s {border:0;outline:0;padding:5px 6px 5px 6px;font-size:11px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;background:#1a1a1a;font-weight:bold; width: 288px; margin-top: -3px;}
	#searchform #s:focus {background:#ccc; color: #000;}
	#searchform #searchsubmit {display:none;}