body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #333;
	color: #333;
	font-family: Arial, "Lucide Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:  12px;
	line-height: 18px;
	}
	
.clear {
	clear:  both;
	height: 1px;;
	}

a {
	color: #0072bc;
	}

a:hover {
	color: #05609c;
	}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a {
	margin: 2px 0px;
	text-decoration: none;
	color: #5A91BE;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: #3A6B94;
}

h3 {
	font-size: 16px;
	line-height: 22px;
	}
	
#barra_clica {
	text-align: center;
	padding-bottom: 18px;
}	
	
/* Site Navigation */

#site-nav {
	background:  #fafafa;
	margin: 0;
	padding: 0;
	font-size:  12px;
	line-height: 14px;
}

#site-nav ul {
	padding: 0;
	margin:0;
	background-color: #fafafa;
	color: #ccc;
	}

#site-nav ul li { 
	display: inline; 
		}

#site-nav ul li a {
	padding: 5px 20px 8px 20px;
	background: #fafafa;
	color: #006699;
	text-decoration: none;
	float: left;
	}

#site-nav ul li a:hover {
	background: #ededed;
	color: #1A1A00;
	}

#nav-clear {
	clear: both;
}

	

/* Container */

#container {
	display: block;
	width: 800px;
	\width: 810px;
	w\idth: 800px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	background: #fff;
	border: 10px solid #444;
    overflow: hidden;
}
	
#tweet {
	background: #eee;
	color: #444;
	text-align: center;
	padding: 5px 20px;
}

#tweet a {
	color: #444;
	text-decoration: underline;
}

#tweet a:hover {
	text-decoration: none;
}
	
#logo {
	background:  url('http://www.clicabrasilia.com.br/hotsites/top_of_mind/img/topo.jpg') top center no-repeat;
	height: 195px;
}


/* Home Page */

#esquerda {
	float: left;
	width: 400px;
	margin: 0px;
	padding-top: 10px;
}

#direita {
	float: left;
	width: 350px;
	margin: 0px auto;
}

#introducao {
	font-size: 20px;
	line-height: 33px;
	padding:  0px 20px;
	text-align: center;
}

.verde {
	color: #999900;
}
.vinho {
	color: #049DE6;
}
.erro {
	color: #999900;
}

/* About */

#introducao a {
	color: #333;
	text-decoration: none;
	background: #eef3b5;
	padding: 2px 3px;
}

#introducao a:hover {
	text-decoration: none;
	background: #C2D7E7;
}

#introducao a:hover.me {
	background: #5890BD;
	text-decoration: none;
	padding: 2px 3px;
}

#introducao a.me {
	background: #B5CDE1;
	text-decoration: none;
	padding: 2px 3px;
}

#introducao-pics {
	text-align: center;
	margin: 25px 0px 10px 0px;
}

#introducao-pics img {
	background: #eee;
	padding: 8px;
	border: 3px solid #ddd;
	margin: 2px 0px;
}

/* Fresh */

#conteudo {
	background: #E2ECF3 url('/wp-content/themes/xavier/images/conteudo.gif') top left no-repeat;
	font-size: 14px;
	line-height: 22px;
	padding: 0px;
	margin: 0px 20px;
	text-align: left;
}

#conteudo ul, #direita ul, #single ul {
	list-style-type: none;
	margin: 10px 0px;
	padding: 0;
	border-top: 1px solid #ddd;
}

#conteudo li, #direita li, #single li {
	list-style-type: none;
	padding: 3px 10px;
	border-bottom: 1px solid #ddd;
	background: #eee;
}

#conteudo li.odd, #direita li.odd, #single li.odd {
	background:  #fafafa;
}

#introducao-right {
	font-size: 14px;
	line-height: 20px;
	padding-top: 40px;
}

#introducao-right h3, h3.introducao {
	font-size: 18px;
	line-height: 24px;
	color: #235E81;
	text-align: left;
}

.inner {
	padding: 20px 20px;
}

.inner P {
	margin-bottom: 2px;
}

.segmento {
	color: #4683B5;
	font-weight: bold;
}

.segmento a {
	color: #4683B5;
	font-weight: bold;
	text-decoration:none;
}

.segmento a:hover {
	text-decoration:underline;
	color: #5990BE;
}

#conteudo h3, #conteudo h3 a {
	font-size: 20px;
	line-height: 32px;
	margin: 2px 0px;
	font-weight: normal;
		color: #5990BE;
}

#conteudo-kr a {
	color: #5990BE;
	text-decoration: none;
}

#conteudo-kr a:hover {
	color: #0066CC;
	text-decoration: underline;
}

#conteudo-meta {
	background: #f1f6b0;
	padding: 10px 20px;
		font-size: 13px;
	line-height: 19px;
}

