/*   
Theme Name: Bauhaus
Theme URI: http://seufelipe.com.br/
Description: O tema padrão pros blogs da rede Interbarney
Author: Seu Felipe
Author URI: http://seufelipe.com.br/
Version: 0.1
*/

* { margin: 0; padding: 0; }

@font-face {
    font-family: 'Blackout2AM';
    src: url('fonts/Blackout-2am.eot');
    src: local('Blackout 2 AM'), 
         local('Blackout-2AM'), 
         url('fonts/Blackout-2am.ttf') format('truetype'),
         url('fonts/Blackout-2am.svg#Blackout-2AM') format('svg'); 
}

@font-face {
    font-family: 'BlackoutMidnight';
    src: url('fonts/Blackout-Midnight.eot');
    src: local('Blackout Midnight'),
         local('Blackout-Midnight'), 
         url('fonts/Blackout-Midnight.ttf') format('truetype'),
         url('fonts/Blackout-Midnight.svg#Blackout-2AM') format('svg'); 
}

html {  }

a { text-decoration: none; }

body { background: #fff; color: #474242; }

#wrapper { overflow: hidden; position: relative; width: 960px; }

#branding { border-left: 10px solid #68685A; height: 320px; line-height: 320px; position: relative; }

#site-title { float: left; font-family: 'Blackout2AM', Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 72px; position: relative; }
	#site-title a { color: #68685A; }
	#site-title a span { color: #755A5A; font-family: Georgia, Times, Times New Roman, serif; font-size: 36px; font-style: italic; display: none; position: absolute; top: -60px; right: -80px; text-transform: lowercase; }
	#site-title a:hover span { display: block; }

#tagline { color: #8E8E7B; float: right; font-family: Georgia, Times, Times New Roman, serif; font-size: 24px; font-style: italic; text-transform: lowercase; }

#works { border-left: 10px solid #111; clear: both; overflow: hidden; width: 960px; }

.post { background: #fff url(images/stripes.png); float: left; height: 320px; overflow: hidden; position: relative; width: 320px; }

.post .cover { background: #EFD200; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 100%; position: absolute; top: 0; left: 0; width: 100%; }

.post.p1 .cover { background: #FFE319; top: 198px; }

.post.p2 {  }

.post.p2 .cover, .post.p6 .cover { background: #D5BB00; }

.post.p4 .cover { background: #FCDD00; }

.post.p5 .cover { background: #FFE319; }

.post h2 { color: #1F1F1F; font-family: 'BlackoutMidnight', sans-serif; font-size: 36px; font-weight: bold; line-height: 1; }
	.post h2 a { color: #111; display: block; padding: 10px; text-decoration: none; }
	.post h2 a:hover { color: #68685A; }
	
	.post .meta { color: #8E8E7B; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 11px; margin: 0 10px; }
	.post .meta a { border-bottom: 1px dotted #ccc; color: #8E8E7B; }
	.post .meta a:hover { border-bottom: 1px dotted #8E8E7B; color: #68685A; }
	
	.post .partner { font-style: italic; text-transform: lowercase; }

.post#interbarney .cover { background: #00B8F5; }
.post#renata-salles .cover { background: #C80077; }
.post#simone-maurina .cover { background: #EDC7D9; }
.post#oceleiro .cover { background: #c4bdae; }
.post#ethymos .cover { background: #75A8C7; }
.post#soylocoporti .cover { background: #DE1010; }
.post#mario-zaccaro .cover { background: #666; }
.post#a-grande-abobora .cover { background: #D46816; }
.post#rondonia-digital .cover { background: #F5AD00; }
.post#fibra .cover { background: #00aeef; }
.post#cerveja-de-mulher .cover { background: #d35e4f; }
.post#carol-quintanilha .cover { background: #daded2; }
.post#banda-gentileza .cover { background: #fff; }
.post#ecoblogs .cover { background: #64991f; }

.post#palestras { background: #474242; border: 8px solid #1F1F1F; display: none; height: 266px; margin: 12px 0 12px 12px; width: 278px; }
.post#palestras h3 { background: url(images/palestras.png) left top no-repeat; float: left; height: 40px; overflow: hidden; position: relative; text-indent: -5000px; width: 220px; }

#footer { border-left: 10px solid #B5B59C; overflow: hidden; }

.block { float: left; }

.block h3 { font-family: 'Blackout2AM', Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 40px; }

#contact { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 11px; width: 320px; }
#contact h3 { color: #B5B59C; margin: 30px 0 20px 0; }
#contact ul { margin: 0 auto; text-transform: lowercase; width: 280px; }
#contact ul li { color: #8E8E7B; float: left; line-height: 36px; list-style: none; margin: 0 5px 10px 5px; text-align: center; width: 130px; }

#contact a { background: rgba(168,168,144,0.3); color: #8E8E7B; display: block; text-decoration: none; line-height: 36px; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

#contact a:hover { background: rgba(168,168,144,1.0); border-color: rgba(168,168,144,1.0); -moz-transform: scale(1.1); -webkit-transform: scale(1.0); -moz-box-shadow: 0 0 5px #686859; -webkit-box-shadow: 0 0 5px #686859; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; }

#contact ul li.email { font-size: 18px; font-style: italic; width: 270px; }

#contact ul li.phone { clear: both; font-size: 18px; letter-spacing: 0.1em; width: 320px; }

#about { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 16px; line-height: 1.6; padding-top: 30px; width: 630px; }
	#about img { float: left; }
	#about p { color: #8E8E7B; }
	#about p:first-letter { font-weight: bold; }
	
#colophon { background: #F4F4D2; border-top: 1px solid #B5B59C; padding: 10px 10px 10px 20px; overflow: hidden; }
	#colophon p { color: #68685A; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 11px; }
	#colophon p span { letter-spacing: 0.3em; text-transform: uppercase; }
	#colophon a { border-bottom: 1px dotted #68685A; color: #68685A; font-style: italic; }
	#colophon a:hover { color: #333; }
	
	#colophon p#obg { color: #999; float: right; }
	
	
#not-found { background: #333; }
	#not-found #message { height: 32px; left: 50%; margin-left: -250px; position: absolute; text-align: center; top: 50%; margin-top: -16px; width: 500px; }
		#not-found #message h1 { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 18px; line-height: 32px; text-transform: lowercase; }
			#not-found #message h1 a { color: #fff; text-shadow: 1px 1px 2px #000; }
				#not-found #message h1 a:hover { color: yellow; }
				#not-found #message h1 a:active { position: relative; text-shadow: none; top: 1px; }