/*
Theme Name: Cyberblue
Theme URI: http://tatianeps.net/
Description: 
Version: 1.1
Author: Tatiane Pires
Author URI: http://tatianeps.net/
Tags: blue, green, red, custom headers, fixed width, two columns, widgets

	CyberBlue v1.0
	 http://tatianeps.net/

	This theme was designed and built by Tatiane Pires,
	whose blog you will find at http://tatianeps.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



body {
	margin: 0;
	padding: 0;
	background-color: #030813;
	font-family: Verdana, Arial, Sans-Serif;
	color: #111;
	font-size: .9em;
}

img {
	border: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

blockquote {
	margin: 10px 0 0 15px;
	padding: 0 15px;
	border-left: 7px solid #f9d;
	color: #333;
}

#background {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	/* "background:" em blueBackground.css, redBackground.css ou greenBackground.css */
}

#topImg {
	width: 1000px;
	height: 250px;
	/* "background:" em blueBackground.css, redBackground.css ou greenBackground.css */
}

#header {
	width: 900px;
	height: 200px;
	margin: 0 auto;
}

#header .title {
	margin-top: 65px;
}

#headerSearch {
	width: 170px;
	height: 22px;
	float:right;
	margin-top: -80px;
}

#headerSearch .searchLeft {
	float: left;
	width: 148px;
	height: 22px;
	background-color: #FFF;
}

#headerSearch .searchRight {
	float: right;
	width: 22px;
}

#headerSearch .searchText {
	border: #FFF;
}

#rss {
	height: 30px;
	width: 900px;
	margin: 0 auto;
}

#rss .text {
	float: right;
	text-align: right;
	padding-right: 50px; 
	color: #FFF;
	line-height: 35px;
	font-size: .8em;
}

#rss .rssImage {
	position: relative;
	left: 860px;
	top: -10px;
}

#rss .text a:link, 
#rss .text a:visited , 
#rss .text a:active {
	color: #CCC;
	text-decoration: none;
}

.clear {
	clear: all;
}

#tabs {
	width: 100%;
	height: 30px;
	background: url('images/tabs.png') repeat-x;
}

#tabs .center {
	height: 30px;
	width: 900px;
	margin: 0 auto;
}

#tabs ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#tabs li {
	display: inline;
	list-style: none;
	line-height: 30px;
	font-weight: bold;
	padding: 5px;
}

#tabs li a:link, 
#tabs li a:visited , 
#tabs li a:active {
	text-decoration: none;
	color: #EEE;
}

#tabs li a:hover {
	color: #FFF;
	border-bottom: #FFF solid 1px;
}

#wrapper {
	width: 900px;
	margin: auto;
}

#wrapper2 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

#content-wrapper {
	width: 630px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

/******** [+] content-wrapper ********/
#content-wrapper .post {
	margin-bottom: 10px;
}

/* [+] comum a contentTop e contentBottom */
#content-wrapper .contentCenter {
	width: 610px;
	height: 10px;
	background: url('images/contentwrapperCenter.png') repeat-x;
	float: left;
}
/* [-] comum a contentTop e contentBottom */

#content-wrapper .contentTop,
#content-wrapper .contentBottom {
	width: 630px;
	height: 10px;
}

/* [+] contentTop */
#content-wrapper .topLeft {
	width: 10px;
	height: 10px;
	background: url('images/contentwrapperTopLeft.png');
	float: left;
}

#content-wrapper .topRight {
	width: 10px;
	height: 10px;
	background: url('images/contentwrapperTopRight.png');
	float: right;
}
/* [-] contentTop */


#content-wrapper .contentMiddle {
	width: 630px;
	background: url('images/contentwrapperCenter.png') repeat;
}

/* [+] contentMiddle */
#content-wrapper .content {
	padding-left: 10px;
	padding-right: 10px;
}
/* [-] contentMiddle */


/* [+] contentBottom */
#content-wrapper .bottomLeft {
	width: 10px;
	height: 10px;
	background: url('images/contentwrapperBottomLeft.png');
	float: left;
}

#content-wrapper .bottomRight {
	width: 10px;
	height: 10px;
	background: url('images/contentwrapperBottomRight.png');
	float: right;
}
/* [-] contentBottom */

#content-wrapper a:link,
#content-wrapper a:visited,
#content-wrapper a:active{
	text-decoration: none;
	color: #1D3679;
}

/* títulos dos posts em 'h2' */
#content-wrapper h2 {
	font-size: 1.5em;
}

#content-wrapper h2 a:link,
#content-wrapper h2 a:visited,
#content-wrapper h2 a:active{
	text-decoration: none;
	color: #0C1F5A;
}

#content-wrapper h5 {
	font-size: .9em;
	font-weight: bold; 
	margin-bottom: 10px;
}

#content-wrapper .titleInfo {
	font-size: .8em;
}

#content-wrapper .tags {
	margin-top: 10px;
	margin-bottom: 10px;
}

