*{
    margin: 0;
    padding:0;
}

body{
    background: #BEB5B8 url(images/back.jpg) repeat-x;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:0.7em;
    color: #666666;
}

a{
    text-decoration: none;
    color: #993300;
}

a:hover{
    text-decoration: underline;
}
select, input, textarea{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    border: 1px solid #ece9ea;
    padding: 0.3em;
}
.button{
    background: #a82a01  !important;
    color:#fff;
    padding: 3px 10px;
    border: 1px solid #411d2b;
}
small{
    display: block;
}

.large{
    font-size: 2em;
    font-weight:bold;
}

.inv{
    position: absolute;
    left:-99999px;
}

.error{color: #d73200;}
.error input,.error textarea {border:3px solid #d73200 !important}


/*---------header------*/

#header{
    /*width:960px;*/
    height: 92px;
    margin: 0 auto;
    position: relative;
    padding:40px 0 0 0;
    overflow: hidden;
}

.liquid #header{
    width:98%;
}

#siteLogo a{
    width:515px;
    height: 49px;
    display:block;
    background: url(images/logo.jpg);
}
#site-logo-mobile a{
    width:263px;
    height: 37px;
    display: block;
    background: url(images/publicissue-logo.png);
}
#siteInfo{
    position: absolute;
    top: 5px;
    right:0px;
    z-index: 1;
    color: #e1ddde;
    font-size: 1em;
    background: #827376;
}

#siteInfo a{
    color: #fff;
    /*padding: 0 0 2px 20px;*/
    margin:0 0 0 15px;
    line-height: 2em;
}

#siteInfo a:hover{
    color: #dcd5d6;
    text-decoration: none;
}

#newsletter{
    /*background: url(images/iconNewsletter.png) no-repeat left top;*/
}

#rss{
    /*background: url(images/iconRss.png) no-repeat;*/
    padding: 0 0 0 17px !important;
    margin: 0 !important;
}

#header-contact{
   /* background: url(images/iconcontact.png) no-repeat left top; */
}

#header .far, #header .fas, #header .fab {
    font-size: 14px;
    padding: 0px 5px 0px 5px;
}

#specials{
    position:absolute;
    top:50px;
    right:0px;
    z-index: 0;
}

#specials a{
    display:block;
    float:left;
    width:144px;
    height: 64px;
}

#specialMavris{
    background: url(images/specialsMavris.jpg) 0 0;
}
#specialGreece2009{
    background: url(images/specialsElections2009.jpg) 0 0;
}
#specialElections2010{
    background: url(images/specials-elections-2010.png) 0 0;
}
#special-elections-2012{
    background: url(images/specials-elections-2012.png) 0 0;
}
#SpecialCyprus2016{
    background: url(images/special-cyprus-2016.gif) 0 0;
}


#lang{
    position:absolute;
    top: 70px;
    right: 150px;
    z-index: 100;
    background-color: transparent;
    height: 25px;
}

#lang a{
    display:block;
    float:left;
    width:66px;
    height: 22px;
    background-image: url(images/langs.png);
    margin: 0 1px 0 0;
}

#langEL{
    background-position: left bottom;
}

#langEL:hover, .current#langEL{
    background-position: left top;
}

#langEN{
    width:57px !important;
    background-position: right bottom;
}

#langEN:hover, .current#langEN{
    background-position: right top;
}

#facebook, #twitter {
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
}

#facebook {
    margin: 0 10px 0 10px !important; 
}

#facebook img, #twitter img {
    vertical-align: middle;
    border: 0 none;
}

/*----------Main nav and tools-------*/

#navAndtools{
    /*width: 960px;
    margin:0px auto 3px auto;*/
    margin-top: 10px;
    /*background: #411d2b url(images/menuNormal.jpg) repeat-x;    */
    background-color: #411d2b;
