/*
Theme Name: Creature The Return
Theme URI: http://www.universogeek.com.br
Description: Tema exclusivo do Universogeek.
Author: Carlos Moreira
Author URI: http://www.universogeek.com.br
Tags: EXCLUSIVO
Version: 3.0
*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
 pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol,
 ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {line-height: 1.5;}
a img {border: none;}
/* final reset */

body {
	font: 0.8125em Verdana, Tahoma, sans-serif;
	color: #acacac;
	background: #253037 url(images/background_v2.jpg) repeat;
	line-height: 1.5em;
}

#menu {
	clear: both;
	position: absolute;
	left: 0;
	top: 211px;
	height: 56px;
	width: 100%;
	background:url(images/menu.png) repeat-x;
}

em { color: #fff; font-style: italic; }

.left { float:left; display:inline; }
.right { float:right; display:inline; }


input, textarea, select { font-size:12px; font-family: Verdana, Arial, sans-serif; border:solid 1px #222; background:url(images/box-c.png); color:#c0c17e;}
input, textarea { padding:6px 5px;}
textarea { overflow:auto; }


a img { border:0; }
.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }
a { color:#fff; text-decoration: underline; cursor:pointer; }
a.nohover:hover  { color: #000; text-decoration: none;}

#shell { width:970px; margin:0 auto; }

#bg {
	background:url(images/header.png) no-repeat 0 0;
	min-height:900px;
	position:absolute;
	width:970px;
	/*padding:0 95px 0 135px;*/
	
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}


#header{ height:282px; position:relative; z-index:2;}
#headerimg{ color:#564d45; padding:40px 0 0 0; height:172px; width:330px;}
#headerimg h1{ font-size:36px; line-height:36px; font-family: "Trebuchet MS", Arial, sans-serif; font-style: normal; padding-bottom:7px;}
#headerimg h1 a{ color:#564d45; text-decoration: none; }
#headerimg h1 a:hover{ background:#564d45; color:#fff; }

#navigation { font-size:19px; font-family: "Trebuchet MS", Arial, sans-serif; line-height:40px; padding-left:2px;}
#navigation ul{ list-style-type: none; height:40px; padding-top:7px; }
#navigation li{ display:inline; float:left; margin-right:0px; }

#navigation a,
#navigation a span{ float:left; display:inline; height:40px; white-space:nowrap; background:url(images/menu_bk.png) no-repeat 0 -100px; padding:0 0 0 15px; }
#navigation a span{ padding:0 15px 0 0; background-position:right -100px;}
#navigation a { color:#ebebeb; text-decoration: none; margin-right:3px;}

#navigation a.active, #navigation a:hover{ color:#fff; background-position:0 0; }
#navigation a.active span, #navigation a:hover span{ background-position:right 0; }

#main { }

.box { margin-bottom:10px; position:relative; width:100%;}
.box-t, .box-b { font-size:0; line-height:0; height:9px; }
.box-t { background:url(images/box-t.png); width:100%;}
.box-b { background:url(images/box-b.png); width:100%; }
.box-c { background:url(images/box-c.png); width:100%; }
.box-cnt { padding:11px 20px; }

h1 { color:#ebebeb; font-size: 2.5em; font-family: Georgia, serif; background:url(images/h1.png) no-repeat 0 5px; padding: 0 0 2px 35px; line-height:1.5em; font-weight: normal; font-style: italic; margin: 15px 0 15px 0; }
h2 { color:#ebebeb; font-size: 2.0em; font-family: Georgia, serif; background:url(images/h2.png) no-repeat 0 1px; padding: 0 0 2px 40px; line-height:1.5em; font-weight: normal; font-style: italic; margin: 15px 0 15px 0; }
h3 { color:#ebebeb; font-size: 1.5em; font-family: Georgia, serif; background:url(images/h3.png) no-repeat 0 7px; padding: 5px 0 2px 30px; line-height:1.5em; font-weight: normal; font-style: italic; margin: 15px 0 10px 0; }
h4 { color:#ebebeb; font-size: 2.5em; font-family: Georgia, serif; padding: 0 0 2px 0; line-height:1.5em; font-weight: normal; font-style: italic; margin: 15px 0 15px 0; }
h5 { color:#ebebeb; font-size: 2.0em; font-family: Georgia, serif; padding: 0 0 2px 0; line-height:1.5em; font-weight: normal; font-style: italic; margin: 15px 0 15px 0; }
h6 { color:#ebebeb; font-size: 1.5em; font-family: Georgia, serif; padding: 5px 0 2px 0; line-height:1.5em; font-weight: normal; font-style: italic; margin: 15px 0 10px 0; }


/*h4 { color:#ebebeb; font-size: 1.2em; font-family: Georgia, serif; padding:2px 0 2px 30px; line-height:1.5em; font-weight: normal; font-style: italic; margin: 15px 0 10px 0; }*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#ebebeb; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; background-color: none; color: #fff; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #fff;}

.side-left { float:left; width:607px; }
.side-right { float:right; width:286px; }
.side-eq{ float:left; display:inline; width:286px; }
.side-center{ margin:0 35px; }

.more { padding-top:10px; }
.more a { color:#ebebeb; background:url(images/bull.png) no-repeat 0 5px !important; padding-left:15px; }
.more a:hover { color:#fff; }

.post {}

.entry { overflow: hidden }
.post .entry p{ padding-top:15px; }
.post .postmeta { padding-top:15px; }

.post .entry ul,
.post .entry ol { padding:15px 0 0 15px; list-style-position: inside; }
.post .entry li { padding-bottom:3px;}
.post .entry blockquote { padding-left:45px; background:url(images/quote.gif) no-repeat 5px 22px; min-height: 43px; }
.post .entry ol { list-style-type: decimal; }


small { color:#ebebeb; font-size:10px; display:block; line-height:12px; }

.headlines ul{ list-style-type: none; }
.headlines ul li{ padding-bottom:10px; }
.headlines a { color:#ebebeb; text-decoration: none; border-bottom:solid 1px #ebebeb; }
.headlines a:hover { color:#fff; border-bottom:solid 1px #fff; }

.white { color:#fff; } 

.small-thumbnails { padding-top:5px; font-size:0; line-height:0; }
.small-thumbnails ul { list-style-type: none; }
.small-thumbnails ul li { float:left; display:inline; margin-right:10px; margin-bottom:10px; }
.small-thumbnails ul li a{ }
.small-thumbnails ul li a img{ background:url(images/small-bg.gif) no-repeat 0 0; width:33px; height:33px; padding:5px; }

#footer { font-size:1.0em; }
#footer ul { list-style-type: none; }
#footer ul li { display:inline; }
#footer .box-cnt { padding-top:16px; padding-bottom:16px; }
.footer-nav a { color:#ebebeb; text-decoration:none; margin-right:25px; font-weight: bold;}
.footer-nav a:hover { color: #fff; }

#footer .right { /*font-size:1em;*/ color:#ebebeb; line-height:1.5em; position:relative; white-space:nowrap; text-align: right;}
#footer .right a { color:#ebebeb; }
#footer .right a:hover { color: #fff; }

.leaves { position:absolute; top:299px; left:0; width:290px; height:52px; background:url(images/leaves.png); }
.green-leaves { position:absolute; top:-5px; right:-35px; width:58px; height:55px; background:url(images/green-leaves.png)}

.portfolio-box { margin-bottom:10px; position:relative; width:100%;}
.portfolio-box-bg { background:url(images/box-c.png); width:100%; }
.portfolio-box-cnt { height: 400px; padding:11px 0 11px 20px; } 
.portfolio-box-t { background:url(images/box-t.png); width:100%;}
.portfolio-box-b { background:url(images/box-b.png); width:100%; }
.portfolio-box-t, .portfolio-box-b { font-size:0; line-height:0; height:9px; }

.projects {}
.projects ul{ list-style-type: none; }
.projects ul li{ float:left; display:inline; width:306px; height:330px; background:url(images/project-bg.png) no-repeat 0 0; margin-right: 5px;}
.projects ul li .image{ font-size:0; line-height:0; padding:23px 0 0 9px; height:230px; }
.projects ul li .image a { background:transparent !important; }
.projects ul li .image a img{ border:solid 1px #858585; width:287px !important; height:227px !important; }
.projects ul li h3 a { color:#ebebeb; background:transparent !important; }
.projects ul li h3 a:hover { color:#fff; }
.projects ul li .info{ padding:0 10px; }
.projects ul li .view{ float:right; color:#ebebeb; padding-top:3px; font-size: 15px; line-height:17px; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", sans-serif; background:transparent !important; }
.projects ul li .view:hover { color:#fff; }

.posts { padding-top: 0; }
.hidden { display:none;}

#sidebar ul { list-style-type: none;}
#sidebar ul li{ padding-bottom:20px; }
#sidebar ul li ul{ padding-left:35px; }
#sidebar ul li ul ul{ padding-left:15px; }
#sidebar ul li a { color:#ebebeb; text-decoration: none; border-bottom:solid 1px #ebebeb;}
#sidebar ul li a:hover { color:#fff; border-bottom:solid 1px #fff; }
#sidebar ul li li{ padding-bottom:2px;  }

.posts .post { padding-bottom:31px; margin-bottom:30px; border-bottom:dashed 1px #555; }


/*** Hovers ***/
.nav { height:40px; font-size:11px; white-space:nowrap; }
.alignleft { float:left; }
.alignright { float:right; }

.single { padding-left:50px; padding-right:50px; }

#respond { padding-top: 0; margin-top:0; /*border-top:dashed 1px #ebebeb;*/ }
#respond p { padding-bottom:10px; }
#respond small { display:inline; }
#respond input,
#respond textarea{ border:solid 1px #000; background:url(images/box-c.png); color:#ebebeb; }
#respond input { width:200px;}
#respond input#submit { cursor:pointer;}
#respond textarea { width:600px; height:170px; }

#respond h3, h3#comments { color:#ebebeb; padding-bottom:15px; }

ol.commentlist { list-style-type: none;}
ol.commentlist li{ padding-bottom:35px; }
ol.commentlist li ul.children { list-style-type: none; margin-left: 15px; padding-left: 15px; margin-top: 15px;}
ol.commentlist li ul.children li {
    padding-bottom: 0;
}
ol.commentlist li p{ padding-top:10px; }
ol.commentlist .commentmetadata{ font-size:11px; }
ol.commentlist img{ float:right; padding:1px; border:solid 1px #333; }

.nobrd { border:0 !important;}

.portfolio ul { list-style-type:none; list-style-position: inside; padding-top:10px;}
ul.disc { list-style-type:disc; list-style-position: inside; }
.portfolio .image{ float:left; width:190px; }
.portfolio .image a { background:transparent !important; }
.portfolio .image a img{ width:180px; height:140px; padding:1px; border:solid 1px #fff; }
.portfolio .image a:hover img{ border-color:#999; }
.portfolio .info { float:left; display:inline; width:390px; margin-left:20px; }
.portfolio .entry p { padding-top:10px; }
.portfolio .long-info { padding-top:20px; }
.screen-reader-text { display:none;}

input[type=text], input[type=password], textarea, select, input[type=submit]/*, input[type=hidden]*/ { 
  color: #ebebeb;
  border:1px solid #000; 
  display: block;
  margin: .1em 0 1.5em 0;
   background:url(images/box-c.png);
}

input[type=submit] {
	font-size: 1.5em;
	padding: .5em 2em;
	font-weight: bold;
	color: #ebebeb;
	 background:url(images/box-c.png);
}

.searchform input { display: inline; }
.searchform input#searchsubmit, input#commentsubmit { font-size: 1em; padding: .1em;}

/*
div.entry p {
	margin: 15px 0 15px 0;
}

div.entry ul {
	margin: 15px 0 15px 15px;
}
*/

blockquote {
	padding-left:38px;
	background:url(images/quote.gif) no-repeat 5px 22px;
	min-height: 43px;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.5em;
	
	color:#fff;
	font-family: Georgia, serif;
	padding-bottom: 20px;
	
}

p {
	line-height: 1.7em;
	margin-bottom: 10px;
}

ul {
	margin-left: 15px;
}

.dropCapO {
	text-indent: -99999px;
	background: url(images/dropCapO.png) no-repeat left 5px;
	height: 65px; width: 55px;
	float: left;
	display: block;
}

.dropCapN {
	text-indent: -99999px;
	background: url(images/dropCapN.png) no-repeat left 5px;
	height: 65px; width: 55px;
	float: left;
	display: block;
}
/*
a img {
	border: 1px solid #CCC;
	padding: 2px;	
	margin: 10px 5px 10px 0;
}
*/

.image-grid {
	border: 1px solid #CCC;
	padding: 2px;	
	margin: 10px 5px 10px 0;
	float: left;
}

.clear {
	clear: both;
}

ul.no-disc { list-style-type:none; }

.image-center {
	width: 400px;
	margin-left: auto;
	margin-right:  auto;
	padding: 10px;
	clear: both;
}