/*
Theme Name: sebtheplayer
Theme URI: http://www.sebtheplayer.com/
Description: One trip into 4th world beatz and global grooves
Version: 2.0
Author: Fabien Broquet
Author URL: http://www.imagineltd.net
Tags: fixed width, two columns, widgets, fully updatable
   
	style.css
   	sebtheplayer
   
   	Created by Fabien Broquet on 2009-02-06.
   	Copyright 2009 __Imag!ne Ltd__. All rights reserved.

	Color variations
	
	Orange: #FF7800
	Grey body: #999999
	White body:#FFFFFF
	Grey Background: #2B2B2B
	Light Grey Background: #4848
	
*/

@charset "UTF-8";

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img, abbr { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none; /* Gets rid of Firefox's dotted borders */ text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */

/* 
	Background-Styles 
*/

body, p, li, dt, dd, blockquote, cite { font-family: 'Comic Sans Ms', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
										font-size: 62.5%; }

body 								{ margin:0px; padding:0px; background-color: #2B2B2B; color:#999999; }

#main 								{ padding-bottom:20px; }
#footer 							{ padding-top: 20px; position: relative; width: 960px;  }
.container 							{ width:960px; margin:0 auto; position:relative; }
.main_content 						{ width: 665px;float: left; color: #F1F7F9; padding-right: 10px; min-height: 1300px; }
.centered_content 					{ width: 960px; color: #F1F7F9; padding-right: 10px; }
.galaxie 							{ width: 400px; float: left; padding: 30px;}
.transparent_background 			{ position: relative; background: url(images/bg_white_40.png) repeat; overflow: hidden;
	  					      		  -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 10px 0; 
									  padding: 20px 20px 20px 20px; color: #404040; }
.transparent_background2			{ position: relative; background: url(images/bg_darkgrey_40.png) repeat; overflow: hidden;
									  -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 10px 0; 
									  padding: 20px 20px 20px 20px; color: #F1F7F9; }
.ribbon 							{ position:absolute; top:-3px; right:-3px; }
.button								{ border: none; background-color: #484848; padding: 3px 8px;-moz-border-radius: 5px; 
									  -webkit-border-radius: 5px; color: #FF7800; }
.button:hover 						{ background: #606E7A; color: #F1F7F9; cursor: pointer}
#credits, #cloud					{ text-align: center; color: #F1F7F9; }
#top								{ position: absolute; bottom: -60px; right: 0px; }
#welcome h1, #welcome p 			{ margin:0px; display:block; text-indent:-9999px; }
#welcome 							{ background-image:url(images/sebtheplayerFannyVidal.jpg); background-repeat:no-repeat; width:920px;
									  height:744px; margin: auto; }
#welcome_button						{ position: absolute; margin-top: -420px; margin-left: 300px; }								  
#sidebar_main						{ width: 200px;float: left; color: #F1F7F9; padding-left: 10px; }
#ghetto_blaster						{ width: 620px; float: left; background-color: #484848; padding: 15px; }
.ghetto_blaster_text				{ width: 360px; float: left; }
.ghetto_blaster_img					{ width: 150px; float: right; }
#nightclubbing						{ background-image:url(images/nightclubbing_text.png); background-repeat:no-repeat; width:895px;
									  height:1383px; display: block; text-indent: -9999px; border-bottom: none; 
									  padding-bottom: 90px; }
#nightclubbing_photo_right			{ position: absolute; margin-top: -1470px; margin-left: 380px;}	
#nightclubbing_photo_left			{ position: absolute; margin-top: -1330px; margin-left: -10px;}	
#nightclubbing_photo_bottom			{ position: absolute; margin-top: -170px; margin-left: 740px;}	
#nightclubbing_anim_right			{ position: absolute; margin-top: -1470px; margin-left: 780px;}	
#nightclubbing_anim_bottom			{ position: absolute; margin-top: -170px; margin-left: -10px;}	
#postit								{ position: absolute; margin-top: 10px; margin-left: 690px;}
#ilsontdanses						{ position: absolute; margin-top: -1150px; margin-left: 790px; width: 200px; }
					  
/* 
	Header-Styles 
*/
 
#nav 								{ padding-top:20px; padding-bottom:60px; 
									  font-family: 'Courier sans MS', Helvetica, Verdana, Arial, sans-serif; font-size: 8pt; 
									  text-align:center; color:#F1F7F9; font-weight:700; text-decoration:none; margin-left: auto; 
									  margin-right: auto; padding-left: 0; text-transform: uppercase; }
#nav a 								{ text-decoration:none; color:#F1F7F9; text-transform: uppercase;
									  font-family: 'Courier sans MS', Helvetica, Verdana, Arial, sans-serif;
									  font-size:12px; font-weight:bold; }
#logo h1, #logo small				{ margin:0px; display:block; text-indent:-9999px; }
#logo								{ width:210px; height:131px; }
#logo a								{ background-image:url(images/logo.png); background-repeat:no-repeat; width:455px;
									  height:179px; display: block; text-indent: -9999px; border-bottom: none;}
#search								{ position: absolute; margin-top: -110px; margin-left: 740px;}
#rss								{ position: absolute; margin-top: -120px; margin-left: 900px;}
#rss a								{ border-bottom: none;}
#presentation 						{ background-image:url(images/logo_2.png); background-repeat:no-repeat; width:736px;
									  height:28px; margin-top: -60px; margin-left: 210px; padding-bottom: 10px;}
#presentation h3					{ margin: 0px; display: block; text-indent:-9999px; }									

/*
	Sidebar-Styles
*/

}
.sidebar 							{ float:left; width: 200px: }
.sidebar h3 						{ font-size:20px; line-height:23px; }
.sidebar ul 						{ margin:10px 0px 30px 0px; padding:0px; }
.sidebar li 						{ margin:0px 0px 5px 0px; padding:5px; font-size: 1.2em;}
.sidebar dt, .sidebar dd			{ font-size: 1.2em;}
.sidebar p							{ font-size: 1.1em;}

/*
	Blog Entries 
*/

.post								{ margin: 0 0 45px 0; }
.datebox							{ width: 45px; float: left; padding: 0 5px 5px 5px; background: #FF7800; color: #ffffff; 
									  text-align: center; margin: 0 10px 0 0; -moz-border-radius: 5px; 
									  -webkit-border-radius: 5px; }
.day								{ font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; color: #ffffff; }
.month								{ font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; color: #ffffff; }
.year								{ font-size: 1.6em; font-weight: bold; margin: 0; color: #ffffff; }
ol.commentlist li p					{ font-size: 1.0em; }
.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }
.alt								{ text-align: right;}
cite								{ font-size: 1.2em; color: #ffffff; text-transform: uppercase; line-height: 2em; }
.commentlist						{ position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	 								  margin: 0 0 10px 0; padding: 20px 20px 20px 20px; color: #404040; }
.comment li							{ background-image: url(images/bg_white_30.png) repeat;}

/* 
	Typography
*/

p, li 								{ font-size: 1.4em; line-height: 1.4em; margin: 0 0 10px 0; color: #999999; }
h2									{ font-size: 2.5em; font-family: 'Comic Sans Ms', Helvetica, Arial, Sans-serif; 
									  color: #FF7800; padding-top: 20px; padding-bottom: 10px; }
h2 a								{ color: #FF7800; }
h3 									{ margin:5px 0px 5px 0px; font-size:1.6em; line-height:19px; 
								      font-family: 'Arial Rounded MT Bold', 'Lucida Grande', Helvetica, Arial, Sans-serif; }
h4									{ font-size: 2.0em; font-family: 'Comic Sans Ms', Helvetica, Arial, Sans-serif; 
									  color: #FF7800; padding-top: 10px; padding-bottom: 5px; }							      
h5									{ color:#007de2; margin:0px 0px 0px 0px; }
small 								{ color:#595856; font-weight:bold; font-size:11px; display:block; margin-bottom:15px; }
a 									{ color:#FF7800; text-decoration: none; }
a:hover 							{ border-bottom:1px solid #FF7800; padding:0 0 1px 0 }
p 									{ margin: 0px 0px 15px 0px; }
a.button 							{ background:#484848 url(images/button_bg.jpg) repeat-x; padding:5px 10px 5px 10px;
									  color: #ffffff; text-decoration: none; border:1px solid #32312f; text-transform:uppercase;
									  font-size:9px; line-height:25px; }
a.button:hover 						{ background:#FF7800 url(images/button_bg_o.jpg) repeat-x; border-color:#007de2; }
.dropcap							{ font-size: 2.4em; font-weight: bold; }									
#credits a, #cloud a				{ color: #F1F7F9; text-decoration: none;}
#footer a, #top a					{ border-bottom: none;}	
.twit								{ font-size: 1.2em; font-style: italic; }	
.portfolio_title					{ font-style: italic; color: #DE701E; font-weight: bold; font-size: 1.1em; }
.orange								{ color: #FF7800; padding-top: 20px; }
.ghetto_intro						{ font-size: 1.7em; color: #FF7800; }
.ilsontdanses						{ font-size: 1.2em; }

/*
	Footer-Styles
*/

#footer 							{ font-family: Helvetica, Verdana, Arial, sans-serif; }
.footer_1 							{ float:left; margin-left:20px; width:380px; }
.footer_2 							{ float: left; width: 215px; height:100px; margin-left:40px; }
#footer h4 							{ font-family: 'Arial Rounded MT Bold', Helvetica, 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
									  font-weight: bold; color: #021D51; font-size: 20px; padding-bottom: 20px; }
.vr									{ float: left;}

/*
	Images Styles 
*/

img.alignright 						{ float:right; margin:0 0 1em 1em; }
img.alignleft 						{ float:left; margin:0 1em 1em 0}
img.aligncenter 					{ display: block; margin-left: auto; margin-right: auto; }
a img.alignright 					{ float:right; margin:0 0 1em 1em; }
a img.alignleft 					{ float:left; margin:0 1em 1em 0; border: 5px solid #606E7A;  }
a img.aligncenter 					{ display: block; margin-left: auto; margin-right: auto; }
img.iportfolio						{ display: block; margin-left: auto; margin-right: auto; 
								   	  border: 5px solid #606E7A;  }

/* 
	fancy menu 
*/

#fancymenu 							{ position: absolute; right: 0px; height: 29px !important; height: 30px; padding: 10px;
									  padding-left: 0; margin-left: auto; margin-right: auto; overflow: hidden; }
#fancymenu ul 						{ padding: 0 -20px; margin: 0; }
#fancymenu ul li 					{ float: left; list-style: none; margin-top: -7px !important; margin-top: 0px; 
								      text-align: center;vertical-align: middle; }

#fancymenu ul li a 					{ z-index: 10; display: block; float: left; height: 20px !important; height: 29px;
 									  position: relative; overflow: hidden; border-bottom: none; vertical-align: middle; }
#menuItem 							{ padding: 0 7px; }
#menuItem a 						{ padding-top:0px !important; padding-top: 5px; }
#fancymenu li.background 			{ background: url(images/bg_menu_right.png) no-repeat top right;
									  z-index: 8; height: 25px !important; height: 29px; position: absolute;
 									  visibility: hidden; margin-top:-10px !important; margin-top: 0; }
#fancymenu .background .left 		{ background: url(images/bg_menu.png) no-repeat top left; 
									  height: 25px !important; height: 29px; margin-right: 7px; margin-top: 0px; }
.factboxes 							{ float: right; margin-top: 50px; padding-right: 10px; width: 140px; }
.factbox 							{ background-color: #ffffff; padding: 3px 3px;margin: none; }
.factbox p 							{ text-align: left; }
.totop 								{ text-align:center; }
.page_item							{ padding: 0 7px; }
.page_item a 						{ padding-top:0px !important; padding-top: 5px; }
.current_page_item					{ padding: 0 7px; background-color: #FF7800; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.current_page_item a				{ padding-top:0px !important; padding-top: 5px; }
.current_page_parent				{ padding: 0 7px; background-color: #FF7800; -moz-border-radius: 5px; -webkit-border-radius: 5px;}