/*    overflow: hidden;*/
    z-index:5;
    /*clear:both;*/
    min-height: 40px;
    margin-bottom: 15px;
    width:auto;
    /*overflow: visible;*/
}
*> #navAndtools{
    height:auto;
}
.liquid #navAndtools{
    width:97.9%;
}

/*-------------MENU flyovers-------*/
#mainNav{
    list-style: none;
    /* width: 740px;
    width:75%; */
    float:left;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    z-index: 6;
    position: relative;
}
#mainNav, #mainNav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
/*    line-height: 1;*/
}

#mainNav li a {
    display: block;
    /*padding: 8px 10px 14px 10px;*/
    padding: 14px 10px 14px 10px;
    color:#fff;
    text-decoration: none;
}
#mainNav a:hover, li.sfhover a, #mainNav li:hover a{
    /*background: #cb4d00 url(images/menuHover.jpg) no-repeat center bottom;*/
    background: linear-gradient(#CB4D00, #A52B02);
}
li.sfhover li a,
#mainNav li:hover li a,
#mainNav li.current li a{
    background: none !important;
}
/*#mainNav a:hover, #mainNav li.current-cat a{
    background: #cb4d00 url(images/menuHover.jpg) no-repeat center bottom;
}*/
#mainNav li li a {
    width: 176px;
    padding: 5px 10px 5px 10px;
}
#mainNav li.current a,
#mainNav li.current-cat a{
    /*background: #cb4d00 url(images/menuHover.jpg) no-repeat center bottom !important;*/
    background: linear-gradient(#CB4D00, #A52B02);
}
#mainNav li li a:hover, 
#mainNav li.sfhover li.sfhover, 
#mainNav li:hover li:hover, 
#mainNav li li.current-cat a,
/*#mainNav li.current a,*/
#mainNav li.current-cat-parent a{
    /*background: #cb4d00 url(images/sidebar.jpg) repeat-x left top !important;*/
    background: linear-gradient(#CB4D00, #A52B02) !important;
    
}

#mainNav li { /* all list items */
    float: left;
}
#mainNav li li{ /* all list items */
    width: 196px; /* width needed or else Opera goes nuts */
}
#mainNav li ul { /* second-level lists */
    position: absolute;
    background: #411d2b;
    /*width: 196px;*/
    width: 200px;
    border: 2px solid #e4e0e1;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainNav ul ul { /* third-and-above-level lists */
    margin: -25px 0 0 190px;
}

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
    left: -999em;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}
#mainNav li:hover,#mainNav li.sfhover {
    position: static;
}

#tools{
    list-style:none;
/*    background: green;*/
    width:120px;
    float:left;
    margin: 16px 0 0 0;
}

#tools a, #tools li{
    float:left;
    displaY:block;
    height: 20px;
    width: 15px;
}

#tools a{
    background-image: url(images/tools.gif);
    background-repeat: no-repeat;
}

#toolsFontsUp{
    background-position: 0px 0;
}

#toolsFontsUp:hover{
    background-position: 0px -32px;
}

#toolsFontsReset{
    background-position: -17px 0;
}

#toolsFontsReset:hover{
    background-position: -17px -32px;
}

#toolsFontsDown{
    background-position: -34px 0;
}

#toolsFontsDown:hover{
    background-position: -34px -32px;
}

#toolsFixed{
    background-position: -52px 0;
}

#toolsFixed:hover{
    background-position: -52px -32px;
}

#toolsLiquid{
    background-position: -67px 0;
}

#toolsLiquid:hover{
    background-position: -67px -32px;
}

#toolsAM{
    background-position: -85px 0;
}

#toolsAM:hover{
    background-position: -85px -32px;
}

#toolsColour{
    background-position: -102px 0;
}

#toolsColour:hover{
    background-position: -102px -32px;
}

#searchLink {
    display: none;
}
body.scriptingOn #searchLink{
    /*background: url(images/search.png) 0px 0px;*/
    width:92px;
    /*height: 16px;*/
    display: inline-block;
    float: left;
    margin: 16px 0 0 0;
    color: white;
    font-size: 1em;
}
body.scriptingOn #searchLink .fas {
    font-size: 12px;
    padding: 0px 5px 0px 5px;
}

