/**------------------------------------------------------
* www.nafpaktia.com
*------------------------------------------------------**/
/* PAGE LAYOUT
--------------------------------------------------------*/
body{
background:#F5F5F5 url(h_bg.jpg) 0 0 repeat-x;
font-family:verdana, sans-serif;     font-size:12px;
text-align:center;
}
*{
margin:0;  padding:0;
text-align:left;
}
#topheader{
height:20px; width:100%;
text-align: right;
}
#header{
background:url(header_bg.jpg) no-repeat;
height:110px; width:100%;
}
#wrapper{
margin:0 auto; width:950px;
text-align:left;
}
#inner{
background: url(bodybg.jpg) repeat-y;
margin:5px 0 0 0;  width:951px;
}
#inner-plain{
background:#F5F5F5;
margin:8px 0 0 0; width:951px;
}
#float-wrap {
float:left; width:700px;
}
#left{
padding:10px 0 0 0;
float:left; width:155px;
position: relative;
}
#center{
margin:0 auto 0 auto; padding:10px;
float:right; width:525px;
}
#right {
margin:0 auto 0 auto;  padding:10px 1px 10px 0;
float:right; width:249px;
position: relative;
}
#small-footer{
height:20px;
}
#footer{
background: url(f_bg.jpg) repeat-x;
padding: 55px 0 0 0;
height:90px;
text-align: center; font-size: .8em;
}
* html #inner{
width:100%;
}
/* FLOATS
------------------------------------------------------------------------*/
.clear{clear: both;}
.clr{clear: both; line-height:1px; height:1px;}
.fltright{float:right;}
.fltleft{float:left;}
.img-right{float:right; margin: 0 0 0 7px;}
.img-left{float:left; margin: 0 7px 0 0;}
/* SECONDARY CLASEES
-------------------------------------------------------------------------*/
.col-50{width:49%;}
.col-70{width:69%;}
.col-30{width:29%;}
.col-25{width:24%;}
.col-33{width:33%;}  
.link-col{width:48%;}
h1{
font-size:1.4em;
font-weight: 600;
}
em{
font-size:1.1em;
font-weight: 600;
font-style: normal;
}
p{
text-align: justify;
margin:0 0 15px 0;
}
.half{ /*for blocks*/
width:240px;
margin:10px 10px 10px 0;
}
.half-left{ /*for blocks*/
width:240px;
margin:10px 0 10px 20px;
}
.taller{/*for lists and blocks*/  height:150px; }
.grey{
color: #666;
font-size: .9em;
}
.red {
color: #d00030;
font-weight: 700;
font-size: .7em;
}
.center{text-align:center; }
.center-div{
width:950px;
margin: 0 auto 0 auto;
}
.new{
font-size: .77em;
color:red;
}
.beta{
font-size: .77em;
color:green;
}
.updated{
font-size: .77em;
color:blue;
}
/* IMAGES
------------------------------------------------------------------------*/
img{
background: #f0f0f0;
padding:3px;
border:1px solid #aaa;
}
.tabcontent img, .featured img, .intro_article img, a img{
float:left;
margin:0 7px 0 0;
}
.thub{
float:left;
width:40px;
height:35px;
}
.smallthub{
float:left;
width:35px;
height:28px;
}
.bigger_thub{
width:55px;
height:50px;
}
.intro img{
float:left;
width:30px;
height:30px;
margin: 0 10px 0 0;
}
/* ANCHORS
--------------------------------*/
.tabcontent a.read-more:link,
.tabcontent a.read-more:visited,
.we-suggest a.read-more:link,
.we-suggest a.read-more:visited{
/*background:url("icon_more.jpg") no-repeat top right;*/
padding:1px 20px 3px 0;
font-weight: 600;
color:#fd7f32;
margin: 0 0 0 370px;
}
.tabcontent  a.read-more:hover,
.tabcontent a.read-more:active,
.we-suggest a.read-more:hover,
.we-suggest a.read-more:active
{ color: #999; }
a:link,
a:visited{
color: #fd7f32;
text-decoration: none;
}
a:hover,
a:active{
text-decoration: none;
color: #999;
}
a.archive {
padding: 0 0 0 55px;
font-size:.9em;
}
.dots{
color: #fd7f32;
font-weight: 600;
font-size:.7em;
}
/* TOP
------------------------------------------------------------------------*/
.logo{
margin-top:5px;
display: block;
float:left;
width:300px;
height:77px;
}
.logo img{
border:0px;
background-color: transparent;
padding:0;
}
.small-logo img{
margin-top:20px;
width:145px;
border:0px;
background-color: transparent;
padding:0;
}
.flash-header{  float:right;  }
#topheader a{
padding: 0 6px 0 7px;
font-size: .9em;
}
.top-search{
text-align: right;
float:right;
margin: 30px 5px 0 0;
}
.top-search .search-btn, .search-btn{
padding: 0 0 2px 0;
background: url(btnbg.jpg);
width: 95px;
height:21px;
border:0;
text-align: center;
font-size: .8em;
}
.top-search input{
border:0;
background: url(inputbg.jpg);
height:21px;
}
a.blue{
background: url(style_blue.gif);
width:17px height:17px;
}
a.green{
background: url(style_green.gif);
width:17px height:17px;
}
a.red{
background: url(style_red.gif);
width:17px height:17px;
}
a.orange{
background: url(style_orange.gif);
width:17px height:17px;
}
a.yellow{
background: url(style_yellow.gif);
width:17px height:17px;
}
/* LEFT
------------------------------------------------------------------------*/
.navigation a:link,
.navigation a:visited{
margin:0 2px 2px 2px;
padding: 7px 0 7px 7px;
font: 600 .94em  Verdana;
display: block;
float:left;
width: 138px;
border-top:1px solid #fff;
border-bottom:1px solid #b4b4b4;
background-color: #ededed;
color: #080808;
}
.navigation a:hover,
.navigation a:active,
.navigation a.active:link,
.navigation a.active:visited,
.navigation a.active:hover,
.navigation a.active:active{
padding: 7px 0 7px 7px;
background-color: #e1e1e1;
color: #fd7f32;
}
div.rss{
margin: 20px auto;
width:140px;
height:130px;
padding: 6px 0 0 0;
clear: both;
background: url(rss_bg.jpg) 0 0 no-repeat;
}
div.rss div{ background: url(rss_icon.gif) 10px 0 no-repeat; }
div.rss a{
margin: 0 0 0 48px;
}
div.rss p{
text-align: center;
margin:10px 0 0 0;
font-size: .88em;
}
/* RIGHT
------------------------------------------------------------------------*/
div.right div{
padding: 0 0 0 10px;
}

