/*  
Theme Name: Green Trippin Camp 09
Theme URI: http://www.putadaloucura.com
Description: Template exclusivo Green Trippin Camp 09
Version: 1
Author: bfms aka Bruno Sousa
Author URI: http://www.putadaloucura.com/bfms

*/

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, font, img, 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;}
/* remember to define focus styles! */
:focus {	outline: 0;}
body {
font: normal 10px Verdana;
color:#232323;
background:#000;
margin: 0 auto;
}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";}


a:link, a:visited{color: #053d5a; font-weight: bold;text-decoration: none;}
a:hover {text-decoration: none; color: #008018;}

.clear {clear: both;}

p {font-size: 11px; text-align: justify; padding-bottom: 10px; line-height: 15px;}

strong, b {font-weight: bold;}

#all {width: 960px; margin: auto;}
#top {width: 960px; float: left; height: 200px; background: url(images/top.jpg) repeat-x;}

.topcontent {width: 960px; height: 18px; float: left; background: url(images/content-top.gif) no-repeat; }

#content {width: 930px; padding: 0px 15px 15px 15px;float: left; background: #fff;}
#content .titulos {font-size: 20px; float: left; margin-bottom: 10px; font-weight: bold; color: #005b31;}

#left {width: 630px; float: left;}
#left .destaque {width: 208px; height: 223px; margin-left: 2px; float: left; background: url(images/destaque.gif) no-repeat;}
#left .destaque:hover {width: 208px; height: 223px; margin-left: 2px; float: left; background: url(images/destaque-hover.gif) no-repeat;}
#left .intro {width: 630px; padding-top: 15px; text-align: justify; float: left;}

#fullcontent {width:930px; float: left;}


#right {width: 285px; float: right;}
#right .destaques {width: 285px; float: left; background: #e2e2e2;}
#right .destaques a{color: #003919; float: left;}
#right .noticia {width: 265px; padding: 10px; float: left; background: #e2e2e2; border-bottom: 2px solid #cecccc;}
#right .noticia:hover {width: 265px; color: #fff; float: left; padding: 10px; background: #003919; border-bottom: 2px solid #cecccc;}
#right .imagem {width: 61px; height: 61px; float: left;}
#right .data {float: left; padding-left: 5px; width: 100px;}
#right .titulo {float: left; font-size: 11px; font-weight: bold; padding-left: 5px; width: 195px;}

#footer {width: 930px;  padding: 20px 15px 15px 15px;float: left; background: #dad9d9;}
#footer .colunas {width: 300px; margin-right: 10px; float: left;}
#footer .titcoluna {padding-left: 3px; line-height: 24px; font-weight: bold; float: left; color: #585858; font-size: 13px; }
#footer .titcoluna { background: url(images/titcolunass.gif) no-repeat; height: 24px; line-height: 24px; font-weight: bold; float: left; text-align: center; color: #585858; font-size: 13px; }
#footer .colunacontent{padding-top: 10px; width: 300px; float: left;}
#footer .colunacontent ul li {background: url(images/icon.gif) no-repeat; margin-top: 3px; padding-left: 20px; float: left; list-style: none; width: 280px; line-height: 14px;}

#creditos {width: 960px; margin-bottom: 20px;  height: 34px; float: left; background: url(images/footer.gif) no-repeat;}
#creditos .texto {line-height: 34px; color: #fff; padding-left: 12px; float: left;}

.subtitulos {font-size: 20px; float: left; width: 930px; clear: both; margin-top: 25px; margin-bottom: 15px; font-weight: bold; color: #14814f;}

#musicaall {width: 930px; float: left;}
#musica {width: 300px; margin-bottom: 70px; margin-left: 10px; float: left; }
#musica .foto {width: 100px; height: 85px; float: left; padding-right: 10px;}
#musica .nome {font-size: 14px; float: left; padding-top: 5px;color: #053d5a; font-weight: bold;}
#musica .info {width: 190px; padding-top: 6px; float: left;}
#musica .bio {width: 300px; float: left; padding-top: 5px;}




#maior {width: 930px; color: #053d5a; text-align: center; line-height: 38px;font-size: 37px; float: left;}
#grande {width: 930px; margin-top: 28px; color: #053d5a; line-height:30px; text-align: center; font-size: 30px; float: left;}
#pequeno {width:930px; color: #053d5a; text-align: center; font-size: 20px; line-height: 20px; float: left;}



.bandeira {margin-right: 15px; font-size: 13px;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	clear: both;
	margin: 0 0 2px 7px;
	display: block;
	}

img.alignleft {
	clear: both;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	clear: both;
	}

.alignleft {
	float: left;
	clear: both;
	}
/* End Images */