/* GENERAL */
body {font-family:Tahoma; font-size:12px;margin:0px; background-color:#eaeaea;width: 980px;margin: auto; }
a {color:#2a83e8; text-decoration:none}
a:hover {color:#003366; text-decoration:underline}
html {margin:0px;}
.clr {clear:both;}
h2 {font-size:12px !important;}
h3 {font-size: 15px;margin-top: -2px;line-height: 20px;}
.blogin h3 {font-size: 19px;}
.taginsidearticle {background-color:#012144; border:1px solid #000; padding:5px; margin:5px; float:left;}
.taginsidearticle a {color:#FFF;}
#disqus_thread {padding:10px;}

/* 404 */
#tesseramidentessera {width: 99%;float: left;margin: 8px 4px 5px 2px;font-size: 12px;box-shadow: 0px 0px 10px #BBB;background-color: #FFF;overflow: hidden;border: 1px solid #DDD;}
#tesseramidentessera img {width:100%;}
.title404 {cursor: pointer;width: 99%!important;height: 60px!important;text-align:center;}
.dimofili {margin-bottom:10px; border-bottom:1px dotted #000}
.sidebar h2 {background-color: #e8af2a; padding: 5px 0px; font-weight: bold; text-align: center; color: #013065; font-size: 15px!important;}

/* HEADER */
#header {width:980px; margin:auto;  margin-top:0px; height:215px; display:block; background-color:#1C589B;  box-shadow: 0px 0px 10px #BBB;}
#headin {width:980px; text-align:center; margin-top: 0px; height:93px; display:block; clear:both; padding-top: 10px;}
#menu {font-size:13px; margin-top:10px; background-color:#E8AF2A; padding:8px 5px;}
#menu li {list-style-type:none; display:inline; color:#424343; font-weight:bold;padding: 5px; margin:0px 3px; float:left;}
.reldescr {width:75%; padding:5px;float:left;}
.relread { float: right!important; width: 22%!important; background: #1c589b; padding: 8px; color: #fff; font-size: 14px;}
a.relread {color:#FFF!important}
.reltitle {width:90%; padding:5px;}
.reltitle h2 {font-size:18px!important; text-decoration:underline}
.relodd {background-color:#fffde5;    border-bottom: 1px solid;width:100%;}
.releven {background-color:#fff9af;    border-bottom: 1px solid;	width:100%;}
h5 {width:100%; background-color:#013065; text-align:center;font-size:20px;padding:5px 0px; color:#FFF; margin: 0px;}
#menu li:hover {background-color:#424343; cursor:hand; cursor:pointer; color:#FFF}
#menu a {color:#013065;}
#menu li:hover a {color:#FFF;}
#hot {font-size:13px; margin-top:7px;color:#FFF}
#hot a {color:#fff}
#hot li {list-style-type:none; display:inline; padding: 7px;}
#red {background-color:#FF0000}
.strangecolorblue {background-color:#013065;padding:5px}
a#blogview li {color:#FFFFFF}
#blogview li {background-color:#FF0000}
a#blogview:hover li {background-color:#ca0505}

/* FOOTER */
#footer {width:980px;margin: auto; background-color:#1C589B; display:block; margin-top:10px; padding-top:10px;text-align: center;color:#fff;}
#foottop {width:980px;margin:auto; margin-bottom:10px; float:left;display:block;font-size:16px;border-bottom:3px solid #E8AF2A}
#footmid {width:980px;margin:auto; float:left;display:block;margin-bottom:10px;}
#footbot {width:980px;margin:auto; float:left;display:block; clear:both; padding-bottom: 10px;}
#footbot  a {color:#91c5ff!important}
#footkatigories {height: 300px;float:left;width:160px;padding-right:10px;border-right: 1px solid #E8AF2A;}
#footkatigories li {list-style-type: none;}
#footkatigories a {color:#fff}
#footdimofilesteres {height: 300px;float: left;width: 380px;padding-right: 10px;border-right: 1px solid #E8AF2A;margin-left: 10px;text-align:left;font-size: 10px;}
#footdimofilesteres h4 {font-size: 12px;text-align: center;}
#footdimofilesteres a {color:#fff}
#footdimofilesteres img {display:none;}


/* INDEX */
date {font-size:10px;color: #000;}
.kentrika {margin: 0px 4px 5px 2px!important;}
#smallpiges {width:99%;float:left;height: 160px;}
#smallpiges img {width:36px;height:36px;margin:1.07px; border:2px solid #eaeaea;}
.radiosmart img {height: 250px !important;padding: 5px;width: 308px !important;}


/* SOURCE */
#sourcemain {width:100%;height:auto;float:left;}
#sourcemain .box {width: 98%;height: auto;padding: 5px;margin: 8px 4px -4px 2px;}
#sourcemain .boxin {width:99%!important;}
#sourcemain .blogin {height:auto;}
#sourcemain h1 {text-align: center;font-size: 22px!important;padding: 10px 0px 20px!important;}
.sourcecontent {width: 99%!important;height: auto!important;}

/* NEWS BOX */
.piges {height: 448px !important;}
.piges img {padding:0px;}
.banner img {padding:10px;}

.mbox {margin: 0px 7px; height:490px!important;}
.mbox img{width:100%; }

.dipleta {width: 49% !important;margin: 0px 4px 0px 2px !important;height: 400px !important;}
.dipleta .boxin {height: 290px;width: 98%;}
.dipleta img {width:100%;margin-left: -2px;height: 240px;}

.tripleta {height: 300px!important;}
.tripleta a {color:#000;}
.tripleta h1 {text-align:center;}
.tripleta img {width:100%;margin-left: -2px;height: 200px;}
.tripleta .boxin {height:250px;text-align:center;font-weight:bold;overflow-y:hidden;}

/* SINGLE */
#singlemain {width:100%;background-color:#fff;position:relative;min-height: 365px;}
#singletitle {text-align: center;border-bottom: 2px solid #2962B1;padding: 10px 0px;}
#singlephoto {width: 50%;float: left;}
#singlephoto img{width:100%;}
#singledescr {width: 48%; padding:9px; float:left;}
.readmore {background-color: #FF0000;color: #FFF;width: 100%;padding: 5px;text-align: center;font-size: 16px;display: block;bottom: 0px;line-height: 60px;}
.readmore:hover {color:#FFF}
.readmore img {float: left;width: 60px;background-color: #fff;height: 60px;}
.sxetika {width: 99%!important;height: 60px!important;}

/* CATEGORY */
.box {width:318px; height:300px; float:left; margin: 8px 4px 5px 2px; font-size:12px; box-shadow: 0px 0px 10px #BBB; background-color: #FFF; overflow: hidden; border: 1px solid #DDD;}
.box h1 {border-bottom: 2px solid #2962B1; font-size: 16px; font-weight: bold; margin: 7px 10px 0px; padding: 0px 0px 5px; color: #000; line-height: 24px;}
.box img  {float:left; vertical-align:middle; margin-right:2px; margin-bottom:2px;margin-right:5px; border:2px solid #FFF}
.box h2 {font-weight:bold; font-size:16px; padding:2px 10px; margin:0px;}
.boxin {width: 97%;float: left;padding: 5px;height: 35px;overflow: hidden;line-height: 14px;}
.boxin img {float: left;margin-right: 5px;}
.dbox li {padding-left:10px; width:300px; font-size:11px; font-weight:bold; padding-top:5px;overflow:hidden;max-height: 29px; line-height:15px}
.dbox img {margin-top: 3px; height:25px}
.abox {margin-right:0px!important;}
.abox img {padding:10px;}
.ibox {height:380px!important; margin-right:0px!important;}
.rbox {height:380px!important;}
.pbox {height:380px!important;}
.horban {width:728px!important; height:90px!important; padding:8px!important; margin:5px 0px!important;}
.flikes {width:200px!important; height:521px!important; float:right!important; padding:0px 10px!important;margin-top: 5px !important;}
.flikes iframe {margin:10px}
.smallbox {width:242px; height:350px; float:left; font-size: 11px; margin:10px 6px 5px 0px; box-shadow: 0px 0px 10px #BBB; background-color: #FFF; overflow: hidden; border: 1px solid #DDD;}
.smallbox h1 {font-size: 14px; font-weight: bold; margin: 7px 10px 0px; padding: 0px 0px 5px; color: #000; line-height: 24px;}
.smallbox li {list-style-type:none; padding-left:18px; background-image:url(/media/li.png); background-repeat:no-repeat; margin-top:5px;}
.smallboxtitle {border-bottom: 2px solid #2962B1;width: 100%;float: left;padding: 5px;}
.smallboxtitle img {float: left;padding: 5px;}
.sourcesmall {width:99%!important;height: 150px !important;}
.sourcesmall img {width:10%; height:99px;}
.smallboxnews a { color:#a0a0a0; font-weight:bold;}
.roieidiseon .boxin {height: 60px!important;font-weight:bold; font-size: 15px; line-height: 18px;   background: linear-gradient(#FFF, #f8f6f6);}
.boxin:hover {background: linear-gradient(#1C589B, #145093);color:#fff}
.roieidiseon img {width:20%!important;    height: 50px;}
.smallboxnews .boxin {line-height:17px; height:47px; overflow-y:hidden;margin-bottom: 5px;}

.categorytitletop {width: 98%!important;float: left!important;padding: 5px;height: 80px !important;}
.categorytitletop h1 {width: 100%!important;margin: auto!important;font-size: 30px!important;text-align: center!important;border: 0px!important;padding: 22px 0px!important;}

.categorynine {width:318px;font-size: 14px; height:420px;}

/* SLIDE */
.slidedesc {width: 98%;padding: 5px;font-size: 15px;height: 99px;overflow: hidden;}
.slide img {width:40px!important;height:40px!important;}
.slidephoto {height:270px;}

/* TAGS */
.tagz .box {width: 98%;height: auto;padding:5px;margin: 8px 4px -4px 2px;}
.tagin {float: left;padding: 5px;overflow: hidden;line-height: 14px;width:99%!important;}
.tagin:hover {background: linear-gradient(#1C589B, #145093);color:#fff}
.tagin:hover date {color:#fff}
#overall {background-color:#FFF;}
/* BLOG */
.blogtitle {width: 99%;height: 60px;text-align: center;margin: 8px 4px 0px 2px;}
.blogtitle h1 {border: none;font-size: 22px;padding: 10px 0px;}
.blogcontent {width: 68%;float: left;}
.sidebar {width:31%;float: right;margin-top:10px;}
.blogsingle {width: 99%;min-height: 280px;margin: 8px 4px -4px 2px;}
.blogin {width: 99%;float: left;padding: 5px;overflow: hidden;line-height: 14px;}
.blogin h3 {float: left;width: 100%;padding: 10px 0px 0px;}
.blogin date {font-size: 10px;color: #000;float: left;width: 45%;}
.blogin:hover {}
.bloginphoto {width:330px;height:220px;}
.blogindescr {width: 48%;float: left; max-height: 100px; overflow-y: hidden;}
.prev {width: 18%;float: left;padding: 22px;font-weight: bold;font-size: 14px;}
a .blogindescr {color:#000;}
.next {width: 13%;float: right;padding: 22px;font-weight: bold;font-size: 14px;}

/* HITS */
.hits {position:relative}
.hitgrid {position: absolute;color: #ff0000;font-weight: bold;margin: 185px 0px 0px 5px;width: 125px;background-color: rgba(0, 0, 0, 0.5);padding: 3px;}
.hitline {position: absolute;color: #ff0000;font-weight: bold;margin: 7px 0px 0px 7px;width: 80px;background-color: rgba(0, 0, 0, 0.5);padding: 3px;}
#hits .box {margin: 0px 4px 5px 2px;}
#hits .blogin img {width: 240px;height: 136px;}
#zxc {font-size: 45px;width: 70px;float: right;}
#vbn {font-size: 45px;width: 70px;float: right;}
nav, main {display:none;}

@media only screen and (max-device-width: 480px) {
	#header,#overall,body,#headin,#footer,#foottop,#footbot,.blogindescr,.bloginphoto,.blogin {width:100%!important;padding:0px;}
	.blogsingle {height:auto; padding: 10px 0px; margin: 5px 0px;}
	.blogin h3,.blogin date,#singlephoto,#singledescr {width:100%; padding:0px;}
	.box {width:100%;}
	.sidebar {display:none;}
	.blogcontent {width:100%;}
	#header {height:auto}
	#hot,#menu {display:none;}
	nav, main {display:block;}
nav {
    height: 100%;
    width: 280px;
    background-color: #002f5c;
	color:#fff;
    left: 0;
    top: 0;
    z-index: 2;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(-280px,0);
}
.ssm-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.2);
    display: none;
    z-index: 1;
}

.mobidiv {margin-top: 40px; font-size: 20px; padding: 10px; font-weight: bold;}
.mobidiv a {color:#fff;text-decoration:none;}
.mobidiv a:hover {color:#c5d6ff;}
.blogindescr {display:none;}
}

.page-load-status {
  display: none;
  padding-top: 20px;
  text-align: center;
  color: #FF0000;
}

#dover {display:none;}

.page-load-status {width:100%;   font-size:15px; clear: both;}