/* style.css modified on 062414 */

body { background: #003366; color: #333; font-size: 13px; line-height: 1.5; font-family: arial, helvetica, verdana, sans-serif; letter-spacing: 0.01em; }
a, a:link, a:hover, a:visited { text-decoration: none; color: #fff; }
h2 { font-size: 167%; }

header {
    width: 960px;
    height: 96px;
    margin:  17px auto;
    position: relative;
    }
header ul.social{
    position: absolute;
    bottom: 0;
    right: 0;
    list-style: none;
    }

@media screen and (max-width: 1000px) {
	header{
        width: 640px;
	}
}
@media screen and (max-width: 600px) {
	header{
       width: 100%;
       padding: 0 10px;
       height: auto;
       box-sizing: border-box;
	}
	header img{
	    width: 90%;
	    height: auto;
	    }
}

#featured {
    background-color: #001b36;
    }
#featured div {
    width: 960px;
    height: 420px;
    margin: 0 auto;
    background: url(img/featured_zominthos01.jpg) top left no-repeat;
    position: relative;
    cursor: pointer;
    }

#featured article {
    width: 280px;
    height: 170px;
    padding: 36px 20px;
    background-color: #001b36;
    opacity:0.8;
    filter:alpha(opacity=80);
    position: absolute;
    top: 92px;
    right: 0;
    color: #fff;
    }
#featured article h2 {
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    }
#featured article p {
    margin-top: 12px;
    font-size: 108%;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    }
#featured article a {
    width: 160px;
    height: 41px;
    background-color: #6295b0;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 41px;
}

#current article img,
#current-under article img,
#past article img {
    width: 100%;
    height: auto;
    display: block;
}
   
@media screen and (max-width: 1000px) {
	#featured div{
        width: 640px;
	}
}
@media screen and (max-width: 600px) {
	#featured div{
       width: 100%;
       padding: 0 10px;
       box-sizing: border-box;
	}
}

#current,
#current-under {
    width: 920px;
    margin: 0 auto;
    background: #fff;
    }
#current {
    padding: 20px 20px 0;
    }
#current-under {
    padding: 0 20px 20px;
    }
#current article,
#current-under article { cursor: pointer; }

#current:after, #current article:after,
#current-under:after, #current article:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear: both;
}
#current article figure,
#current-under article figure,
#past article figure { margin: 0; }
#past article h3 { font-size: 123.1%; }

@media screen and (min-width: 1001px) {
    #current article,
    #current-under article {
        width: 440px;
        float: left;
        position: relative;
        }
    #current article.col2,
    #current-under article.col2 {
        float: right;
        }
        #current article h2,
         #current-under article h2 {
        margin: 15px 17px;
        line-height: 1;
        }
    #current article p,
    #current-under article p {
        padding: 15px;
        position: absolute;
        bottom: 0;
        background-color: #001b36;
        opacity:0.85;
        filter:alpha(opacity=85); /* For IE8 and earlier */
        font-size: 93%;
        }
    #current article h2, #current article p,
    #current-under article h2, #current article p {
        color: #fff;
        position: absolute;
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
        }
     #current article,
     #current-under article {
        margin: 12px 1%;
        float: left;
        box-sizing: border-box;
        }
     #current article {
        width: 48%;
        }
     #current-under article {
        width: 31.33%;
        }
        #current article h2,
        #current article p,
        #current-under article h2,
        #current-under article p {
            width: 100%;
            margin: 0;
            padding: 10px;
            box-sizing: border-box;
    }
 }
@media screen and (max-width: 1000px) {
	#current,
	#current-under {
        width: 600px;
	}
	#current article,
	#current-under article {
	min-height: 295px;
	position: relative;
	}
	#current article.col2,
	#current-under article.col2 {
	margin-top: 20px;
	}
	#current article a,
	#current-under article a {
	color: #333;
	}
	#current article figure,
	#current-under article figure {
	float: left;
	}
	#current article h2,
	#current-under article h2 {
	width: 140px;
	position: absolute;
	top: 5px;
	right: 0;
	line-height: 1.2;
	}
	#current article p,
	#current-under article p {
	width: 140px;
	margin-top: 5.5em;
	float: right;
	}
	
	#current article,
	#current-under article { margin-top: 20px; }
	#current article:first-child,
	#current-under article:first-child { margin-top: 0; }
	#current-under {
	    padding-top: 20px;
	}
}
 @media screen and (max-width: 600px) {
    #current, #current article,
    #current-under, #current-under article {
        width: 100%;
         box-sizing: border-box;
         padding: 10px;
        }
        #current figure, #current article h2, #current article p,
    #current-under figure, #current-under article h2, #current-under article p {
        float: none;
        position: relative;
        width: 100%;
         box-sizing: border-box;
         padding: 0 10px;
        }
    #current article p,
    #current-under article p { margin: 10px 0; }
}

#past {
    width: 920px;
    margin: 0 auto;
    padding: 20px 20px 36px;
    background: #efeee1;
    }
#past article {
    width: 22%;
    margin: 36px 1.5% 0;
    position: relative;
    float: left;
    }

#past:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear: both;
}
#past article img, #past article h3 { cursor: pointer; }
#past article h3 { margin-bottom: 6px; }

@media screen and (min-width: 1001px) {
#past article div {
    position: relative;
}
    #past article p {
    	width: 100%;
    	height: 100%;
    	margin: 0;
    	padding: 12px;
        position: absolute;
    	top: 0;
    	box-sizing: border-box;
    	z-index: 5;
    	background-color: #001b36;
    	font-size: 93%;
    	cursor: pointer;
    	opacity:0;
    	filter:alpha(opacity=0);
    }
    #past article p:hover {
    	opacity:0.75;
    	filter:alpha(opacity=75);
	}
}
@media screen and (max-width: 1000px) {
	#past {
        width: 600px;
	}
    #past article {
        width: 30.33%;
    }
    #past article a, #past article a:link, #past article a:hover, #past article a:visited { color: #333; }
    #past article p {
    	opacity:1;
    	filter:alpha(opacity=100);
    }
}

@media screen and (max-width: 600px) {
    #past {
        width: 100%;
         box-sizing: border-box;
         padding: 10px 30px;
         }
    #past article {
        width: 100%;
        float: none;
        text-align: center;
        }
     #past article img {
        max-width: 200px;
        display: inline-block;
        }
}

footer {
    margin: 15px auto;
    text-align: center;
    color: #fff;
    }
    
#div-gpt-ad-1357661833333-0 {
	padding-top: 15px;
	}
	
small span {
	font-size: 200%;
	font-family: galliard, 'times new roman', times, serif;
	letter-spacing: 1px;
	}