/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/



/*
    ----more styles---
@import "style/css/reset.css"; 
@import "style/css/typography.css";
@import "style/css/layout.css"; */




/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t

Baskerville, 'Times New Roman', Times, serif - p
Baskerville, 'Times, Times New Roman', serif - t

Cambria, Georgia, Times, 'Times New Roman', serif - p, t
'Century Gothic', 'Apple Gothic', sans-serif - p, t

Consolas, 'Lucida Console', Monaco, monospace - p, t

'Copperplate Light', 'Copperplate Gothic Light', serif - p, t

'Courier New', Courier, monospace - p, t

'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif - p, t

Futura, 'Century Gothic', 'Apple Gothic', sans-serif - p, t

Garamond, 'Hoefler Text', 'Times New Roman', Times, serif - p
Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif - t

Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif - p
Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - t

Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif - p
Georgia, Times, 'Times New Roman', serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

'Helvetica Neue', Arial, Helvetica, sans-serif - p
Helvetica, 'Helvetica Neue', Arial, sans-serif - t

Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif - p, t

'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - p, t

Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif - p
Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, 'Times New Roman', Georgia, serif - p, t

Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/






/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

.hr { 
color: #9d9d9d;
}

.clearfix {
clear:both;
padding: 0;
margin: 0;
}

body {
background: #222222;
color: #ffffff;
font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}



a {
text-decoration: none;
color: #9d9d9d;
}

a:hover {
text-decoration: none;
color: #fff;
}

h1 {
color: #ffffff !important;
text-decoration: none  !important;
}

.img {
border: none;
}


#mainframe {
width: 860px;
margin-top: -25px;
}


#header {
float: left;
margin-bottom: -20px;
}

#header h1 {
font-size: 2.5em;
font-weight: bold;
}

#header a {
color: #fff;
text-decoration: none;
font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

#header a:hover {
color: #9d9d9d;
}

#header p {
font-size: 20px;
font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
color: #666;
margin-top: -35px;
font-weight: bold;
}

#socialmedia {
float: left;
margin-left: 700px;
}

#socialmedia ul {
margin: 5px;
padding: 5px;
margin-top: -35px;
}

#socialmedia li {
list-style: none;
/*margin-left: -35px;*/
/*padding-top: -20px;*/
display: inline;
padding-right: 20px;
}

#socialmedia a {
text-decoration: none;
color: transparent;

}


/* search special header */


#imagehead {
background: url(images/search.jpg);
height: 250px;

 -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;

}

#imagehead2 {
background: url(images/tapeblog.jpg);
height: 250px;

 -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;

}

#mainnavhead {
  margin-top: 10px;
  padding: 5px;
 background: #000;
opacity: 0.7;filter:alpha(opacity=70);zoom:1;
font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
height: 50px;
text-align: left;


    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:0px;
         -webkit-border-bottom-right-radius:0px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:0px;
         -khtml-border-radius-bottomright:0px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:0px;
         -moz-border-radius-bottomright:0px;
}

#mainnavhead ul{
  margin:5px;
  width: 45em;
  text-align: left;
}

#mainnavhead li{
  display: inline !important;
  margin-right: 20px;
  font-size: 1.5em;
  list-style-type: none;
}

#mainnavhead li:last-child{
  margin-right: 0;
}

#mainnavhead a:link,
#mainnavhead a:visited{
  color: #9d9d9d;
}

#mainnavhead a:hover,
#mainnavhead a:active{
  color: #fff;
  text-decoration: none;
}

/* image container */

#imagecontainer {
width: 860px;
display: block;
background-image: url(images/roomlarge_2.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
/* margin-top: -35px; */
height: 510px;

    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}

#imagecontainerabout {
width: 860px;
display: block;
background-image: url(images/bluelightsabout.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
/* margin-top: -35px; */
height: 510px;

    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}

#imagecontainergear {
width: 860px;
display: block;
background-image: url(images/pacificgear.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
/* margin-top: -35px; */
height: 510px;

    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}