div.right, div.polls, div.simplepie{ padding: 0 5px; }
.wellcome{
background-color: #dddddd;
padding:8px;
text-decoration: none;
border-top:1px solid #c2c2c2;
border-bottom:1px solid #c2c2c2;
margin: 0 0 20px 0;
}
#right h4, #right h5{
width: 100%;
text-align: center;
color: #444;
padding: 5px 0;
font-size: 1.1em;
border-bottom:1px solid  #c2c2c2;
}
#right h4{ margin: 20px 0 4px 0; }
#right h5{ margin: 0 0 5px 0;}
.tips p{
color: #666;
font-size: .9em;
text-align: center;
}

/* nafpaktorama drop - down list
--------------------------------*/
.nafpaktorama-list{
background:url(orama.gif) top center no-repeat;
height:25px;
padding: 35px 0 0 40px;
}
 /* advertising and banners
--------------------------------*/
/* advertisng teaser */
.advert{text-align: center;}
a.teaser{ font-size: .9em;}
.adv{
width: 100%;
position: relative;
left: 50%;
margin:0 0 0 -25%;
}
.adv span{color:#eeeeee; }
/*right column*/
a.intro:link,
a.intro:visited,
a.intro:active{
height:38px;
display: block;
padding:3px;
margin: 0 5px 3px 5px;
font-size: .85em;
text-decoration: none;
color:#444;
}
a.intro:hover,
a.active:link,
a.active:visited,
a.active:hover,
a.active:active{
background-color: #dddddd;
padding:2px;
text-decoration: none;
color: #fd7f32;
border:1px solid #c2c2c2;
}
a.small-intro:link,
a.small-intro:visited,
a.small-intro:active{
padding: 5px 0 5px 0px;
text-align: left;
font-size: .89em;
text-decoration: none;
color:#fd7f32;
}
a.small-intro:hover{
color:#fd7f32;
font-weight: 600;
text-decoration: none;
}
a.right-more{ margin: 0 0 0 55px; }
/*poll*/
a.search-btn-lnk{
margin-top:4px;
float: left;
display: block;
padding: 5px 0 2px 0;
background: url(btnbg.jpg);
width: 95px;
height:16px;
text-align: center;
font-size: .8em;
color:#444;
}
.polls .search-btn{
margin-top:4px;
float: left;
padding: 0 0 2px 0;
background: url(btnbg.jpg);
width: 95px;
height:21px;
border:0;
text-align: center;
font-size: .8em;
}
.polls input[type=radio] {
height:10px;
width:10px;
font-size:2em;
}
.clsPerc{ padding: 0 0 0 50px; }
.clsGraph{ margin: 0 0 15px 0; }
/* rss lists */
.simplepie h3 {
font-size:1.1em;
margin: 0 0 10px 0;
}
.simplepie ol li{
list-style:none;
margin: 0 0 10px 0;
}
.simplepie a:link,
.simplepie a:visited{
text-decoration: none;
color:#444;
}
.simplepie a:hover,
.simplepie a:active{
color:#fd7f32;
text-decoration: none;
}

/*latest comments*/
.recent_comments ul li{
list-style:none;
margin: 0 0 10px 0;
}
.recent_comments  a:link,
.recent_comments  a:visited{
text-decoration: none;
color:#444;
}
.recent_comments  a:hover,
.recent_comments  a:active{
text-decoration: none;
color:#fd7f32;
}

/* CENTER
--------------------------------------------------------------------------------*/
/* we-suggest */
.we-suggest{
background-color: #f0f0f0;
padding:2px 0 20px 10px;
text-decoration: none;
border:1px solid #d1d1d1;
}
.we-suggest h5{
margin: 0 0 12px 250px;
font-size:1.3em;
color: #fd7f32;
}
.we-suggest a:link,
.we-suggest a:visited,
.we-suggest a:hover,
.we-suggest a:active{ color: #555; }
a.we-suggest:hover b,
a.we-suggest:active b,
a.we-suggest:hover em,
a.we-suggest:active em{ color: #fd7f32; }
/* FRONTPAGE */
.ticker{
background-color: #f0f0f0;
padding:15px;
text-decoration: none;
border:1px solid #d1d1d1;
}
.ticker a{
text-align: justify;
}
.featured_item{
margin: 20px 10px;
width:240px;
}
/*tabs*/
.shadetabs{
height:42px;
padding:0;
list-style-type: none;
text-align: left;
}
.shadetabs li{
display:inline;
margin:0; padding:0;
}
.shadetabs li a:link,
.shadetabs li a:visited{
font-weight: bold;
text-align: center;
padding: 10px 0 0 0;
color: #333;
float:left;
background:url("btn.jpg") no-repeat 0 -42px;
width:120px;
height: 32px;
text-decoration:none;
}
.shadetabs li a:active,
.shadetabs li a:hover{
color: #333;
background-position:left top ;
}
.shadetabs li.selected a{
background:url("btn.jpg") no-repeat left top;
color: #333;
}
.tabcontentstyle, .tabcontentstyle-odigos{ /*style of tab content oontainer*/
background:#d2d0d1 url("newsbg.jpg") repeat-x top left;
border: 1px solid #d1d1d1;
width:513px;
margin-bottom: 1em;
padding: 5px;
}
.tabcontentstyle-odigos{ background:transparent;
padding: 5px 0 0 30px;
width:488px;

}
/*newstab*/
a.intro_article:link,
a.intro_article:visited,
a.intro_article:hover,
a.intro_article:active,
.tabcontent a:link,
.tabcontent a:visited,
.tabcontent a:hover,
.tabcontent a:active,
.ticker a:link,
.ticker a:visited,
.ticker a:hover,
.ticker a:active,
a.featured_item:link,
a.featured_item:visited,
a.featured_item:hover,
a.featured_item:active{ color: #444;}
a:hover em,
a:active em{ color: #fd7f32; }
a.:link b,
a.:visited b{ color: #444; }
a:hover b,
a:active b{ color: #fd7f32; }
.tabcontent{
clear: both;
display:none;
}
/* agenda tab and page*/
#tcontent5 h5{
width: 100%;
text-align: left;
color: #444;
padding: 5px 0;
margin:0 0 4px 0;
font-size: 1.2em;
border-bottom:1px solid  #c2c2c2;
}
a.agenda-tab-list:link,
a.agenda-tab-list:visited{
padding:3px 1px 3px 20px;
color: #444;
}
a.agenda-tab-list:hover,
a.agenda-tab-list:active{ color: #fd7f32; }
a.agenda-right-list:link,
a.agenda-right-list:visited{
width: 190px;
padding:0 2px 10px 2px;
color: #fd7f32;
}
a.agenda-right-list:hover,
a.agenda-right-list:active{
font-weight: 600;
}
a.agenda-list:link,
a.agenda-list:visited{color: #fd7f32;}
a.agenda-list:hover,
a.agenda-list:active{font-weight: 600; }
#agenda-cal a{ font-weight: 600; }
#right #agenda-cal{ margin:0 auto; }
.agenda-excerpt{
margin:0 0 15px 0;
padding: 0 0 0 48px;
}
/* NAFPAKTORAMA TAB */
#promo1 a{ text-align: justify; }
#promo1 h2{
font-family: Arial;
padding:0 50px 0 0;
color: #444;
text-align: right;
font-size: 1.5em;
border:0;
}
#promo1 em{font-size: 1.3em; }
#promo1 h5{
font-family: Arial;
margin:3px 0 3px 0;
color: #444;
font-size: 1.3em;
}
a.promo-list:link,
a.promo-list:visited{ color: #fd7f32; }
a.promo-list:hover,
a.promo-list:active{
color:#fd7f32;
font-weight: 600;
text-decoration: none;
}
/* BUSINESS TAB */
#promo2 form{
text-align: center;
padding:20px 10px;
border:1px solid #c2c2c2;
}
.business-list ul{
margin:2px 5px 0 0;
float: left;
display:block;
width:23%;
list-style: none;
}
.business-list ul li{
margin:0;
padding: 0;
font-size:.9em;
}
.business-list ul li a:link,
.business-list ul li a:visited{
height:19px;
padding:3px 1px 3px 17px;
display:block;
color:#444;
font-weight: 500;
}

*html .business-list ul li a:link,
*html .business-list ul li a:visited{
height:15px;
padding:3px 1px 3px 17px;
display:block;
color:#444;
font-weight: 500;
}
.business-list ul li a:hover,
.business-list ul li a:active{
color: #fd7f32;
padding:2px 0 2px 15px;
background-color: #f1f1f1;
border:1px solid #e5e5e5;
}
.business-list ul li a.business-active:link,
.business-list ul li a.business-active:visited,
.business-list ul li a.business-active:hover,
.business-list ul li a.business-active:active{
color: #fd7f32;
padding:2px 0 2px 15px;
background-color: #f1f1f1;
border:1px solid #e5e5e5;
}
/* ARTICLES PAGE
--------------------------------*/
a.article-list:link,
a.article-list:visited{
color: #fd7f32;
}
a.article-list:hover,
a.article-list:active{
font-weight:600;
color: #fd7f32;
}
h1.place, h2{
font-size:1.4em;
font-weight: 600;
border-bottom: 1px solid #fd7f32;
padding: 0 0 4px 0;
}
.details{
padding: 3px 0 10px 0;
color: #666;
font-size: .9em;
}
.bottom-details{
border-top: 1px solid #f0f0f0;
padding: 8px 0 8px 0;
color: #666;
font-size: .9em;
text-align: right;
}
blockquote{
float: left;
width: 33%;
font-style: oblique;
background-image:url(starquote.gif);
background-position:top left;
background-repeat:no-repeat;
font-size: 1.7em;
padding-left:5px;
}
blockquote p{
text-indent:15px ;
background-image:url(endquote.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding-right:10px;
}
/*pagination*/
ul#pages{
margin:0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
display: inline;
}
ul#pages li{
list-style-type: none;
display: inline;
}
ul#pages a, ul#pages a:visited{
padding: 0 5px;
text-decoration: none;
color: #fd7f32;
}
ul#pages a:hover, ul#pages a:active, ul#pages li.pgCurrent{
font-weight: bold;
padding: 0 5px;
color: #999;
}
/* NAFPAKTORAMA
--------------------------------*/
a.trips-link:link,
a.trips-link:visited,
a.trips-link:hover,
a.trips-link:active,
a.usefull-link:link,
a.usefull-link:visited,
a.usefull-link:hover,
a.usefull-link:active,
a.sights-link:link,
a.sights-link:visited,
a.sights-link:hover,
a.sights-link:active{
font-size:1.5em;
display: block;
}
/*search*/
.in-search{
padding:20px;
text-decoration: none;
color: #A40802;
border:1px solid #c2c2c2;
}

ul.nafpaktorama-areas li{
list-style: none;
height:150px;
text-align: center;
}
ul.nafpaktorama-areas li a{
padding: 8px 0 0 0;
}

/* COMMENTS
------------------------------------------------------------------------------------------------*/
.commentbox{
background-color: #ececec;
padding: 10px;
}
.commentfooter{
background: url(arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding: 1px 0 2px 58px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
div.comments-wrapper label{
float: left;
width: 120px;
font-weight: bold;
}
div.comments-wrapper input, div.comments-wrapper textarea{
width: 180px;
margin-bottom: 5px;
}
div.comments-wrapper textarea{
width: 250px;
height: 150px;
}
div.comments-wrapper .boxes{
width: 1em;
}
div.comments-wrapper .button{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}
div.comments-wrapper br{
clear: left;
}
h3.your-comments, h3.comments-invite{
margin: 20px 0 10px 0;
padding: 0 0 3px 0;
color:#444;
font-size: 1.3em;
border-bottom:1px solid  #fd7f32;
}
.button{
padding: 0 0 2px 0;
background: url(btnbg.jpg) top left no-repeat;
width: 100px;
height:21px;
border:0;
text-align: center;
font-size: .8em;
}

/* LISTS
--------------------------------------------------------------------------------------*/
.tabcontentstyle-odigos hr{
height: 1px;
color:#c2c2c2;
background-color: #c2c2c2;
margin:5px 20px;

}
ul.odigos li {
list-style: none;
margin:0 0 20px 0;
}
ul.odigos li b{
color:#444;
}





/* double list */
.dlist ul li {
height:15px;
list-style-type : none;
width:45%;
}
.dlist ul li.list2 {
margin-left : 50%;
margin-top : -15px;
}
/* usefull categories list */
.bit_taller_dlist ul li{ height:20px;}
.bit_taller_dlist ul li.list2 { margin-top : -20px;}
/* usefull list */
.medium_dlist ul li{  height:65px;  }
.medium_dlist ul li.list2 {margin-top : -65px; }
/* touristikos odigos */
.taller_dlist ul li{ height:120px; }
.taller_dlist ul li.list2 { margin-top : -120px;}
/* SITEMAP
--------------------------------------------------------------------------------*/
a.sitemap-links:link,
a.sitemap-links:visited,
a.sitemap-links:hover,
a.sitemap-links:active{ color: #444;}
a.sitemap-links:link b,
a.sitemap-links:visited b,
a.sitemap-links:hover b,
a.sitemap-links:active b{ color: #fd7f32; }
.sitemap ul li{
list-style:none ;
height:110px;
margin:10px 5px 10px 5px ;
}
/* contact form
--------------------------------------------------------------------------------*/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px;
width: 150px;
}
.cssform input[type="text"]{
width: 180px;
}
.cssform textarea{
width: 250px;
height: 150px;
}
* html .threepxfix{margin-left: 3px;}
/* Links
--------------------------------------------------------------------------------*/
.number{
margin:0 0 10px 0;
cursor: pointer;
color: #444;
font-size: 1.2em;
font-weight: 700;
}
.info{
 margin:0 0 10px 0;
}
#toggleable div {
display: none;
}
/* Footer
--------------------------------------------------------------------------------*/
.footer-desc{
padding: 0 100px 0 0;
}
.footer-2pro {
margin: 20px 5px 0 0;
}
a#logo-2pro{
display:block;
background: url(2pro-logo.jpg) no-repeat center center;
width:220px;
height:15px;
}
a#logo-2pro span{
display: none;
}

/* calendar */
#agenda-cal td{
padding:5px;
border:1px solid #c2c2c2;
background-color:#f8f8f8;
}
#agenda-cal td.invalidDay{
background-color: #f0f0f0;
}
#agenda-cal td.hasarticle{
background-color: #e2e2e2;
text-align: center;
}
#agenda-cal th{
text-align:center;
padding:5px 0;
color:#444;
}
/* layout for nafpaktorama */
#all{
background:#fff url(h_bg.jpg) 0 0 repeat-x;
}
#inner-white{
background:#fff;
margin:8px 0 0 0; width:951px;
}
#left{
padding:10px 0 0 0;
float:left; width:155px;
position: relative;
}
#center{
margin:0 auto 0 auto; padding:10px;
float:right; width:525px;
}
#right {
margin:0 auto 0 auto;  padding:10px 1px 10px 0;
float:right; width:249px;
position: relative;
}
/* layout for gallery */
#center-gallery{
margin:0 auto 0 auto; padding:10px;
width:930px;
}
/* layout for sitemap and error */
#inner-plain{
background:#F5F5F5;
margin:8px 0 0 0; width:951px;
}