#conteudo-meta a {
	color:#333;
	text-decoration: underline;
}

#conteudo-meta img {
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 8px;
	border: none;
	background: #fbffc9;
}

span.conteudo-hilite {
	background: #fbffc9;
	font-weight: bold;	
	display: inline;
	margin: 0;
}

#other-recent {
	margin: 0;
	font-size: 13px;
	line-height: 16px;
}

#other-recent a {
	color: #333;
}

#other-recent a:hover {
	text-decoration: none;
}

#other-recent ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
		background: none;
		border: none;
}

#other-recent li {
	list-style-type:  none;
	padding: 5px 20px;
	background: none;
	margin: 0px;
	border-bottom: 1px solid #f1f6b0;
}

.o-left {
	float: left;
	width: 70%;
}

.o-right {
	float: right;
	text-align: right;
	width: 25%;
}

#other-recent li:hover {
		background: #f1f6b0;
}

/* Concerts */

#patrocinios {
	margin: 0;
	padding: 10px 10px 0px 10px;
	width: 350px;
	margin: 0px auto;
	background: #fff;
}

#noticias {
	padding: 10px;
	width: 340px;
	background: #ededed;
}

#noticias img {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

#noticias h4 {
	padding-top: 0px;
	margin-top: 0px;
}

.patrocinio h4 {
	font-weight: bold;
	font-size: 15px;
	line-height: 17px;
	margin: 0px;
	color: #777;
}

.patrocinio:hover h4 {
	color: #333;
}

#patrocinios p {
	margin: 2px 5px;
}

.patrocinio {
	margin: 0px 0px 15px 0px;
	color: #777;
	padding-bottom: 10px;
}

.patrocinio a {
	color: #777;
	text-decoration: underline;
}

.patrocinio:hover {
	color: #444;
}

.patrocinio:hover a {
	color: #444;
}


/* Music Center */

#music-center {
	margin: 10px 0px;
}

#m-left {
	padding: 0px 20px 0px 40px;
}

#m-right {
	float: left;
	width: 500px;
}

#m-left img, #m-leftimg a {
	border: 3px solid #eee;
	margin: 4px;
	padding: 3px;
	background: #eee;
}

#m-left img:hover, #m-left img a:hover {
	border:  3px solid #ccc;
}

#m-left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#m-left li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	}

#m-left img, #m-left img a {
	border: 3px solid #eee;
	margin: 4px;
	padding: 3px;
	background: #eee;
	height: 60px;
	width: 60px;
	}
	
#m-left img:hover, #m-left img a:hover {
	border:  3px solid #ccc;
	}
	
/* Should Know */

#should {
	clear: both;
	margin: 5px 10px 10px 0px;
}

#should h3, #should h3 a {
	
}

.should {
	background: #eef3b5;
	border: 3px solid #e7ef8a;
	padding: 0px;
	height: 90px;
		margin-bottom: 5px;
}

#should img {
	background: none;
	padding: 0;
	margin: 0;
	height: 90px;
	width: 90px;
}

.should-left {
	margin-right: 10px;
	float: left;
	padding:0;
}

.should-right {
	float: left;
	padding: 5px 20px 0px 0px;
	font-size: 24px;
	line-height: 26px;
}

.should-right span.title {
	font-size: 14px;
	line-height: 14px;
}



/* Asides */

#asides {
	background: #fff url('/wp-content/themes/xavier/images/asides.gif') top left no-repeat;	
	padding: 80px 0px 10px 0px;
	color: #444;
	font-size: 13px;
	line-height: 18px;
}

.a-entry {
	margin: 5px 0px 10px 0px;
	color: #999;
	background: #fff url('/wp-content/themes/xavier/images/aside-bg.gif') top left repeat-x;
	padding: 10px;	
}

.a-entry:hover {
	color: #444;
}

.a-entry a {
	color: #999;
	text-decoration: underline;
}

.a-entry:hover a {
	color: #0072bc;
}

.a-entry:hover a:hover {
	text-decoration: none;
}


.a-entry h3, .a-entry h3 a {
	color: #555;
	text-decoration: none;
	font-weight: normal;
}

.a-entry:hover h3, .a-entry:hover h3 a {
	color: #235E81;
	font-weight: normal;
	text-decoration: none;
}

.a-link, .a-link a {
	color: #ccc;
	text-decoration: none;
}

.a-link a:hover {
	color: #444;
}


/* Noteworthy */

#noteworthy {
	clear: both;
	background: #eee url('/wp-content/themes/xavier/images/noteworthy.gif') top left no-repeat;
	font-size: 12px;
	line-height: 16px;
	padding: 170px 0px 0px 0px;
	margin: 10px 20px;
}