#searchLink:hover{
    /*background: url(images/search.png) left bottom;*/
}

/*-------CONTENT-------*/

#content{
    /*width:960px;
    margin:0 auto;
    overflow: hidden;
    z-index: 2;
    clear: both;*/
}

.width33{
   /* float:left;
    width:32.3%;
    margin:0 1% 0 0;*/
}

*> .width33{width:32.6%;}

.rightmost{
    margin:0 !important;
    width:314px;
}

.liquid #content{
    width:98%;
    margin:0 auto;
}

.liquid .width33{
    float:left;
    width:32.6%;
    margin:0 1% 0 0;
}

.liquid .rightmost{
    margin:0 !important;
    width:32.6%;
}

.width33 div{
    padding:0px 20px 10px 20px;
    margin: 0 auto 10px auto;
    background: #fff url(images/backColumn.jpg) repeat-x;
    position: relative;
}

.width33 h2{
    color: #fff;
    font-size: 1em;
    text-align: center;
    font-weight: normal;
    padding:5px 0;
    margin:0px 0px 0px -20px;
    background: #411d2b;
}

.width33 *{
    margin:0 0 1em 0;
}
.width33 ul{
    margin:0 0 1em 2em;
}
.width33 li{
    margin:0 0 auto 0em;
}
#homeLast{
    padding: 15px 0 10px 0 !important;
    background: url(images/homeLast.gif) no-repeat !important;
}
#homeLastErevnes{
    padding: 0px 0 0px 0 !important;
    height:25px;
    background: url(images/homeLastErevnes.gif) no-repeat !important;
}
#homeIndi{
    padding: 15px 0 10px 0 !important;
    background: url(images/homeIndi.gif) no-repeat !important;
}
#homeNumber{
    padding: 15px 0 10px 0 !important;
    background: url(images/homeNumber.gif) no-repeat !important;
}
#homeEpik{
    padding: 15px 0 10px 0 !important;
    background:  url(images/homeEpik.gif) no-repeat !important;
}
#homeBannerCorruption{
    padding: 15px 0 10px 0 !important;
    background:  url(images/homeCorruption.gif) no-repeat !important;
}
#homeMap{
    padding: 15px 0 10px 0 !important;
    background:  url(images/homemap.gif) no-repeat !important;
}
#homeVideo{
    padding: 15px 0 10px 0 !important;
    background: url(images/homeVideo.gif) no-repeat !important;
    /*margin-bottom:20px;*/
}
.generic-banner h2 {
    padding: 15px 0 10px 0 !important;
    background:  url(images/homepi.gif) no-repeat !important;
}
.generic-banner div {
    background-image:  none;
    background-color: #ebe8e9;
}
.three-screen-banner {
    background: none repeat scroll 0 0 #EBE8E9 !important;
}
.three-screen-banner h2 {
    padding: 15px 0 10px 0 !important;
    background:  url(images/home3screen.png) no-repeat !important;
}
.homeTags{
    padding:0!important;
}
.homeTags h2
{
    margin:0!important;
    padding:0!important;
    text-align:left;
}
.homeTags h2 a {
    height:25px;
    display:block;
    width:195px;
    background-image: url(images/sideTags.gif);
    background-position: 0 0;
}
.width33 h3{
    font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:1.8em;
    letter-spacing:-1px;
    font-weight: normal;
    line-height: 1em;
    margin:0 0 0.35em 0;
    background: url(images/dot.gif) repeat-x top;
    padding: 0.7em 0 0 0;
}

.width33 img{
    width: 270px;
    border: 0px;
}

