/* START centering CSS */
body {
text-align:left;
background-color:#333;
font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
font-size: 90%;
}

#outer {
	overflow: visible;
	background-color:#fff;
	padding:30px;
	border:4px solid #414141;
	margin:5px 0 15px 0;
} /* or without overflow */
#outer[id] {display: table; position: static;margin:0 auto;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */

#logo {
background:url(../images/logo.gif) 50% 50% no-repeat;
width:224px;
height:45px;
margin-bottom:20px;
float:left;
}

#photo {
	border:4px solid #efefef;
}

#photospace {position: relative;}

#escadinhas {
width:100%;
height:20px;
background:url(../images/escadinhas.gif) 0% 0%;
margin:10px 0 20px 0px;
}

.intro {
text-align:justify;
color:#666;
font-size:0.8em;
line-height:1.3;
padding-bottom:10px;
}

.bordered {
border-bottom:1px solid #e0e0e0;
}

#menu {
width:350px;
list-style:none;
margin:0px;
padding:0px;
text-align:center;
margin-top:0px;
float:right;
margin-top:10px;
}

#menu a {
display:block;
padding:5px;
color:#999;
font-size:0.7em;
text-decoration:none;
border-left:0px solid white;
border-right:0px solid white;

}

#menu li {
float:right;
}

#menu a:hover {
background-color:#e0e0e0;
color:#666;
}

#info {
margin-top:10px;
text-align:left;
}

.title {
font-size:1.6em;
letter-spacing:-2px;
color:#333;
margin-bottom:8px;
}

.description {
color:#666;
font-size:1.2em;
text-align:justify;
letter-spacing:0px;
line-height:1.5em;
background-color:#eaeaea;
border-bottom:1px solid #d7d7d7;
margin-top:-12px;
margin-bottom:-10px;
}

.description p {
padding:15px;
}

#meta {
width:100%;
padding:6px 0 6px 0;
background-color:#eaeaea;
border-top:1px solid #d7d7d7;
font-size:0.8em;
color:#999;
text-align:center;
line-height:1.3em;
}

#meta a, .category a {
color:#333;
text-decoration:none;
}

#meta a:hover, .category a:hover {
text-decoration:underline;
}

.date {
padding-left:24px;
background:url(../images/date.png) 5px 50% no-repeat;
}

.exif {
padding-left:24px;
background:url(../images/camera.png) 5px 50% no-repeat;
margin-left:12px;
}

.comments {
padding-left:24px;
background:url(../images/comment.png) 5px 50% no-repeat;
margin-left:12px;
}

.print {
padding-left:24px;
background:url(../images/printer.png) 5px 50% no-repeat;
margin-left:12px;
}

.category {
padding-left:24px;
background:url(../images/folder_image.png) 5px 50% no-repeat;
margin-left:12px;
font-size:0.9em;
}

.keywords {
padding-left:24px;
background:url(../images/tag.png) 5px 50% no-repeat;
margin-left:12px;
}

.clear {
	clear:both;
}

#comment {
font-size:0.7em;
}

#innercomment {
padding:10px;
background-color:#eaeaea;
margin-top:10px;
}

#innercomment ul {
list-style:none;
margin:0px;
padding:0px;
float:left;
width:70%;
}

#innercomment li {
display:block;
border:1px solid #ccc;
background-color:#f4f4f4;
padding:15px;
margin-bottom:10px;
color:#666;
}

#addcomment {
float:left;
width:26%;
margin-left:15px;
color:#666;
}

.add {
font-size:1.2em;
}

#add, input, textarea {
border:1px solid #ccc;
background-color:#f4f4f4;
padding:3px;
color:#666;
}

#footer {
text-align:center;
color:#999;
font-size:0.8em;
margin-top:15px;
}

#footer a {
color:#666;
text-decoration:none;
}

#footer a:hover {
color:#333;
}

/* ----------------- */

#menu_browse{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	}
#menu_browse a{ outline: none;}
#menu_browse_prev, #menu_browse_next{
	width: 				49%;
	height: 			99%;
	background: 		transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: 			block;
	}
#menu_browse_prev {
	left: 				0;
	float: 				left;	
	}
#menu_browse_next {
	right: 				0;
	float: 				right;	
	}
#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background: 		url(../images/prev.png) no-repeat 35% 50%;
	cursor: 			pointer;
	}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background: 		url(../images/next.png) no-repeat 65% 50%;
	cursor: 			pointer;
	}
	
	
/* ----------------- */

.thumbnails, .thumbnails img, .thumbnails a {
border:2px solid #efefef;
}

.thumbnails a:hover {
border:2px solid #ccc;
}