/*Newspaper Xaravgi Samos CSS Document
Created by Zefxis Creative - Arvanitaki Athanasia
http://www.zefxiscreative.gr*/

/*  EC1D27    24618E to ble tabs  2F5958 to ble akouatic kato  OLD C6D3D7  NEW B9CAD0*/

body{background-color:#f4f4f4;/*#ececec*/font-size:70%;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;padding:0px;margin:0px;}

.clear{clear:both;}


/* ---------- basic links ---------- */
a{color:#660000;text-decoration:none;/*#999 #660000 #2F5958*/}
/*a:visited{color:#DB7093;}*/
a:hover{color:#2F5958;}
a:active{color:#2F5958;}
a img{border:none;}


/* ---------- basic elements ---------- */
h1.democ{font-size:13px;font-style:italic;padding:5px 0 8px 160px;margin:0;}
h1.slog{font-size:16px;background-color:#D80000;color:#fff;border-top:1px solid #24618E;border-bottom:1px solid #24618E;padding:4px 20px 5px 20px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1.slog span{font-size:12px;padding:5px 20px 5px 65px;font-family:Verdana, Arial, Helvetica, sans-serif;}
h1.first{margin:0;padding:15px 0px 10px 0px;font-size:160%;font-weight:normal;}
h1.number{color:#666;font-size:120%;padding:6px 0 0 0;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1.title{color:#666;font-size:140%;padding:15px 0px 10px 0px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;}
h1{color:#666;font-size:125%;line-height:140%;padding:25px 0 5px 0;margin:0;}
h2{color:#666;font-size:115%;line-height:140%;padding:15px 0 5px 0;margin:0;}
h3{color:#666;font-size:105%;line-height:140%;padding:10px 0 5px 0;margin:0;}
p{padding:0;margin:0;}
ul{padding:0;margin:0;}


/* ---------- container to center the layout ---------- */
#container{width:960px;padding:0px;margin:0px;margin-left:auto;margin-right:auto;} 


/*  ---------- header ----------  */
#header{padding-top:10px}
#header #home{margin-left:600px;width:150px;position:relative;top:-60px;left:0;clear:right;text-align:center;line-height:180%;margin-bottom:-90px}
#header #home a{display:block;padding:2px 0 15px 0;color:#999;background-color:#f4f4f4;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:110%;}
#header #home a:hover{color:#2F5958}
#topbanner{/*text-align:right;*/background-color:#D1D8DA/*D1D8DA*/;text-align:center;}
#topbanner img{} 
p.date{text-align:right;margin-right:200px;color:#2F5958;padding-top:3px;}
#up{}


/* ---------- outer and inner divs ---------- */
#outer{border-left:solid 160px #ececec;/* color of the left column  */ border-right:solid 200px #ececec;/* color of the right column  */ background-color:#ffffff;/* color of the content column */padding-top:10px;} 
#inner{margin:0;width:100%;} /* The ie/pc pecularity */ 


/* ---------- left and right nav ---------- */
#left{width:160px;float:left;position:relative;margin-left:-160px;margin-right:1px;}
#right{width:200px;float:right;position:relative;margin-right:-200px;margin-left:1px;}


/* ---------- content div and content and tab content elements ---------- */ 
.content{position:relative;/*??????*/margin:0px 25px;padding:0 0 40px 0;}
.content p{padding:0;margin:8px 0;line-height:140%;}
.content hr{border:1px solid #ececec;}
.content ol{margin:8px 30px;padding:0px;line-height:140%;}
.content ol li{padding:0px 0px 6px 10px;}
.content ul, .tabcontent ul{margin:8px 0px;padding:0px;list-style-type:none;line-height:140%;}
.content ul li, .tabcontent ul li{padding:0px 0px 6px 15px;background:url(../buttons/bullet.gif) no-repeat 0px 6px;}
.tabcontent ul li a{color:#2F5958;display:block}
.tabcontent ul li a:hover{color:#660000;}
.tabcontent ul li:hover{background:url(../buttons/bullet_hov.gif) no-repeat 0 6px;}


/* ---------- footer ---------- */ 
#footerholder{background:url(../buttons/footerbg.gif) 0 0 repeat-x;color:#666;margin:0 auto;clear:both;border-top:1px solid #2F5958/*999 24618E*/;line-height:130%;}
#footerbanner{padding-top:20px;text-align:center;}
#footer{padding:15px 40px;}
#footer a{color:#666;}
#footer a:hover{color:#2F5958;text-decoration:underline;}
#footer p.copyright{/*width:500px;*/font-size:90%;margin:15px 10px 5px 10px;}
#footer p.design{/*width:500px;*/font-size:80%;text-align:right;margin:5px 10px 10px 10px;}
#footernav{padding:10px 100px;text-align:center;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;line-height:180%;}
#footernav a{color:#666;}
#footernav a:hover{color:#2F5958;}
#footernav ul{}
#footernav li{display:inline;}
#footernav ul li a{padding:0 8px 0 5px;color:#2F5958;text-decoration:none;font-size:110%;}
#footernav ul li a:hover{text-decoration:underline;}


/* ---------- left and right banners ---------- */
#leftbanner{}
#leftbanner img{padding:0 5px;}
#right img, #leftbanner img{margin-bottom:10px;}


/* ---------- tabs top nav ---------- */
#tabs{float:left;width:100%;background:#F4F4F4;font-size:10px;line-height:normal;border-bottom:1px solid #24618E;}
#tabs ul{margin:0;padding:10px 10px 0 160px;list-style:none;}
#tabs li{display:inline;margin:0;padding:0;}
#tabs a{float:left;background:url(../buttons/tableft.gif) no-repeat left top;margin:0 3px 0 0;padding:0 0 0 6px;text-decoration:none;}
#tabs a span{float:left;display:block;background:url(../buttons/tabright.gif) no-repeat right top;padding:5px 13px 7px 6px;color:#2F5958;}

/* Commented Backslash Hack hides rule from IE5-Mac */
#tabs a span{float:none;}
/* End IE5-Mac hack */

#tabs a:hover span{color:#fff;}
#tabs a:hover{background-position:0% -42px;}
#tabs a:hover span{background-position:100% -42px;}
	

/* ---------- left nav ---------- */
#leftnav{width:140px;margin:0 10px 20px 10px;} 
#leftnav img{border:1px solid #ccc;margin-bottom:5px;} 
#leftnav ul{list-style:none;margin:0;padding:0;border:1px solid #ccc;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#leftnav li a{height:24px;text-decoration:none;voice-family:"\"}\"";voice-family:inherit;}	
#leftnav li a:link, #leftnav li a:visited{color:#666 /*#2F5958 #999*/;display:block;background:url(../buttons/menu.gif);padding:8px 0 0 22px;}
#leftnav li a:hover, #leftnav li a:active{color:#2F5958;background:url(../buttons/menu.gif) 0 -32px no-repeat;}


/* ---------- other links and buttons---------- */
p.photodesc{margin-bottom:20px;}
p.more, p.back, p.top{text-align:right;}
p.more a, p.back a, p.top a{display:block;color:#999;text-decoration:none;}
p.more a{padding:10px 25px 4px 0;background:url(../buttons/more.png) 100% 12px no-repeat;}
p.more a:hover{color:#2F5958;background:url(../buttons/more.png) 100% -14px no-repeat;}
p.back a{padding:10px 0 4px 25px;background:url(../buttons/back.png) 88% 12px no-repeat;}
p.back a:hover{color:#2F5958;background:url(../buttons/back.png) 88% -12px no-repeat;}
p.top a{padding:14px 0 4px 20px;background:url(../buttons/top.png) 82% 12px no-repeat;}
p.top a:hover{color:#2F5958;padding:14px 0 4px 20px;background:url(../buttons/top.png) 82% -16px no-repeat;}
p.print{margin-top:20px;}
p.lang{margin:-10px 0 20px 0;text-align:right;}
p.print a, p.lang a{text-decoration:none;color:#999;}
p.print a:hover, p.lang a:hover{color:#2F5958;/*different*/}
p.print img, p.lang img{float:none;margin:0;}
#pdf, #issueno{width:100%;background-color:#f4f4f4;height:10px;float:left;margin:30px 0;/*clear:both;*/}
#pdf p, #issueno p{}
/*#pdf p a{width:220px;height:25px;display:block;background:url(../buttons/pdfButton.gif) 10px 2px no-repeat #fff;color:#999;margin:-18px 0 0 310px;padding:5px 0 3px 30px;}*/
#pdf p a{width:220px;height:25px;display:block;background-color:#fff;color:#999;margin:-20px 0 0 260px;padding:5px 10px 3px 10px;text-align:center;}
#issueno p a{width:180px;height:25px;display:block;background-color:#fff;color:#999;margin:-20px 0 0 300px;padding:5px 10px 3px 10px;text-align:center;}
#pdf img, #issueno img{padding-right:2px;/*vertical-align:-3px;*/}
#pdf p a:hover, #issueno p a:hover{color:#2F5958;text-decoration:none;}
#navpg{margin:20px 0px;}
#navpg a{/*min-width:15px;*/padding:2px 5px 3px 5px;text-align:center;border:1px solid #fff;color:#999;background-color:#f4f4f4;}
#navpg a:hover{background-color:#ececec;color:#2F5958;}
#navpg a:hover, .content #navpg a.pgselect{border:1px solid #ccc;}


/* ---------- stiles, professionals, aggelies, tel, issue ---------- */
#stiles, .prof{border:solid #B9CAD0;/*float:left;*/}
#stiles{width:100%;float:left;border-width:2px 1px 6px 1px;margin:15px 0;}
#stiles h1{width:100px;background:url(../buttons/stiles.gif) 15px 40px no-repeat #B9CAD0;height:80px;float:left;display:block;color:#fff;font-size:18px;font-weight:bold;line-height:20px;padding:40px 0 0 70px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;}
.prof{width:99%;border-width:2px 1px 6px 1px;padding-bottom:20px;margin:15px 0;}
.prof h1{width:140px;background-color:#B9CAD0;min-height:50px;float:left;display:block;color:#fff;font-size:17px;font-weight:bold;line-height:20px;padding:15px 20px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.prof h2{margin:15px 15px 0 200px;padding:0}
.prof p{margin:0 15px 0 200px;padding:0}
.prof hr{border:1px solid #B9CAD0;margin:15px 0 0 0;padding:0;}
#stileslist{width:300px;float:left;padding:15px 15px 15px 30px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:110%;}
ul.stileslinks{margin:0px;padding:0px;list-style-type:none;}
ul.stileslinks li{width:300px;line-height:18px;background-image:none;}
ul.stileslinks li a{width:300px;display:block;background:url(../buttons/bullet_stiles.gif) 0 7px no-repeat;color:#2F5958/*#999*/;padding:2px 0 2px 22px;}
ul.stileslinks li a:hover{background:url(../buttons/bullet_stiles_hov.gif) 0 7px no-repeat;color:#660000;}
.aggeliestel{margin:0 0 10px 0;}
.aggeliestel h1{width:100%;margin:3px 0;border-bottom:1px solid #D80000;padding:28px 0 3px 0;font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:125%;color:#666;/*text-transform:uppercase;*/}
.aggeliestel h2{color:#666;font-size:115%;line-height:140%;padding:15px 0 5px 50px;margin:0;}
.aggeliestel h3{color:#666;font-size:105%;line-height:140%;padding:10px 0 5px 50px;margin:0;}
.aggeliestel p{margin:10px 5px 10px 50px;}
.aggeliestel ul{margin:10px 5px 10px 50px;}
.aggeliestel hr{border:1px solid #ececec;}
#issue{float:left;margin-right:15px;text-align:center;}
#issue p{margin:20px 0 10px 0;padding:0px;}
#issue a{color:#999}
#issue a:hover{color:#2F5958} 
.issueimg{border:2px solid #ccc;margin:20px 0 5px 0;}
.issueimgsmall{border:2px solid #ccc;margin:0 5px 5px 0;}


/* ---------- tab content - themata ---------- */
.tabitems{float:left;width:500px;padding:15px 20px 5px 30px;margin-bottom:20px;background-color:#f4f4f4;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:6px solid #B9CAD0;}
#themata{float:left;padding:0;margin:20px 0 0 0;text-align:left;/*set to left, center, or right to align the menu as desired*/font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:13px;font-weight:bold;}
#themata ul{list-style:none;margin:0;}
#themata li{display:inline;margin:0;padding:0;}
#themata a{position:relative;z-index:1;float:left;background:url(../buttons/tabcontleft.gif) left -41px no-repeat;margin:0 3px 0 0;padding:0 0 0 6px;}
#themata a span{position:relative;z-index:1;float:left;display:block;background:url(../buttons/tabcontright.gif) right -41px no-repeat;padding:5px 13px 6px 6px;color:#fff;}

/* Commented Backslash Hack hides rule from IE5-Mac */
#themata a span{float:none;}
/* End IE5-Mac hack */

#themata a:hover span{}
#themata a.selected{ /*selected main tab style */top:3px;background:url(../buttons/tabcontleft.gif) left 1px no-repeat;}
#themata a.selected span{ /*selected main tab style */background:url(../buttons/tabcontright.gif) right 1px no-repeat;color:#999;}
#themata a:hover{/*cursor:hand;*/background:url(../buttons/tabcontleft.gif) left 1px no-repeat;}
#themata a:hover span{/*cursor:hand;*/background:url(../buttons/tabcontright.gif) right 1px no-repeat;color:#999;}
.tabcontent{display:none;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:110%;line-height:110%;}

@media print {
.tabcontent {
display:block !important;
}
}


/* ---------- tables ---------- */
.content table{/*width:100%;padding:0px;???????????????????????????????*/text-align:left;margin:15px 0px;line-height:14px;border:1px solid #ececec;}
.content table td{background-color:#f4f4f4;padding:3px 15px 5px 15px;}
.content table th{color:#666;font-weight:bold;background-color:#ececec;padding:6px 15px 10px 15px;}
.content table.thumbnails{width:100%;padding:0px;text-align:center;border:none;}
.content table.thumbnails td{vertical-align:top;padding:0;background-color:#f4f4f4;border:1px solid #ececec;}
.content table.thumbnails td img{margin-bottom:2px;}
.content table.thumbnails td a{display:block;padding:8px;color:#666;}
.content table.thumbnails td a:hover{color:#2F5958;}
.content table.thumbnails td:hover{background-color:#ececec;}
.content table.issues{width:100%;padding:0;text-align:center;border:none;}
.content table.issues td{vertical-align:top;padding:0 20px 30px 0;background-color:#fff;}
.content table.issues td img{margin-bottom:5px;border:1px solid #ccc;}
.content table.issues td a{display:block;color:#999;line-height:150%;border-bottom:solid 1px #ccc;padding-bottom:6px;}
.content table.issues td a:hover{color:#2F5958;border-bottom:solid 1px #999;}
.content table.issues td a:hover img{border:1px solid #999;}
.content table.issues td a span{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:120%;}


/* ---------- form elements ---------- */
form{margin:20px 0px;padding:0px;}
form label{display:block;margin:10px 5px 4px 0px;}
form input, form textarea, form select{font-family:Arial, Helvetica, sans-serif;color:#999;background-color:#f4f4f4;}
form input, form textarea{font-size:105%;border:1px solid #ececec;}
form select{font-size:105%;border:1px solid #ececec;/*????????????????*/}
form input, form textarea{padding:4px;}
form textarea{border:1px solid #ececec;}
form checkbox{vertical-align:middle;padding:3px;}
form .button{color:#999;background-color:#ececec;padding:3px;border:1px solid #D7D7D7;margin:5px 10px 5px 0;}
form .button:hover{/*cursor:hand;*/color:#fff;background-color:#B9CAD0/*C7D0DD apo left menu CCCCD9 apo bullet*/;border:1px solid #B9CAD0;} 
form.issuesform{margin:30px 0 40px 0;}
form.issuesform label{float:left;position:relative;top:-6px;/**************???????**/}
form.issuesform select{float:left;margin:0 10px 0 2px;}
form.issuesform .issuebutton{color:#999;background-color:#ececec;padding:3px;border:1px solid #D7D7D7;margin:-2px 5px 5px 0;}
form.issuesform .issuebutton:hover{/*cursor:hand;*/color:#fff;background-color:#B9CAD0/*C7D0DD apo left menu CCCCD9 apo bullet*/;border:1px solid #B9CAD0;}
form.searchform{margin:5px 0px;}
form.searchform input{background-color:#ececec;border:none;color:#999;border:1px solid #D1D8DA;}
form.searchform .searchbutton{border:none;padding:3px;background:url(../buttons/arrowsearch.png) 0 2px no-repeat #ececec;width:23px;border:1px solid #D1D8DA;}
form.searchform .searchbutton:hover{/*cursor:hand;*/background:url(../buttons/arrowsearch.png) 0 2px no-repeat #D1D8DA/*C7D0DD apo left menu CCCCD9 apo bullet*/;}
form.subscribeform, form.advertform, form.emailform, form.orderform{margin:25px 0}
form.contactform{}


@media print {
form.contactform, form.subscribeform, form.advertform {
display:none !important;
}
}