.collectionlist ,#collectionImageList,#imageBox
    {
        border:1px solid black;
        background:#E8C79B;
        clear:both;
        height:120px;
        font-family:arial;
        font-size:9px;
    }

.collectionlist a
{
text-decoration:none;
}
    
    .collectionlist img
    {
    background:white;
    padding:5px;
    border:1px solid black;
    margin:3px;
    }
    
    .title
    {
	background-color: black;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;   
    color: White; 
    font-size:40px;
	border-right:1px solid white;
	border-bottom:1px solid white;
	padding:5px;
	margin-top:10px;
    }
    
    .desctption
    {
    font-size:13px;
    float:right;
	margin-top:35px;
	background-color: white;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;   
	border-left:1px solid black;
	border-top:1px solid black;
	padding:5px;
    }
    
    #collectionDescription
    {
		color:White;
		font-style:italic;
		font-size:12px;
    }
    
    .collectionImage
    {
        float:left;
    }
    
    .collectionImage img,#imageBox
    {
        padding:10px;
        border:1px solid black;
        margin:5px;
        background:white;
    }
    
    #imageBox #image
    {
    text-align:center;
    }
    
        
body {

font-family:Arial, Helvetica, sans-serif;
background: black;
margin:0px;
 
}
 
 #header
 {
 background: url("http://www.geekpunk.org/images/header_bg.gif") repeat-x;
 height:61px;
 }
 
 #header img
 {
 padding-top:5px;
 padding-left:5px;
 float:left;
 }
 
 #footer
 {
 clear:both;
 }
 
 .linkBlock
 {
 	float:left;
 	color:white;
 	font-size:10px;
 	width:50px;
 	height:61px;
	line-height:70px;
	text-align:center;
	border-bottom:1px solid black;
 }
 .linkBlock a
 {
	color:white;
	text-decoration:none;
 }
 
 .linkblock a
 {
	color:#888888;
	text-decoration:none;
 }

.linkblock
{
background: #0d0d0d;
}
.linkbox
{
	width:100%;
}
 .linkbox input
 {
	background:black;
	border:1px solid white;
	color:White;
	font-weight:bold;
 }

 .linkbox textarea
 {
	background:black;
	border:1px solid white;
	color:White;
 } 
 .linkBlockOver
 {
 	line-height:70px;
	text-align:center;
	float:left;
 	height:61px;
 	background: #D6D28C;
 	color:black;
 	font-size:10px;
 	width:50px;
 }

 .linkBlock:Hover
 {
  	line-height:70px;
	text-align:center;
	float:left;
 	height:61px;
 	background: #D6D28C;
 	color:black;
 	font-size:10px;
 	width:50px;;

 } 
 
 #container
 {
	margin:auto;
	margin-left:20px;
  }

 div.date
 {
 	float:left;
 	width:55px;
	height:52px;
	background-image:url("/images/date_block.gif") ;
	font-size:9px;
	text-transform:uppercase;
	text-align:center;
	margin-right:5px;
	line-height:20px;
 }
 
 div.date span.day
 {
 	font-size:30px;
	color:white;
 }


#footer
{
  position: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 10px solid #f5f5f5;
  background: #f5f5f5;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align:right;
  color: #aaa;
  font-size: 10px;
  z-index:10000;
  opacity:0.9;
  filter:alpha(opacity:90);
}

.spacer
{
	clear:both;
}

.commentlist {
        color:white;
	border-top: 1px solid #808073;
	border-bottom: 1px solid #808073;
	}