#content-wrapper .tags a:link,
#content-wrapper .tags a:visited,
#content-wrapper .tags a:active {
	text-decoration: none;
	color: #395DB3;
}

#content-wrapper .tags a:hover {
	font-weight: bold;
}

#content-wrapper .icons {
	width:40px;
	height:40px;
	margin-right: 5px;
}

#content-wrapper .commentIcon {
	width: 130px;
	height:40px;
}

#content-wrapper .contactLinks {
	padding-top: 15px;
	padding-bottom: 15px;
}

#content-wrapper .alert {
	color: #191919;
	background: #FFE5BF url('images/postAlert.png') no-repeat 5px 7px;
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	font-weight: normal;
	border-top: 2px solid #FFC875;
	border-bottom: 2px solid #FFC875;
}

#content-wrapper .download {
	color: #191919;
	background: #E5F2BF url('images/postDownload.png') no-repeat 5px 8px;
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	font-weight: normal;
	border-top: 2px solid #C2E069;
	border-bottom: 2px solid #C2E069;
}

#content-wrapper .info {
	color: #191919;
	background: #BFE5FF url('images/postInfo.png') no-repeat 5px 7px;
	width: 90%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	display: block;
	font-weight: normal;
	border-top: 2px solid #4AB7FF;
	border-bottom: 2px solid #4AB7FF;
}

#content-wrapper .note {
	color: #191919;
	background: #FFF2BF url('images/postNote.png') no-repeat 5px 7px;
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	font-weight: normal;
	border-top: 2px solid #FFE375;
	border-bottom: 2px solid #FFE375;
}

#content-wrapper .warning {
	color: #191919;
	background: #FFBFC8 url('images/postWarning.png') no-repeat 5px 7px;
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	font-weight: normal;
	border-top: 2px solid #FF8888;
	border-bottom: 2px solid #FF8888;
}

#content-wrapper .linkDelicious {
	background: url('images/bio_delicious.png') no-repeat;
	padding-left: 40px;
	line-height: 30px;
	padding-bottom: 5px;
}

#content-wrapper .linkFacebook {
	background: url('images/bio_facebook.png') no-repeat;
	padding-left: 40px;
	line-height: 30px;
	padding-bottom: 5px;
}

#content-wrapper .linkFlickr {
	background: url('images/bio_flickr.png') no-repeat;
	padding-left: 40px;
	line-height: 30px;
	padding-bottom: 5px;
}

#content-wrapper .linkGTalk {
	background: url('images/bio_gtalk.png') no-repeat;
	padding-left: 40px;
	line-height: 30px;
	padding-bottom: 5px;
}

#content-wrapper .linkMemeY {
	background: url('images/bio_memeY.png') no-repeat;
	padding-left: 40px;
	line-height: 30px;
	padding-bottom: 5px;
}

#content-wrapper .linkOrkut {
	background: url('images/bio_orkut.png') no-repeat;
	padding-left: 40px;
	line-height: 30px;
	padding-bottom: 5px;
}

#content-wrapper .linkYouTube {
	background: url('images/bio_youtube.png') no-repeat;
	padding-left: 40px;
	line-height: 30px;
	padding-bottom: 5px;
}

#content-wrapper .linkTwitter {
	background: url('images/bio_twitter.png') no-repeat;
	padding-left: 40px;
	line-height: 30px;
	padding-bottom: 5px;
}

#content-wrapper .linkDelicious:hover,
#content-wrapper .linkFacebook:hover,
#content-wrapper .linkFlickr:hover, 
#content-wrapper .linkGTalk:hover, 
#content-wrapper .linkMemeY:hover, 
#content-wrapper .linkOrkut:hover, 
#content-wrapper .linkYouTube:hover, 
#content-wrapper .linkTwitter:hover {
	/*background-color: #C7ECF5;*/
	background-color: #B5B5B5;
}

/* [+] página de contato */
#content-wrapper .field {
	border: none;
	margin: 0;
}

#content-wrapper .lbl {
	width: 7em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	font: 0.8em Trebuchet, Verdana, sans-serif;
}

#content-wrapper .captcha {
	margin-left: 6.5em;
}

.recaptchatable * {
	color: #FFF !important;
}

.recaptchatable #recaptcha_response_field {
	color: #000 !important;
}

#content-wrapper .btn {
	border: #EEE 1px solid;
	background: #FFF;
	color: #333;
	margin-left: 6.5em;
	font-weight: bold;
}

#content-wrapper .btn:hover {
	border: #333 1px solid;
	background: #111;
	color: #FFF;
}

#content-wrapper .info {
	background: url('images/contactForm_info.png') no-repeat;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: #333 1px dashed;
}

#content-wrapper .alert {
	background: url('images/contactForm_alert.png') no-repeat;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: #333 1px dashed;
}
/* [-] página de contato */

/* [-] post */
/******** [-] content-wrapper ********/


/******** [+] sidebar ********/
#sidebar {
	width: 260px;
	margin-top: 10px;
	float: right;
	color: #FFF;
}

