/*****YUI Reset.css *****/

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;
}

/*****			Global					*****/
body                 			{font: 11px/16px verdana, arial, sans-serif; color: #000; background-color: #fff; }
h1 span,h2,h3				{left:-999px;position:absolute;}
.fn,.geo,.adr,.role 			{display:none;visibility:hidden;}
::-moz-selection				{background:#679FFF;color:#FFF;}
::selection						{background:#679FFF;color:#FFF;}
/*****			Links 					*****/
a:link,a:visited				{color: #1A6EFF; text-decoration: none; }
a:hover,a:active				{}
ul.reachme a:hover,
ul.reachme a:active,
#links a:hover,
 #links a:active,
ul.tweet_list a:hover		{background:#1A6EFF; color:#fff; -moz-transition: background 0.4s ease-in; -o-transition: background 0.4s ease-out; -webkit-transition: background,color 0.4s, 0.4s ease-out;}
#header a						{background:url("../images/logo.png") no-repeat top left; height: 40px; width:168px; display:block;}
ul.kwicks a,ul.portfolio a {display:block;width:285px;height:100%; padding:0 0 0 110px; outline:none; color:#000;}
.navnext a, .navprev a 	{display:block; width:100%; height:100%; outline:none;}
.navnext a:hover 			{background: url(../images/arrows.png) no-repeat bottom right;}
.navprev a:hover 			{background: url(../images/arrows.png) no-repeat bottom left;}
/*****			Images Menu		*****/
.kwicks		  				{position:relative;}
.kwicks li     				{width: 168px; height: 98px; margin-bottom: 2px; }
#kwick1        			{background: #FFF url("../images/menu/btn_who.jpg") no-repeat; }
#kwick2        			{background: #FFF url("../images/menu/btn_works.jpg") no-repeat; }
#kwick3        			{background: #FFF url("../images/menu/btn_blog.jpg") no-repeat; }

/*****			Tweets					*****/
.tweet,.query										{float:left; margin-top:10px; font-style:italic; width:394px;}
.tweet .tweet_list								{-webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; background-color: #8ADEE}
.tweet .tweet_list li								{overflow-y: auto; overflow-x: hidden; padding: .5em; }
.tweet .tweet_list .tweet_avatar			{padding-right: .5em; float: left; margin-top:5px;}
.tweet .tweet_list .tweet_avatar img		{vertical-align: middle; }

/*****			Structural Divs 		*****/
#wrapper				{width: 565px; margin: auto; }
#header              	{height: 40px; width: 565px; margin:40px auto 2px; }
#content             	{float: right; width: 394px; height:340px; overflow:hidden;}

/*****			Image Replacements*****/
.abouttitle			   	{background: #FFF url("../images/about.png") no-repeat; height: 20px; margin-top: 5px;}
.reachmetitle			{background:url("../images/reachme.png") no-repeat left bottom #FFFFFF; height:30px; margin-bottom:5px;}
.socialtitle				{background: #FFF url("../images/social.png") no-repeat left bottom; height:30px; margin:0 0 5px 19px;}
.said						{background: #FFF url("../images/said.png") no-repeat left bottom; height:26px;}

/*****			Works					*****/
.portfolio li                	{height: 100px; width: 100px; }
ul.portfolio					{padding-top:5px; overflow:hidden; float:left; width:383px;}
li.belgacom       		{background: url(../images/works/belgacom_small.png) top left no-repeat; }
li.cinema         			{background: url(../images/works/cinema_small.jpg) top left no-repeat; }
li.contest        			{background: url(../images/works/contest_small.png) top left no-repeat; }
li.jeep           			{background: url(../images/works/jeep_small.png) top left no-repeat; }
li.ie8            				{background: url(../images/works/ie8_small.png) top left no-repeat; }
li.minimalism     		{background: url(../images/works/minimalism_small.png) top left no-repeat; }
li.se-eida        			{background: url(../images/works/se-eida_small.jpg) top left no-repeat; }
li.gplus          			{background: url(../images/works/gplus_small.jpg) top left no-repeat; }
li.beautify       			{background: url(../images/works/beautify_small.jpg) top left no-repeat; }
li.blog           			{background: url(../images/works/blog_small.jpg) top left no-repeat; }
li.jfy		          			{background: url(../images/works/jfy_small.png) top left no-repeat; }

/*****			Rest						*****/
.title						{width:150px;}
.reachme				{float:left;}
.social					{float:right;}
ul.reachme li			{margin-bottom:6px;}
#links li					{text-indent:20px; margin-bottom:5px;}
#links li a				{vertical-align:text-bottom;}
li.skype					{background:url(../images/skype.png) no-repeat center left;}
li.linkedin 				{background:url(../images/linkedin.png) no-repeat center left;}
li.twitter 				{background:url(../images/twitter.png) no-repeat center left;}
li.lastfm 				{background:url(../images/lastfm.png) no-repeat center left;}
li.facebook			{background:url(../images/facebook.png) no-repeat center left;}
#left-decorator      	{float: left; width: 170px;}
#navigation          	{padding-top:8px;}
.navnext				{background:url(../images/arrows.png) no-repeat top right; height:25px; width:25px; float:right;margin:5px 120px 0 0;}
.navprev				{background:url(../images/arrows.png) no-repeat top left; height:25px; width:25px; float:left;margin:5px 0 0 120px;}