@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}

span { color: #F96401; }
a { text-decoration: none; }
P { line-height: 20px;}

body {
	background: #303030 url(../images/bg.jpg) repeat-x;
	}
#wrapper {
	width: 100%;
	margin-top: 20px;
	background: transparent url(../images/shadow.png) -40px 0 repeat-x;  
	float: left;
	}
#cont {
	width: 997px;
	margin: 0 auto;
	}
#top {
	width: 997px;
	height: 180px;
	}
	#top h1 {
		float: left;
		width: 358px;
		height: 115px;
		margin: 25px 0 0 0;
	}
	/*** MENU ***/
	
	#top #menu {
		float: right;
		width: 300px;
		margin: 40px 0 0 0;
	}
		#top #menu ul { float: right; list-style: none; background: transparent url(../images/bg_menu.jpg) 0 0 no-repeat; width: 356px; height: 35px; padding-top: 4px;  }
			#top #menu ul li { float: left; position: relative; text-transform: uppercase;}
				#top #menu li a  { 
					font-size: 15px; 
					position: relative;
					font-family: Tahoma, Helvetica, sans-serif;
					float: left; 
					height: 24px;
					padding: 10px 0 3px 0;
					background: transparent url(../images/bg_li.jpg) right bottom no-repeat;  
				}
				#top #menu li a:hover, #top #menu li a.hover  { 
					background: transparent url(../images/menu_over.jpg) left center no-repeat !important;
					margin-top: 0px;
					}
				#top #menu li#home a { padding: 1px 20px 0 20px; margin-left: 3px; }
				#top #menu li#profile a { padding: 1px 18px 0 10px; }
				#top #menu li#work a { padding: 1px 20px 0 20px; }
				#top #menu li#contact a { padding: 1px 10px 0 10px; margin-right: 3px; background: none; }				

			#top #menu li ul.submenu { 
				position: absolute; 
				background: transparent url(../images/bg_menu_drop.jpg) top left no-repeat; 
				width: 150px; 
				height: 83px;
				left: 0;
				top: 23px;
				visibility: hidden;
				}	
				#top #menu li ul.submenu li a { 
					font-family: Arial Narrow;
					font-size: 13px;  
					background: none;
					padding: 10px 0 3px 0 ;
					margin-left: -3px;
					}	
					#top #menu li ul.submenu li a:hover { background: none !important; font-weight: bold; }
	

