/*
Theme Name: Blue Techno
Theme URI: 
Description: Blue Techno theme is based in WP Orange Techno theme designed by <a href="http://www.aoemedia.de">AOE media GmbH</a>. A very stylish modern techno design in blue for modern blogs. This modified was made by Felipe dos S. Assis
Version: 1.62
Author: Felipe dos S. Assis (Original theme author: AOE media GmbH)
Author URI: http://www.aoemedia.de
Tags: two columns, widgets, fixed width, orange, white, custom header, valid XHTML, valid CSS, widgets
	By downloading and using this theme, you agree to the following terms:
    - All variations of this theme have to remain GPL
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

For support requests please contact: pipoassis@gmail.com

*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

/* Text decorations
*******************************/
.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.italic {
	font-style: italic
}

.underline {
	text-decoration: underline;
}

/* Float
*******************************/
.f-right {
	float: right;
}

.f-left {
	float: left;
}

.f-none {
	float: none;
}

/* Text align
*******************************/
.t-right {
	text-align: right;
}

.t-left {
	text-align: left;
}

.t-center {
	text-align: center;
}

.t-justify {
	text-align: justify;
}

/* Other
*******************************/
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.zoom {
	overflow: hidden;
}

/* Main styles
*******************************/
html {
	height: 100%;
	margin-bottom: 1px; /* force vertical scrollbars */
}

body {
	background: url(img/body-back.gif) 0 0 repeat-x #fff;
	color: #658FD7;
	font-size: 75%;
	text-align: left;
}

/* Default fonts
*******************************/
body,input,select,textarea {
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
}

pre,tt,kbd,var,code {
	font-family: "Courier New", Courier, monospace;
}

/* Header elements
*******************************/
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #3C63A4;
}

h1 {
	padding-bottom: 8px;
	font-size: 2.5em;
	line-height: 1;
}

h2 {
	font-size: 1.83em;
}

h3 {
	font-size: 1.5em;
	padding-bottom: .6em;
}

h4 {
	font-size: 1.3em;
	line-height: 1.8em;
}

h5 {
	font-size: 1.2em;
	line-height: 1.6em;
}

h6 {
	font-size: 1.1em;
	line-height: 1.2em;
}

/* Text elements
*******************************/
p {
	margin: 1em 0 1em 0;
	text-align: left;
	line-height: 1.4;
}

p.last {
	margin-bottom: 0;
}

p.first {
	margin-top: 1em;
}

p.img {
	float: left;
	margin: 0 1em 1em 0;
	padding: 0;
}

blockquote {
	margin: 0 0 1em 1em;
	padding-left: 1em;
	border-left: 2px solid #EEEFF3;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

pre {
	border: 1px solid #ddd;
	margin-bottom: 1.2em;
	padding: 1.2em;
}

ins {
	text-decoration: none;
}  /*remove underline from text*/
del {
	text-decoration: line-through;
}

q,cite {
	font-style: italic;
}

dl {
	line-height: 1.4;
	margin-bottom: 1em;
}

dd {
	
}

dt {
	
}

/* decorate lists in posts */
#content .post ul,#content .post ol {
	margin: 0 0 1em 2em;
}

#content .post ul {
	list-style-type: disc;
}

#content .post ol {
	list-style-type: decimal;
}

#content .post ul li,#content .post ol li {
	line-height: 2;
}

hr {
	color: #fff;
	background: transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border: 0;
	border-bottom: 1px #000 dotted;
}

/*links*/
a:link,a:visited,a:focus,a:hover,a:active {
	color: #3C63A4;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #0060FF;
	text-decoration: none;
}

a:visited {
	
}

a:active,a:focus {
	outline: 0;
}  /*remove border in ff*/ /* Images
*******************************/
img {
	outline: 0;
	border: 0;
}

/* Form styles
*******************************/
input,select,textarea {
	font-size: 1.0em; /*by default font-size is bigger*/
	vertical-align: baseline;
	color: inherit;
}

input.text,input.file {
	cursor: text;
	color: inherit;
}

input.button {
	cursor: pointer;
}

input.radio,input.checkbox {
	border: 0;
	padding: 0;
}

/* Wordpress aligning
*******************************/
.aligncenter,div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption {
	border: 1px solid #eee;
	text-align: center;
	padding-top: 4px;
}

