/* START centering CSS */
body {
text-align:center;
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;
	width:800px;
	
} /* or without overflow */
#outer[id] {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_blog.gif) 50% 50% no-repeat;
width:224px;
height:45px;
margin-bottom:20px;
float:left;
border:0px;
}

#logoimage, #logoimage img {
border:0px;
}

#entry {
font-size:0.85em;
margin-bottom:20px;
}

.post p, #post p {
color:#666;
text-align:justify;
line-height:1.4em;
}

.post img {
border:4px solid #efefef;
}
 
#alignright {
float:right;
display:inline; /*fixes IE float bug*/
text-align:right;
margin:0 0 2px 10px;
}

#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:200px;
list-style:none;
margin:0px;
padding:0px;
text-align:left;
margin-top:0px;
float:right;
margin-top:10px;
}

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

}

#menu li {
float:right;
}

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

#content {
margin-top:10px;
text-align:left;
float:left;
width:70%;
}

#content a {
color:#666;
}

#content a:hover {
color:#333;
text-decoration:underline;
}

#sidebar {
margin-top:10px;
text-align:left;
float:right;
width:28%;
}

#sidebar p {
font-size:0.8em;
color:#999;
}

#sidebar ul {
margin:0;
padding:0;
list-style:none;
}

#sidebar h2 {
font-size:1.4em;
letter-spacing:-1px;
color:#333;
font-weight:normal;
}

#sidebar li {font-size:0.9em;}

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

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

.title, #content h2 {
font-size:2em;
letter-spacing:-2px;
color:#333;
margin-bottom:-10px;
}

#content .title a {
color:#333;
text-decoration:none;
}

#content .title a:hover {
color:#fff;
background-color:#666;
text-decoration:none;
}
 #content h2 {
font-size:1.8em;
letter-spacing:-2px;
color:#333;
font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
font-weight:normal;
}

.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;
}

.description p {
padding:15px;
}

.postmetadata p {
font-size:0.8em;
}

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

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

#meta 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;
}

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

.clear {
	clear:both;
}

#comments h3, h3 #comments, h3 {
color:#999;
letter-spacing:-1px;
font-size:1em;
}

.commentlist p {
color:#666;
font-size:0.9em;
}

#comment {
font-size:0.7em;
}

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

#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;
border-top:1px solid #efefef;
padding-top:20px;
}

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

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

p img {
	padding: 0;
	max-width: 100%;
	border:4px solid #efefef;
	}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

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

#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;
	}