/******************************************

	layout.css
	Date: 2010-04-05
	Author: Vaidotas Šackus
	Company: Ideas Factory LT
	Webpage: http://www.ideasfactory.lt/
	E-mail: vaidotas@ideasfactory.lt
	
*******************************************/

@import "reset.css";

.clear 
{
	clear: both;
}
p
{
	margin: 0px;
	padding-bottom: 10px;
}
body 
{
	color: #333333;
	font-size: 0.9em;
	background: #222222 url(../images/pattern.gif) top left repeat;
	margin: 0 auto;
	
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    
}
#page 
{
	width: 800px;
	margin: 0 auto;
	
}
#header 
{
	float: left;
	height: 250px;
	width: 800px;
	overflow: hidden;
	background: #f8f8f8;
	margin-top: 40px;
	border-top: #fdb020 solid 15px;
	border-bottom: solid 1px;
}
	#header #photo 
	{
		float: left;
		width: 174px;
		height: 174px;
		margin: 38px;
	}
		#header #photo img
		{
			border: #dfdfdf solid 2px;
			padding: 10px;
			background: #FFF;
		}
	#header #name 
	{
		float: left;
		width: 280px;
		height: 180px;
		margin-top: 70px;
	}
		#header #name h1
		{
			color: #475261;
			font-family:Georgia,serif;
			font-variant: small-caps; 
			text-transform: none; 
			font-weight: 100; 
			margin-bottom: 0;
			font-size: 2.5em;
		}
		#header #name h2
		{
			color: #475261;
			font-family:Georgia,serif;
			font-variant: small-caps; 
			text-transform: none; 
			font-weight: 100; 
			margin-top: 0;
			margin-bottom: 0;
			font-size: 1.2em;
		}
	#header #contact 
	{
		float: left;
		height: 212px;
		width: 232px;
		margin-top: 38px;
		padding-right: 38px;
		text-align: right;
	}
		#header #contact #social
		{
			height: 24px;
		}
		#header  #contact #info 
		{
			margin-top: 30px;
			line-height: 1.5;
			font-size: 0.9em;
		}
			#header  #contact #info a
			{
				color: #0066aa;
				text-decoration: underline;
			}
			#header  #contact #info a:hover
			{
				text-decoration: none;
			}
#content 
{
	width: 800px;
	float: left;
	background: #FFF;
}
	
	#content .left
	{
		float: left;
		width: 200px;
		margin: 0 20px;
		padding: 20px 10px;
	}
		#content .left p
		{
			font-family:Georgia,serif;
			font-variant: small-caps; 
			text-transform: none; 
			font-weight: 100; 
			margin-top: 0;
			margin-bottom: 0;
			font-size: 1.5em;
		}
	#content .right
	{
		float: left;
		width: 480px;
		margin: 0 20px;
		padding: 20px 10px;
	}
		#content .right .work
		{
			float: left;
			margin-bottom: 20px;
		}
		#content .right h3
		{
			float: left;
			font-family:Georgia,serif;
			font-variant: small-caps; 
			text-transform: none; 
			font-weight: 100; 
			margin: 0;
			font-size: 1.5em;
			width: 300px;
			color: #0066aa;
		}
		#content .right h4
		{
			font-family:Georgia,serif;
			font-variant: small-caps; 
			text-transform: none; 
			font-weight: 100; 
			margin: 0;
			font-size: 0.9em;
			font-style:italic; 
		}
		#content .right .work_p
		{
			margin: 10px 0;
		}
		
		#content .right .date
		{
			float: left;
			background: #eeeeee;
			padding: 5px;
		}
#footer
{
	float: left;
	width: 800px;
	border-bottom: #fdb020 solid 15px;
	margin-bottom: 40px;	
}