#imagecontainerrates {
width: 860px;
display: block;
background-image: url(images/barefootrates.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
/* margin-top: -35px; */
height: 510px;

    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}

#imagecontainerclients {
width: 860px;
display: block;
background-image: url(images/tapemachineclients.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
/* margin-top: -35px; */
height: 510px;

    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}


#navigation {
background: #000;
opacity: 0.7;filter:alpha(opacity=70);zoom:1;
padding-left: 0;
margin-left: 0;
font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
height: 60px;


    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:0px;
         -webkit-border-bottom-right-radius:0px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:0px;
         -khtml-border-radius-bottomright:0px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:0px;
         -moz-border-radius-bottomright:0px;
}

#navigation ul {
/*width: 200px;*/
margin-left: 10px;
padding-top:10px;
padding-left:40px;
padding-bottom: 5px;
}

#navigation li {
list-style: none;
/*margin-left: -35px;*/
/*padding-top: -20px;*/
display: inline;
padding-right: 20px;
}

#navigation li a { text-decoration: none; color: #9d9d9d; font-size: 1.5em; /*padding-bottom: -5px;*/ }

#navigation li a:hover {
color: #fff;
}

/******** other content ***********/

#othercontent {
width: 860px;
background: #000;
opacity: 0.7;filter:alpha(opacity=70);zoom:1;

 -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;

}

#othercontent .white {
margin: 20px;
background: #fff;
color: #000;
-webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}

#othercontent .post {
padding-bottom: 10px;
padding-right: 30px;
padding-left: 30px;
color: #000;
}

.white p {
color: #000;
padding-left: 10px;
}

.whitemeta {
padding-bottom: 10px;
}

.white a {
color: #333;
}

.white a:hover {
color: #111;
}

#othercontent h1, h2, h3 {
padding: 5px;
}


#commentform {
padding-left: 30px;
padding-right: 30px;
width: 450px;
padding-bottom: 20px;
}

#comment {
width: 450px;
}

#othercontent ul {
list-style: none;
}



/********* Navigation2 ***********/

#navigation2 {
width: 860px;
padding-left: 0;
margin-left: 0;
font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 14px;
height: 50px;


   
}

#navigation2 ul {
/*width: 200px;*/
padding-top: 15px;

}

#navigation2 li {
list-style: none;
/*margin-left: -35px;*/
padding-top: -20px;
display: inline;
padding-right: 20px;

}

#navigation2 li a { text-decoration: none; color: #9d9d9d; font-size: 16px; padding-bottom: -5px; }

#navigation2 li a:hover {
color: #fff;
}

/***** end nav 2 ******/

#maincontent {
height: 450px;
margin-top: 10px;
}


#content {
float: left;
margin-left: 265px;
width: 560px;
padding: 10px;
margin-right: 20px;
height: 90%;
color: #fff;
overflow: auto;
background: #000 fixed;
font-size: 13px;

opacity: 0.7;filter:alpha(opacity=70);zoom:1;

    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;

}


.meta {
color: #9d9d9d;
}

.meta a {
color: #fff;
}

.meta a:hover {
color: #999;
}

#sidebar {
width: 230px;
float:left;
margin-left: 20px;
margin-top: -425px;
height: 95%;
overflow: hidden;
background: #000;

opacity: 0.7;filter:alpha(opacity=70);zoom:1;

    -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}

#sidebar ul li {
list-style-type: none;
}

#sidebar li {
margin-left: -35px;
padding: 5px;
font-size: 12px;
}


#footer p {
padding: 10px;
text-align: center;
font-size: 14px;
color: #666;
}

p.readmore { text-align: left; /*margin-top: -8px;*/ margin-right: 70px;} 
p.readmore a { color: #777; font-size: 11px; } 
p.readmore a:hover { color: #999; 


#nextposts {
color: #9d9d9d;
}

#nextpost ul {
list-style-type: none;
}

#nextpost li {
display: inline;
}