/* .............................. */
/* Basic */
/* .............................. */

body {
 background-color:#F3F8FF;
 font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 letter-spacing:0.5px;
 color:#eee;
 padding:0px;
 margin:0px;
 margin-bottom:20px;
 text-align:center;
 }

html, body {
 min-height:100.1%;
 }

/* .............................. */
/* Links */
/* .............................. */

a {
 color:#eee;
 text-decoration:none;
 }

a:hover {
 text-decoration:underline;
 }

/* .............................. */
/* Headings */
/* .............................. */

h1 {
 float:left;
 clear:left;
 font-weight:bold;
 font-size:11px;
 letter-spacing:2px;
 color:#eee;
 margin:0px;
 margin-left:5px;
 padding:0px;
 }
	
h1 a {
 text-decoration:none;
 color:#eee;
 }

h1 a:hover {
 text-decoration:none;
 }

.title {
 font-weight:bold;
 font-size:11px;
 letter-spacing:1px;
 color:#eee;
 margin:0px;
 margin-bottom:5px;
 margin-left:15px;
 padding:0px;
 }

h3 {
 font-weight:bold;
 font-size:12px;
 letter-spacing:1px;
 color:#ddd;
 text-align:center;
 }

/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
 background:#929EB3;
 border-bottom:1px solid #aaa;
 padding:5px;
 height:15px;
 margin-bottom:20px;
 }

.menu {
 float:right;
 clear:right;
 text-align:right;
 font-size:11px;
 }

.menu a {
 padding:7px;
 padding-left:10px;
 padding-right:10px;
 }
		
.menu a:hover {
 text-decoration:none;
 color:#CCC;
 }

/* .............................. */
/* Browse */
/* .............................. */

#page {
 background:#515151;
 border:1px solid #aaa;
 padding:20px;
 text-align:left;
 width:65%;
 margin:0px auto;
 margin-bottom:25px;
 line-height:16px;
 }

#page a {
 font-weight:bold;
 }

#page img {
 background:#fff;
 padding:5px;
 border:1px solid #333;
 }

.column_album{
 width:60%;
 padding:5px;
 font-size:14px;
 vertical-align:top;
 }

.column_album a{
 font-weight:bold;
 color:#D85;
 }

.column_album a:hover{
 color:#32B6FA;
 }

.column{
 width:95%;
 padding:5px;
 text-align:center;
 font-size:16px;
 valign:middle;
 }

.column a{
 font-weight:bold;
 color:#D85;
 }

.column a:hover{
 color:#32B6FA;
 }

.thumbnails {
 border:1px solid #515151;
 padding:3px;
 margin:3px;
 }

/* .............................. */
/*    Toggle opacity on images    */
/* .............................. */

.toggleopacity img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 -moz-opacity: 0.6;
 }

.toggleopacity:hover img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
 }

/* .............................. */
/* Footer */
/* .............................. */

#footer {
 text-align:center;
 margin-bottom:20px;
 }