.wp-caption p.wp-caption-text {
	font-size: .92em;
	text-align: center;
}

/* Main styles
 *******************************/
#root {
	width: 958px;
	padding-bottom: 24px;
}

/* Header
 *******************************/
#header {
	overflow: hidden;
}

#logo {
	float: left;
	width: 289px;
	height: 93px;
	padding: 66px 0 0 95px;
	background: url(img/header-logo.jpg) 0 0 no-repeat;
}

#logo h1 a {
	text-decoration: none;
	color: #0060FF;;
}

#logo .description {
	color: #707d89;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.1;
}

#nav-container {
	float: left;
	height: 114px;
}

#over-nav-line {
	width: 364px;
	height: 76px;
	background: url(img/header-over-nav.gif) 0 0 repeat-x;
}

#navigation {
	width: 364px;
	font-size: 1.17em;
}

#navigation ul {
	overflow: hidden;
	background: url(img/header-nav-ul.gif) 0 0 repeat-x;
}

#navigation li {
	float: left;
	padding-top: 12px;
	height: 26px;
	background: url(img/header-nav-delim.gif) 100% 13px no-repeat;
	padding-right: 22px;
	margin-right: 12px;
}

#navigation a {
	color: #3C63A4;
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: underline;
	color: #0060FF;
	cursor:pointer;
}

#right-container {
	background: url(img/header-right-container.gif) 0 0 no-repeat;
	height: 114px;
	width: 149px;
	float: left;
}

#header-keyword {
	width: 296px;
	height: 25px;
	padding: 20px 0 0 40px;
	background: url(img/header-keyword.gif) 0 0 no-repeat;
	float: left;
	font-size: 1.08em;
}

#header-keyword input {
	border: 0;
	background: transparent;
	width: 280px;
	color: #3C63A4;
}

#header-submit {
	float: left;
	background: url(img/header-submit.gif) 0 0 no-repeat;
	height: 25px;
	padding: 20px 0 0 24px;
	width: 153px;
	font-size: 1.08em;
	color: #0060FF;
	cursor: pointer;
}

#header-submit input {
	border: 0;
	background: transparent;
	width: 60px;
	color: #707d89;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

/* Main box
 *******************************/
#main {
	overflow: hidden;
	position: relative;
}

#main .lines {
	background: url(img/main-lines.gif) 163px 0 repeat-y;
	overflow: hidden;
}

#left-block {
	background: url(img/main-back-left-line.gif) 0 0 no-repeat #fff;
	width: 310px;
	padding-top: 54px;
	float: left;
}

#categories {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 0 0 0 126px;
	background: url(img/main-left-back.gif) 0 0 repeat-y #fff;
}

#left-block .bottom-cats {
	height: 113px;
	background: url(img/main-left-bottom.gif) 73px 0 no-repeat;
}

.box ul {
	padding-bottom: 2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.box ul li {
	padding-left: 20px;
	line-height: 1.8;
	background: url(img/box-li.gif) 0 4px no-repeat;
}

.box .categories li {
	font-size: .92em;
	font-weight: bold;
	line-height: 2;
}

.box .categories ul {
	padding-bottom: 0;
}

.box .categories li li {
	font-size: 1em;
}

#main-block {
	float: left;
	width: 624px;
}

#main-block .left-line {
	background: url(img/main-right-line.gif) 100% 0 no-repeat;
}

.box input.text {
	border: 1px solid #9FA9B3;
	width: 110px;
	background: #FAFAFA;
	font-size: 1em;
	color: #707D89;
	vertical-align: middle;
}

.box input.button {
	background: #eeeeee;
	padding: 0 8px;
	color: #707D89;
	font-weight: bold;
	font-size: 1em;
	border: 1px solid #707D89;
	vertical-align: middle;
}

#sidesearch,#calendar_wrap,.box .tags,.box .textwidget {
	line-height: 1.4;
	margin-bottom: 18px;
}

#recentcomments li {
	background: none;
	padding-left: 0;
}

#wp-calendar {
	width: 170px;
	line-height: 1;
}

#wp-calendar caption {
	padding: 4px 0 4px 0;
	font-weight: bold;
	color: #0060FF;
}

#wp-calendar th,#wp-calendar td {
	padding: 2px 2px 2px 0;
}