#noteworthy h3, #noteworthy h3 a {
	font-size: 18px;
	line-height: 22px;
	margin: 2px 0px;
	color: #333;
}

.n-entry {
	margin-bottom: 10px;
	font-size:  14px;
	line-height: 18px;
	padding: 10px 20px 0px 20px;
}

.n-meta {
	font-size: 12px;
	line-height: 14px;
	background: #ddd;
	padding: 5px 10px;
	border-bottom: 2px solid #ccc;
}

.n-meta a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.n-meta a:hover {
	text-decoration: underline;
}

.n-date {
	float: left;
	width: 70%;
	text-align: left;
}

.n-tags {
	float: right;
	width: 25%;
	text-align: right;
}



/* Center */

#center {
	clear: both;
	margin:  10px 0px 0px 0px;
	background: #235E81 url('/wp-content/themes/xavier/images/hc_03.gif') top center no-repeat;
	padding-top: 0px;
	display: block;
	}

#center-right {
	float: right;
	width: 350px;
	padding-top: 80px;
	padding-bottom: 170px;
	margin-right: 20px;
}

/*
#center a {
	border: 0;
	text-decoration: none;
}
*/

#center img, #center img a {
	border: 3px solid #eee;
	margin: 4px;
	padding: 5px;
	background: #eee;
}

#center img:hover, #center img a:hover {
	border:  3px solid #ccc;
}

/* Center Lower */

#grass {
		background: #235E81 url('/wp-content/themes/xavier/images/hc_04.gif') top center no-repeat;
		padding-top: 100px;
}

/* Ads */

#ads {
	clear: both;
	width: 728px;
	\width: 7380px;
	w\idth: 720px;
	margin: 20px auto;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 20px auto;
}






/* --------------- SINGLE PAGE ---------------*/

#nav {
	background: #ddd;
	color: #444;
	padding: 5px 20px;
	font-size: 14px;
	line-height: 18px;
}

#nav span.left {
	text-align: left;
	float: left;
}

#nav span.right {
	text-align: right;
	float: right;
}

#nav a {
	color: #444;
	text-decoration: none;
}

#nav a:hover {
	color: #333;
	text-decoration: underline;
}

#single {
	font-size: 16px;
	line-height: 22px;
	padding-top: 75px;
}

#single-content {
	margin: 0;
}

#single-content img, #single-content img a {
	float: right;
	border: 3px solid #eee;
	margin: 4px 0px 4px 4px;
	padding: 5px;
	background: #eee;
}

#single-content img:hover,#single-content img a:hover {
	border:  3px solid #ccc;
}

#single-content img.center, #single-content img a.center, #single-content img:hover .center, #single-content img a:hover.center {
	float: none;
}

#single h3, #single h2, #single h3 a {
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
	width: 500px;
}

#single-meta {
	margin: 20px 0px;
	background: #eee;
	border: 2px solid #ccc;
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
}

#single-meta a {
	color: #333;
	text-decoration: underline;
}

#single-meta a:hover {
	text-decoration: none;
}

#single-meta img {
	float: left;
	margin: 5px 20px 5px 5px;
	padding: 5px;
	background: #ccc;
	border: 0;
}

span.meta-hilite {
	background: #f9faf0;
	font-weight: bold;	
	display: inline;
	margin: 0;
}

#single-left {
	float: left;
	width: 65%;
}

#single-right {
	float: left;
	width: 25%;
}

#trackback {
		background: #fbffc9;
		padding: 10px 20px;
		margin-bottom: 20px;
}

/* Comments */

#comments {
	padding: 20px;
}

#comments ul, #comments li { background: none;border: none;}

#comments h2, #comments2 h2 {
	margin: 10px 0px 5px 0px;
	width: 600px;
	font-size: 26px;
	line-height: 32px;
	font-weight: normal;
	color: #235E81;
}

#comments 2 {
	overflow: hidden;
}

#comments2 ul, #comments2 ol {
	list-style-type: none;
	margin:  20px 0px;
	padding: 0;
}

#comments2 li {
		clear: both;
	list-style-type:  none;
	padding: 5px 0px;
	margin-bottom: 5px;
}

#comments2 li h5 {
	color: #0072bc;
	text-decoration: none;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

#comments2 li h5 a {
	color: #0072bc;
	text-decoration: underline;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

#comments2 li.highlight h5, #comments2 li.highlight h5 a {
	color: #928801;
	text-decoration: none;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

.comment-meta {
	display: block;
	margin: 0;
	width:  600px;
}

#comments2 li.highlight .comment-meta {
		background: url('/wp-content/themes/xavier/images/ryan-bg.gif') top right no-repeat;
		padding-right: 60px;
		width: 600px;
}

.comment-grav {
	float: left;
}

.comment-auth {
	float: left;
	padding-top: 10px;
	font-size:13px;
	line-height: 13px;
}

