/*   
Theme Name: Red Ninja Press Theme
Theme URI: www.redninjapress.com
Description: Standard Theme from the red ninja press website
Author: Marcio B D A
Author URI: marciobda@gmail.com
Version: 0.1
.

.
*/



/*********** R E S E T **********/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:400;}


/*********** B A S I C   E L E M E N T S **********/

body {
	background: url('images/background.jpg');
	font: 12px/20px Verdana, Geneva, Tahoma, sans-serif !important;
        width:100%
	}

a{
	color: #AA0000;
	text-decoration: none;
	}
	
	a:hover {text-decoration:underline;
		}

h1{
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif !important;
	font-size: 22pt !important;}
	
	h1 a{}
	
h2{
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif !important;
	font-size: 16pt !important;
	font-weight: lighter;}

	h2 a{color: #FFFFFF;}
	h2 a:hover {text-decoration: none}

h3{
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif !important;
	font-size: 14pt !important;
	font-style: italic;
	color: #3d1d03;
	margin-bottom:3px;
	}

	h3 a{color: #FFFFFF;}
	h2 a:hover {text-decoration: none}

	
h4 {
	font-weight: lighter;
	color: #969696;
	font-style: italic;}
	
	h4 a{color: #c9c9c9; font-style: normal;}
	h4 a:hover {text-decoration: none}

ul{}

p{margin-bottom:12px; !important}

form p {margin-bottom:0px;}

img {border: none}

button {
	width: 50px;
	height: 20px;
	border: none;
        border:1px solid #b9b478;
        background:black;
        color: white;
        font:12px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif
	}
	
	button:hover {cursor:pointer;}
	
blockquote {
        float:left;

	font-style: italic;
        font-weight: bold;
	display: block;
	background:#645040;
	padding: 10px 15px 0px 15px;
        font-size: 12px;
        width: 340px;
        margin: 5px 10px 0px -54px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px dashed #6c603d;
	color: white;}

	
cite {display:block;	
background: #bfb197;
color:#200a00;
padding: 0px 30px 17px 30px;
margin:5px auto;
width:380px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;}
	
strong {color:#620201;}

ins {font-weight:light;
background: #bf8978;
padding:2px;
color:white;
text-decoration: none;}

del{color: #d2be8f;}
	
acronym {}
abbr {}
em {}
adresss{}

/*********** B A S I C   L A Y O U T **********/

#header{
	background: url('images/bg-header2.jpg') repeat-x; 
	position: relative;
	z-index: 1;
	}

#menu{
	position: absolute;
	top: 314px;
	left: 0px;
	width: 100%;
        background: url(images/bg-menu2.png) repeat-x;
	z-index: 2;
        height:88px
	}
	
	#menu ul {background:url(images/bg-itens-menu2.png); position: relative; display: block; margin:-80px 200px 0px 0px; padding: 40px; list-style-type: none; width: 800px; left:50%; margin-left:-500px; top:35px;height:52px;}
	#menu ul li a {float: left; width:122px;padding:0px 0 5px 20px;margin:40px 10px 0 0; text-decoration: none; font: 24px Georgia, Times, "Times New Roman", serif; font-style:italic; color:#8c7750; }


	
		#menu-artigos a {}
		#menu-artigos a:hover, #menu-artigos a.selected{background:#850505;color:white;-moz-border-radius:3px;-webkit-border-radius:3px;}
		
		#menu-reviews a {}
		#menu-reviews a:hover,#menu-reviews a.selected{background:#23231e;color:white;-moz-border-radius:3px;-webkit-border-radius:3px;}          
		
		#menu-conteudos a {}
		#menu-conteudos a:hover,#menu-conteudos a.selected{background:#e0cf3f;color:white;-moz-border-radius:3px;-webkit-border-radius:3px;}
		
		#menu-autores a {}
		#menu-autores a:hover,#menu-autores a.selected{background:#206216;color:white;-moz-border-radius:3px;-webkit-border-radius:3px;}

#content-wrapper{
	margin-left: auto;
	margin-right: auto;
	min-height: 1450px;
	width: 978px;
	position:relative;
	clear:both;
	}	
	
#right-col{
	position:absolute;
	top: -10px;
	left: 50%;
	margin-left: 100px;
	min-height: 1450px;
	clear:both;
	background: url('images/sidebar_fundo.png') no-repeat;
	float: right;
	width:360px;
	z-index: 0;
	}
	
#left-col{
	position:relative;
	float: left;
	width:590px;
	min-height: 1250px;
	z-index:3;
	top: 0px;
	}

#sidebar{
	position: relative;
	padding: 10px;
	}

#footer{
	background-image: url('images/footer_fundo.jpg');
	clear:both;
	color: white;
	}

