/*
Title: Portfolio Alex Tapanaris
Release date: 2009-01-10
Last date: 2009-01-10
Author: Nicholas Papadopoulos
Author e-mail: nicholas @ venus.cs.teiher.gr
Version: 1.1
*/
* {margin: 0; padding: 0; }
body {
	background: #202020 url("../img/bg.gif");
	color: #FFF;
	font: normal 62.5% sans-serif;
}

img {border: none;}

a {color: #da9400; text-decoration:none}
a:hover, a:focus {color: #da9400;}

#container {
	width: 760px;
	margin: 20px auto;
	background-color: #000;
	border: #141414 solid 5px;
	border-left: #141414 solid 5px;
	position:relative;
}

#header {
	height: 77px;
	display: block;
	background-image: url("../img/header.jpg");
}
#header h1, #header span {
display: none;
}
#header a {
	height: 77px;
	display: block;
}

#nav {
	background: url("../img/navbg.gif") no-repeat right;
	height: 27px;
}

#nav a {
	text-decoration: none;
	color: #FFF;
}
#nav a:hover{
	text-decoration: underline;
	color: #F00;
}

#nav span {
	display:none;
}

#nav .art {
	background: url("../img/art.gif");
	float: left;
	display:block;
	width: 66px;
	height: 27px;
}

#nav .about {
	background: url("../img/about.gif");
	float: left;
	display:block;
	width: 108px;
	height: 27px;
}

#nav .contact {
	background: url("../img/contact.gif");
	float: left;
	display:block;
	width: 138px;
	height: 27px;
}

#nav a:hover, #nav a:focus {
	background-position: 0 54px;
	/*
	outline: 2px dashed #000;
	outline-offset: -2px;
	-moz-outline: 2px dashed #000  !important;
	-moz-outline-offset: -2px         !important;
	*/
}

#nav .active {
	background-position: 0 27px;
}

#title {
	height: 42px;
	right: 1px;
	text-align:right;
	margin: 10px 30px;
}
#portfolio {
	padding: 0px 20px 20px 20px;
	margin:auto;
}

#portfolioBig {
	text-align:center;
}
#portfolioBig img {
	vertical-align: middle;
	text-align:center;
}

#portfolio a img {
	vertical-align: bottom;
	margin: 8px;
	border: solid 8px #191919;
}
#portfolio a:hover img, #portfolio a:focus img {
	border-color: #da9400;
}
#portfolio a:hover, #portfolio a:focus {  /* wakeup IE */
	border-width: 0;
}

#footer .copyright {
	padding-left: 5px;
}

#footer .bar{
	background: url("../img/footer.gif") no-repeat;
	height: 7px;
	width: 760px;
	padding: 1px;
}

#signature {position:absolute; right: 5px; }
#signature a:hover {cursor:help}
#signature a span {
	position: absolute;
	top:-87px;
	left: -34px;
	display: none;
	background: url(../img/balloon.png) no-repeat 50% 50%;
	width:170px;
	height:90px;
	behavior: url(../iepngfix2/iepngfix.htc);
}

#about {
padding: 0px 40px 30px 60px ; font-size: 14px
}

#portNav {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 6px;
	text-align: center
}
#portNav span{font-weight: normal; letter-spacing: 0px}

.data a {color: #da9400;}
.data a:hover, .data a:focus {background-color: #da9400; color: #000; text-decoration:none}
span.about {
	padding: 4px;
	line-height: 30px;
	font-weight:bold;
	background-color: #da9400;
	color: #000;
}

/* yay! extra lemeeee */
::selection { background: #da9400; color: #000; /* Safari */ }
::-moz-selection { background: #da9400; color: #000; /* Firefox */ }