body { background:#ecebe6 url(../images/bg_header.gif) top left repeat-x; font:12px normal "Lucida Grande", Verdana, Arial, sans-serif; color:#585143; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.clear { clear:both; height:10px; display:block; }
#header { width:850px; height:64px; margin:0 auto; display:block; position:relative; }
#opacity { position:absolute; top:64px; left:0; width:0; height:0; }
#opacity img { width:31px; height:31px; }
.ajax-form { position:absolute; top:10px; right:10px; font-weight:bold; padding:0 30px 0 0; }
.ajax-loading { background:transparent url(../images/small-loader.gif) top right no-repeat; height:16px; }
#header h1 { text-transform:lowercase; font:normal 36px Georgia, "Times New Roman", Times, serif; float:left; margin:8px 0 0; }
#header h2 { text-transform:lowercase; font:normal 30px Georgia, "Times New Roman", Times, serif; float:left; margin:12px 0 0 16px; }
#header h1 { width:465px; height:49px; display:block; background:transparent url(../images/h1.gif) top left no-repeat; }
#header h1 a { width:465px; height:49px; display:block; text-indent:-9999px; }
#header h2 { display:none; }
#header ul { font:normal 22px Georgia, "Times New Roman", Times, serif; position:absolute; right:34px; bottom:5px; }
#header ul li { float:left; display:inline; padding:0 11px 0 7px; background:transparent url(../images/bg_menu.gif) center right no-repeat; background-position:right 10px; }
#header ul li.last { background:none; padding-right:0; }
#header ul li a { color:#585143; text-decoration:none; }
#header ul li a:hover { color:#585143; text-decoration:underline; }
#myworks { width:100%; margin:0 auto; height:auto!important; height:506px; min-height:506px; display:block; background-color:#dbd8c6; border-top:1px solid #585143; border-bottom:1px solid #585143; position:relative; }
#myworks .box { width:850px; margin:0 auto; position:relative; }
#myworks h3 { text-transform:lowercase; font:normal 30px Georgia, "Times New Roman", Times, serif; margin:25px 0 0 34px; }
#myworks h3.works { width:178px; height:28px; background:#dbd8c6 url(../images/h3_works.gif) top left no-repeat; text-indent:-9999px; }
#myworks .box ul.works { padding:0 0 0 34px; margin:25px 0 0; }
#myworks .box ul.works li { width:372px; height:178px; display:inline; float:left; margin:0 34px 34px 0; border:1px solid #585143; }
#myworks .box ul.works li a { width:372px; height:178px; display:block; position:relative; text-decoration:none; color:#ffffff; }
#myworks .box ul.works li a span { width:370px; height:42px; padding:2px 0 0 2px; position:absolute; bottom:0; left:0; background-color:#000000; font-size:20px; }
#myworks .box ul.works li a span em { display:block; font-size:14px; font-style:normal; }
#myworks .box ul.works li a:hover span { }
#myworks .box #prev { position:absolute; top:233px; left:-22px; height:34px; width:25px; display:block; background:#dbd8c6 url(../images/prev_hide.gif) top left no-repeat; }
#myworks .box #prev a { height:34px; width:25px; display:block; text-indent:-9999px; background:#dbd8c6 url(../images/prev.gif) top left no-repeat; }
#myworks .box #next { position:absolute; top:233px; right:-22px; height:34px; width:25px; display:block; background:#dbd8c6 url(../images/next_hide.gif) top left no-repeat; }
#myworks .box #next a { height:34px; width:25px; display:block; text-indent:-9999px; background:#dbd8c6 url(../images/next.gif) top left no-repeat; }
#myworks .int { padding:0 34px 24px; position:relative; }
#myworks .int h4 { font:normal 30px Georgia, "Times New Roman", Times, serif; text-align:right; }
#myworks .int img { border:1px solid #585143; }
#myworks .int ul.data { width:390px; float:left; }
#myworks .int ul.data li { font-size:18px; }
#myworks .int ul.data li strong { font:normal 28px Georgia, "Times New Roman", Times, serif; }
#myworks .int ul.data li a { color:#585143; text-decoration:underline; }
#myworks .int ul.photos { width:390px; float:right; }
#myworks .int ul.photos li { margin:12px 0 12px 24px; padding:0; float:left; }
#myworks .int ul.photos li a { width:66px; height:66px; display:block; }
#myworks .int .back { position:absolute; bottom:34px; right:34px; text-align:right; font:normal 24px Georgia, "Times New Roman", Times, serif; color:#585143; }
#user { display:block; }
#user .block { padding:28px; width:794px; margin:0 auto; background-color:#dbd8c6; border:1px solid #585143; height:244px; display:block; position:relative; }
#user .cleared { height:34px; display:block; background:#ecebe6 url(../images/bg_line.gif) top left repeat-x; }
#user .cleared span { display:block; width:48px; height:34px; background:transparent url(../images/scissor.gif) top right no-repeat; float:right; }
#user h3 { text-transform:lowercase; font:normal 30px Georgia, "Times New Roman", Times, serif; margin:0 0 5px; }
#user h3.works { }
#user #aboutme .int { padding:0 0 0 252px; height:auto; height:254px; min-height:254px; background:#dbd8c6 url(../images/bg_int_user.gif) top left no-repeat; }
#user #aboutme .int h3 { width:364px; }
#user #aboutme .int p { width:364px; font-size:13px; }
#user #aboutme .int h3.about { width:138px; height:26px; background:#dbd8c6 url(../images/h3_about.gif) top left no-repeat; text-indent:-9999px; }
#user #aboutme .int h3.cv { margin:28px 0; width:138px; height:26px; background:#dbd8c6 url(../images/h3_cv.gif) top left no-repeat; text-indent:-9999px; }
#user #aboutme .int ul { width:302px; }
#user #aboutme .int ul li { float:left; display:inline; }
#user #aboutme .int ul li a { font:normal 24px Georgia, "Times New Roman", Times, serif; color:#585143; }
#user #aboutme .int ul { height:26px; background:#dbd8c6 url(../images/user_cv.gif) top left no-repeat; }
#user #aboutme .int ul li { float:left; display:inline; }
#user #aboutme .int ul li a { display:block; text-indent:-9999px; height:26px; }
#user #aboutme .int ul li.english a { width:159px; margin:0 18px 0 0; }
#user #aboutme .int ul li.eu a { width:107px; margin:0 0 0 18px; }
#user #aboutme .int .vcard { width:163px; padding:223px 0 0; position:absolute; top:28px; right:28px; background:#dbd8c6 url(../images/foto.gif) top right no-repeat; display:block; }
#user #aboutme .int .vcard a { display:block; font:normal 16px Georgia, "Times New Roman", Times, serif; color:#585143; height:16px; width:163px; background:#dbd8c6 url(../images/vcard.gif) top right no-repeat; text-indent:-9999px; }
#user #contactme .int { width:190px; height:auto; height:254px; min-height:254px; float:left; }
#user #contactme .int.end { width:auto; }
#user #contactme .int h3 { width:364px; }
#user #contactme .int p { width:364px; font-size:13px; }
#user #contactme .int h3.social { width:170px; height:33px; background:#dbd8c6 url(../images/h3_social.gif) top left no-repeat; text-indent:-9999px; }
#user #contactme .int h3.links { width:170px; height:33px; background:#dbd8c6 url(../images/h3_links.gif) top left no-repeat; text-indent:-9999px; }
#user #contactme .int h3.contact { width:257px; height:33px; background:#dbd8c6 url(../images/h3_contact.gif) top left no-repeat; text-indent:-9999px; margin-left:32px; }
#user #contactme .int ul { margin:0 0 0 10px; }
#user #contactme .int .facebook a { width:120px; height:35px; display:block; background:#dbd8c6 url(../images/link_facebook.gif) top left no-repeat; text-indent:-9999px; margin:0 0 10px; }
#user #contactme .int .lastfm a { width:120px; height:35px; display:block; background:#dbd8c6 url(../images/link_lastfm.gif) top left no-repeat; text-indent:-9999px; margin:0 0 20px; }
#user #contactme .int .linkedin a { width:120px; height:35px; display:block; background:#dbd8c6 url(../images/link_linkedin.gif) top left no-repeat; text-indent:-9999px; margin:0 0 15px; }
#user #contactme .int .virb a { width:120px; height:35px; display:block; background:#dbd8c6 url(../images/link_virb.gif) top left no-repeat; text-indent:-9999px; margin:0; }
#user #contactme .int ul.links { font-size:18px; }
#user #contactme .int ul.links li { margin:0 0 8px; }
#user #contactme .int ul.links li a { color:#585143; }
#user #contactme .int.end { }
#user #contactme .int form { display:block; margin:0; padding:0; }
#user #contactme .int form fieldset { margin:0; padding:0; border:none; position:relative; }
#user #contactme .int form p { padding:0; position:relative; width:408px; clear:both; height:26px; display:block; }
#user #contactme .int form p.mini { float:left; width:202px; display:block; clear:none; }
#user #contactme .int form p#name label { width:32px; height:26px; display:block; float:left; background:#dbd8c6 url(../images/form_name.gif) top left no-repeat; text-indent:-9999px; }
#user #contactme .int form p#name input { width:367px; }
#user #contactme .int form p#email { margin:0 10px 0 0; }
#user #contactme .int form p#email label { width:32px; height:26px; display:block; float:left; background:#dbd8c6 url(../images/form_email.gif) top left no-repeat; text-indent:-9999px; }
#user #contactme .int form p#email input { width:154px; }
#user #contactme .int form p#phone label { width:33px; height:26px; display:block; float:left; background:#dbd8c6 url(../images/form_phone.gif) top left no-repeat; text-indent:-9999px; }
#user #contactme .int form p#phone input { width:154px; }
#user #contactme .int form p#text label { width:32px; height:90px; display:block; float:left; background:#dbd8c6 url(../images/form_text.gif) top left no-repeat; text-indent:-9999px; }
#user #contactme .int form p label { display:block; margin:0 0 3px; }
#user #contactme .int form p input { height:21px; margin:0; padding:1px 4px 2px; border:1px solid #585143; border-left:none; font-size:16px; background-color:#ecebe6; color:#585143; }
#user #contactme .int form p textarea { width:367px; height:84px; padding:2px 4px; float:left; border:1px solid #585143; border-left:none; background-color:#ecebe6; margin:0; color:#585143; font:16px normal "Lucida Grande", Verdana, Arial, sans-serif; }
#user #contactme .int form p button { border:none; padding:0; float:right; cursor:pointer; font:normal 24px Georgia, "Times New Roman", Times, serif; color:#585143; background:transparent; }
#user #contactme .int form p .forajax { color:#c5c2b3; }
#user #contactme .int form p button { width:197px; height:24px; background:#dbd8c6 url(../images/form_sent.gif) top left no-repeat; text-indent:-9999px; }
#footer { width:850px; margin:0 auto 20px; text-align:center; color:#585143; }
.block a.top { position:absolute; bottom:-5px; right:-55px; font:normal 18px Georgia, "Times New Roman", Times, serif; color:#585143; }

/*validate*/
#user #contactme .int form p { position:relative; }
#user #contactme .int form p .required-input { position:absolute; top:-8px; right:-10px; background:transparent url(../images/alert.gif) top left no-repeat; width:40px; height:40px; display:block; }
#user #contactme .int form p#email .required-input { right:-4px; }
#user #contactme .int form p .required-input em { display:none; }