/*********** H E A D E R **********/

#header-wrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 535px;
	z-index:2;
        overflow:hidden;
	}



#logo{  display:block;
	height: 401px;
	position: absolute;
	margin-left:0px;
	z-index: 2;
	width:100%;
        left:50%;
        margin-left:-632px;
	}
	
#logo h1  a {   display:block;
		text-indent: -9999px;
                width:1263px;
		height:401px;
                
                background-image: url(images/logo2.jpg);
                background-position: 0;
		}	

#searchform-wrapper {display:block;float:left;}
#searchform{position:relative;left:120px;top:40px}
	
	#lupa{top:10px;}


#s {background: #e9e8c5; border: 1px solid #b9b478; width:140px; margin-right:-5px;}

.description {display:block;
	width: 250px;
	height:150px;
	margin-left:700px;
	margin-top: 50px;
	color:white;
	overflow:auto;}

/*********** C O N T E N T **********/

#slider{
	position:relative;
	left: 50%;
	top: -165px;
	width:970px;
	height:388px;
	background: url('images/featured.png') no-repeat;
	z-index:20;
	color: #EEEEEE;
	margin-left: -500px;
	margin-bottom: -180px;
	}
	
	.navigation {position:absolute;top:50px; left:15px;}
		.navigation li {position: relative;  display:inline;overflow: hidden;}
		.navigation li a{display: block; width:10px ;height:10px; border:1px solid black; margin: 5px; padding:0px; background: black; text-indent: -9999px;overflow: hidden;}
		#nav1.selected {background-color: #500;overflow: hidden;}
		#nav2.selected   {background-color: #111;overflow: hidden;}
		#nav3.selected   {background-color: #eec600;overflow: hidden;}
		#nav4.selected   {background-color: #050;overflow: hidden;}


	.scroll{
		position: relative;
		float: left;
		width: 590px;
		height: 310px;
		top:30px;
		left:50px;
		padding: 10px;
		overflow: auto;
		margin-bottom: -160px;
		margin-right:10px;
		}
		.scroll h2 {color: red;font-variant: small-caps;font-weight:bolder; letter-spacing: -1px; word-spacing: 1px;}
		
	.scrollContainer  div.panel{
		padding: 0 10px 10px 10px;
		height: 280px;
		width: 590px;
		margin-left:-10px;
		overflow: hidden;
		}
		
	.scrollButtons {position: absolute; top:170px;cursor: pointer;}
	.scrollButtons.left {left: 10px;z-index:4;}
	.scrollButtons.right {right: 270px;z-index:4;}
		
	#ft1{background: #350000;padding: 0 5px 0 5px;color:#d30000;}
	#ft2{background: black;padding: 0 5px 0 5px; color:#555555;}
	#ft3{padding: 0 5px 0 5px;color:#f0e15b;background: #6f6401;}
	#ft4{padding: 0 5px 0 5px;color:#116f00;background: #020b00;}


