/*
Theme Name: Gmcosta - Mega Virada
Theme URI: http://megavirada.com/
Description: Tema de Wordpress para o site Mega Virada.com
Version: 1.0
Author: Gmcosta
Author URI: http://gmcosta.com/
Tags: beach, fireworks, sand, sea
*/

*					{
	margin			:	0;
	padding			:	0;
	border			:	0;
	text-decoration	:	none;
	list-style		:	none;
	}

body				{
	background		:	url(images/body.jpg);
	font-size		:	12px;
	font-family		:	'Trebuchet MS', arial, sans-serif;
	margin			:	0 auto 0 auto;
	text-align		:	center;
	}

/* Header */

#header-container	{
	width			:	100%;
	height			:	380px;
	background		:	url(images/bg-header.jpg) repeat-x;
	}

#header-content		{
	width			:	990px;
	height			:	380px;
	background		:	url(images/header.jpg) no-repeat;
	margin			:	0 auto 0 auto;
	text-align		:	left;
	}

#brand				{
	width			:	540px;
	height			:	120px;
	padding			:	70px 0 0 100px;
	display			:	block;
	}

#menu				{
	padding			:	40px 0 0 0;
	}

#menu li				{
	float			:	left;
	font-weight		:	bold;
	padding			:	15px 0 0 0;
	font-size		:	16px;
	text-align		:	center;
	}

#menu .link-small	{
	width			:	150px;
	height			:	60px;
	margin			:	0 5px 0 30px;
	background		:	url(images/link-small.png) no-repeat;
	display			:	block;
	}

#menu .link-big		{
	width			:	180px;
	height			:	60px;
	margin			:	0 5px 0 0;
	background		:	url(images/link-big.png) no-repeat;
	display			:	block;
	}

#menu li a				{
	color			:	#000;
	}

#menu li a:hover		{
	color			:	#FFFC00;
	}

#menu li a:active		{
	color			:	#FFFC00;
	}

/* Content */

#content			{
	width			:	990px;
	margin			:	0 auto 0 auto;
	overflow		:	hidden;
	display			:	block;
	clear				:	both;
	text-align		:	left;
	}

.title				{
	width			:	950px;
	height			:	160px;
	display			:	block;
	overflow		:	hidden;
	clear			:	both;
	padding			:	0 40px 0 0;
	background		:	url(images/title.jpg) no-repeat;
	}

.title h2			{
	width			:	500px;
	height			:	80px;
	font-size		:	40px;
	padding			:	50px 0 0 50px;
	display			:	block;
	float			:	left;
	}

.title p				{
	width			:	350px;
	display			:	block;
	float			:	left;
	line-height		:	1.6em;
	}

/* Atrações */

.shows				{
	width			:	990px;
	height			:	290px;
	margin			:	0 0 20px 0;
	padding			:	0 0 0 55px;
	background		:	url(images/shows.jpg) no-repeat;
	}

.shows h3			{
	margin			:	0 0 30px 0;
	font-size		:	30px;
	}

.show-1				{
	width			:	285px;
	height			:	205px;
	margin			:	0 10px 0 55px;
	display			:	block;
	float			:	left;
	background		:	#FFF;
	}

.show-2				{
	width			:	285px;
	height			:	205px;
	margin			:	0 10px 0 0;
	display			:	block;
	float			:	left;
	background		:	#FFF;
	}

.show-3				{
	width			:	285px;
	height			:	205px;
	margin			:	0 60px 0 0;
	display			:	block;
	float			:	right;
	background		:	#FFF;
	}

/* Ingressos */

.tickets-1, .summer-show-1	{
	width			:	310px;
	display			:	block;
	margin			:	0 10px 20px 0;
	float			:	left;
	background		:	url(images/tickets.jpg) no-repeat;
	}

.tickets-1 h3, .tickets-2 h3, .tickets-3 h3, .summer-show-1 h3, .summer-show-2 h3, .summer-show-3 h3 {
	font-size		:	26px;
	margin			:	80px 0 0 40px;
	}

.tickets-1 p, .tickets-2 p, .tickets-3 p{
	width			:	240px;
	margin			:	20px 0 10px 40px;
	padding			:	0 0 10px 0;
	border-bottom	:	1px solid #FFF;
	}

.tickets-1 p strong, .tickets-2 p strong, .tickets-3 p strong{
	}

.summer-show-1 img, .summer-show-2 img{
	margin			:	20px 0 0 40px;
	}

.tickets-2, .summer-show-2	{
	width			:	310px;
	display			:	block;
	margin			:	0 10px 20px 0;
	float			:	left;
	background		:	url(images/tickets.jpg) no-repeat;
	}

.tickets-3, .summer-show-3	{
	width			:	310px;
	display			:	block;
	margin			:	0 0 20px 0;
	float			:	right;
	background		:	url(images/tickets.jpg) no-repeat;
	}

/* Estrutura */

.structure			{
	width			:	990px;
	height			:	520px;
	display			:	block;
	padding			:	55px 0 0 55px;
	background		:	url(images/structure.jpg) no-repeat;
	}

.photos			{
	width			:	990px;
	display			:	block;
	padding			:	55px 0 0 55px;
	background		:	url(images/photos.jpg) repeat-y;
	}

.s1{margin-right:5px;}
.s2{margin-right:5px;}

/* História */