.width33 h4{
    font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:1.3em;
    letter-spacing:-1px;
    font-weight: normal;
    line-height: 1em;
    margin:0 0 0.7em 0;
    padding: 0;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

h3 a
{
    color:#666666;
}
h3 a:hover
{
    color:#993300;
    text-decoration:none;
}

/*-----SPECIAL HOME COLUMNS-------*/

.editorial{
    background: #a72900 url(images/editorial.jpg) repeat-x right top !important;
    color: #ffd4c3;
}

.editorial h2{
    background: none !important;
}

.editorial h3, .editorial a{
    color: #fff;
    background: none !important;
}
.editorial a:hover{
    color: #fff;
}

.hotHome{
    padding-top:10px !important;
    background: #411d2b url(images/hotHome.gif) no-repeat 12px top  !important;
}

.hotHome ul{
    margin:20px 0;
}

.hotHome li{
    list-style:none;
    background: url(images/dotWhite.gif) repeat-x bottom;
    padding:8px 0 12px 0;
/*    font-weight:bold;*/
    margin:0;
}

.hotHome a{
    color: #dfc7d0;
}

.hotHome a:hover{
    color: #d2a550;
    text-decoration: none !important;
}
.tagsHome{
    background: #87787b url(images/tagsHome.gif) no-repeat right top  !important;
    text-align: right;
    padding-top:20px !important;
}

.tagsHome a{
    color:#fff;
    padding: 0 0 0 5px;
}

.tagsHome p{
    margin-top:1.5em;
}

.specialHome{
    background: #a6999d url(images/specialHome.gif) no-repeat right top  !important;
    padding-top:40px !important;
    overflow:hidden;
}
.specialHome p{
    width:192px;
    margin:3px 0 0 0!important;

}
.specialHome a{
    display: block;
    margin:0;
}
.epikHome{
    background: #ebe8e9 !important;
}
.corruptionBannerHome{
    background: #ebe8e9 !important;
}
.corruptionBannerHome a
{
    color:#666666;
}
.corruptionBannerHome a:hover
{
    color:#993300;
    text-decoration:none;
}
.generic-banner{
    background: #ebe8e9 !important;
    height: auto;
}
.generic-banner a
{
    color:#666666;
}
.generic-banner a:hover
{
    color:#993300;
    text-decoration:none;
}
/* ---- VIDEO BOX -- */
#videoBox div { background-image:none; margin:0 ; padding: 0; }
#videoBox div img { width: auto; } 
#videoBox a { margin:0; text-decoration:none; color: #666666; }
#videoBox a:hover { color: #993300; }
#videoBox a.tabBtn { display:inline-block; text-decoration:none; padding: 5px 10px 5px 10px; color:white; background-color:#a6999d; margin:0 10px 5px 0; }
.page_video #videoContainer { width: 450px; margin: auto; height: 310px; background-image: url(images/preloader.gif); background-position: 130px 130px; background-repeat: no-repeat;}
.video-thumb-container { float:left; width:167px; padding-left:15px; /*padding-right:15px;*/ padding-top:10px; padding-bottom:10px; min-height: 170px; position:relative;}
.video-thumb-container * { margin:0 !important; padding:0 0 0 0 !important; } 
.video-thumb-container:hover { background-color:#e8e8e8;}
.video-thumb-container:hover p { color:#993300;}
.video-thumb-container  p { margin-top:10px !important; }
.video-thumb-container a {position:relative; display:block; outline:none;}
.video-thumb-container a img { width:150px; height:115px;}
.video-thumb-container a span.icon-player{ visibility:hidden; z-index:1000; position:absolute; left:30%; top:35%; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.video-thumb-container a span.icon-player img { width:47px; height:43px }
.video-thumb-container:hover a span.icon-player { visibility: visible;}
.video-thumb-row { margin-left:30px; margin-right:30px; clear:both;}
.video-thumb-selected { background-color:#e8e8e8;}
.video-thumb-selected p { background-color:#e8e8e8; color:#993300;}
#videoGallery { padding: 10px 0 10px 0; }
.clear { clear:both; }
#videoPostTitle {border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom:5px; margin-top:15px!important; margin-bottom:10px!important;}
/* #videoBox a.tabBtn:hover { background-color: grey; } */
/* #videoContainer div { border-top: 1px solid #a6999d #ebe8e9; } */

/*#homeSpecialGreece2007{
    width:112px;
    height:24px;
    background: url(images/special2007.gif);
}*/
#specialGreece{
    display:block;
    width:140px;
    height:32px;
    background-image: url(images/special2007.gif);
    background-position: 0 0;
}
#sideSpecials #specialGreece{
    background-image: url(images/specialGreece.jpg);
}
#specialCyprus{
    display:block;
    width:140px;
    height:32px;
    background-image: url(images/specialsCyprus2008.gif);
    background-position: 0 0;
}

#SpecialCyprus2016{
    display:block;
    width:140px;
    height:32px;
    background-image: url(images/special-cyprus-2016.gif);
    background-position: 0 0;
}
#specialCyprus2011{
    background: url(images/specials-cyprus-2011.png) 0 0;
}
#sideSpecials #specialCyprus{
    background-image: url(images/specialCyprus.jpg);
}

