/*  
Theme Name: clean 
Description: design and layout for mes.dea.org.gr
Version: 0.1
Author: Vasilis Giannoulis
Author URI: http://www.2square.gr

/* Layout */

body {
height: 100%;
margin: 0;
padding: 0;
background: #fff url(./images/bg.gif); 
font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 10pt;
}

#content {
display: block;
width: 520px;
margin: 0px 0 0 360px;
padding: 260px 10px 20px 10px;
}

#fixed {
display: block;
position: fixed;
top: 0;
left: 0;
width: 330px;
margin-top: 125px;
padding-top: 0;
height:100%;
}


#top {
display: block;
width: 520px;
height: 25px;
position: relative;
top: -255px;
left: 0px;
background: #333;
}

* html #fixed {
position: absolute;
}

.hide {
display:  none;
}

#credits {
width: 520px;
height: 45px;
background: url(./images/contentbottom.png) no-repeat;
}

#credits a{color: #000;}
#credits a:link, a:visited, a:active {color: #000;}

#credits p{color: #eee; padding-right: 30px;}

.PJN_Jump {display: inline; float: left; line-height: 50px;padding-bottom: 30px; width: 520px;}



/*Menu*/

ul.menu{margin:0;padding-left: 120px;list-style-type:none;display:block;font-size: .9em; font-weight: bold; line-height:165%;width:210px;}
ul.menu li{margin:0;padding:0;text-align: right;}
ul.menu li a{text-decoration:none;color:#000;}
ul.menu li a:hover{text-decoration: underline; }

/* Typography */

pre {
margin: 0 0 0 0;
padding: 10px;
color: #000000;
background: #eaf2e6;
border: 1px solid #ced5cb;
}

strong {
color: #5f5f5f;
}

.posted {
margin: 0;
font-size: 8pt;
font-style: italic;
}

hr {
  margin-bottom: 18px;
  border: 0;
  color: #cfcfcf;
  background-color: #cfcfcf;
  height: 1px;
  width: 100%;
  text-align: left;
}

/* Images */

img {
margin: 6px 0px 8px 0;
}

img.float_right {
margin: 0 0 10px 15px; float: right; border: dotted 1px;
}

.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


/* Headers */

#fixed h1 {
width:  330px;
height:  110px;
margin:  0px 0 50px 0;
background:  url(./images/logo.png) no-repeat;
}

#fixed h1 a { height: 92px; }


#content h2 {
margin: 0 0 20px 0;
}

* html #content h2 {
margin: 0;
}

#content h3 {
margin: 20pt 0 9pt 0;
color: #3f3f3f;
font-size: 11pt;
font-weight: bold;
}

#content h4 {
margin: 30px 0 0 0;
color: #3f3f3f;
font-size: 9pt;
font-weight: bold;
}


/* Links */

#content a:link, a:visited, a:active
{
text-decoration: none;
text-transform: none;
color: #B02A2C;
outline: none;
}

#content a:hover
{
border-bottom: 1px solid #A96B42;
}

#content a.headerlink {
color: #4f4f4f;
font-weight: bold;
}

#content a.headerlink:hover {
color: #B02A2C;
border-bottom: none;
}

#credits p {float:right; line-height: 60px; display: inline; outline: none	; margin: 0; text-decoration: none;}

#content img {
text-decoration: none; display: block; border:none;outline: none; color: #fff;
}

/* Lists */

ul, ol {
margin: 0 0 16pt 0;
line-height: 16pt;
color: #000;
font-style: normal;
}

li {
margin: 0 0 8pt 0;
}

/* Tables */

table {
margin-bottom: 15px;
}

.form_label {
text-align: right;
color: #666666;
padding-right: 3px;
}

/* Forms */

button {
margin: 0 0 1px 2px;
padding: 0 2px 3px 2px;
color: #FFFFFF;
height: 20px;
font-size: 11px;
background: #B02A2C;
border: none;
}

* html button {
margin: 0 0 0 4px;
padding: 0 2px 1px 2px;
}

input, select {
border: 1px solid #cccccc;
background: #FFFFFF url(/images/global_input_bg.gif) repeat;
}

select {
border: 1px solid #cccccc;
}


/* Miscellaneous */

.article {border-bottom: dotted 1px;}