/*-----------------------------------------------------------------------------
Style Sheet for Tsevdos.com portfolio page

version : 1.0
moddification date : 03/9/2007
author : Yannis Tsevdos
tel: (+30) 69 48 60 40 05
email : tsevdosjohn@googlemail.com
website : http://www.tsevdos.com/
-----------------------------------------------------------------------------*/


@import url(reset.css);


/* =General
-----------------------------------------------------------------------------*/
body {
	text-align: center;
	color: #403c31;
	background: #eae9d7;
}

a:link {
	color: #6e654e;
	letter-spacing: 1px;
	text-decoration: none;
	font: 1em Georgia, "Times New Roman", Times, serif;
}

a:visited {
	color: #948b74;
}

a:hover {
	color: #403c31;
	text-decoration: underline;
}

a:active {

}


/* =Header section
-----------------------------------------------------------------------------*/
#header {
	padding: 1.5em 0;
	background: #403c31;
	border-bottom: 1px dashed #fff;
	text-align: center;
	color: #fff;
}

#header h1, #header h2 {
	margin: 0 auto;
	width: 740px;
	text-align: left;
	font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
}

#header h1 {
	text-decoration: underline;
}

#header h2 {
	font-size: 1em;
	font-weight: normal;
}

/* =Content section
-----------------------------------------------------------------------------*/
/* Common Styles */
#content {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	font: 1em Arial, Verdana, Helvetica, sans-serif;
	line-height: 180%;
	text-align: justify;
}

#content h1, #content h2, #content h3 {
	margin: 0.5em 0;
	font: bold 1em Tahoma, Helvetica, Verdana, Arial, sans-serif;
}

#content h2 {
	padding: 0 0.5em 0.5em;
	font-size: 1em;
	border-bottom: 1px dashed #403c31;
}

#content h3 {
	font-size: 0.8em;
}

#content p {
	margin: 1em 0;
	text-indent: 2em;
}

#navigation {
	position: relative;
	height: 238px;
	background: #eae9d7 url(../images/menu_top.jpg) top left no-repeat;
}

#navigation ul {
	position: absolute;
	bottom: 20px; left: 50px;
	list-style-type: none;
}

#navigation ul li {
	padding: 0 1em;
	float: left;
	list-style-type: none;
	background: transparent url(../images/nav_bullet_icon.jpg) 0 50% no-repeat;
}

#navigation ul li a {
	color: #403c31;
	text-decoration: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

#navigation ul li a:visited {
	
}

#navigation ul li a:hover, #navigation ul li a:active {
	text-decoration: underline;
}

#navigation ul li a.selected{
	font-weight: bold;
	text-decoration: underline;
}

#projects, #profile, #contact, #accessibility {
	padding: 1px 4em 1px 3em;
	background: #eae9d7 url(../images/body.jpg) top left repeat-y;
}

#projects {
	width: auto !important;
	width: 760px; /* IE 6 and below hack. */
}

.project {

}

.project .description {
	border-bottom: 1px dashed #403c31;
}

.project .description .thumb {
	float: left;
	padding: 0.25em;
	border: 1px solid #403c31;
}

.project .description .info {
	margin-left: 180px;
	padding: 0.5em 1em;
	border-left: 1px dashed #403c31;
}

.project .technologiesused ul {
	font-size: 0.8em;
}

.project .technologiesused ul li {

}

.project .clientinfo {
	margin-top: 1em;
}

.project .clientinfo span.url {
	display: block;
	font-size: 0.9em;
}

/* Profile and Contact Styles */
#content #profile h2, #content #contact h2,  #content #accessibility h2 {
	margin: 1.2em 0;
	padding: 0;
	font: bold 1em Tahoma, Helvetica, Verdana, Arial, sans-serif;
	border: 0;
}


#content #projects ul, #content #profile ul, #content #contact ul {
	padding-left: 3em;
	list-style-type: none;	
}

#content #projects ul li, #content #contact ul li {
	padding: 0 1em 0 1.5em;
	background: transparent url(../images/normal_bullet_icon.gif) left 50% no-repeat;
	line-height: 1.8em;
}

#content #profile ul li {
	padding: 0 1em 0 1.5em;
	background: transparent url(../images/normal_bullet_icon.gif) left 7px no-repeat;
	line-height: 1.8em;
}

#content #contact ul li {
	background: transparent url(../images/contact_bullet_icon.gif) left 50% no-repeat;
}

/* =Footer section
-----------------------------------------------------------------------------*/
#footer {
	padding: 0.5em 2em 0;
	height: 92px;
	margin-left: 0;
	background: #eae9d7 url(../images/footer.jpg) 0 0 no-repeat;
}

#footer ul {
	padding-right: 3em;
	text-align: right;
	list-style-type: none;
	letter-spacing: 1px;
	font: 0.7em/100% Arial, Verdana, Helvetica, sans-serif;
}

#footer ul li {
	list-style-type: none;
}