/*  gallery.css  

display CSS for Gallery app 
control the divs containing thumbs and 
float them up next to each other whilst 
fixing the containing div width if desired */

/*additional styles added for the sort and paginate controls*/


/* The main box around all the thumbs */
#galmain {
	float: left;
	width: 642px;
	border: 1px solid #cccccc;
	padding: 20px 5px 10px 5px;
	background: #ffffff;
	display: block;
	font: normal 90%/1.2 Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 20px 0 0 0;
}

#galtitle {
	float: left;
	padding: 0 20px 0 5px;
	font: bold 160%/1.2 Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/arrow.gif) no-repeat center right;
}

#galtitle a{
	color: #cccccc;
}

#galtitle a:hover{
	color: #666666;
}

#galtitle2 {
	float: left;
	padding: 0 20px 0 5px;
	font: bold 160%/1.2 Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/arrow2.gif) no-repeat center right;
}

p#clear {
	clear: both;
	padding: 0 0 0 5px;
}


/*boxes for individual thumbs */
.galsub {
	width: 138px;
	height: 138px;
	float: left;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 10px 5px 10px 5px;
	text-align: center;
}

.galsub img {
	margin-left: auto;
	margin-right: auto;
	border: none;
}

.galsub p {
	margin-left: auto;
	margin-right: auto;
}

#version {
	text-align: right;
	color: #cccccc;
	clear: both;
	padding: 20px 5px 0;
}

/*sort control box*/

#sortbox {
	float: left;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 10px;
	width: 138px;
	font: normal 90%/1.2 Arial, Helvetica, sans-serif;
}

#sortbox p {
	font: bold 120%/1.2 Arial, Helvetica, sans-serif;
}

#sort {
	padding: 10px 5px;
}

/*pagination control box*/

#pages {
	padding: 5px;
}