/* Gallery----------------------------------------------------------------------*/

#gallery {min-width:640px;}
#gallery h5 {float:left; margin-right:20px;}

#pagination {list-style-type:none; margin-bottom:20px;}
#pagination li {display:inline; border-right:1px solid #000; padding:0 5px 0 0; text-align:center;}
#pagination li:last-child {border-right:none;}

#placeholder
{
	background-color:#666;
	margin:0;
	padding:9px;
	width: 500px;
	text-align:center;
	float:left;
}

#placeholder img {border-bottom:1px solid #333;}


/* Description
----------------------------------------------------------------------*/

#caption {color:#eee; font-size:80%; padding:8px; margin:0; background-color:#777;}


/* Details
----------------------------------------------------------------------*/
#details {clear:left; width:482px; border:9px solid #666; border-top:none; background-color:#777; padding:9px; font-size:80%;}
#details dt, #details dd {color:#eee;}
#details a {color:#fff!important;}

/* Showcase
----------------------------------------------------------------------*/

#showcase {padding:10px 0 2px 0; margin:0; list-style-type:none; width:120px; float:left; background-color:#666;}
#showcase li {float:left; width:60px; height:60px; padding:0; margin:0;}
#showcase a {cursor:pointer; border:1px solid #fff; background-color:#eee; width:50px; height:50px; display:block;}
#showcase a:hover {border-color:#333;}
#showcase img {border:none; width:50px; height:50px;}


/* Edit
----------------------------------------------------------------------*/
.required {color:#db0000;}
.edit-image {border:1px solid #ccc!important; padding:2px; margin-bottom:-4px;}
.update {margin:0 0 10px 150px;}

/* Styles specific to the news pages to override news styles that are messing with my shizzle */
div#gallery {padding-bottom: 200px!important;}
ul#showcase {list-style-type: none!important;padding: 10px 0 0 0!important;}
ul#showcase li {padding:0!important;}
div#placeholder img, ul#showcase li img {margin: 0;!important;}