@charset "utf-8";
/* CSS Document */
/*resets YUI Reset CSS 2.8.0r4*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 1, 2010 10:23:26 AM America/New_York */

@font-face{font-family:'EnigmaticRegular';src:url('../Enigmatic-fontfacekit/enigma__2.eot');src:local('Enigmatic'), local('Enigmatic'), url('../Enigmatic-fontfacekit/Enigma__2.woff') format('woff'), url('../Enigmatic-fontfacekit/Enigma__2.ttf') format('truetype'), url('../Enigmatic-fontfacekit/Enigma__2.svg#Enigmatic') format('svg');}

body{font-family:'EnigmaticRegular';font-size:22px;color:#4A4A4A;text-align:center;width:100%;height:100%;margin:0;padding:0; background:url(../images/fotofilm.jpg) right fixed;}
a{color:#4A4A4A;text-decoration:none;}
.wrapper{width:800px;padding:0;margin:0 auto;text-align:left;position:relative;}
header, .socials, .twt, h1.portret a, websites, .tweet, footer{float:left;position:relative;}  
header{width:100%;padding:35px 0 40px 30px;}

.twt{display:block;padding:117px 30px 0 35px;}
h1.portret a{display:block;padding:0; border:solid 5px #fff; margin:0; width:200px; height:200px; top:-5px;}
h1.portret a:hover{display:block;padding:0;border:solid 5px #ddd;}
.websites{display:block;float:right;font-family:'EnigmaticRegular';}
.socials{display:block;margin:0;padding:0 0 20px 35px;top:-5px;clear:right;font-family:'EnigmaticRegular';}
ul.socials li{line-height:42px;}
ul.socials li a{padding:3px 8px;background:#4A4A4A;color:#FFF;}
ul.socials li a:hover{padding:3px 80px 3px 8px;background:#4A4A4A url(../images/arrow-right.png) right no-repeat;}
.websites{padding:10px 90px 0 0;text-align:right;background:url(../images/sites.png) no-repeat right 16px;}
ul.websites li{line-height:45px;}
ul.websites li a{padding:3px 8px 3px 12px;background:#ccc;color:#FFF; }
ul.websites li a:hover{padding:3px 8px 3px 80px;background:#4A4A4A url(../images/arrow-left.png) left no-repeat; }
ul.websites li a:hover.bsa{padding:3px 8px 3px 25px;}

footer{clear:both;width:100%;height:auto;padding:100px 0 50px 30px;font-size:37px;color:#4a4a4a;}

.tweet{font-family:Verdana, Geneva, sans-serif;width:250px;font-size:12px;padding:10px 0 0 27px;clear:left;line-height:24px;}
.tweet .tweet_list, .query .tweet_list{margin:0;padding:0; display:block;background:#fff;}
.tweet .tweet_list li{overflow-y:auto;overflow-x:hidden;padding:0 .5em 2em;}
.tweet .tweet_list li a:hover{text-decoration:underline;}
.tweet .tweet_list .tweet_even{}
.tweet .tweet_list .tweet_avatar{padding-right:.5em;float:left;}
.tweet .tweet_list .tweet_avatar img{vertical-align: middle;}
.qtip{font-family:Verdana, Geneva, sans-serif;font-size:12px;}