/*  papadimitriou.gr  */
/* color pallete
blue tones [dark to light]: #173A62 #255E9C #6A9FDB #C6DAF1
brown: #996633 #CC9966
*/


/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-style : inherit;
	font-size : inherit;
	font-family : inherit;
	background : transparent;
}
:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }


/* =generic
________________________________________________________________ */

html {
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff url(images/bg_body.jpg) top center no-repeat;
}
h1, h2, h3 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#255E9C;
}
h2 {
	padding-top:5px;
	padding-bottom:20px;
	font-size:20px;
	font-weight : normal;
}
h3 {
	line-height:20px;
	color:#999999;
	font-size:14px;
}
a:link, a:visited {
	color: #999999;
	text-decoration:none;
}
a:hover, a:active {
	color: #000000;
	text-decoration:none;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	position:relative;
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
}


/* =header_container
________________________________________________________________ */
#header_container {
	display:block;
	position:relative;
	width:900px;
	height:140px;
	margin:0px auto;
	margin-top:10px;
}
#header_container h1 {
	display:block;
	position:relative;
	width:235px;
	height:48px;
	top:45px;
	left:30px;
}



/* =menu_container
________________________________________________________________ */
#menu_container {
	position:relative;
	clear:both;
	margin:auto;
	width:900px;
	height:50px;
}



/* =content_container
________________________________________________________________ */
#content_container {
	position:relative;
	display:block;
	clear:both;
	width:840px;
	margin:0px auto;
	padding:30px;
	min-height:300px;
	font-size:12px;
	line-height:18px;
}



/* index & contact pages */
#index_content {
	position:relative;
	display:block;
	clear:both;
	width:840px;
	color:#FFFFFF;
	font-size:11px;
	background:#003366 url(images/bg_index.jpg) right bottom no-repeat;
}
#index_content span {
	position:absolute;
	display:block;
	width:250px;
	left:570px;
	bottom:10px;
}
#index_content h2{
	color:#0099CC;
	padding-bottom:10px;
}
#index_content a:link,
#index_content a:visited {
	color:#0099CC;
}
#index_content a:hover {
	color:#ffffff;
}
#index_content img{
	border:#003366 1px solid;
}

/* index page news */
#index_news{
	position:relative;
	display:block;
	float:left;
	clear:both;
	padding-top:5px;
	margin-bottom:30px;
}
#index_news h2{
}
#index_news ul {
	font-size:12px;
}
#index_news ul li {
	margin-bottom:2px;
}
#index_news ul li a:link,
#index_news ul li a:visited {
	display:block;
	width:830px;
	padding:5px;
	background:#f5f5f5;
}
#index_news ul li a:hover {
	background:#eeeeee;
}
#index_news ul li span {
	position:relative;
	display:block;
	float:left;
	width:570px;
	font-size:11px;
}
#index_news ul li h3 {
	position:relative;
	display:block;
	float:left;
	clear:left;
	left:5px;
	width:250px;
	margin-bottom:10px;
	padding-right:10px;
	color:#003366;
	font-size:13px;
}
.latest_date {
	width:100% !important;
	clear:both !important;
	color:#0099CC;
	font-size:10px !important;
}



/* content pages layout */
#pages_content {
	position:relative;
	display:block;
	left:230px;
	width:540px;
	min-height:300px;
	padding:0px 20px;
	margin-bottom:30px;
}
#pages_content img{
	position:absolute;
	float:left;
	left:-230px;
	border:#333333 3px solid;
}
#pages_content p{
	margin-bottom:15px;
}

#pages_content ul{
	margin-bottom:15px;
}
#pages_content li{
	list-style: none;
	margin-bottom:2px;
}
#pages_content li a:link,
#pages_content li a:visited {
	display:block;
	padding:2px 10px;
	color:#006699;
}
#pages_content li a:hover {
	padding:1px 14px;
	color:#003366;
	border:#eeeeee 1px solid;
	background:#ffffff;
}
#pages_content span{
	display:block;
	float:left;
	clear:left;
	margin-right:10px;
	font-weight:bold;
	color:#006699;
}


/* list pages layout */
#list_content {
	position:relative;
	display:block;
	clear:both;
	width:590px;
	min-height:300px;
	padding:0px 20px;
	left:230px;
	margin-bottom:30px;
}
#list_content p{
	margin-bottom:15px;
}
#list_content img{
	position:absolute;
	float:left;
	left:-230px;
	border:#333333 3px solid;
}
#list_content ul{
	display:block;
}
#list_content li{
	margin-bottom:5px;
}
#list_content li a:link,
#list_content li a:visited {
	display:block;
	margin-left:-5px;
	margin-bottom:5px;
	padding:0px 5px 5px 5px;
	min-height:50px;
	color:#333333;
	border:#dddddd 1px solid;
}
#list_content li a:hover {
	border:#cccccc 1px solid;
	background:#ffffff;
}
#list_content ul li span{
	font-size:9px;
	color:#999999;
}
#list_content h3{
	color:#0099CC;
	font-size:16px;
}
#list_content select{
	color:#666666;
	font-size:11px;
	line-height:15px;
	background:#eeeeee;
	border:#cccccc 1px solid;
}
#list_content select:hover{
	color:#333333;
}
.people_thumbs {
	left:-70px !important;
}
.listitem_border {
	padding:5px;
	border:#dddddd 1px solid;
}


/* page selector menu */
page_selector {
}
#page_selector span {
	position:relative;
	display:block;
	float:left;
	margin:1px;
	padding:0px 5px;
	font-size:9px;
	font-weight:bold;
	color:#cccccc;
	background:#eeeeee;
}
#page_selector a:link,
#page_selector a:visited {
	position:relative;
	display:block;
	float:left;
	margin:1px;
	padding:0px 5px;
	font-size:9px;
	font-weight:bold;
	color:#999999;
	background:#eeeeee;
}
#page_selector a:hover {
	margin:0px;
	color:#0099cc;
	border:#cccccc 1px solid;
	background:#ffffff;
}







/* =footer
________________________________________________________________ */
#footer_container {
	position:relative;
	clear:both;
	display:block;
	width:auto;
	height:100px;
	background:url(images/bg_footer.png) repeat-x;
}


#footer_container div {
	position:relative;
	display:block;
	margin:auto;
	width:900px;
	height:20px;
	background-color:#cccccc;
}
#rights {
	position:absolute;
	top: 5px;
	left:30px;
	font-size:10px;
	color: #666666;
}
#credits {
	position:absolute;
	top: 5px;
	right:30px;
	font-size:10px;
	text-align:right;
	color: #999999;
}