/* 
Title: Rafael Vannucci
Owner: Rafael Vannucci
Developer Agency: Beat Fly Lab
URL: http://www.beatfly.com

Created: July 09
Copyright: Rafael Vannucci

All rights reserved including rights of reproduction and use in any form or by any means, including the making of copies by any photo process or by any electronic or mechanical device (printed, written, or oral), or recording for sound or visual reproduction, or for use in any knowledge or retrieval system or device, unless permission in writing is obtained from the copyright proprietor.
*/

@import "design.css";
@import "form.css";
@import "thickbox.css";
@import "jquery.socialize.css";

/*general reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	vertical-align:baseline;}

/*focus styles*/
:focus{
	outline:0;}

ol, ul{
	list-style:none;}

blockquote:before, blockquote:after,
q:before, q:after{
	content: "";}

blockquote, q{
	quotes: "" "";}
	
br.fix{clear:both; height:1px;}

/* CLEAR FIX*/
.clearfix:after{content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img{border:0; border:none;}

hr{display:none;}

body{
	cursor:default;
	font:70.75%/1.4 Helvetica, Arial, sans-serif;
	text-align:center;
	background:#000 url(../../splash_library/bg.jpg) no-repeat center top;
	color:#F5F5F5;}
		
html, body, #page {height:100%;}

body > #page {height: auto; min-height:100%;}
		
#container{
	text-align:left;
	width:1000px;
	margin:0 auto;
	padding-bottom:200px;/* must be same height as the footer */
	clear:both;}
	
#header{
	width:1000px;
	height:160px;
	clear:both;}
	
#logo{
	width:450px;
	height:160px;
	display:block;
	float:left;}
	
	#logo h1{
		width:450px;
		line-height:130px;
		text-indent:-9000px;}
		
		#logo h1 a {
			display:block;
			width:450px;}
								
#menu{
	width:150px;
	text-align:right;
	float:right;}

	#menu ul{
		margin:4px 5px 0 0;
		text-align:right;
		display:block;}
	
	#menu li{}
	
	#menu li a{
		outline:none;
	  	border:none;
		text-decoration:none;
		cursor:pointer;
	    white-space:nowrap;
	    vertical-align:middle; /* or top */
		display: -moz-inline-box;
		display:inline-block;
		overflow:visible; /* IE6 form button fix */
		margin:0 5px 4px 0;
		padding:4px 8px;
		color:#b8b8b8;}
		
	#menu li a:hover{
		color:##FFF100 !important;
		text-decoration:underline;
		background-color:#2A78A9;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;}
		
		#menu li a.current{
			color:#FFF100 !important;
			text-decoration:none;
			background-color:#2A78A9;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;}
				
#left{
	width:680px;
	float:left;
	display:inline-block;}
	
	#left .pad{
		padding:10px 5px;}
	
#center{
	width:100%;
	float:left;
	display:inline-block;}
	
	#center .pad{
		padding:10px 5px;}
	
#right{
	width:310px;
	float:right;
	display:block;}
	
	#right .pad{
		padding:10px 0 0 0;}
		
.padding{
	padding:5px;}
	
.alignleft{float:left; margin-left:20px;}
.alignright{float:right; margin-right:20px;}
	
/*footer*/
#footer{
	width:100%;
	height:200px;
	position:relative;
	margin-top:-200px; /* negative value of footer height */
	clear:both;
	background:#000 url(../../splash_library/footer.jpg) no-repeat center top;}
	
	#footer a:link, #footer a:visited{
		text-decoration:none;
		color:#2A78A9;}
		
		#footer a:hover{
			color:#FFF100 !important;
			text-decoration:underline;}
	
#subfooter{
	text-align:center;
	width:1000px;
	margin:20px auto 10px auto;
	clear:both;}
	
/*flickr*/	
#flickr{
	display:block;
	padding-top:15px;}
	
	#flickr img {
		width:75px;
		height:75px;
		background-color:#181818;
		border:1px solid #666;
		margin:2px 30px 2px 0;
		padding:4px;}
		
		#flickr_badge_uber_wrapper {}
		#flickr_badge_wrapper {}
		.flickr_badge_image {}
		#flickr_badge_source {}
		#flickr_badge_icon {float:left;}
		#flickr_www {display:block; padding:0 10px 0 0 !important;}
		#flickr_badge_wrapper {}
		#flickr_badge_source {padding:0 !important;}
				
#subfootercredits{
	width:1000px;
	color:#666;
	margin:0 auto;
	clear:both;}

		


