@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,greek);
body { margin:0; padding:0; color:#808080; font:normal 12px/1.6em "Myriad Pro", "Trebuchet MS", Helvetica, Arial, sans-serif; height: 100%; background:#fff }
body.noslide { background:#fff; }
html{ height:100%;}
* html #page{height:100%;}
a { color:#808080; text-decoration:none;}
a:hover { color:#6c6c6c; text-decoration:none;}
h1, h2, h3, h4 { font-weight:normal}
h1 a, h2 a, h3 a, h4 a { font-weight:normal; text-decoration:none}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px;}
input, select, textarea {background:#fff; border: 1px solid #153450; border-radius: 2px;   color: #000000;  font-size: 12px; /*margin: 10px 0 0 0;*/ padding: 5px 10px;font-weight: normal;  }


/*ul, li { list-style:none;}*/
h2 { margin:0 0 1em; font-weight:normal; letter-spacing:normal; }
h2 a { font-size:24px; padding:0 0 12px 0; display:block}
h3 {  font-size:1.2em; margin:0 0 .8em; }
h3 a {  background:transparent url("images/secondary_arrow.png") no-repeat scroll 0 3px ; font-size: 20px; margin: 10px 0 10px 0; padding: 0 0 0 30px;display:block; }
h4 { font-size:1em; margin:0 0 1em;}
p { padding:0 0 1em;}
/*=== Layout ===*/

#page { width:980px; margin:0 auto 0 auto; padding:0;  position: relative;  z-index: 950; }

/*=== Header ===*/
#header_wrapper { width:100%; background:#fff; }	
#header { margin:0 auto 10px 0; padding:0; width:980px; margin:0 auto; height:128px; }
#hdr_right { float:right; width: 660px }
#hdr_shadow { margin:0 auto; padding:0; background:url(images/hdr_shadow.png) repeat-x; height:22px; width:100%; }

#book_slideshow { margin:0 auto ; padding:0; width:980px; margin:0 auto; }


/*- Logo -*/
.logo { margin:0; z-index:960;  float:left; }
.logo h1 { padding:0; float:left;  width:289px; height:128px; background:url(images/logo.png) no-repeat left top;  text-indent:-9999px; cursor:pointer; display:block; overflow:hidden;}
.logo h1 a { color:#54a4be; text-decoration:none; display:block; height:128px;}
.logo h1 a:hover { text-decoration:none;}
.logo small { display:block; margin:0; padding:0; color:#8c8c8c; font-size:12px; font-weight:normal; line-height:1em; letter-spacing:normal;}
/* Search form */
.search { padding:0;}
.search span { }

#search .btn { float:left; padding:0; margin:0; border:0; width:auto;}
/*=== All Columns ===*/
#columns {  width:980px; overflow:hidden}
/*=== Page Title ===*/
.pagetitle { margin:0 0 32px; padding:0; height:74px; background:url(images/shade.png) no-repeat center top;}
.pagetitle h2 { margin:0; padding:24px 0;}
.pagetitle p.socialicons { padding:24px 0; float:right;}
.pagetitle p.socialicons images { border:none;}
/*=== Center Column ===*/
#centercol { margin:0; padding:0; float:left; width:620px;}
#columns .fullwdt { width:980px; }
/*=== Right Column ===*/
#rightcol { margin:20px 0 0 0; padding:0 0 0 0; float:right; width:300px;   }
.box { margin:20px 0 0 0; padding:0;}
.box_r { padding:0; margin:0;}
.small_link { padding:10px 0; margin:0 auto; text-align:center;}
.small_link a { color:#6f6f6f; text-decoration:none;}
.small_link small { font-size:11px;}
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%;}
.col1, .col2 { float:left; width:285px;}
.col2 { float:right;}
/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px;}
/*- Post Title -*/
.post-title { padding:0; margin:0 0 12px 0;}
.post-title h2 { margin:0; padding:10px 0 16px; font-size:24px; }
.post-title h2 a { display:inline; text-decoration:none; }
#centercol .post-title h2 { padding:10px 0 0; font-size:25px; line-height:30px; color:#020202;  }
/*- Post Excerpt -*/

div#page .shadfill { /*background-color:rgba(255,255,255,0.8); padding:15px; -moz-box-shadow: 0 2px 5px #d1ccc2; -webkit-box-shadow: 0 2px 5px #d1ccc2; box-shadow: 0 2px 5px #d1ccc2; */}


.post-excerpt { margin:0; font-weight:normal; color:#808080 }
.post-excerpt p { margin:0;padding:0 0 10px 0}
.post-excerpt p strong { }
.post-excerpt a { color:#54a4be; text-decoration:none;}
.post-excerpt a:hover { color:#FFC000; text-decoration:none; }
.post-excerpt a.comm { float:left;}
.img img { /*background:#fff;padding:5px; border:1px solid #d8e6ea;-webkit-box-shadow: 0 0 4px #ded7cd;-moz-box-shadow: 0 0 4px #ded7cd;box-shadow: 0 0 4px #ded7cd; */}
/* post-leav */
.post-leav { margin:0; padding:0;}
.post-leav a { display:block; margin:0 0 16px; padding:8px 16px 9px; float:left; height:12px; line-height:1em; color:#fff; text-decoration:none; background:url(images/readmore.gif) repeat-x left top; border-left:1px solid #4d4c4c; border-top:1px solid #4d4c4c; border-right:1px solid #020202; border-bottom:1px solid #020202;}
/* comments count */
.comm_count { margin:0; float:left; padding:0 0 0 8px; float:left; font-size:11px; color:#979797;}
.comm_count a { font-weight:bold; color:#F7881E; text-decoration:none;}
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px;}
/*- Post Author -*/
.post-author { margin:0 0 1em;}
.author-details { font-size:11px;}
.author-descr { display:table; height:1%;}
/*- Social Links -*/
.social-links { margin:0 0 10px 0; padding:10px 0; font-size:14px; font-weight:bold; color:#383737;}
.social-links a { text-decoration:none;}
.social-links img { margin:-10px 0; border:none;}
/* post-commets */
.post-commets { float:right;}
/*- Related Posts -*/
/*- Post Date -*/
.post-date { margin:0 0 12px; padding:0; float:left; color:#979797; font-size:11px;}
.post-date a { color:#979797; text-decoration:none;}
/*- Post Comments -*/
.post-comments { }
.post-comments h2 { padding-top:10px;}
.post-comments .fl { width:80px;}
.post-comments .fr { width:490px;}
/*- Widget Title - */
.blog .wtitle { padding:0; margin:0;}
.blog .wtitle h2 { margin:10px 0 4px 0; padding:0 0 4px; font-size:20px; text-align:left;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { }
/*- Box2 -*/
.box2 { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:18px; min-height:115px; width:460px;}
.box2.alt { background:#FFFFFF;}
.comm-name, .comm-date { line-height:20px;}
/*=== Styling Lists ===*/
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}
/*- Message -*/
.message div { margin:0 0 18px;}
.message input { padding:9px 15px; width:460px;}
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:460px; }
.message .submit { float:left;}
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif);}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; margin:0; padding:0; }
.pic.fl img { }
.pic.fr img { }
.th { display:block; margin:0 0 .5em;}
.th.fl img { margin-right:10px; max-width:40px;}
.banner a img { margin:0 3px;}
.ads img { margin:0 1px 5px 0; padding:0; border:none;}
.widget_gallery img { border:1px solid #cfcfcf; margin:3px; width:75px; height:75px}
.box .ac img { border:0; margin:0;}
.banner { margin:15px 0;}

/*=== Footer ===*/

/* FBG */
.FBG { width:100%; padding:0; margin:0 auto; background:#e7e6e4 url("images/footer_bg.jpg") repeat-x top left; }
.FBG_resize {  width:980px; margin:0 auto; padding:20px 20px 10px 20px; color:#808080;}
.FBG_resize img { float:left; margin:0; padding:0;}
.FBG_resize a { text-decoration:none;  }
.FBG_resize a:hover { }
.FBG_resize h2 { padding:10px 0; margin:0;color:#4d6fb5; font-size:20px; }
.FBG_resize p {font: normal 11px Arial, Helvetica, sans-serif; padding:0 0 10px 0; margin:0; line-height:2em }
.FBG_resize ul { padding:0; margin:0; }
.FBG_resize li { padding:0; margin:0;list-style:none; list-style-position:outside; }
.FBG_resize li a { font: normal 11px Arial, Helvetica, sans-serif; padding:5px 0 5px 0; margin:0;text-decoration:none; }
.FBG_resize li a:hover { }
.FBG_resize .blog { width:220px; float:left; margin:0; padding:10px 20px 10px 0;}
.FBG_resize .ftr_contact { width:420px; float:left; margin:0; padding:10px 20px 10px 0;}
.FBG_resize .last { padding:10px 0; width:260px;}

.FBG_resize ul.sml { padding:0; margin:0; width:100px; float:left; }
.FBG_resize ul.sml li { padding:0; margin:0;list-style:none; list-style-position:outside; }

.contact-map { background:url(images/contact-map.png) no-repeat top center; padding-left:20px; }
.contact-city { background:url(images/contact-city.png) no-repeat top center; padding-left:20px;}
.contact-phone {  background:url(images/contact-phone.png) no-repeat top center; padding-left:20px; }
.contact-fax { background:url(images/contact-fax.png) no-repeat top center; padding-left:20px;}
.contact-email { background:url(images/contact-email.png) no-repeat top center; padding-left:20px;}

/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden;}
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center; padding:0;}
.ac img { border:none; margin:0; padding:0 8px 0 0;}
.ar { text-align:right;}
.noBorder { border:0;}
.font-sm { font-weight:normal;}
.white { color:#FFF;}

/* === other === */
.slider_sh { padding:0; background:url(images/shade_slider.jpg) no-repeat center top; width:980px; height:19px; margin:0 0 10px}

.index-cols { margin:0 auto; padding:0 0 16px;  display:block;}
.index-col1, .index-col2 { margin:0; padding:16px 20px 12px 0; float:left; width:443px; background-color:#fff; display:inline; text-align:justify}
div.index-cols div.index-col1 { margin:0; padding:0; margin-right:32px;}
div.index-cols div.index-col2 { margin:0; padding:0}
div.index-cols div a.img img {width:440px; height:140px }

.index-cols .underh2 { margin:0 0 12px; padding:0 0 8px; color:#979797; font-style:italic; font-size:11px; border-bottom:1px solid #dfdfdf;}
.index-cols .img { display:block; margin:0 0 6px; padding:0 0 12px 0; background:url(images/shade_index.jpg) no-repeat center bottom; overflow:hidden; }
.index-cols .img img { margin:0; padding:0;}
.index_rm { display:block; margin:10px 0 0 0; padding:6px 10px 9px; float:left; height:10px; line-height:10px; color:#fff; text-decoration:none; background:url(images/readmore.gif) repeat-x left top; border-left:1px solid #4d4c4c; border-top:1px solid #4d4c4c; border-right:1px solid #020202; border-bottom:1px solid #020202;}
a:hover.index_rm { color:#fff; }

.diafaneia_left { position:absolute; left:-500px; background-color:#fff; height: 396px; width:500px; z-index:1; opacity:0.8; }
.diafaneia_right { position:absolute; right:-500px; background-color:#fff; height: 396px; width:500px; z-index:1; opacity:0.8; }