/* =============================================================================================== 
	Main CSS Document for arefjdey.com 
	Version 1.1
	Copyright (c) 2009 Matthias Kretschmann | krema@jpberlin.de | http://matthiaskretschmann.com
	Created for Aref JDEY | http://arefjdey.com
================================================================================================== */
html { background:url(../../style/images/back.jpg) repeat left top; }
body { color:#fff; font:62.5%/1.3em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; background:url(../../style/images/back-top.jpg) repeat-x left top; position:relative; width:100%; }
#topbar { height:21px; width:100%; background:url(../images/topbar.png) repeat-x left top; position:absolute; z-index:100; left:0; }
#boxwrapper { width:560px; margin:0 auto; background:url(../images/box-top.png) no-repeat left top; position:relative; z-index:99; }
#arefjdey { padding-top:68px; }
#header,#navigation { text-indent:-99999px; position:relative; z-index:99; }
#header h1 { height:65px; background:url(../images/banner-top.png) no-repeat left top; }
#header h1 a { display:block; height:65px; background:transparent; }
#header h2 { display:none; }
ul#navigation li { float:left; }
ul#navigation a { height:43px; display:block; border:none; }
.about-tab a { width:254px; background:url(../images/nav-sprite.png) no-repeat left bottom; }
.about-tab a:hover,.about-tab a.current { background:url(../images/nav-sprite.png) no-repeat left top; }
.networks-tab a { width:150px; background:url(../images/nav-sprite.png) no-repeat -247px bottom; }
.networks-tab a:hover,.networks-tab a.current { background:url(../images/nav-sprite.png) no-repeat -247px top; }
.blog-tab a { width:156px; background:url(../images/nav-sprite.png) no-repeat right bottom; }
.blog-tab a:hover { background:url(../images/nav-sprite.png) no-repeat right top; }
a#photo-clip { width:137px; height:110px; position:absolute; background:url(../images/photo.png) no-repeat left top; z-index:100; top:-10px; left:30px; display:block; }
a { color:#fff; text-decoration:none; background-color:rgba(222,222,222,0.2); }
a:hover { background-color:rgba(222,222,222,0.3); }
#about-content a { padding:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
a:active { outline:none; }
a:focus { outline:none; }
::-moz-selection { background:rgba(222,222,222,0.2); color:#647b82; }
::selection { background:rgba(222,222,222,0.2); color:#647b82; }
#content { background:url(../images/box-back.png) repeat-y left top; padding-left:75px; padding-right:75px; overflow:auto; position:relative; line-height:1.7em; letter-spacing:.3px; z-index:101; }
#scroll { width:420px; }
#about { float:left; width:200px; margin-right:37px; }
h3 { margin-top:20px; margin-bottom:15px; letter-spacing:.8px; font:bold 1.8em Sansation Regular, 'Sansation Regular', Sansation, Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; text-shadow:rgba(0,0,0,0.1) 1px 1px 1px; }
#about h3 span { margin-left:10px; font:normal .7em Sansation Light, 'Sansation Light', Sansation, Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; }
#about-en h3 { padding-left:25px; background:url(../images/icon-slide.png) no-repeat left center; cursor:pointer; }
#about-en h3.active { background:url(../images/icon-slide-down.png) no-repeat left center; }
#content p { font-size:1.2em; margin-bottom:10px; }
#contact { float:left; width:165px; }
.fn,.title,.vcard div.url,.tel,.email,.adr,.chat { padding-left:25px; line-height:1.4em; font-size:1.2em; }
.vcard .type { display:none; }
.fn { background:url(../images/icon-name.png) no-repeat left bottom; font:bold 1.4em Sansation Regular, 'Sansation Regular', Sansation, Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; text-shadow:rgba(0,0,0,0.1) 1px 1px 1px; }
.title { font:100 1.3em Sansation Light, 'Sansation Light', Sansation, Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; }
div.url { background:url(../images/icon-url.png) no-repeat left top; margin-top:30px; }
.email { background:url(../images/icon-mail.png) no-repeat left top; display:block; margin-top:10px; }
.tel { background:url(../images/icon-phone.png) no-repeat left top; margin-top:10px; }
.chat { background:url(../images/icon-chat.png) no-repeat left center; margin-top:10px; }
.adr { background:url(../images/icon-place.png) no-repeat left top; margin-top:30px; margin-bottom:5px; }
#about-content a.download { display:block; width:174px; height:38px; background:url(../images/link-sprite.png) no-repeat center bottom; margin-top:30px; font-size:1.2em; padding:0; }
a.download:hover { background:url(../images/link-sprite.png) no-repeat center top; border:none; }
.download span { background:url(../images/icon-vcard.png) no-repeat 25px 9px; padding-left:45px; line-height:2.9em; display:block; width:174px; height:38px; cursor:pointer; }
img.photo { display:none; }
#footer { text-align:center; height:110px; background:url(../images/footer-back.png) no-repeat center top; position:relative; z-index:1; top:-11px; padding-top:17px; }
#footer p { font-size:.9em; line-height:1.4em; margin:0; color:rgba(255,255,255,0.8); }
#footer a { color:rgba(255,255,255,0.8); }
#share { width:151px; height:115px; background:url(../images/share-banner.png) no-repeat center top; position:relative; top:-90px; left:350px; padding-top:24px; z-index:2; font-size:1.2em; }
#share a { margin-left:25px; padding-left:20px; margin-right:40px; color:rgba(73,98,103,0.8); line-height:1.6em; display:block; background-color:rgba(222,222,222,0.25); }
#share a:hover { border:none; background-color:transparent; color:rgba(73,98,103,1); }
#lightspot { position:absolute; top:0; left:30px; width:500px; height:212px; background:url(../images/lightspot.png) no-repeat center top; z-index:4; }
#networks { padding-bottom:30px; position:relative; margin:0 auto; }
.left { float:left; margin-right:20px; }
.right { float:right; }
#networks li { width:174px; height:38px; background:url(../images/link-sprite.png) no-repeat center bottom; margin-bottom:10px; font:normal 1.2em Sansation Regular, 'Sansation Regular', Sansation, Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; }
#networks li:hover { background:url(../images/link-sprite.png) no-repeat center top; }
#networks li.blog-link { margin:0 auto; }
#networks a { height:38px; display:block; padding-left:54px; line-height:3em; clear:both; color:#fff; background-position:14px 4px; }
#networks a:hover { border:none; background-color:transparent; }
#networks li.blog-link a { padding-left:80px; }
.facebook { background:url(../images/network-facebook.png) no-repeat; }
.linkedin { background:url(../images/network-linkedin.png) no-repeat; }
.flickr { background:url(../images/network-flickr.png) no-repeat; }
.viadeo { background:url(../images/network-viadeo.png) no-repeat; }
.mybloglog { background:url(../images/network-mybloglog.png) no-repeat; }
.friendfeed { background:url(../images/network-friendfeed.png) no-repeat; }
.twitter { background:url(../images/network-twitter.png) no-repeat; }
.diigo { background:url(../images/network-diigo.png) no-repeat; }
.technorati { background:url(../images/network-technorati.png) no-repeat; }
.slideshare { background:url(../images/network-slideshare.png) no-repeat; }
#networks li.blog-link a.blog { background:url(../images/network-blog.png) no-repeat 40px 4px; }
.tags { display:none; }
.clear { clear:both; float:none; }