/*
Theme Name: Colours
Theme URI: http://www.pittystop.com/
Description: Layout de 4 anos do PittyStop.
Author: Alcir Neto e Mario Cecchi
Author URI: http://meriw.com/
*/

* { margin: 0; padding: 0; border: 0; list-style: none; }

body {
	background: #111 url('images/back.jpg') top;
}
body, td, th {
	font: 12px "Trebuchet MS";
	color: #fff;
	line-height: 18px;
}

p { margin: 10px; text-align: justify; }
blockquote {
	margin: 10px 20px;
	text-align: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #eeeddf;
	padding: 1px;
	color: #666;
	text-shadow: #eeeddf 0 0 1px;
}
.post b, .page b, .single b, .post strong, .page strong, .single strong { color: #000; }
i, em { color: #333; }
a, a:link, a:visited, a:active { text-decoration: none; color: #fff; }
a:hover { color: #fff; text-decoration: underline; }

/* Estrutura */
#header {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#wrapper {
	background: url('images/page.gif') repeat-y;
	width: 720px; /* 900px - largura do back */
	margin: 0 auto 20px auto;
	padding: 20px 50px 20px 115px;
}

#message {
	position: absolute;
	top: 0;
	left: 331px;
	width: 330px;
	padding: 2px 0;
	text-align: center;
	font: 11px Tahoma;
	text-shadow: #999 1px 1px 1px;
}

#sidebar {
	float: right;
	overflow: hidden;
	width: 220px;
	padding-left: 40px;
}

#content {
	float: left;
	width: 460px;
}

#footer {
	clear: both;
	width: 800px;
	margin: 0 auto 15px auto;
	text-align: center;
	text-shadow: #000 1px 1px 1px;
	font-size: 12px;
	color: #ccc;
}

#fotostopo {
	position: absolute;
	top: 51px;
	left: 221px;
	width: 437px;
	height: 380px;
	overflow: hidden;
}	

#menu {
	position: absolute;
	top: 558px;
	left: 155px;
	width: 350px;
	line-height: 18px;
	color: #000;
}
	#menu li {
		display: inline;
		margin: 0 5px;
	}
	
	#menu li a {
		font: 15px "Trebuchet MS";
		text-transform: uppercase;
		text-shadow: #999 0 0 2px;
		color: #121212;
		letter-spacing: 6px;
	}
	
	#menu li a:hover {
		text-shadow: #555 0 0 3px;
		color: #000;
	}
	
	#menu li a:hover { text-decoration: none; }
	
#elite {
	position: absolute;
	top: 536px;
	left: 585px;
	width: 280px;
}
	

h1 {
	font: 24px "Trebuchet MS";
	color: #ec0667;
	font-weight: 100;
	text-shadow: #333 1px 1px 0;
	font-style: italic;
	margin-bottom: 20px;
	text-transform: uppercase;
}


h2 {
	font: 20px "Trebuchet MS";
	color: #333;
	font-weight: 100;
	text-shadow: #999 0 0 2px;
	margin-bottom: 10px;
	text-transform: uppercase;
}



/* Boxes secoes */
.efeito1 {
	position: relative;
}

.efeito2 {
	position: absolute;
	top: -4px;
	left: -3px;
}

#news {
	background: url('images/news.png') no-repeat;
	padding: 68px 30px 30px 30px;
	width: 375px; /* original: 435px */
	height: 163px; /* 261 */
	margin: 30px 0 5px 10px;
	color: #ededed;
}
	#news li {
		font-size: 13px;
		line-height: 25px;
		border-bottom: 1px dashed #aeaeae;
	}
	
	#news li b {
		background: #fff;
		color: #666;
		font-weight: 100;
		text-shadow: #ccc 0 0 2px;
		padding: 1px 4px;
		margin-right: 3px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	#news li a {
		color: #fff;
		text-shadow: #000 1px 1px 2px;
		letter-spacing: 0px;
		text-size: 14px;
	}
	
	#news li a:hover { color: #fff505; text-decoration: none; }
	
#maisnoticias { margin: 1px 15px 0 20px; color: #333; font-size: 11px; text-align: center; }
#maisnoticias a { color: #555; }
#sidebar #maisnoticias { margin: 5px 10px 5px 0; }
	
.single, .page { color: #555; text-shadow: #eeeddf 0 0 1px; }
.single a, .page a { color: #ec0667; }
.single h1 { margin-bottom: 15px; }
.page h1 { margin-bottom: 10px; }
.archive h2 { font-size: 15px; }
.archive h2 a { color: #000; }
.archive h2 b { color: #00b1c8; }

.meta {
	background: #edead7;
	padding: 5px 10px;
	width: 440px; /* 455px */
	color: #a19d8a;	
}
	.meta a { color: #7c796a; }


/* Etc. / Geral */

.cpg_gal { text-align: center; }
.cpg_gal img { margin-bottom: 2px; }
.cpg_gal a { color: #000; }

.cpg_album, .cpg_img { text-align: center; }
.cpg_album a img, .cpg_img a img, #noticias img, .borda {
	padding: 2px;
	margin: 1px;
}
#lastpics a.cpg_gallink { display: none; }
.cpg_albumlink { font-size: 10px; }
.noborder { border: 0px !important; background: transparent !important; padding: 0 !important; margin: 0 !important; -moz-border-radius: 0; }

.elite img, .blank { background: #fff; }

input, textarea, select, .button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font: 11px "Trebuchet MS";
	color: #444;
	padding: 5px;
	margin: 2px;
	background: #fff;
}
.button { cursor: pointer; color: #ec0667; text-transform: uppercase; }
label { padding-left: 2px; }

.navigation { height: auto; }
.aligncenter { margin: 5px auto; }
.alignright { float: right; text-align: right; }
.alignleft { float: left; text-align: left; }
.navigation .alignleft, .navigation .alignright { max-width: 48%; }
img.centered { display: block; margin: 0 auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.tags { font-size: 11px; margin: 5px 0; }
.socialize-in-content { margin: 15px 0 10px 10px; padding: 0 !important; float: right !important; }


/* Comentarios */

.comentarios { margin-left: 10px; }
.comentarios p { margin: 5px 5px; }
#comments, #respond h2 { margin: 15px 0 10px 0 !important; float: none !important; }
#respond table { margin: 5px; }

li.comment {
	margin: 0 0 5px 0;
	padding-bottom: 5px;
	text-align: left;
	list-style: none;
	width: 440px;
	border-bottom: 1px solid #e5e5e5;
}

.commentmeta { font-size: 11px; color: #999; }

.comment p {
	margin: 0;
}

.comment .avatar { float: left; margin: 5px; margin-right: 8px; }


#tw-user img {
	float: left;
	margin-right: 10px;
}
#alt-login-methods img { float: left; margin-right: 5px; }
.tw-info-login { font-size: 11px; color: #ccc; padding-top: 2px; }
.twitterclass { color: #42d0ff; font-weight: bold; }
.wp-polls strong, .wp-polls i { color: #fff !important; }