/******* MIDDLE ********/
#middle {
	width: 997px;	
	float: left;
	background: transparent url(../images/bg_left.png) top left no-repeat;
	position: relative;
	}
	/*** CONTEND LET ***/
	#contleft {
		background-color: #202020;
		float: left;
		width: 642px;
		margin-left: 10px;
		display: inline;
		}
		#contleftbg {
			width: 680px;
			height: 45px;
			float: left;
			margin-left: -8px;
			background: transparent url(../images/bg_container.png) top left no-repeat;
		}
	/*** CONTEND RIGHT ***/
	#contright {
		float: right;
		width: 334px;
		}
		.module {
			margin: 0 0 25px 10px;
			padding-bottom: 25px;
			background: transparent url(../images/bg_module.gif) bottom left repeat-x;
			}
			.module h2 {
				text-indent: -4000em;
				height: 32px;
			}			
			.module h2.brand { background: transparent url(../images/h2_brandNew.png) top left no-repeat;}
			.module h2.about { background: transparent url(../images/h2_about.png) top left no-repeat;}
			.module h2.make { background: transparent url(../images/h2_make.png) top left no-repeat;}
			.module h2.respect { background: transparent url(../images/h2_respect.png) top left no-repeat;}
			
			/*** INTERNAL MODULE ***/
			.int {
				margin-top: 20px; 
				margin-right: 10px;
				}
			  .int fieldset { width: 600px !important; }
			  .int input.text, .int textarea { width: 580px !important; }
			  
			.int2 {
				float: left;
				width: 300px;
			}
			  .int2 img { margin-bottom: -111px; }
			  .int2 ul img { margin-bottom: 0; }
			  .int2 ul { margin: 5px 0 0 3px !important; }
			  .int2 ul.ocupation li { width: 180px !important; }
			  .int2 ul.rating li { padding: 2px 0 1px 0 !important; }
			
			.profile { margin: 10px 0; }
			
			/*** FORM LEFT ****/
			.module form { margin-top: 20px; }
			.module fieldset { width: 280px; background-color: #292929; padding: 8px 5px 20px 15px;	}
			.module label { display: block; padding: 3px 0 0 0; color:#CCCCCC; }
			.module input.text, .module textarea {width: 263px; color:#CCCCCC;  background-color:#333333; padding:3px; margin:1px 0; border:1px solid #404040;}
			.module input.submit { background: transparent url(../images/send.jpg) top left no-repeat; width: 77px; height: 27px; cursor: pointer; margin-top: 5px; }
			
			/*** RESPECT ****/
			.module ul {
				list-style: none;
				float: left;
				margin: 5px 10px 0 0;
				}
				.module ul.name li {
					text-align: right;
					width: 100px;
					padding: 5px 0;
				}
				.module ul.ocupation li {
					text-align: left;
					width: 100px;
					padding: 5px 0;
					color: #666666;
				}				

		


/******* FOOTER *******/
#footer{
	width: 100%;
	float: left;
	height: 500px;
	margin-top: -180px;
	background: transparent url(../images/bg_bottom.jpg) top left repeat-x;
	}
	#contFooter {
		margin: 0 auto;
		padding: 200px 0;
		margin-bottom: 0;
		margin-bottom: -150px !important;
		width: 997px;
		}
	#contFooter .ftModule {
		width: 300px;
		padding-left: 20px;
		height: 200px;
		float: left;
		margin: 26px 5px 0 5px;
		background: transparent url(../images/bg_ftModule.gif) top right repeat-y;
		position: relative;
	}
		#contFooter .ftModule h2 { text-indent: -5000em; height: 32px;}
		#contFooter .ftModule h2.flickr { background: transparent url(../images/h2_flicrk.png) top left no-repeat;}
		#contFooter .ftModule h2.books { background: transparent url(../images/h2_books.png) top left no-repeat;}
		#contFooter .ftModule h2.music { background: transparent url(../images/h2_music.png) top left no-repeat;}				
		
		table.lfmWidgetchart_64537060b693ddd503fc23f57b9bc8d0 tr.lfmHead a:hover { background:url(http://cdn.last.fm/widgets/images/en/header/chart/topartists_regular_black.png) no-repeat 0 0;}
		table.lfmWidgetchart_64537060b693ddd503fc23f57b9bc8d0 tr.lfmEmbed object {float:left;}
		table.lfmWidgetchart_64537060b693ddd503fc23f57b9bc8d0 tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat 0px 0 !important;}
		table.lfmWidgetchart_64537060b693ddd503fc23f57b9bc8d0 tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat -85px 0 !important;}
		table.lfmWidgetchart_64537060b693ddd503fc23f57b9bc8d0 tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat -159px 0 ;}


/*** AMAZON ***/

img.wish{margin:10px 2px 2px 2px; border: 1px solid black;}

/*** FLICKR ***/
/*            As imagens são arrumadas em divs chamadas "flickr_badge_image"  nomeados com a ID "flickr_badge_imageX",  no qual "X" é um número inteiro que especifica uma posição determinada. Abaixo há alguns estilos pra começar!
*/
#flickr_badge_uber_wrapper {text-align:center; width:300px; }
#flickr_badge_wrapper {padding:10px 0 10px 0; }
.flickr_badge_image {margin:0 10px 10px 10px; float: left; display: inline;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/*** TOOL TIP ****/

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: white;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}



/*** WORK ***/

.work {
	width: 612px;
	margin: 15px 0 0 15px;
	}
	.work p {margin-top: -18px; }
	.work p span {font-size: 15px; margin-right: 10px; font-family: Arial Narrow;}