#specialEuro09{
    display:block;
    width:140px;
    height:32px;
    background-image: url(images/specialsEuro2009.gif);
    background-position: 0 0;    
}
#sideSpecials #specialEuro09{
    background-image: url(images/specials-euro2009.jpg);
}
#sideSpecialGreece09{
    display:block;
    width:140px;
    height:32px;
    background-image: url(images/specials-greece-2009.png);
    background-position: 0 0;
}
#sideSpecials #sideSpecialGreece09{
    background-image: url(images/specials-greece-white-2009.png);
}
#sideSpecialElections2010{
    display:block;
    width:140px;
    height:32px;
    background-image: url(images/specials-greece-2010.png);
    background-position: 0 0;
}
#sideSpecials #sideSpecialElections2010{
    background-image: url(images/specials-greece-white-2010.png);
}
#sideSpecialCyrpus2011{
    display:block;
    width:140px;
    height:32px;
    background-image: url(images/special-cyprus-2011g.gif);
    background-position: 0 0;
}
#sideSpecials #sideSpecialCyrpus2011{
    background-image: url(images/special-cyprus-2011w.gif);
}
#sideSpecialGreece2012{
    display:block;
    width:140px;
    height:32px;
    background-image: url(images/specials-greece-2012g.gif);
    background-position: 0 0;
}
#sideSpecials #sideSpecialGreece2012{
    background-image: url(images/specials-greece-2012w.gif);
    margin-left: 5px;
}
#sideSpecialGreece2015{
    display:block;
    width:140px;
    height:32px;
    background-image: url('images/greece-elections-2015-dark.png');
    background-position: 0 0;
}
#sideSpecials #sideSpecialGreece2015{
    background-image: url('images/greece-elections-2015-white.png');
    margin-left: 5px;
}
#sideSpecialCyprus2018{
    display:block;
    width:140px;
    height:32px;
    background-image: url('images/specials-cyprus-elections-2018-dark.png');
    background-position: 0 0;
}
#sideSpecials #sideSpecialCyprus2018{
    background-image: url('images/specials-cyprus-elections-2018-white.png');
    margin-left: 5px;
}

.indexesBox p
{
    margin:0px;
}

.indexesBox embed
{
    margin:0 0 0 0.5em;
}

/*-------Content area----------*/

#maincontent{
    width:70%;
    float:left;
    margin:0 1% 10px 0;
    background: #fff;
}

#maincontent h3{
    margin: 0 30px 20px 30px;
    border-bottom: 1px dotted #ccc;
    font-size: 1.5em;
    font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