.alt {
        color:black;
	background-color: #555555;
	border-top: 1px solid #808073;
	border-bottom: 1px solid #808073;
	}
	
	.alt a{	color:#FFFFE6;}

    .collectionlist ,#collectionImageList,#imageBox
    {
        margin:5px;
        border:1px solid #808073;
        background:#D6D28C;
        clear:both;
        height:120px;
        font-family:arial;
        font-size:9px;
         text-align:left;
    }
    
	.collectionlist{padding:0;}
    #collectionImageList
    {
    background:#1E1F1E;
    border:0px;
    }

	#navContainer
	{
		position:absolute;
		height:100%;
		width:100%;
		z-index:10;
		top:0pt;
		left:0pt;
	}
	
	.leftnav, .rightnav
	{
		display:block;
		width:25%;
		height:100%;
	}
	
	.leftNav
	{
		float:left;
	}
	
	.rightNav
	{
		float:right;
	}
	#innercontainer
	{
		background:#000;
		margin:0 10%;
		padding:20px;
		margin-top:20px;
border-left:1px solid #575757;
border-right:1px solid #575757;
	    
	}
	.collectionTitle
	{
		color:White;
		text-align:center;
		font-size:30px;
	}
	#navLeft
	{
		float:left;
	}
	
	#navRight
	{
		float:right;
	}

	.navleft
	{
		float:left;
		background:url(http://www.geekpunk.org/photopath/images/back_off.png) no-repeat;
		width:50px;		
		height:50px;
	}
	.navleft:hover
	{
		float:left;
		background:url(http://www.geekpunk.org/photopath/images/back.png) no-repeat;
		width:50px;		
		height:50px;
	}
	
	.navright
	{
		float:right;
		background:url(http://www.geekpunk.org/photopath/images/forward_off.png) no-repeat;
		width:50px;		
		height:50px;
	}

	.navright:hover
	{
		float:right;
		background:url(http://www.geekpunk.org/photopath/images/forward.png) no-repeat;
		width:50px;		
		height:50px;
	}

	.navup
	{
		background:url(http://www.geekpunk.org/photopath/images/up_off.png) no-repeat;
		width:50px;		
		height:50px;
	}

	.navup:hover
	{
		background:url(http://www.geekpunk.org/photopath/images/up_off.png) no-repeat;
	}


    .collectionlist
    {
    width:500px;
    }
    
    .collectionlist img
    {
    background:white;
    padding:5px;
    border:1px solid black;
    margin:3px;
    }
        
    .collectionlist .description
    {
    font-size:13px;
    }
    
    .collectionImage
    {
        float:left;
    }
    
    .collectionImage img,.centeralImage
    {
        padding:3px;
        border:1px solid black;
        margin:5px;
        background:white;
    }
    
    #imageBox #image
    {
    text-align:center;
    }
    
    #centeralimage
    {
    color:#888888;
    }
    
#imagecontainer
{
	display: table-cell;
	margin:auto;
}
    .imageDescription
    {
    font-family:arial;
    font-size:9px;    
    padding:5px;
    }
    
    .imageTitle
    {
    font-family:arial;
    font-size:20px;
    padding:5px;
    font-weight:bold;
    }
     
    #imageTitle
    {
    font-size:15px;
    color:black;
    padding-top:5px;
    padding-bottom:5px;
    }

    .pageCrumb
    {
    font-size:10px;
    line-height:20px;
    color:white;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:10px;
    }
    
    .pageCrumb a
    {
		color:white;
		text-decoration:none;
    }
    .collectionnav
    {
		color:White;
    }
    
    .collectionnav a
    {
		color:White;
    }

    #rightcol
    {
    background-color:#1c1c1c;
    color:#888888;
    float:left;
    margin-left:20px;
    width:300px;
    }
    
    #imageextra
    {
		margin-top:5px;
		margin-bottom:40px;
		background-color:#1c1c1c;
		color:white;
border-top:1px solid #575757;



    }

#mapContainer
{
	margin:auto;
}
    
    #photometa
    {
    background: black none repeat scroll 0%;
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75; 
    color: White; 
    font-size: 10px; 
    float:right;
    position:relative;
	width:700px;
	margin-top:-78px;
    }
    
    .hidecontainer
    {
	height:0px;overflow:hidden;
	font-size:12px;
	margin:auto;
    }
    #iPhotoNav
    {
	width:700px;
	padding-top:10px;
	padding-bottom:10px;
    text-align:center;
	margin:auto;
	height:40px;
   }
    
    .IphotoNavImage
    {
		padding:2px;
		background-color:White;
		margin-left:3px;
		margin-right:3px;
		border:0;
    }

    .IphotoNavImage:hover
    {
		width:35px;
	}
    .IphotoNavImageCurrent
    {
		padding:2px;
		background-color:Orange;
		margin-left:3px;
		margin-right:3px;
		border:0;
    }

  .IphotoNavImageCurrent:hover
    {
		width:35px;
	}