/*================= 
css info
 *=================	
 * 
 *	Author: Por Design
 *	http://pordesgin.eu/
 * 
 */

/*=============
general 
===============*/
body {
	font-family: Verdana, Helvetica, sans-serif;
	background: #fff;
	color: #5b5765;
	margin: 0;
	font-size: 10pt;
	padding: 0; }
	p {
		line-height: 14pt;
		margin: 8pt 0 15pt 0;
		font-size: 10pt;
		color: #736e7f; }
		p.sibling {
			margin: -1em 0 8pt 0; }
		p.quoteauthor {
			font-style: normal;
			text-indent: none;
			font-size: 80%;
			text-align: right; }
	a {
		outline: none;
		text-decoration: none;
		color: #2f327d; }
		a:hover {
			color: #454ac0; }
		
	ul {
	padding: 0 0 0 15pt;
	margin: 0 0 15pt; 
	color: #736e7f; }
		li {
			line-height: 14pt;
			padding: 0;
			margin: 0pt; }
	h1, h2, h3, h4, h5, h6 {
		padding: 0;
		margin: 6pt 0; }
	h1 {
		letter-spacing: -1px;
		margin: 2pt 0pt;
		font-weight: 500;
		font-size: 15pt; }
	h2 {
		color: #736e7f;
		font-weight: 600;
		font-size: 11pt; }
	h3 {
		font-size: 10pt; }
	blockquote {
		font-style: italic;
		font-weight: bold; }
		blockquote p {
			text-indent: -5pt; }
/*=============
layout
===============*/
	#wrapper {
		overflow: hidden;
		width: 720px;
		margin: auto; }
/*=============
header
===============*/
		h1#header { 
			margin: 0;}
			#header a {
				display: block;
				width: 820px;
				height: 239px;
				text-indent: -9999px;
				background: url(../images/header.gif) 0 0 no-repeat; }
/*=============
navcolumn
===============*/
			#navcolumn {
				width: 120px;
				float: left;  }
				#navcolumn h1 {
					text-align: right;
					padding: 0;
					margin: 0;
					font-weight: 600;
					font-size: 24pt;
					font-style: italic; }
				#nav {
					list-style: none; 
					margin: 0;
					padding: 0; }
					#nav li {
						line-height: 18pt;
						width: 120px;
						text-align: right;
						margin: 3pt 0;
						padding: 0; }
						#nav li a {
							text-decoration: none;
							font-weight: 600;
							font-size: 14pt;
							color: #2f327d; }
							#nav li a:hover {
								color: #454ac0; }
				#contactdetails {
					line-height: 9pt;
					font-weight: bold;
					text-align: right;
					font-size: 7pt; }
					#contactdetails span {
						color: #2f327d; }
/*=============
contentcolumn
===============*/
			#content {
				padding: 6pt 0 0 30pt;
				width: 550px;
				float: left; }
/*=============
profile
===============*/				
				img#author {
					margin: 10pt 0 10pt 10pt;
					float: right; }
/*=============
portfolio
===============*/
				#portfolio {					
					margin: 0 0 0 6pt; }
					h2.portfoliolink {
						letter-spacing: -1pt; 
						display: block;
						font-size: 11pt;
						font-weight: 600;
						margin: 15pt 0; }
					.leftindent {
						margin-left: -6pt; }
					p.smallfont {
						font-weight: bold;
						font-size: 8pt;
						color: #8d8a98;
						padding: 0 26pt 0 0; }
					ul#items {
						width: auto;
						list-style: none;
						padding: 0 0 0 30pt;
						float: left;
						display: inline;
						margin: -10pt -200px 0 0; }
								ul#items li {
									line-height: 10pt;
									overflow: visible;
									background: transparent;
									display: block;
									width: auto;
									float: left;
									display: inline;
									margin: 0pt 31pt 10pt -60pt;
									padding: 0 30pt 0 30pt;
									font-weight: bold;
									font-size: 8pt; }
									ul#items p {
										background: transparent;
										width: 180px;
										font-size: 8pt; 
										font-weight: 500;
										line-height: 12pt;
										letter-spacing: -1px;
										margin: 4pt -40px 4pt 6pt; }
									ul#items a {
										display: block;
										padding: 2pt 0 0pt 6pt; }
										ul#items img {
											border: none;
											margin: 0 0 4pt -6pt; }
										ul#items a span {
											color: #5b5765;
											display: block; }
/*=============
cv 
===============*/
#cvheader {
	width: 400px;
	margin: 20px auto 0;
	padding: 0 0 10px;
	border: 1px solid #ccc;
	border-bottom: none; }
	#cvheader h2 {
		margin: 2pt;
		text-align: center; 
		font-size: 20pt; }
	#cvheader h3 {
		margin: 2pt;
		text-align: center; }
	#cvheader ul {
		width: 320px; 
		margin: 10px auto;
		padding: 0; }
		#cvheader ul li {
			line-height: 10pt;
			list-style: none;
			margin: 0;
			width: 320px;
			padding: 0 0 0 0px; }
			#cvheader ul span {
				font-weight: bold;
				float: left;
				width: 130px;
				margin: 0 0px 0 0px; }
	#cvheader p {
		line-height: 10pt;
		margin: 5px 0 0px;
		text-align: center; }
#cvsidecolumn h4, 
#cvsidecolumn h5 {
	margin: 1pt 0;
	padding: 1pt 0;
	text-align: center; }
#cvsidecolumn ul {
	margin: 7pt 0; }
#cvsidecolumn ul li {
	font-size: 8pt;
	margin: 1pt 0 1pt 5pt;
	line-height: 10pt; }
#cvbody {
	width: 550px;
	margin: 0 auto;
	border: 1px solid #666; }
	#cvsidecolumn {
		width: 170px; 
		float: left; }
	#cvmaincolumn {
		float: left;
		width: 378px;
		border-left: 1px solid #666; }
		#cvmaincolumn p {
			line-height: 11pt; }
			.tight {
				width: 175px;
				float: left;
				margin: -1.3em 0 0; }
				.tight h4 {
					font-size: 10pt;
					margin: 0; }
				.tight ul {
					padding: 0; }
				.tight li {
					list-style: none;
					padding: 0;
					margin: 0;
					line-height: 10pt; }
			#career {
				list-style: none;
				margin: 0;
				padding: 0; }
				#career li {
					line-height: 12pt;
					margin: 8pt 5pt 8pt 0;
					padding: 0 0 0 100px; }
				#career span {
					float: left;
					width: 100px;
					margin: 0 0 0 -100px; 
					font-weight: bold; }
			.indented {
				margin: 0;
				text-indent: 3em;
				line-height: 1.5em !important; }
.insidecolumn {
	padding: 0 2pt 10pt;
	margin: 8px; 
	border: 1px solid #ccc; }
			
/*=============
extra
===============*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
/*.clearfix:after {
	display: inline-block; }*/