/*
Theme Name: Gmcosta
Theme URI: http://gmcosta.com/
Description: Tema de Wordpress para o site www.gmcosta.com
Version: 1.0
Author: Giovanni Marques Costa
Author URI: http://gmcosta.com/
Tags: grey, white, clean, fixed width, widgets
*/


/* Begin Typography & Colors */

*	{
	margin				:	0;
	padding				:	0;
	border				:	none;
	list-style			:	none;
	text-decoration		:	none;
	}

body{
	font-size			:	12px;
	font-family			:	Arial, Verdana, Sans-Serif;
	background			:	#f1f1f1 url('images/bg-header.jpg') repeat-x;
	color				:	#333;
	text-align			:	center;
	}


/* HEADER */

#language{
	width				:	980px;
	height				:	30px;
	display				:	block;
	text-align			:	right;
	margin				:	20px auto 0 auto;
	}

#header{
	width				:	980px;
	height				:	60px;
	display				:	block;
	margin				:	10px auto 70px auto;
	background			:	url('images/bg-header-menu.png') no-repeat;
	text-align			:	left;
	}

#brand{
	width				:	180px;
	height				:	60px;
	margin				:	0 20px;
	display				:	block;
	float				:	left;
	}

#menu{
	width				:	500px;
	height				:	60px;
	display				:	block;
	float				:	left;
	font-size			:	12px;
	}

#menu li{
	width				:	100px;
	height				:	60px;
	padding				:	24px 0 0 0;
	display				:	block;
	float				:	left;
	text-align			:	center;
	}

#menu li a{
	color				:	#222;
	font-weight			:	bold;
	}

#menu li a:hover{
	color				:	#666;
	}

#hire-me{
	width				:	240px;
	height				:	60px;
	margin				:	0 10px 0 0;
	padding				:	22px 0 0 0;
	display				:	block;
	float				:	right;
	background			:	url('images/bg-header-hire-me.png') no-repeat;
	text-align			:	center;
	}

#hire-me a{
	color				:	#fff;
	font-weight			:	bold;
	}

#hire-me a:hover{
	color				:	#fff;
	}

/* HOME */

#content{
	width				:	980px;
	margin				:	0 auto 0 auto;
	text-align			:	left;
	display				:	block;
	}

.main{
	width				:	640px;
	margin				:	0 40px 0 0;
	display				:	block;
	float				:	left;
	overflow			:	hidden;
	}

.sidebar{
	width				:	300px;
	display				:	block;
	float				:	right;
	overflow			:	hidden;
	}

#home-featured{
	width				:	980px;
	height				:	70px;
	margin				:	0 0 40px 0;
	padding				:	150px 0 0 0;
	display				:	block;
	background			:	url('images/home-featured.jpg') no-repeat;
	}

#home-featured-button{
	width				:	240px;
	height				:	60px;
	margin				:	0 0 0 20px;
	padding				:	22px 0 0 22px;
	display				:	block;
	font-size			:	14px;
	color				:	#fff;
	background: url('images/home-featured-button.png') no-repeat;
	}

#home-featured-button a{
	font-weight			:	bold;
	color				:	#fff;
	}

#home-featured-button a:hover{
	font-weight			:	bold;
	color				:	#fff;
	}

/* CONTAINERS */

.container-1-top-first{
	width				:	280px;
	height				:	38px;
	padding				:	22px 0 0 20px;
	display				:	block;
	overflow			:	hidden;
	background			:	url('images/containers/container-1-top-first.jpg') no-repeat;
	}

.container-1-top-secondary{
	width				:	280px;
	height				:	38px;
	padding				:	22px 0 0 20px;
	display				:	block;
	overflow			:	hidden;
	background			:	url('images/containers/container-1-top-secondary.jpg') no-repeat;
	}

.container-1-center{
	width				:	260px;
	display				:	table;
	padding				:	20px 20px 10px 20px;
	background			:	url('images/containers/container-1-center.jpg') repeat-y;
	}

.container-1-bottom{
	width				:	300px;
	height				:	10px;
	margin				:	0 0 40px 0;
	display				:	block;
	background			:	url('images/containers/container-1-bottom.jpg') no-repeat;
	}


.container-2-top-first{
	width				:	620px;
	height				:	38px;
	padding				:	22px 0 0 20px;
	display				:	block;
	overflow			:	hidden;
	background			:	url('images/containers/container-2-top-first.jpg') no-repeat;
	}

.container-2-top-secondary{ /* NOT IN USE */
	width				:	620px;
	height				:	38px;
	padding				:	22px 0 0 20px;
	display				:	block;
	overflow			:	hidden;
	background			:	url('images/containers/container-2-top-secondary.jpg') no-repeat;
	}