.twitter{
	position: relative;
	float:right;
	width: 200px;
	height: 200px;
	padding:20px;
	right:5px;
	top: 0px;
	color: #555;
	margin-bottom: -50px;
	font-size:10px;
	line-height:14px;
	}
	.twitter ul li {margin-bottom:20px;}
	.twitter a img {position: relative; left:50px;}
	
	.post{}
	
	.title h2, .title h4 {width:500px;overflow:hidden;}
    .title h4{height:22px;}
	
	.post_title{
		position: relative;
		color: #FFFFFF;
		background: url('images/menu_title.png') no-repeat;
		width: 587px;
		height: 63px;
		margin-top:20px;
		}
		
	.post_title2{
		position: relative;
		color: #FFFFFF;
		background: url('images/menu_title2.png') no-repeat;
		width: 587px;
		height: 63px;
		margin-top:20px;
		}

	.post_title3{
		position: relative;
		color: #FFFFFF;
		background: url('images/menu_title3.png') no-repeat;
		width: 587px;
		height: 63px;
		margin-top:20px;
		}

	.post_title4{
		position: relative;
		color: #FFFFFF;
		background: url('images/menu_title4.png') no-repeat;
		width: 587px;
		height: 63px;
		margin-top:20px;
		}


		.post_title ul {padding-top: 10px; list-style-type: none; }
		.post_title ul li {float: left;display: inline;}
		
		.post_title2 ul {padding-top: 10px; list-style-type: none; }
		.post_title2 ul li {float: left;display: inline;}
		
		.post_title3 ul {padding-top: 10px; list-style-type: none; }
		.post_title3 ul li {float: left;display: inline;}
		
		.post_title4 ul {padding-top: 10px; list-style-type: none; }
		.post_title4 ul li {float: left;display: inline;}
	
		.date{display: block;margin: 0 10px 0 10px; font-variant: small-caps; font-weight: 200;}
		.title {display: block;}

		.comments{position:absolute;top:-20px;left:540px; font-size: 16pt; background: url(images/comment.png) no-repeat; padding: 5px;	width: 48px; height: 48px;}
			.comments a {color: #000000;margin-left:3px}
			.comments a:hover {text-decoration: none}
	
	.post_content{clear: left; position: relative; top:5px; padding: 0 7px 10px 55px;margin-bottom:0px; overflow: hidden;}
	.post_content ol, .post_content ul {list-style:disc;padding-left:13px;margin-bottom:12px;}

	.post_content h2,h3,h4{color:#550000; letter-spacing:0px}
	.post_content h2{font-weight:bold;}
	.post_content h3{font-weight:bold;line-height:36px}
	.post_content h4{font-weight:bold;}
		
	.alignleft {float:left; margin: 5px 10px 5px 0px !important;}
	.alignright {float:right; margin: 5px 0px 5px 10px !important;}	
	.aligncenter {position: relative;display:block !important;margin:10px auto !important;}

	.post img {display:inline;margin:10px;border: 1px solid #990000;}
		
#navlink{text-align:right;}

	.authors {font-size:16pt;margin-bottom:15px;color:#400;	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;font-weight: lighter;}
		.authors ul{margin-top:15px;}
		.authors ul li {float: left; display: block; width: 500px; height: 30px; margin: 0px 0px 0px 50px; padding: 10px 0px 10px 0;font-size: 30px; border-bottom: 1px dotted #400;color:#400;}
		.authors ul  li a{float: left; display: block; width: 400px; height: 30px; margin: 0px 0px 0px 0px; padding: 10px 0 10px 0;font-size: 30px;color:#400;margin-top:-10px;}
		.authors ul  li a:hover {background: #400; color: white;}
	
	#gravatar {float:left; border:1px solid #400;margin: 0 10px 10px 0; width:90px; height:90px;}

/*********** F O O T E R  **********/

#footer-wrapper{
	position:relative;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	}

#copyright{
	position:absolute;
	bottom:10px;
	left: 50%;
	margin-left:250px;
	z-index:20;
	}
	
	#copyright a {color:#b25752;}

/*********** S I D E BA R S **********/


#sidebar1 {
	position: relative;
	height: auto;
	width: 300px;
	margin-left: 30px;
	top: 10px;
        display: box;
	
	}
	
	#sidebar1 ul li{display: inline;}
	#sidebar1:before {content: url('images/rnpdiv.png');}
	#sidebar1:after {content: url('images/rnpdiv.png');}

#sidebar2{
	position: relative;
	width: 360px;
	color: #3b311e;
	top: 60px;
	margin: 0 0 0 0;
	}
	
	
	#sidebar2 a {color: #3b311e;}
	#sidebar2 a:hover {background: #ded9b8; text-decoration: none; padding:3px 0 3px 0;}
	#sidebar2 a img{margin-top:0px;margin-bottom:-2px;padding-top:3px;}
    #sidebar2 a img:hover{background: #ded9b8;padding-top:3px;}
	
	#sidebar2 ul li{
		float: left;
		width: 165px;
		margin: 15px 10px 15px 0;
			padding-top: 1px;
		}
	
	#sidebar2 ul li ul li{border-bottom: 1px dotted #000000;margin: 0px;}
	
	#sidebar2 ul li ul{
		border-bottom: 1px solid #000000;}
		
#sidebar3{position: relative;
	width: 960px;}

	#sidebar3 h3{color: #b25752;font-family:Verdana, Geneva, Tahoma, sans-serif;}
	#sidebar3 a{color: #FFFFFF;}
	#sidebar3 ul{}
	#sidebar3 ul li{float:left; margin: 10px 5px 0 5px;width:230px}
	#sidebar3 ul li ul li{clear:left;margin: 0px;}
		
		
	.pdf {
		float:left;
		background: url('images/pdf.png') no-repeat;
		margin-left: 15px;
		padding-top:70px;
		margin-bottom:5px;
		width:75px;
		height:10px;
		}

/*********** P H P **********/

#tagcloud-wrapper{position:absolute;
	left:0px%;
        width:100%;
	top:401px;
        background:url(images/bg-tag3.png) repeat-x;}

#tagcloud{
	position:relative;
	height: 133px;
	width:960px;
        left:50%;
	z-index:10;
	margin-left:-480px;
        margin-top:10px;
	}

	#tagcloud a{color:#2a2a2a;text-decoration:none;}
        #tagcloud a:hover {color:white;}