.history			{
	width			:	950px;
	height			:	490px;
	display			:	block;
	padding			:	75px 0 60px 60px;
	background		:	url(images/history.jpg) no-repeat;
	}

.entry-history		{
	width			:	530px;
	text-align		:	justify;
	}

.entry-history p	{
	margin			:	0 0 20px 0;
	font-size		:	14px;
	}


/* Footer */

#footer				{
	width			:	990px;
	margin			:	0 auto 20px auto;
	display			:	block;
	clear			:	both;
	text-align		:	left;
	}

.entry-1			{
	width			:	930px;
	height			:	500px;
	display			:	block;
	padding			:	40px 0 0 60px;
	background		:	url(images/entry-1.jpg) no-repeat;
	}

.ad1				{
	width			:	125px;
	height			:	125px;
	display			:	block;
	float			:	left;
	margin			:	0 12px 10px 0;
	border			:	5px solid #DFDBC1;
	}

.ad1-last			{
	width			:	125px;
	height			:	125px;
	display			:	block;
	float			:	left;
	margin			:	0 0 10px 0;
	border			:	5px solid #DFDBC1;
	}

.ad2				{
	width			:	125px;
	height			:	60px;
	display			:	block;
	float			:	left;
	margin			:	0 12px 10px 0;
	border			:	5px solid #DFDBC1;
	}

.ad2-last			{
	width			:	125px;
	height			:	60px;
	display			:	block;
	float			:	left;
	margin			:	0 0 10px 0;
	border			:	5px solid #DFDBC1;
	}

#topbar				{
	display			:	block;
	color			:	#FFF;
	padding-top		:	5px;
	}

#topbar a			{
	color			:	#FFF;
	font-weight		:	bold;
	}

#language			{
	display			:	block;
	float			:	left;
	}

#language img		{
	margin			:	0 10px 0 0;
	}

#countdown			{
	}

.alignleft			{
	width			:	65px;
	height			:	65px;
	display			:	block;
	float			:	left;
	margin			:	0 5px 10px 0;
	}

.left				{
float				:	left;
	}

.right				{
float				:	right;
	}

#comment-area		{
	width			:	990px;
	height			:	400px;
	background		:	url(images/comment.jpg) no-repeat;
	}

#respond			{
	font-size		:	30px;
	margin			:	0 0 0 20px;
	}

#author				{
	width			:	290px;
	height			:	28px;
	margin			:	32px 40px 40px 20px;
	display			:	block;
	overflow		:	hidden;
	float			:	left;
	font-size		:	14px;
	background		:	#FFF;
	}

#email				{
	width			:	290px;
	height			:	28px;
	margin			:	32px 40px 40px 0;
	display			:	block;
	overflow		:	hidden;
	float			:	left;
	font-size		:	14px;
	background		:	#FFF;
	}

#url				{
	width			:	290px;
	height			:	28px;
	margin			:	32px 10px 40px 0;
	display			:	block;
	overflow		:	hidden;
	float			:	left;
	font-size		:	14px;
	background		:	#FFF;
	}

#comment			{
	width			:	940px;
	height			:	125px;
	margin			:	0 0 20px 20px;
	display			:	block;
	overflow		:	hidden;
	clear			:	both;
	background		:	#FFF;
	}

#submit				{
	width			:	310px;
	height			:	50px;
	display			:	block;
	margin			:	20px 0 0 10px;
	background		:	url(images/submit.jpg) no-repeat;
	font-weight		:	bold;
	}

#comments			{
	font-size		:	30px;
	margin-bottom	:	20px;
	}

.user-comment		{
	width			:	990px;
	height			:	200px;
	display			:	block;
	clear			:	both;
	background		:	url(images/user-comment.jpg) no-repeat;
	}

.avatar				{
	margin			:	48px 25px 0 14px;
	display			:	block;
	float			:	left;
	}

.user-comment cite	{
	width			:	350px;
	height			:	40px;
	margin			:	50px 0 0 0;
	display			:	block;
	float			:	left;
	font-size		:	16px;
	}

.user-comment em	{
	width			:	150px;
	height			:	40px;
	margin			:	50px 0 0 0;
	display			:	block;
	float			:	left;
	font-size		:	12px;
	}

.commentmetadata	{
	width			:	250px;
	height			:	40px;
	margin			:	33px 10px 0 0;
	display			:	block;
	float			:	right;
	font-size		:	16px;
	}

.commentmetadata a	{
	color			:	#000;
}


.user-comment cite a	{
	color			:	#000;
	background		:	#FFF;
}

.user-comment p		{
	width			:	800px;
	margin-left		:	170px;
	display			:	block;
	clear			:	right;
	font-size		:	12px;
	text-align		:	justify;
	}

.entry-tickets	{
	width		:	990px;
	height		:	220px;
	display		:	block;
	padding-left:	30px;
	font-size	:	14px;
	background	:	url(images/entry-tickets.jpg) no-repeat;
	}

.entry-tickets h3{
	font-size	:	30px;
	margin		:	0 0 30px 0;
	}

.ticket-1		{
	width		:	440px;
	display		:	block;
	float		:	left;
	overflow	:	hidden;
	}

.ticket-2		{
	width		:	440px;
	display		:	block;
	margin-right:	60px;
	float		:	right;
	overflow	:	hidden;
	}

.ticket-1 p		{
	margin		:	0 0 5px 0;
	}

.ticket-2 p		{
	margin		:	0 0 10px 0;
	}