/*  

Theme Name: CellPhone Blues

Theme URI: http://www.house-of-glass.net/

Description: Personal theme

Version: 1.0

Author: Casey McCann

Author URI: http://www.devil-inside.me/

*/





body { 

font-size: 15px;

font-family: tahoma, verdana, arial, sans-serif;

background: #121212 url('images/bg.png');

color: #666;

letter-spacing: 2px;

line-height: 1.5;

margin: 0;

padding: 0;

text-align: left;

}

  

img { border: 0;}

  

a {

color: #121212;

text-decoration: none;

}



a:hover {

color: #121212;

text-decoration: underline;

}



li {

margin-top: 2px;

margin-bottom: 2px;

}



hr {

color: #121212;

border: 1px solid #121212;

}



h1 {

background: #121212;

color: #fff;

width: 742px;

text-align: left;

padding: 0px;

margin-left: -19px;

margin-top: 0px;

font-size: 1.1em;

font-weight: normal;

}



/* Divs */



#wrap {

margin-left: 80px;

}



#header {

}



#main {

width: 742px;

background: #fff;

border-left: 1px solid #fff;

border-right: 1px solid #fff;

}



#menu {

background: #121212;

color: #fff;

height: 38px;

text-align: center;

font-size: .7em;



}



#menu img {

position: relative;

top: 5px;

margin-left: 2px;

margin-right: 6px;

}



#menu a {

color: #6b6969;

text-decoration: none;

}



#menu a:hover {

color: #fff;

text-decoration: none;

}



.entries {

width: 496px;

padding-left: 19px;

padding-right: 19px;

font-size: .8em;

}



.sidebar {

width: 185px;

padding-left: 10px;

padding-right: 10px;

font-size: .8em;

}



.sidebar li {

margin-left: 15px;

}



/* Classes */



.buttons {

text-align: center;

}



.dkgrey {

background: #121212;

color: #fff;

text-align: center;

border-top: 8px solid #121212;

border-bottom: 8px solid #121212;

font-size: .6em;

}



.dkgrey img {

position: relative;

top: 3px;

}



.whitespace {

background: #fff;

height: 10px;

}



.entrytab {

background: #121212;

width: 80%;

margin-left: 63px;

padding-right: 58px;

color: #fff;

font-size: 1.3em;

font-weight: bold;

border-top: 10px solid #121212;

border-bottom: 10px solid #121212;

text-align: right;

}



.entrytab a {

color: #6b6969;

text-decoration: none;

}



.entrytab a:hover {

color: #fff;

text-decoration: none;

}


.sidetab {

background: #121212;

width: 100%;

margin-top: 19px;

margin-left: -10px;

padding-right: 20px;

color: #fff;

font-size: 1.3em;

font-weight: bold;

border-top: 10px solid #121212;

border-bottom: 10px solid #121212;

text-align: right;

}



.sidetab a {

color: #6b6969;

text-decoration: none;

}



.sidetab a:hover {

color: #fff;

text-decoration: none;

}



.sideline {

background: #fff;

height: 1px;

border-top: 2px solid #121212;

border-bottom: 2px solid #121212;

width: 206px;

margin-left: -10px;

margin-top: 20px;

margin-bottom: 20px;

}


.faq {
background: #121212;

border-top: 5px solid #121212;

border-bottom: 5px solid #121212;

width: 100%;

color: #fff;

font-size: 1.1em;

padding-right: 39px;

margin-left: -19px;

text-align: right;
}




.credits {

text-align: center;

font-size: .6em;

letter-spacing: 1px;

}

.updates {

text-align: left;

font-size: .8em;

letter-spacing: 2px;

margin-left: 120px;

margin-right: 20px;

}


.block {
margin-left: 23px;
margin-right: 23px;
}


.listing {

text-align: center;

margin-bottom: 20px;

}



.listing img {

margin-top: 4px;

margin-bottom: 4px;

}



.meta {

text-align: right;

font-size: .6em;

}



.comline {

width: 100%;

height: 2px;

background: #121212;

margin-top: 3px;

margin-bottom: 3px;

}



.tagline {

background: #121212;

width: 100%;

color: #fff;

font-size: .8em;

padding-right: 39px;

margin-left: -19px;

height: 8px;

text-align: right;

}



.tagline a {

color: #6b6969;

text-decoration: none;

}



.tagline a:hover {

color: #fff;

text-decoration: none;

}



.navi {

background: #121212;

width: 60%;

color: #fff;

font-size: .8em;

border-top: 10px solid #121212;

border-bottom: 10px solid #121212;

text-align: center;

margin-top: -30px;

}



.navi a {

color: #6b6969;

text-decoration: none;

}



.navi a:hover {

color: #fff;

text-decoration: none;

}



.gallery {

text-align: left;

}



.gallery img {

margin-left: 1px;

margin-right: 1px;

margin-top: 3px;

margin-bottom: 3px;

}



.links {

margin-left: 100px;

}





/* lightbox */





#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }