/*Cafund— Estœdio Criativo est‡ile*/

/* STICKY FOOTER*/
* {
margin: 0;
}
html, body {
height: 100%;
}
.content {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}



body {
	background: url(../imgs/bg-body.jpg);
	text-align: center;
}

#element-left, #element-right {
	width: 382px;
	height: 133px;
	position: absolute;
}

#element-left {
	top: 0px;
	left: 0px;
	background: url(../imgs/elements.png) no-repeat 0 0;
}

#element-right {
	top: 0px;
	right: 0px;
	background: url(../imgs/elements.png) no-repeat 0 -133px;
}

#provisorio {
	height: 14px;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 10px;
	background: #4C2145;
}

#provisorio p {
	font: .8em Georgia, Arial, sans-serif;
	color: #E1CFA7;
	text-shadow: 0.1em 0.1em 0.2em black
}

#provisorio p span {
	text-decoration: line-through;
}

#top {
	width: 100%;
	height: 488px;
	background: url(../imgs/bg-top.jpg) repeat-x top;
	padding-top: 15px;
}

#cafundo {
	width: 900px;
	height: 419px;
	margin: 0 auto;
	background: url(../imgs/cafundo.png) no-repeat 0 0;
}

#content {
	width: 900px;
	height: 100%;
	margin: 0 auto;
	padding-left: 50px;
	padding-bottom: 50px;
	position: relative;
}

ul#social {
	width: 30px;
	height: 200px;
	position: absolute;
	right: 0px;
	top: 20px;
}

ul#social li a {
	display: block;
	width: 30px;
	height: 28px;
	margin-bottom: 5px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../imgs/social.png) no-repeat 0 0;
}

ul#social li.flickr a:hover {
	background-position: -30px 0;
}

ul#social li.twitter a {
	background-position: 0 -30px;
}

ul#social li.twitter a:hover {
	background-position: -30px -30px;
}

ul#social li.vimeo a {
	background-position: 0 -60px;
}

ul#social li.vimeo a:hover {
	background-position: -30px -60px;
}

ul#social li.behance a {
	background-position: 0 -120px;
}

ul#social li.behance a:hover {
	background-position: -30px -120px;
}

#feature {
	width: 390px;
	height: 263px;
}

#feature img {
	margin-bottom: 3px;
}

.work {
	width: 180px;
	height: 165px;
	float: left;
	margin: 20px 30px 0 0;
	text-align: left;
}

.work h1 {
	font: 1.1em Georgia, Arial, sans-serif;
	color: #fb8a52;
	text-shadow: 0.1em 0.1em 0.2em black
}

.work h3 {
	font: .9em Tahoma, Arial, sans-serif;
	color: #e1cfa7;
	text-shadow: 0.1em 0.1em 0.2em black
}

#footer {
	background: #292828;
	clear: both;
	padding: 5px;
}

#footer p, #footer a {
	color: #c4584e;
	font: .7em Tahoma, Arial, sans-serif;
}

#footer a {
	font-size: 1em;
	color: #E1CFA7;
}

#footer p span {
	margin-right: 30px;
}

#separador {
	width: 100%;
	height: 20px;
	clear: both;
}

#blog a{
	display: block;
	width: 96px;
	height: 96px;
	background: url(../imgs/blog.png) no-repeat 0 0;
	position: absolute;
	text-indent: -5000px;
	overflow: hidden;
	top:-85px;
	left: 0;
}

#blog a:hover {
	background-position: 0 -96px;
}