/*********** C O M  ME N T S  **********/
#comments{
	float:left;
	width: 530px;
	margin-top: 10px;
	color: #888888;
	margin-bottom:10px;
	margin-left:50px;

	}
		
	#comments ol li {
		background:url(images/comments-bg.png);
		border: 1px solid white;
		float: left;  
		width: 530px;  
		list-style: none;  
		padding-top: 7px;
		margin-bottom:5px;
		margin-left: 0px;}
	
		#comments ol li h3{color:white;margin-left:20px;}
		
	form {}
	
	textarea{
		color: #222222;
		font: 13px/22px Verdana, Geneva, Tahoma, sans-serif;
		margin: 10px 0 0 0;
		background: #666666;
		border: 1px solid #888888;
		width:99%;
		}

	input{
		color: #222222;
		font: 13px/22px Verdana, Geneva, Tahoma, sans-serif;
		margin: 10px 0 0 0;
		background: #666666;
		border: 1px solid #888888;
		width:99%;
		}
	
	input#submit{
			color: #222222;
			font: 13px/22px Verdana, Geneva, Tahoma, sans-serif;
			margin-top:10px;
			background: #FFFFFF;
			border: 1px solid #888888;
			width:200px;
			}
	
	
	
	#comments ol li .comment-data {
		float: left;  
		width: 390px;  
		margin-right: 5px;  
		padding: 0 0 10px 20px;  
		min-height: 200px;  
		overflow: auto;
		margin-top:2px;
		}
	
	#comments ol li .comment-info {
		width: 100px;  
		float: right;  
		text-align: right;  
		font-size: 10px;  
		line-height: 12px;
		margin: 5px 10px 10px 0;
		}
	
	#comments ol li .comment-info a img {
		border: 0;
		margin-bottom: 5px;
		margin-top: 10px;}

h3#comment-title{}

	#comments-form{
		background:url(images/comments-bg.png);
		border: 1px solid white;
		float: left;  
		width: 510px;  
		list-style: none;  
		padding: 10px;
		margin-bottom:5px;}

		
.wp-caption p.wp-caption-text {
   font-size: 10px;
   color: #422;
   line-height: 17px;
   padding: 0 4px 5px 4px;
   margin-top: -10px;
}
/*********** E R R O R 4 0 4  **********/

#erro404 {position:relative;width:500px;height:400px;background:url('images/404.png');left:70px;}

/*********** W I D G E T S  **********/

#wp-calendar td {
	color: #666;}

#category-posts-widget a{
	color:white;}
	#category-posts-widget a:hover{
	color:black;}

#translator{position:absolute; z-index:20; width: 200px; overflow:hidden;}



/************ TWITTER **************/
.aktt_tweets ul li {display:block; background: black; padding: 3px;	-moz-border-radius:3px;-webkit-border-radius:3px;}
.aktt_more_updates {display:none !important;}
.twitter a img {margin-bottom: 3px;left:60px;top:-3px;}


/************* TABELA FICHA MONSTROS **************/

.post_content table{border-collapse: collapse;
margin:10px auto;
background: #ECEAE1;
display:block;
margin:10px;
width:350px;
font: 12px Arial, Helvetica, sans-serif;}

.post_content table strong {color:#000000;}
table h4 strong {font: 13px Arial, Helvetica, sans-serif; margin:0;font-weight:bold;}

table .item {background-color: #ead205!important;}


.post_content thead{background: #006633;
color:#FFFFFF;}

.post_content td{padding:0 10px;width:400px;}

.post_content .alt{background: #D3CEBC;}

.post_content .texto-direita{text-align:right;float:right;color:white;}

.post_content .texto-esquerda strong{color:white;text-align:left;float:left;}

/****************** SOCIEDADE INDIE ****************/

#sociedade-menu li a {
    display:box;
    float:left;
    margin:0;
    background:#242424;
    padding:10px;
    font-size:16px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    color:#000000;
    
}
#sociedade-menu li a:hover {background:#141414;text-decoration:none;color:#BBBBBB;}
#sociedade-menu {height:40px;}

.selected {background:#040404!important; color:#FFFFFF !important;}

#sociedade ul {
    display:box;
    background:#040404;
    color:white;
    padding:10px;
    width:270px;
    height:auto;
    margin-bottom:0px;
    color:#AAAAAA;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
#sociedade h2{margin:18px 0;}
#sociedade ul li {display:block;border-bottom:1px dotted #cccccc;;}
#sociedade ul li a {color:#333333;display:list-item; font-size:10px}
#sociedade ul li a:hover {color:#DDDDDD;}
#sociedade ul li strong a {font-size:20px;display:box;font-family:Georgia;font-style:italic;}

#indie-sistema a{display:inline!important;font-size:14px!important;}