#sidebar a:link, 
#sidebar a:visited , 
#sidebar a:active {
	color: #EEE;
	text-decoration: none;
}

#sidebar a:hover {
	color: #FFF;
	text-decoration: none;
}

#sideblock {
	width: 260px;
}

#sideblock p {
	margin: 0;
	padding: 0;
}

#sideblock h3 {
	font-size: 1.25em;
	padding-bottom: 5px;
}

#sideblock .creativeCommons {
	font-size: .7em;
}

/* [+] sideblock */
#sideblock .sideblockTop {
	width: 260px;
	height: 10px;
}

/* [+] comum a sideblockTop e sideblockBottom */
#sideblock .sideblockCenter {
	width: 240px;
	height: 10px;
	background: url('images/sideblockCenter.png') repeat-x;
	float: left;
}
/* [-] comum a sideblockTop e sideblockBottom */

/* [+] sideblockTop */
#sideblock .topLeft{
	width: 10px;
	height: 10px;
	background: url('images/sideblockTopLeft.png');
	float: left;
}

#sideblock .topRight{
	width: 10px;
	height: 10px;
	background: url('images/sideblockTopRight.png');
	float: right;
}
/* [-] sideblockTop */

#sideblock .sideblockMiddle {
	width: 260px;
	background: url('images/sideblockCenter.png') repeat;
}

/* [+] sideblockMiddle */
#sideblock .widget {
	padding-left: 10px;
	padding-right: 10px;
}
/* [-] sideblockMiddle */

#sideblock .sideblockBottom {
	width: 260px;
	height: 10px;
	margin-bottom: 10px;
}

/* [+] sideblockBottom */
#sideblock .bottomLeft {
	width: 10px;
	height: 10px;
	background: url('images/sideblockBottomLeft.png');
	float: left;
}

#sideblock .bottomRight {
	width: 10px;
	height: 10px;
	background: url('images/sideblockBottomRight.png');
	float: right;
}
/* [-] sideblockBottom */
/* [-] sideblock */
/******** [-] sidebar ********/


/******** [+] comment area ********/
#commentList {
	color: #FFF;
}

#commentList h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

#commentList img{
	float:left;
	margin: 5px;
}

#commentList .commentTop,
#commentList .commentBottom {
	width: 630px;
	height: 10px;
}

#commentList .commentTopLeft {
	width: 10px;
	height: 10px;
	background: url('images/commentlistTopLeft.png');
	float: left;
}

#commentList .commentTopRight {
	width: 10px;
	height: 10px;
	background: url('images/commentlistTopRight.png');
	float: right;
}

#commentList .commentMiddle {
	width: 630px;
	background: url('images/commentlistCenter.png') repeat;
}

#commentList .comment {
	padding-left: 10px;
	padding-right: 10px;
}

#commentList .commentBottomLeft {
	width: 10px;
	height: 10px;
	background: url('images/commentlistBottomLeft.png');
	float: left;
}

#commentList .commentBottomRight {
	width: 10px;
	height: 10px;
	background: url('images/commentlistBottomRight.png');
	float: right;
}

#commentList .commentCenter {
	width: 610px;
	height: 10px;
	background: url('images/commentlistCenter.png') repeat-x;
	float: left;
}

#commentList a:link,
#commentList a:active,
#commentList a:visited {
	color: #DDD;
}

#commentList ul {list-style: none;}
#commentList li {
	border: #CCC 1px solid;
	margin-bottom: 10px;
	padding: 5px;
}

#commentList ul ul li {
	border: #CCC 1px dashed;
	margin-left: 20px;
	margin-top: 10px;
	padding: 5px;
}

#commentList .navigation {
	padding-left: 10px;
	padding-right: 10px;
}

#respond  .field {
	border: none;
	margin: 5px;
}

#respond  .lbl {
	width: 100px;
	float: left;
	text-align: right;
	line-height: 22px;
	padding-right: 5px;
}

#respond .textField {
	border-color: #030711;
}

#respond .textBox {}

#respond .btn {
	border: #EEE 1px solid;
	background: #FFF;
	color: #333;
	margin-left: 8.6em;
	font-weight: bold;
}

#respond .btn:hover {
	border: #333 1px solid;
	background: #111;
	color: #FFF;
}
/******** [-] comment area ********/


/******** [+] footer ********/
#footer {
	height: 75px;
	/* "background:" em blueBackground.css, redBackground.css ou greenBackground.css */
}

#footerLine {
	width: 100%;
	height: 30px;
	background: url('images/tabs.png') repeat-x;
}

#footerLine .text {
	height: 30px;
	width: 900px;
	margin: 0 auto;
	line-height: 30px;
	color: #777;
	font-size: .8em;
}

#footerLine .text a:link,
#footerLine .text a:active,
#footerLine .text a:visited {
	color: #CCC;
	text-decoration: none;
}
/******** [-] footer ********/