.container-2-center{
	width				:	600px;
	display				:	table;
	padding				:	20px 20px 0 20px;
	background			:	url('images/containers/container-2-center.jpg') repeat-y;
	}

.container-2-bottom{
	width				:	640px;
	height				:	10px;
	margin				:	0 0 40px 0;
	display				:	block;
	background			:	url('images/containers/container-2-bottom.jpg') no-repeat;
	}

.container-3-top-first{
	width				:	960px;
	height				:	44px;
	padding				:	16px 0 0 20px;
	display				:	block;
	overflow			:	hidden;
	background			:	url('images/containers/container-3-top-first.jpg') no-repeat;
	}

.container-3-top-secondary{ /* NOT IN USE */
	width				:	960px;
	height				:	38px;
	padding				:	22px 0 0 20px;
	display				:	block;
	overflow			:	hidden;
	background			:	url('images/containers/container-3-top-secondary.jpg') no-repeat;
	}

.container-3-center{
	width				:	980px;
	display				:	table;
	padding				:	20px 0 0 0;
	background			:	url('images/containers/container-3-center.jpg') repeat-y;
	}

.container-3-bottom{
	width				:	980px;
	height				:	10px;
	margin				:	0 0 40px 0;
	display				:	block;
	background			:	url('images/containers/container-3-bottom.jpg') no-repeat;
	}

/* Buttons */

.button1{
	width				:	240px;
	height				:	20px;
	padding				:	10px;
	display				:	block;
	overflow			:	hidden;
	text-align			:	center;
	background			:	url('images/button1.jpg') no-repeat;
	}

.button2{
	width				:	580px;
	height				:	20px;
	padding				:	10px;
	display				:	block;
	overflow			:	hidden;
	text-align			:	center;
	background			:	url('images/button2.jpg') no-repeat;
	}

.blog-excerpt{
	width				:	600px;
	height				:	135px;
	margin				:	0 0 20px 0;
	padding				:	20px 0 0 0;
	background			:	url('images/blog-excerpt.jpg') no-repeat;
	}

.excerpt-title{
	width				:	470px;
	display				:	table;
	margin				:	0 0 10px 0;
	font-size			:	16px;
	}

.excerpt-content{
	width				:	470px;
	display				:	table;
	text-align			:	justify;
	line-height			:	1.4em;
	}

.thumb{
	width				:	80px;
	height				:	80px;
	display				:	table;
	margin				:	0 10px 20px 20px;
	float				:	left;
	background			:	#ccc;
	}

.postmeta{
	padding				:	20px 0 0 20px;
	}

.postmetadata{
	width				:	500px;
	padding				:	8px 0 0 0;
	display				:	block;
	float				:	left;
	clear				:	left;
	}

.comment-count{
	width				:	50px;
	height				:	30px;
	padding				:	6px 0 0 0;
	display				:	block;
	float				:	right;
	text-align			:	center;
	margin				:	0 6px 0 0;
	background			:	url('images/comment-count.png') no-repeat;
	}

.follow-left{
	width				:	125px;
	height				:	60px;
	margin				:	0 10px 10px 0;
	float				:	left;
	}

.follow-right{
	width				:	125px;
	height				:	60px;
	margin				:	0 0 10px 0;
	float				:	right;
	}

.entry{
	border				:	1px solid #CCC;
	padding				:	20px;
	margin				:	0 0 10px 0;
	}

#page-meta{
	width				:	980px;
	height				:	40px;
	display				:	block;
	background			:	url('images/page-meta.jpg') no-repeat;
	}

.about-title{
	width				:	952px;
	height				:	32px;
	display				:	block;
	margin				:	0 1px 20px 0;
	padding				:	8px 0 0 8px;
	overflow			:	hidden;
	float				:	right;
	background			:	url('images/about-title.jpg') no-repeat;
	font-size			:	20px;
	}

.post-content{
	width				:	740px;
	display				:	block;
	overflow			:	hidden;
	float				:	left;
	margin				:	0 20px 0 20px;
	text-align			:	justify;
	}

.post-navigation{
	width				:	190px;
	display				:	block;
	margin				:	0 1px 0 0;
	overflow			:	hidden;
	float				:	right;
	}

.post-navigation li{
	margin				:	0 0 10px 0;
	}

.post-navigation li a{
	width				:	180px;
	height				:	28px;
	display				:	block;
	padding				:	12px 0 0 10px;
	color				:	#222;
	font-weight			:	bold;
	background			:	url('images/post-navigation-hover.jpg') no-repeat;
	}

.post-navigation li a:hover{
	width				:	180px;
	height				:	28px;
	display				:	block;
	padding				:	12px 0 0 10px;
	color				:	#666;
	background			:	url('images/post-navigation-a.jpg') no-repeat;
	}