body.category #maincontent h3{
     padding: 10px 0 5px !important;
}
body.page_elections2012 #maincontent h3{
     padding: 10px 0 5px !important;
}
#maincontent h3.subtitle{
    margin: 0 0 5px 0;
    font-size: 1.4em;
    border: none;
}
body.category #maincontent h4 {
    margin: 0 0 0px 30px !important;
    font-size: 1.3em;
    font-weight: normal;
    border: none;
    padding: 0 0 5px;
}
body.page_elections2012 #maincontent h4 {
    margin: 0 0 0px 30px !important;
    font-size: 1.3em;
    font-weight: normal;
    border: none;
    padding: 0 0 5px;
}
#maincontent h4{
    margin: 0 30px 20px 30px;
    font-size: 1.3em;
    font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    /*font-weight: normal;*/
}
#maincontent h5{
    margin: 0 30px 20px 30px;
    font-size: 1em;
    font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#maincontent p{
    margin: 0 30px 20px 30px;
}
#maincontent table{
    margin: 0 20px 20px 30px;
    border-collapse: collapse;
}
#maincontent td, #maincontent th{
    border: 1px solid #a4999d;
    padding: 3px 5px;
}
#maincontent th{
    background-color: #a4999d;    
    color: #fff;
    text-align:left;
}
#maincontent small{
    margin: 0 20px 20px 30px;
}
body.category #maincontent small {
    margin: 0 20px 20px 30px !important;
}
body.page_elections2012 #maincontent small {
    margin: 0 20px 20px 30px !important;
}
#maincontent ul, #maincontent ol{
    margin: 0 20px 20px 60px;
}

#maincontent img{
    margin:1em;
    padding:0;
    border:1px solid #ccc;
}
.ngg-gallery-thumbnail img{
    margin: 5px !important;
}
#skaiKa8imerini{
    border:0px !important;
    margin:0  !important;
}
#title{
    background: #cc4d00 url(images/title.jpg) no-repeat left bottom;
    color:#fff;
    padding:15px 30px 37px 30px;
    margin:0 0 10px 0;
}
#title h2{
    font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: normal;
}
#title small{
    margin:0 !important;
}
.id{
    background: #efefef;
    color: #411d2b;
    padding:10px;
border: 1px #d7d7d5 solid;}
#sidebar{
    width:28.6%;
    float:left;
}
.liquid #sidebar{
    width:28.9%;
}
*> #sidebar, *> .liquid #sidebar{
    width:28.9%;
}
#filters{
    background: #a72900 url(images/sidebar.jpg) repeat-x;
    color: #fff;
    padding: 15px 20px 0px 20px;
}
#filters a{
    color: #FFCC00;
}
#filters p{
    margin:0 0 0px 0;
}
#filters ul{
    list-style: none;
    margin:5px 0 10px 0;
    padding: 0 0 15px 0;
}
#filters .hasBorder{
    background: url(images/dotWhite.gif) repeat-x bottom;
}
#filters li{
    display:inline;
    margin:0 5px 0 0;
}
#filters ul.relatedPosts li{
    margin:0 5px 0 0;
    display:block;
}
.sideColumn{
    background: #fff url(images/backColumn.jpg) repeat-x top;
    padding:0 0 1px 0;
    margin:0 0 10px 0;
}

.sideColumn ul{
    list-style: none;
    margin:5px 20px 18px 20px;
}
.sideColumn ul ul{
    list-style: square;
    margin:5px 20px 5px 20px;
    color: #999;
}
.sideColumn p{
    margin:5px 0 18px 20px;
}
.sideColumn .current-cat a{
    background: url(images/sidebar.jpg) repeat-x ;
    color: #fff;
    padding:0 3px 1px 3px;
}
.sideColumn a.hasChildren{
    background: url(images/arrow.gif)  no-repeat right 4px !important;
    padding-right:10px;
}
.sideColumn ul.children{
    background: #efefef;
    margin: 2px 20px 2px 0;
    padding: 5px 8px;
    list-style: none;
}
.sideColumn h2{
    color:#fff;
    font-size:1em;
    font-weight: normal;
    text-align: center;
    padding:5px 0 20px 0;
}

