/*  
Theme Name: Rapidamente
Version: 1
Author: Danilo Heller Prates
Author URI: http://blog.imaginariamente.com
Tags: gray, noise, green
Description: To mini-fiction.
*/	

/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,strong,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; outline:none; }
/* -------------------------------------------- */

body {
	background-image:url("img/bg.png");
	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
	overflow: hidden;
}

h1 {
	background-image:url("img/rapidamente_logo.png");
	height:57px;
	left:50px;
	position:absolute;
	text-indent:-3000em;
	top:35px;
	width:211px;
	z-index:60;
}

h1 a {
	display:block;
	width:211px;
	outline:none;
	height:57px;
}

#navigation {
	position:absolute;
	right:50px;
	top:50px;

}

#navigation li {
	display:inline;
	margin-left:10px;
}

#navigation li a {
	font-size:13px;
	color:#45453c;
	font-weight:bold;

}

#navigation li a:hover  {
	color:#565449;

}

#navigation .current_page_item a {
	display:none;
}


#contentHide {
	display:none;
}

#contentPost {
	bottom:50px;
	position:absolute;
	right:50px;
	text-align:right;
	max-width:600px;
	z-index:100
}

#contentPost #text, .menuContent {
	color:#89A80B;
	font-size:18px;
	margin-bottom:50px;
}

#buttons {
	bottom:0;
	position:absolute;
	right:0;
	width:200px;
	text-align:right;
	height:40px;
}

#buttons .previous, #buttons .random, #buttons .next, #buttons .hash, #buttons .empty {
	background-repeat:no-repeat;
	display:block;
	height:40px;
	/*text-indent:-3000px;*/
	width:33px;
	outline:none;
	float:left;
}

#buttons .previous {
	background-image:url("img/arrowLeft.png");
}

#buttons .previous:hover, #buttons .previousSelected {
	background-image:url("img/arrowLeftHover.png");
}

#buttons .random {
	background-image:url("img/arrowRandom.png");
}

#buttons .random:hover, #buttons .randomSelected {
	background-image:url("img/arrowRandomHover.png");
}

#buttons .next {
	background-image:url("img/arrowRight.png");
}

#buttons .next:hover, #buttons .nextSelected {
	background-image:url("img/arrowRightHover.png");
}

#buttons .hash {
	background-image:url("img/arrowHash.png");
}

#buttons .hash:hover, #buttons .hashSelected {
	background-image:url("img/arrowHashHover.png");
}

#buttons .empty {
	background-image:url("img/arrowEmpty.png");
	color:#535047;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	height:40px;
	margin-right:20px;
	/*margin-top:3px;*/
	
}

#buttons .empty:hover, #buttons .emptySelected {
	color:#89A80B;

}

.btX {
	background-repeat:no-repeat;
	background-image:url("img/btX.png");
	display:block;
	height:25px;
	/*text-indent:-3000px;*/
	width:21px;
	outline:none;
	position:absolute;
	right:10px;
	top:10px;
}
.btX:hover {
	background-image:url("img/btXHover.png");
}
	
	
	
#imgPost {
	bottom:20px;
	left:20px;
	position:absolute;
	z-index:50;
}


#permlink {
	position:absolute;
	right:0;
	top:0;
	background-image: url("img/bgDark.png");
	width:427px;
	padding:10px;
	overflow-y:auto;
	overflow-x:hidden;
	color:#666666 !important;
	font-size:11px;
	z-index:100;

}

#commentContainer {
	position:absolute;
	z-index:10;
}

#commentContainer {
	width:407px;
	top:100px;
} 

#menuDirty {
	background-image: url("img/mendDirty.png");
	width:250px;
	height:200px;
	position:absolute;
	z-index:0;
	bottom:0;
	right:200px;
}

#menuTitle {
	background-image: url("img/menuTitle.png");
	width:274px;
	height:82px;
	position:absolute;
	z-index:0;
	top:10px;
	right:140px;
}


#comments {
	margin:10px 0px;
}

#commentform label {
	color:#666666;
	font-size:12px;
}

#commentform .form {
	margin-right:1px;
}

#commentform .form input {
	width:124px;
	background-image: url(img/bgLight.png);
	border: 1px solid #191815;
	color:#89A80B;
}

#commentform #comment {
	width:400px;
	background-image: url(img/bgLight.png);
	border: 1px solid #191815;
	color:#89A80B;
}
 
#commentContainer li {
	list-style-type: none;
	
}
#commentContainer a {
	color:#89A80B;
	
}

.commentContent {
	margin:5px 0;
}
 
h3 {
	font-size:14px;
}

#submit {
	margin-bottom:10px;
}