@import url('admin-menu.css');

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

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

/* Links */

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

a:hover {
	text-decoration: underline;
}

.ml30{
	margin-left:30px;
}

/* Headings */

h1 {
	float: right;
	clear: left;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 2px;
	color: #666;
	margin: 5px;
	padding: 0px;
}

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

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

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

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

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

/* Navigation and menu */

#navigation {
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 0px;
	height: 25px;
}

div.login {
	width: 400px;
	margin: 0 auto;
	background: #f5f5f5;
	border: 1px solid #ccc;	
	padding:10px;
}

div.login div, div.login h2 {
	/*margin: 10px;*/
}

div.input ul{
	list-style-type:square;
	margin-left: 15px;
	margin-bottom: 5px;
	padding: 0px;
}

div.login div label {
	width: 65px;
}

div.login div input[type=text], div.login div input[type=password] {
	width: 285px;
}

div.login div.submit input, div.login div.actions ul {
	margin-left: 90px;
}

/* Content */

#photo {
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #ccc;
}

#futurePhoto {
	padding: 5px;
	background: #EEEEEE;
	border: 1px solid #FF0000;
}

/* Image Navigation */

#image-navigate {
	background: #fff;
	padding: 20px;
	height: 15px;
	width: 70%;
	margin: 0px auto;
}

#image-navigate a {
	padding: 10px;
}

.image-previous {
	float: left;
}

.image-next {
	float: right;
}

/* Image Info */

.content_layout {
	padding: 20px;
	text-align: justify;
	margin: 0px auto;
	margin-bottom: 25px;
	line-height: 16px;
}

.content_layout ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#image-notes {
	width: 70%;
	vertical-align: top;
}

#image-exif {
	padding-top: 10px;
	text-align: right;
	width: 25%;
	vertical-align: top;
}

.addcomment {
	float: right;
	clear: right;
	padding: 0px;
}

/* Pages */

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

#page a {
	font-weight: bold;
}

#page img {
	background: #ffffff;
	padding: 5px;
	border: 1px solid #ccc;
}

#page li {
	display: block;
	margin: 0px;
	margin-bottom: 10px;
	color: #444;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #eee;
}

#page ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#page ul.menu
{
	margin: 0px;
	float: right;
	padding: 0px;
	clear: right;
	font-size: 12px;
	text-align: right;
}

#page ul.menu li
{
	border: 0px;
	display: inline;
	padding: 0px 5px 0px 5px;
	list-style-type: none;
}

#page ul.menu li a{
}

#page ul.menu li a: hover{
	color: #111111;
	text-decoration: none;
}

.column{
	width: 48%;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

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

#page img.futureThumbnails{
	margin: 3px;
	padding: 5px;
	border: 1px solid #FF0000;
}

/* Comments 

#comment-top{
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 5px;
	margin-bottom: 25px;
	height: 15px;
}

#comments{
	margin: 0px auto;
	width: 95%;
	text-align: left;
}

#comments ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#comments li{
	display: block;
	margin: 0px;
	margin-bottom: 10px;
	color: #444;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #eee;
}

#comments li a{
	color: #444;
	text-decoration: none;
}

#comments li: hover{
	background: #f5f5f5;
	}

#comments li a: hover{
	background: #f5f5f5;
}

#comment-middle{
	background: #fff;
	border-top: 1px solid #eee;
	padding: 5px;
	margin-top: 25px;
	height: 15px;
}

#addcomment{
	width: 90%;
	text-align: left;
	padding: 10px;
	margin: 0px auto;
	border: 1px solid #eee;
	background: #f5f5f5;
}

#addcomment textarea{
	width: 90%;
	height: 50px;
	font-size: 12px;
	border: 1px solid #eee;
	background-color: #fff;
	color: #666;
	padding: 5px;
}

.comment-button{
	background: #fff;
	border: 1px solid #aaa;
	color: #666;
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
}

#page li.moderation{
	border: 1px solid #FF0000;
}

#Komments li.moderation{
	border: 1px solid #FF0000;
}

/* Footer 

#footer{
	text-align: center;
	margin-bottom: 20px;
}
*/
.caption{
	text-align: left;
	padding: 5px;
	margin-top: 5px;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background-color: #ddd;
	color: black;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
}

.caption a{
	color: black;
	text-decoration: underline;
}

.content{
	padding: 5px;
	padding-bottom: 10px;
	width: 100%;
	background: #717171;
	color: #ECECEC;
}

.gui{
	padding: 5px;
}

div.message {
	clear: both;
	font-size: 120%;
	color: #333;
	margin: 1em 0;
	text-align: left;
	padding: 10px 20px;
	background: #fff6bf;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

div#actions {
	clear: both;
	margin: 10px 10px 10px 90px;
	text-align: left;
	background: #f0f0f0;
    border: 1px solid #dadada;
    padding: 5px;
}
div#actions ul {
	margin: 0;
	padding: 0;
}
div#actions li {
	line-height: 1.5em;
	white-space: nowrap;
}
div#actions ul li a {
	text-decoration: underline;
}
div.actions ul li a:hover {
	color: #333;
}



											/* FORM */
input[type=text], input[type=password]{
	border: 1px solid #ccc;
}

fieldset{
	border: 1px solid #ddd;
	padding:15px 10px;
	margin-bottom:15px;
}

legend{
	color:#999;
	padding:0px 5px;
	/*margin-bottom: 5px;*/
}

.small {
	font-size:80%;
}

div.input {
	margin-bottom: 5px;
}
											/* LOGIN */
div.login input[type=text], input[type=password]{
	background-color: #fff;
	color: #666;
	height: 20px;
	padding-top:2px;
}

div.login label {
	float: left;
	text-align: right;
	margin-right: 15px;
	line-height: 25px;
}

											/* POST */
div.post {
	margin:0 auto;
	text-align:center;
	width:755px;
}

div.post div.post_main{
	float:left;
	width:450px;
}

div.post div.post_sidebar{
	float:left;
	width:270px;
	padding: 5px;
	margin-left:20px;
	background-color:#efefef;
	border:1px solid #ccc;
}

div.post div.post_sidebar img.thumb{
    width:50%;
    border:1px solid #000;
    margin-bottom:5px;
}

div.post label {
	display:block;
}

div.post input[type=text]{
	width:100%;
}

div.post div.date input[type=text]{
	width:150px;
	margin-right:2px;
}

div.post div.date img{
	border:none;
}


div.post div.submit{
	border: 1px solid #ccc;
	background-color:#efefef;
	padding:15px 10px;
	margin-bottom:15px;	
}

ul.imagens li{
    width:80px;
    background-color:#fff;
    margin:3px;
    float:left;
    text-align:center;
    padding:2px
}

ul.imagens li img{
    width:100%;
	border:none;
}


 input[type=checkbox] + label {
	display:inline;
 }
 
 
 /* novo */
ul#imagens{
	width: 50%;
	margin:0 auto;
}
ul#imagens li{
	float:left;
	width:65px;
	height:50px;
}
ul#imagens li div{
	float:left;
	width:13px;
}
ul#imagens li img{
	border:2px #ccc solid;
}

ul#imagens li div.acoes img{
	border:none;
}
ul#imagens li div.acoes a{
	display:none;
}
ul#imagens li div.acoes img.handle{
	cursor:move;
}
ul#imagens li:hover div.acoes a{
	display:inline;
}