* {
    margin:0;
    padding:0;

}


body {
background-color:#000000;
margin:0;
padding:0;
font-size:12px;
font-family:"Trebuchet MS", sans-serif;
}

a img {
border:none;
}

#container {
	width:950px;
	margin:0 auto;
	position:relative;
}
#header {
	background:url(Images/blogheader.jpg) no-repeat;
	height:250px;
}



#header h1 {
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:14px;
font-weight:lighter;
color:#49360F;
width:400px;
margin-left:100px;
}
h3 {
    font-family:Helvetica, Verdana, Arial, sans-serif;
    font-size:14px;
    font-weight:lighter;
}

#content {
	width:800px;
	float:left;

	background:url(Images/content.jpg) no-repeat;
	outline:none;
}

#content a {
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:12px;
color:#669999;
/*padding:50px 0 50px 0;*/
outline:none;
text-decoration:none;
}

#content a:hover{
		background-position: 0 -50px;
		color:#FF0099;
	}
	#content a:active,#content a.selected{
		background-position: 0 -100px;
		color:#669999;
	}

#content h1 {
        font-family:"Trebuchet MS", sans-serif;
	font-size:10px;
	line-height:2.2em;
        color:#F15E23;

}

#content h2 {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:10px;
	line-height:2.1em;
	font-weight:lighter;
	letter-spacing:2px;
	padding:60px 170px 0 0px;
	color:#F15E23;
	outline:none;
	text-decoration:none;
}





#sidebar {
	width:150px;
	float:right;
	background:url(Images/sidebar.jpg);

	
}


#sidebar li {

margin:10px;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:10px;
font-color:#FF0099;
outline:none;
text-decoration:none;
}

#sidebar a {
font-family:Helvetica, Verdana, Arial, sans-serif;
color:#49360F;
font-size:12px;
letter-spacing:1.4px;
outline:none;
text-decoration:none;
}
#sidebar a:hover{
		background-position: 0 -50px;
		color:#49360F;
	}
	#sidebar a:active,#sidebar a.selected{
		background-position: 0 -100px;
		color:#9900FF;
	}



#footer {
	
	clear:both;
	color:#e7d9c8;
font-size:12px;
font-family:"Trebuchet MS", sans-serif;
padding-left:420px;

}

#header h1 { display:none; }

    #mainav{
        position:absolute;
        top:50px;
        left:175px;
        color:#999999;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        outline:none;
        text-decoration:none;
        display:inline;
}
        
    
    
    #mainav li {
        list-style:none;
        display:inline;
        outline:none;
}
    
        
        #mainav a {
            float:left;
            top:330px;
            left:900px;
            padding-top:100px;
            padding-left:100px;
            overflow:hidden;
            color:#999999;
            
            text-transform: lowercase;
            height:50px;
            display:inline;
            outline:none;
            text-decoration:none;
            }
            
        #mainav a:hover {
            background-position: 0 -50px;
            display:inline;
            color:#222;
        }
            
            #mainav a:active #nav a.selected {
            background-position:0 -100px;
            color:#fd58c1;
            
            }


.post {
width:400px;
margin-left:250px;
}

#postmetadata {
font-size:8px;
color:#000000

}

/* Comments */
.comments {
    margin-left:250px;
    border-top:2px solid #999;
    margin-right:150px;
}
.comments textarea {
    width:400px;
}


/* Prev/Next Navigation */
.navigation {
    margin-left:250px;
    margin-right:150px;
    border-top:2px solid #999;
    padding:10px 0 20px 0;
}




/***************************
* Lightbox CSS
*/
#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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Images/lightbox/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; }