/* weather */
a.weather:link,
a.weather:visited,
a.weather:active,
a.weather:hover{
background:url("weather.gif") no-repeat left center;
padding:0 0 0 33px;
color:#fd7f32;
text-style:none;
margin: 0 20px 0 0;

}





/*live tv*/
#livetv{
text-align:center;
background:url("nafpaktia-live-tv.png") no-repeat center  -25px;
padding: 60px 10px 10px 10px;
margin: 10px 0;
border:1px solid #ccc;
}
#livetv b{
font-size:1.1em;
padding: 0 0 10px 0;
display:inline-block;
color:red;
text-align:center;
}
#player{
width:400px;
margin:0 auto;
}





/*simple pie*/
.simplepie .date {
display:none;
}
.simplepie a {
font-size:1.1em;
font-weight:600;
margin:0;
padding:0;
}
#tcontent5{
background:url("http://www.nafpaktia.com/adv/promo/nafpaktia-blogspot.png") no-repeat center  right;
}

#tcontent2{
background:url("http://www.nafpaktia.com/adv/promo/sports-small.jpg") no-repeat right 85px;
}


/*dimotikes-ekloges*/

.dimotikes-ekloges{
margin: 25px 0;
border:1px solid #999;
background:url("http://www.nafpaktia.com/style/dimotikes-ekloges.jpg") no-repeat  0 10px; 
display:inline-block;
height:173px;
padding:65px 0 0 0;
}
.twittericon{
background:url("http://www.nafpaktia.com/style/twitter.png") no-repeat  0 0; 
display:inline-block;
width:45px;
height:57px;
}

.facebookicon{
background:url("http://www.nafpaktia.com/style/facebook.png") no-repeat  0 0; 
display:inline-block;
width:45px;
height:57px;
}
.rssicon{
background:url("http://www.nafpaktia.com/style/rss.png") no-repeat  0 0; 
display:inline-block;
width:45px;
height:57px;
}
.twittericon span, .facebookicon span, .rssicon span{
display:none;
}