/*
  ---------------------------------------------
	renatocarvalho.com
	'Main' style
	Last edit: 16 Feb 2009 - Renato Carvalho (hello@renatocarvalho.com)
	Developed by renatocarvalho.com
	---------------------------------------------
*/


/* =body */
body {background: #181c20 url('../images/body-bg.png') repeat scroll 0 0; color:#84a6a6;}
body{font:15px/1.3 Helvetica,Arial,Verdana,'Liberation Sans',FreeSans,sans-serif;}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:14px}
h1 {color:#cafffd; font-size:50px;}
h1 small {display:block; font-size:30px; line-height:100%;}
h2 {}

/* =classes (Generic Classes)
---------------------------------------------------------------------------------------*/
.hidden {/*Invisible Content Just for Screen Reader Users*/ position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.debug {border:1px solid red;}
.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.align-center {text-align:center !important;}
.float-left {float:left !important;}
.float-right {float:right !important;}
.clear-both {clear:both; overflow:hidden; height:1px; font-size:1px;}
.clear-left {clear:left !important;}
.clear-right {clear:right !important;}
.hide {display:none !important;}
.highlight {background-color:#ffc;}
.no-background {background:none !important;}
.no-border {border:none !important;}
.no-margin {margin:0 !important;}
.no-padding {padding:0 !important;}
.no-bold {font-weight:normal !important;}
.highlight {background:#ffc;}
/*-- Clearfix --*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/*-- End Clearfix --*/

a {color:#00f3ea;}

/* WRAP
---------------------------------------------------------------------------------------*/
#wrap {position: relative; padding: 0; margin: 0;}

/* CONTAINER
---------------------------------------------------------------------------------------*/
#container {position: relative; padding: 15px 0 0 0; margin-left:auto; margin-right:auto; width:760px;}

#social {padding:0 0 14px 0;}
#social ul {margin:0; padding:0;}
#social ul li {margin:0 10px 0 0; padding:0; float:left; list-style-type:none;}
#social ul li a {background-color:transparent; background-image:url('../images/social-buttons.png'); background-repeat: no-repeat; display:block; text-indent:-999px; overflow:hidden; height:43px;}
li.linkedin a {width:100px; background-position:0 0;}
li.twitter a {width:91px; background-position:-415px 0;}
li.delicious a {width:103px; background-position:-110px 0;}
li.flickr a {width:81px; background-position:-223px 0;}
li.lastfm a {width:91px; background-position:-314px 0;}

li.linkedin a:hover {background-position:0 -43px;}
li.twitter a:hover {background-position:-415px -43px;}
li.delicious a:hover {background-position:-110px -43px;}
li.flickr a:hover {background-position:-223px -43px;}
li.lastfm a:hover {background-position:-314px -43px;}


/*-- Clearfix --*/
#social ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#social ul {display:inline-block;}
/* Hide from IE Mac \*/
#social ul {display:block;}
/* End hide from IE Mac */
/*-- End Clearfix --*/

div.divisor {clear:both; overflow:hidden; height:1px; font-size:1px; background:#2b3437; margin:0 0 14px 0;}
p.note {color:#feeba9;}

/* HEADER
---------------------------------------------------------------------------------------*/
#header {position: relative; width:940px; height: 70px; float: left; margin-left: 10px; margin-right: 10px; display: inline; background:transparent url('../images/header-bg.png') no-repeat scroll 0 0;}
#header #logo {position: absolute; top: 9px; left: 11px; width: 144px; height: 57px; background:transparent url('../images/logo.png') no-repeat scroll 0 0;}
#logo a {width: 144px; height: 57px; display: block;}
#logo img {display: none;}

/* CONTENT
---------------------------------------------------------------------------------------*/
#content {position: relative; width: 948px; margin-left: 6px; margin-right: 6px; overflow:hidden !important;}
#content a {color: #0E509E; text-decoration: none; /*border-bottom: 1px solid #a9c7da;*/}
#content a:hover {color: #14496c; text-decoration: underline; /*border-bottom: 1px solid #14496c;*/ background-color: #cfecff;}
#content img {border: none !important; background-color: transparent !important;}
#content h1 {width: 920px; height: 60px; color: #000; text-indent: 60px; line-height: 65px; position: relative; font-size: 31px; letter-spacing: -.02em; left: -2px; top: -6px; margin: 0;}
	#content h1 span {width: 60px; height: 60px; display: block; position: absolute; top: 0; left: 0; text-align: center; text-indent: 0;}
	#content h1 span img {margin: 14px 0 0 0;}
#content h1.overview {background: transparent url('../images/titles-bg.png') no-repeat scroll 0 0;}
#content h1.leads {background: transparent url('../images/titles-bg.png') no-repeat scroll 0 -70px;}
#content h1.visitor-sources {background: transparent url('../images/titles-bg.png') no-repeat scroll 0 -140px;}
#content h1.account {background: transparent url('../images/titles-bg.png') no-repeat scroll 0 -210px;}
#content h1:after {content: attr(title); display: block; margin-left: -1px; margin-top: -66px; color: #fff;}
#content h2 {color: #111; font-size: 23px; line-height: 95%; padding: 4px 0 8px 4px; margin: 0;}
#content h2 span {font-weight: normal; display: block;}
#content h2 a {border: none; color: #000 !important;}
#content h2 a:hover {border: none; color: #000; background: none; text-decoration: underline;}
#content h3 {margin: 10px 15px 5px 15px; font-size: 15px;}
#content p {margin: 10px 15px 5px 15px;}
#content ul, ol {margin: 10px 25px 5px 25px;}