#wp-calendar thead th {
	color: #3C63A4;
	font-weight: bold;
}

#wp-calendar #prev {
	text-align: left;
	padding-top: 4px;
}

#wp-calendar #next {
	text-align: right;
	padding-top: 4px;
}

#recentcomments {
	font-size: .92em;
	line-height: 1.4;
}

#recentcomments li a,#recentcomments li a:hover {
	background: none;
	padding: 0;
	border: 0;
}

/* Content
 *******************************/
#content {
	padding: 36px 0 0 12px;
	margin-right: 96px;
	min-height: 800px;
	height: auto !important;
	height: 800px;
}

#content .post {
	overflow: hidden;
	margin-bottom: 18px;
}

#content .date {
	float: left;
	width: 42px;
	height: 46px;
	padding-top: 4px;
	/** background:#ff9f39; */
	background-image: url("img/calendario.png");
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
	font-size: 1.25em;
	text-align: center;
	margin: 0 0 10px 0;
}

#content .date span {
	font-weight:bold;
	font-size: 1.5em;
	color:#3C63A4;
	display: block;
}

#content .title,#content .postdata {
	margin-left: 44px;
}

#content .page .title {
	margin-left: 0;
}

#content .title h2 {
	margin-bottom: 2px;
}

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

#content .title a:hover {
	color: #0060FF;
	text-decoration: underline;
}

#content .category {
	line-height: 1.1;
	float: left;
}

#content .category a {
	color: #c5c5c5;
	text-decoration: none;
}

#content .category a:hover {
	color: #ff9f39;
}

#content .comments {
	background: url(img/post-comments.gif) 0 0 no-repeat;
	padding-bottom: 2px;
	padding-left: 20px;
	float: right;
}

#content a.more-link {
	font-weight: bold;
	background: url(img/read-more.gif) 100% 100% no-repeat;
	padding-right: 18px;
	text-decoration: none;
}

#content a.more-link:hover {
	text-decoration: underline;
}

#content .postdata {
	font-size: 0.92em;
}

#content .category,#content .category a {
	color: #91adc1;
}

#content .entry {
	clear: both;
}

/* Comments
 *******************************/
#leavecomment {
	padding-top: 1em;
}

.comments-list .avatar {
	margin-bottom: 4px;
}

.comments-list li {
	padding: 18px;
	line-height: 1.2;
}

.comments-list li.graybox {
	background: #f5f5f5;
}

.comments-list cite {
	font-weight: bold;
	font-style: normal;
}

.comments-list small {
	font-size: .83em;
}

.comments-list .comment {
	margin-top: 8px;
}

#commentform input.text,#commentform textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #0060FF;
	padding: 2px;
}

#commentform input.text {
	width: 200px;
}

#commentform input.button {
	border: 1px solid #ABCAFF;
	background: url(img/button-back.gif) 0 0 repeat-x;
	padding: 1px 12px;
	color: #0060FF;
	font-weight: bold;
	text-align: center;
}

#commentform textarea {
	width: 500px;
}

/* Footer
 *******************************/
#footer {
	margin-left: 163px;
	height: 70px;
	padding-top: 63px;
	background: url(img/footer-back.gif) 0 0 no-repeat;
}

#footer img {
	vertical-align: middle;
}

#footer .wrapper {
	margin: 0 0 0 210px;
	width: 425px;
}

#footer .copyright {
	float: left;
	text-align: center;
	padding-top: 5px;
}

#footer .links {
	float: right;
}

#footer .links a {
	padding-left: 16px;
	margin-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}

#footer .rss {
	background-image: url(img/rss.gif);
}

#footer .login {
	background-image: url(img/login.gif);
}

#footer a.powered {
	padding: 0;
}

#footer a.entries {
	margin: 0;
}

/* Blog's Title
 *******************************/
#title{
	position: absolute;
	left: 100px;
	float: left;
	background-image: url("img/balao.png");
	background-repeat: no-repeat;
	background-position: top;
	width: 280px;
	height: 150px;
	z-index: 3;	
}

#title h1 a {
	margin-left: 68px;
	text-decoration: none;
	color: #0060FF;
}

#title .description {
	width: 200px;
	margin-left: 45px;
	color: #3C63A4;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.1;
}