#sideHot h2, 
#sideTags h2, 
#sideSpecials h2, 
#sideErevnes h2, 
#sideTypes h2, 
#sideVarometra h2,
#sideErevnesLast h2,
#sideAnaliseisLast h2,
#sideIndexes h2{
    background: url(images/sideHot.gif) no-repeat;
    width:250px;
    height:40px;
    padding:0;
}

#sideHot li,
#sideErevnesLast li,
#sideAnaliseisLast li,
#sideIndexes li,
#sideVarometra li {
    margin: 0 0 10px 0;
}
#sideErevnesLast h2{
    background: url(images/homeLast.gif) no-repeat !important;
}
#sideIndexes h2{
    background: url(images/homeIndi.gif) no-repeat !important;
}
#sideAnaliseisLast h2{
    background: url(images/homeLastErevnes.gif) no-repeat !important;
}
#sideTags h2{
    background: url(images/sideTags.gif) no-repeat;
}
#sideTags li{
    display:inline;
    margin:0 5px 0 0;
}
#sideErevnes h2{
    background: url(images/sideErevnes.gif) no-repeat;
}
#sideTypes h2{
    background: url(images/sideTypes.gif) no-repeat;
}
#sideSpecials h2{
    background: url(images/sideSpecials.gif) no-repeat;
}
#sideVarometra h2{
    background: url(images/sideVarometra.gif) no-repeat;
}

.pagerRight
{
   margin-left:100px;
}

/*------------Items---------*/

.item{
    background: url(images/dot.gif) repeat-x top;
    float: left;
    width: 100%;
}

.item small{
    color: #a9a9a9;
    margin:-15px 0 20px 30px !important;
}

.item p{
    margin: 0 10px 10px 30px !important;
}

.item h3{
    margin:0px 20px 0px 30px !important;
    padding:10px 0 18px 0;
    border: 0px !important;
}

.newsletterItem h3{
    background: url(images/iconNewsletterList.gif) no-repeat 0px 13px;
    padding:10px 0 10px 22px;
}
.rssItem h3{
    background: url(images/iconRssList.gif) no-repeat 0px 13px;
    padding:10px 0 10px 22px;
}
/*---------FOOTER----------*/

#footer{
    width: 98%;
    padding: 1%;
    margin:0 0 20px 0;
    background: #9e9097;
    color:#fff;
    float: left;
}

#footer .quicklinks
{
    float:right;
    margin-right:0px;
}

#footer .quicklinks a
{
    color: #ffffff;
}

#simpleSearch {
    text-align:center;
    width:auto;
    left :-9999px;
    position:absolute;
/*    clear: both;
    float:none;
    margin: 0 auto;
    color: #fff;
    font-size:1em;
    overflow: hidden;
    padding-bottom:5px;*/
}
body.scriptingOn #simpleSearch {
    z-index:4;
    position:absolute;
    top:160px;
    right:165px;
    text-align:left;
    width:158px;
    padding:10px;
    background: #a72900 url(images/sidebar.jpg) repeat-x top;
    border: 2px solid #cb4d00;
}

#simpleSearch  a{color: #411d2b; padding: 3px 0 0 0;display:block;}
body.scriptingOn #simpleSearch  a{color:#fff; margin:5px 0 0 0; padding:0;}

#simpleSearch  input{
    margin:auto;  
    border: 1px solid #cb4d00; 
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 2px 2px 2px 5px;
}
#simpleSearch  .inputButton{
    background: #411d2b;
    border:0;
    color:#fff;
}


#rssSelect {text-align:center;width:auto}

#rssSelect h3{background:url(../garnish/dotted_line.gif) repeat-x bottom;text-align:left;padding:0.3em 0 0.5em}

#rssSelect  p{float:left;margin:0.5em 1.5em 0.5em 0}

body.scriptingOn #rssSelect {position:absolute;top:15px;right:165px;text-align:left;font-size:0.9em;background:#F4FBFD url(../garnish/send_back.png) repeat-x top;border:2px solid #0056A8;width:auto;padding:0 0 1.5em}