.comment-meta img {
			padding: 15px 5px 12px 5px;
			background:  url('/wp-content/themes/xavier/images/grav-bg.gif') top center no-repeat;
			margin: 0px 10px 0px 0px;
}


#comments2 li.highlight .comment-meta img {
			background:  url('/wp-content/themes/xavier/images/ryan-grav-bg.gif') top center no-repeat;
}


.comment-text {
	clear: both;
	display: block;
	background: #eee;
}

.comment-text-t {
		background: url('/wp-content/themes/xavier/images/c-c.gif') top left no-repeat;
}

.comment-text-c {
background:  url('/wp-content/themes/xavier/images/c-b.gif') bottom right no-repeat;	
	padding: 10px 20px;
	font-size: 16px;
	line-height: 22px;
}


#comments2 li.highlight .comment-text {
	clear: both;
	display: block;
	background: #f7f9e0;
}

#comments2 li.highlight .comment-text-t {
		background: url('/wp-content/themes/xavier/images/r-t.gif') top left no-repeat;
}

#comments2 li.highlight .comment-text-c {
background:  url('/wp-content/themes/xavier/images/r-b.gif') bottom right no-repeat;	
	padding: 10px 20px;
	font-size: 16px;
	line-height: 22px;
}



#comments-form {
	clear: both;
	padding: 20px;
	font-size: 18px;
	line-height: 24px;
}


#form textarea {
	margin: 0 auto;	
			border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	border-bottom: 3px solid #ccc;
	background: #fafafa;
	font-family:  arial, sans serif;
	font-size: 20px;
		line-height: 100%;
	padding: 5px;
	color: #ccc;
	width: 95%;
	height: 250px;
}

#form input {
	margin: 0 auto;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 3px solid #ccc;
	background: #fafafa;
	font-family:  arial, sans serif;
	font-size: 20px;
	line-height: 100%;
	padding: 5px;
	color: #ccc;
	width: 95%;
}

#form textarea:hover, #form input:hover {
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 3px solid #777;
		background: #eee;
		color: #777;
}

#form textarea:focus, #form input:focus {
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
				border-bottom: 3px solid #444;
	background: #fbffc9;
	color: #333;
}

/* Archives */

.archive {
	background: #eee;
	padding: 20px 20px 10px 20px;
	margin-bottom: 5px;
}

.archive:hover {
	background: #ddd;
}

.archive-meta {
	margin: 10px 0px 0px 0px;
}

.archive-meta a {
	color: #333;
	text-decoration: underline;
}

.archive-left {
	float: left;
	width: 70%;
}

.archive-right {
	float:  right;
	text-align: right;
	width: 25%;
}


/* Footer */

#footer {
	clear: both;
	margin:  0px;
	padding: 15px 20px 25px 20px;
		font-size: 16px;
	line-height: 20px;
}

#footer a {
	color: #333;
	text-decoration: underline;
}

#footer a:hover {
	color: #fff;
}

#linked {
	margin: 0px;
}

#linked a {
	color:  #443f00;
	text-decoration: none;
}

#linked a:hover {
	color: #c5d41c;
	text-decoration: underline;
}

.linked-in {
	padding: 20px;
	margin-bottom: 5px;
	background: #C0D3E7;
	width: 320px;
	float: left;
	margin: 10px;
}

.linked-in:hover {
	background: #245A75;
}

#linked h3 {
	font-size: 26px;
	line-height: 30px;
	color:  #443f00;
	font-weight: normal;
}


#spot h3 {
	font-size: 24px;
	line-height: 28px;
	color:  #004A6F;
	font-weight: normal;
}

#spot {
	margin: 0px;
}



#spot a {
	color:  #443f00;
	text-decoration: none;
}

.spot {
	float: left;
	width:  27%;
	padding: 20px;
		margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #003F5E;	
	font-size: 14px;
	line-height: 16px;
}

.spot-c {
	float: left;
	width:  27%;
	padding: 20px;
	margin: 0px 5px 5px 5px;
	margin-bottom: 5px;
	background: #928801;	
	font-size: 14px;
	line-height: 16px;
}

.spot-r {
	float: right;
	width:  28%;
	padding: 20px;
	margin-bottom: 5px;
	background: #928801;	
	font-size: 14px;
	line-height: 16px;
			margin-top: 0px;
}

.spot:hover, .spot-c:hover, .spot-r:hover {
	background: #787001;
			margin-top: 0px;
}

#footer-left {
	float: left;
	width: 45%;
}

#footer-right {
	float: right;
	text-align: right;
	width: 45%;
}

/* Bottom ads */

#bottom-ads {
	color: #777;
	clear: both;
	width: 728px;
	margin: 20px auto;
	padding-bottom: 20px;
}