/* Basic html styles */



/* Gallery name block */

#gallery-name {
	background-color: #000000; 
	padding: 0;
	color: #fff;
	margin: 0;
	padding: 10px 0 10px 0;
	width: 700px;
	
}
#gallery-name a {
	font-size: 16px;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 0 20px;
}

#img_box  {
	width:680px;
	 
}

#img_box  h1 {
	width:680px;
	font-size: 16px;
	margin: 10px 0 0 10px;
	text-align: center;
	}
}

#contents  {
	width:680px; 
}

/* Main content */



/* Index photoset boxes and collections */

.photoset, .collection {
	border-bottom: 1px dotted #ccc;
	color: #555;
	font-size: 12px;
	margin: 15px;
	line-height: 2em;
	text-align: left;
	padding: 0 0 20px 0;
}
.photoset a, .collection a {
	font-size: 12px;
	color:#000000;
	text-decoration: underline;
}
	
.photoset a:hover, .collection a:hover {
	font-size: 12px;
	color:#000000;
	background-color: #FF0;
	text-decoration: underline;
}

.photoset img, .collection img {
	/*background-image: url(../img/photo-bg.jpg);*/
	background-repeat: no-repeat;
	float: left;
	height: 80px;
	margin-right: 30px;
	padding: 5px 5px 15px 5px;
	width: 80px;
}
.photoset p, .collection p {
float:left; 
width: 450px; 
margin: 20px 0 0 20px;
padding: 0 0 0 20px;
background:url(../../common/img/roundiconlarge.gif) no-repeat 0px 4px;
}

/* photoset thumbnails */

#thumbnails img {
	height: 80px;
	margin: 0 1px 1px 0;
	width: 80px;
}

#thumbnails a:hover
{
	background-color: #fff;
}

#thumbnails h1 {
	font-size: 16px;
	width: 680px;
	margin: 10px 0 0 10px;
}

/* photo display and previous-next navigation */

#photo {text-align: center;
	background-color: #EDEBF6;
	padding: 10px 0 20px 0;
	margin: 10px 0 0 0;
}

p#navigation {
	color: #000;
	margin: 15px auto 0 auto;
	padding: 5px;
	text-align: center;
	width: 660px;
	font-size: 14px;
}
p#navigation a {color: #000; margin: 0 20px 0 20px;}
p#navigation a:hover {color: #000; margin: 0 20px 0 20px;}
p#navigation .arrow {margin: 0 20px 0 20px;}

/* footer */

#flick_footer {font-size: 12px;text-align: left; margin: 0px 0 0px 0; width: 680px;}
#flick_footer a {color: #000;margin: 0 0px 0 0px;}
#flick_footer a:hover {color: #000;}

/* misc */
.clear {clear: both;}
.error {color: #f00;}
.loader {
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}