body.scriptingOn #rssSelect  h3{font-size:1.1em;background:url(../garnish/send_title.gif) no-repeat top right;font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight:700;margin:0;padding:1em}

body.scriptingOn  #rssSelect  p{list-style:none none;display:block;float:none;padding:0.8em 2.5em 0}

body.scriptingOn #rssSelect  input{margin:auto}

.current_page_item {
    font-weight: bold;
}

/*----Advanced Search---*/

#advSearch{
/*    background: red;*/
    margin: 0 20px 20px 30px;
    overflow: hidden;
}
#advSearch ul{
    margin: 0 8px 1px 0;
    list-style: none;
    width: 580px;
    padding: 10px;
    background: #a72900 url(images/back.jpg) repeat-x 50% 50%;
    overflow: hidden;
    border: 4px solid #beb5b8;
}

#advSearch li{
margin:0 0 5px 0;
float:left;
}
#advSearch input, #advSearch select{
margin: 0 10px 0 0;
}

#advSearch label{
    color: #fff;
    padding: 0 10px 0 0;
}
#advSearch p{
    margin: 20px 20px 20px 0px;
    text-align: center;
}

/*-------CONTACT PAGE-------*/
#contactForm{
    margin: 2em auto;
    width:500px;
    padding:5px;
}
#contactForm fieldset{
    position: relative;
    border:0;
    width: 100%;
    padding: 1.5em 0 0 0;
}
#contactForm legend span{
    position: absolute;
    top: -0.5em;
    left: 0em;
    font-size: 1.5em;
    font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #a82a01;
}
#contactForm label{
    display: block;
    margin: 2em auto;
    font-weight:bold;
}
#contactForm input, #contactForm textarea, #contactForm select{
    width:390px;
    display:block;
    margin:10px 0 0 0;
    font-weight:normal;
}
#contactForm select{width:auto;}
#contactForm p{    margin:20px 0 20px 0;}
/*---------------------------FLASH MOVIE------------------------*/
#maincontent .flashmovie{
    margin-top: 0pt;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 30px;
}
/*--------------------------- SOCIAL BOOKMARKING ------------------------*/
#toolsPanelSocials{
	margin:0 30px 0 0;
    height:40px;
}
#toolsPanelSocials img{
	border:0!important;
	margin:0 0 0 0px !important;
}
#toolsPanelSocials p{
    margin:0!important;
    float:right;
}
#toolsPanelSocials p.sociable a {
	filter:alpha(opacity=60);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#toolsPanelSocials p.sociable a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
/*--------------------------- TOOLS ------------------------*/
#toolsPanelSocials p.printView 
{
    margin:0 5px 0 5px!important;
}

/*-------- NEWSLETTER ---------------*/
.epm-sign-up-form {
    padding: 0px 30px 10px 30px;
}
.epm-sign-up-form p {
    padding: 5px;
    margin: 0px !important;
}
.epm-form-field {
    padding: 5px;
}
.epm-form-field label{
    display: inline-block;
    min-width: 80px;
}
.epm-sign-up-button {
    padding: 8px 20px;
    margin-top: 10px;
}

/*--------------------- NGG GALLERY -----------------*/
.ngg-galleryoverview {
 padding: 0px 30px 0px 30px;   
}

/*------ BOOTSTRAP REQUIRED-------------*/
.collapse.show {
    display: block;
}
.collapse {
    display: none;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .30s ease;
}

/*------ IMAGE STYLES-------------------*/
.img-border {
    border: 1px solid gray !important;
    padding: 3px !important;
}

/*------ MEDIA QUERIES------------------*/
@media (max-width: 576px) {
    body {
        background-image: none;
    }
    #maincontent {
        width: 100%;
    }
    #mainNav li {
        float: left;
        width: 50%;
    }
}

@media(max-width: 320px) {
    #site-logo-mobile a {
        width: 230px;
        height: 32px;
        background: url(images/publicissue-logo-230w.png);
    }
}
