/*style_sheet.css*/
/* CSS style sheet for d-ranged.net site */



/* All other content is contained within this <div> */




/* Basic body text formatting for the document */
body
{
	background-color: #111111;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

/* Menu */


.content /*      top  right bottom left      */  	
{
	position: absolute; 
	left: 200px; 
	top: 160px; 
 	right: 300px;
	bottom: 120px;
	z-index: 1;

	display: inline-block;

	
}

.nav
{

	font-family: Courier New;
	font-color: #FFFFFF;
	font-size: 120%;
	text-align: right;
	float: left;



}

.nav a:link
{
	text-decoration: none;
	font-weight: none;
	color: #FFFFFF;
}

.nav a:visited
{
	text-decoration: none;
	font-weight: none;
	color: #CCCCCC;
}

.nav a:hover
{
	text-decoration: none;
	font-weight: none;
	color: #000000;
}

.nav a:active
{
	text-decoration: none;
	font-weight: none;
	color: #CCCCCC;
}


.imgc
{
	align: centre;
}


.img
{
	margin: 20px;
}

.imgf
{
	align: left;
	margin: 30px;
}


/* Formatting for the header */
.header
{
	font-size: 1.6em;
}

.header2
{
	font-size: 1.2em;
}

.header3
{
	font-size: 1.2em;
	margin: 20px;
}



/* The containing box for the gallery. */
#container 
{
    position:relative; 
    width:750px; 
    height:500px; 
 
    border:1px solid #aaa; 
}

/* Removing the list bullets and indentation */
#container ul 
{
    padding:0; 
    margin:0; 
    list-style-type:none; 
}

/* Remove the images and text from sight */
#container a.gallery span 
{
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:200px; 
    height:912px;
    float: right;
    }
#container li {
    float:right;
    }

/* styling the :hover span */
#container a.gallery:hover span {
   position:absolute;
    width:550px; 
    height:550px;  

    }


/* SLIDES */

#container a.slidea {
    background:url(../diary/images/thumbs/1.jpg); height:150px; width:43px;}
#container a.slideb {
    background:url(images/thumbs/tsomeone.jpg); height:150px; width:43px;}
#container a.slidec {
    background:url(images/thumbs/tcaps.jpg); height:150px; width:43px;}
#container a.slided {
    background:url(images/thumbs/tuntitledand.jpg); height:150px; width:43px;}


/* END OF SLIDES */

/* LINKS */

a:link
{
	text-decoration: none;
	font-weight: bold;
	color: #80001E;
}

a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #A30052;
}

a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #A35200;
}

a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}