/*
BenJebara.com Css Style
Date: 02/11/2008
Blog: http://blog.benjebara.com/
Twitter: http://twitter.com/benjebara
*/


body {
    background-color: #010204;
}

#container {
	height: 600px;
	width: 800px;
	background-color: #010204;
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
    margin: 0 auto;
}

#bienvenue {
	background-image: url(images/bienvenue.png);
	background-repeat: no-repeat;
	height: 74px;
	width: 210px;
	margin-top: 108px;
	margin-right: 110px;
	float: right;
}

#benjebara {
	background-image: url(images/benjebara.com.png);
	background-repeat: no-repeat;
	float: left;
	height: 93px;
	width: 581px;
	margin-top: 24px;
	margin-left: 112px;
}

#first {
	width: 400px;
	margin-top: 24px;
	margin-left: 216px;
}
#first a.blog {
	width: 106px;
	height: 43px;
	background: url(images/benjebara_blog.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#first a.blog:hover {
	background: url(images/benjebara_blog_hover.png) no-repeat top left;
}
#first a.twitter {
	width: 150px;
	height: 43px;
	background: url(images/benjebara_twitter.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#first a.twitter:hover {
	background: url(images/benjebara_twitter_hover.png) no-repeat top left;
}
#first a.contact {
	width: 114px;
	height: 43px;
	background: url(images/contact_benjebara.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#first a.contact:hover {
	background: url(images/contact_benjebara_hover.png) no-repeat top left;
}

.clear {
	clear: both;
}

#social {
	width: 300px;
	margin-top: 8px;
	margin-left: 254px;
}

#social a.pownce {
	width: 68px;
	height: 30px;
	background: url(images/benjebara_pownce.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#social a.pownce:hover {
	background: url(images/benjebara_pownce_hover.png) no-repeat top left;
}
#social a.plurk {
	width: 47px;
	height: 30px;
	background: url(images/benjebara_plurk.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#social a.plurk:hover {
	background: url(images/benjebara_plurk_hover.png) no-repeat top left;
}
#social a.facebook {
	width: 73px;
	height: 30px;
	background: url(images/benjebara_facebook.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#social a.facebook:hover {
	background: url(images/benjebara_facebook_hover.png) no-repeat top left;
}
#social a.technorati {
	width: 65px;
	height: 30px;
	background: url(images/benjebara_technoratti.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#social a.technorati:hover {
	background: url(images/benjebara_technoratti_hover.png) no-repeat top left;
}
#social a.flickr {
	width: 40px;
	height: 30px;
	background: url(images/benjebara_flickr.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#social a.flickr:hover {
	background: url(images/benjebara_flickr_hover.png) no-repeat top left;
}
#link {
	width: 96px;
	margin-top: 8px;
	margin-left: 352px;
}
#link a.rss {
	width: 31px;
	height: 22px;
	background: url(images/benjebara_rss.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#link a.rss:hover {
	background: url(images/benjebara_rss_hover.png) no-repeat top left;
}
#link a.send {
	width: 65px;
	height: 22px;
	background: url(images/benjebara_sharingfiles.png) no-repeat top left;
	float: left;
	text-indent: -9999em;
	text-align: left;
}
#link a.send:hover {
	background: url(images/benjebara_sharingfiles_hover.png) no-repeat top left;
}