/*
Theme Name: Classic Yatch Race
Author: Shape Ltd
Author URI: http://shape.com.gr
Description: 
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* =Structure
----------------------------------------------- */
body{font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;color:#1A1A1A;}

figure{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;    }

.clear, .clr{clear:both;}

img{border:0;}

a{color: #206F96;text-decoration: none;}

a:hover{text-decoration: underline;}   

.background-image{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    border:0;
}

.background-image img {
    height: auto;
    min-height: 1000px;
    min-width: 1100px;
    width: 100%;
}

/* =Combinations
----------------------------------------------- */
footer, #main{
    width: 940px;
}

footer, header, .menu-main-menu-en-container, .menu-main-menu-container{
    margin: 0 auto;
}

footer, header, #weather, #sidebar h1, #sidebar #userful-links, .home h1, #sidebar h3{
    background-position: top left;
    background-repeat: no-repeat;
}

header h4, #weather, .time-content, header .time-content, header nav{
    display: block;    
    float: right;    
}

header h4, .time-content, header .time-content, header nav{
    width: 100%;
    text-align: right;    
}

header h4, header nav, header nav a{
    font-size: 10px;
}

header h4, header nav a{
    color: #999999;
}

header nav, header nav a:hover, header nav a.active{
    color: #FCAF17;    
}

#main-menu, #main-menu a, #main-menu ul, .home p, .home a.more-link, .home img, .home h1{
    display: block;        
}

#sidebar h1, #sidebar #userful-links, #sidebar h3{
    padding-left: 37px;        
}

.slider-wrapper, .theme-default #slider{
    width:700px; /* Make sure your images are the same size */
    height:448px; /* Make sure your images are the same size */    
}

.home h1, .home h1 > a{
    color: #1A1A1A;    
}

#lang {margin-top: 0px;}
/* =Header
----------------------------------------------- */
header{
    width: 925px;
    height: 158px;    
    padding: 8px 15px 0 0;
}

header.background-image-el{
//    background-image: url('./images/nheader-el.jpg');
  //  background-image: url('./images/scyr-2015-header-GR.png');
//      background-image: url('./images/SCYR_GRH1.png');
	background-image: url('./images/header_Gr-2.jpg');
}

header.background-image-en{
//    background-image: url('./images/nheader-en.jpg');
//    background-image: url('./images/scyr-2015-header-En.png');
//      background-image: url('./images/SCYR_ENH.png');
	background-image: url('./images/header_En-2.jpg');
}

a#home-link{
   display: block;
  position: relative;
  z-index: 10;
  width: 182px;
  height: 133px;
  top: 10px;
  left: 6px;
  text-indent: -99999px;
}

a#home-link4{
  width: 98px;
  height: 55px;
  margin-top: 12px;
  margin-left: 672px;
  display: block;
    position: relative
}

a#home-link3{
width: 98px;
  height: 55px;
  margin-top: -108px;
  margin-left: 190px;
  display: block;
    position: relative
}
a#home-link2{
width: 59px;
  height: 50px;
  margin-top: -47px;
  margin-left: 190px;
  display: block;
    position: relative
}

#weather{    
    width: 107px;
    height: 20px;
    float: right;
}

#weather #gogadget_weather_widget_sc{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

#weather #gogadget_weather_widget_sc br{
    display: none;
}

#weather #gogadget_weather_widget_sc table{
   padding: 0 !important;
   margin: 0 !important;
}

header h4.time{
    padding: 10px 0 2px 0;    
}

header #first-timer{
    height: 21px;        
}

header .time-content{
    padding-bottom: 13px;
}

.time-content{
    color: #fff;
    font-size: 21px;
}

header #countdown{
    color: #fff;    
    padding-top: 2px;
}

/* =Menu
----------------------------------------------- */
#wrapper{
    display: block;    
    width: 925px;    
    height: 65px;
    padding-left: 15px;
    padding-top: 5px;
    background-image: url('./images/background-menu-2.png');        
    margin: 0 auto;
}

.menu-top-menu-container, .menu-top-menu-en-container {
    position:relative;
    width:265px;
}

.menu-top-menu-container {
    margin:0 0 0 577px;
}

.menu-top-menu-en-container {
    margin:0 0 0 565px;
}

#top-menu{
    float: left;
}

.menu-main-menu-container, .menu-main-menu-en-container {
    position:relative;
    width:925px;
    margin:0;
}

#main-menu{
    float: left;
    padding-left: 2px;
}

ul#main-menu, ul#top-menu {
    margin:0px auto;
    position:relative;
    float:left;
}

ul#top-menu {
    margin:0 0 3px 0;
}

ul#main-menu li, ul#top-menu li {
    display:inline;
    margin:0;
    padding: 0;
    float:left;
    position:relative;
}

ul#top-menu li a{
    line-height: 11px;
    color:#fff;
    font-size: 11px;
    font-weight: bold;
    padding: 0 8px;
    border-right: 2px solid #fff;
}

ul#top-menu li.last a{
    border-right: 0;
}

ul#main-menu > li{
    background-image: url('./images/background-menu-normal-2.png');                
    margin-right: 1px;
}

ul#main-menu li a {
    font-size: 13px;
    font-weight: bold;        
    line-height: 15px;
    padding: 12px 12px 11px 12px;
    color:#fff;
    text-decoration:none;
    display:inline-block;
}

ul#main-menu > li:hover > a, ul#main-menu > li.current-menu-ancestor > a{
    background-image: url('./images/background-menu-hover-2.png');    
}

ul#main-menu > li.newsletter > a {
    background-image: url('./images/background-button-newsletter.png');                
}

/* Drop-Down Navigation */
ul#main-menu li:hover > ul
{
    visibility:visible;
    opacity:1;
}

ul#main-menu ul, ul#main-menu ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;    
    visibility:hidden;
    position: absolute;
    z-index: 99999;
    width: 250px;
    background:#00B6F7;
    opacity:0;
}

ul#main-menu ul {
/*    top: 43px;
    left: 1px;*/
}

ul#main-menu ul li ul {
    top: 0;
    left: 274px;
}

ul#main-menu ul li {
    clear:both;
    width:100%;
    border:0 none;
}

ul#main-menu ul li a:hover, ul#main-menu ul li.current_page_item > a, ul#main-menu ul li.current-menu-parent > a{
    background-color: #467E9F;
}

ul#main-menu ul li a {
    background:none;
    padding:14px 12px;
    color:#fff;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:250px;
    background-color: #00B6F7;
    font-weight: normal;
}

ul#main-menu li a.first {
    border-left: 0 none;
}

ul#main-menu li.facebook{
    width: 46px;
    margin: 0;
	background-image: url('./images/background-menu-normal-2.png');
  margin-right: 1px;

}

ul#main-menu li.facebook a {
    width: 46px;
    position: relative;
    text-indent: -99999px;
    background-image: url('./images/menu-facebook-image.png');
    background-repeat: no-repeat;
    background-position: center center;    
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}



ul#main-menu li.instagram a{
	  width: 46px;
    position: relative;
    text-indent: -99999px;
    background-image: url('/wordpress/wp-content/uploads/2015/05/Instagram-Logo-20x20.png');
    background-repeat: no-repeat;
    background-position: center center;    
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}
/* =Footer
----------------------------------------------- */

footer{
    height: 25px;
    color: #fff;    
    font-size: 10px;    
    padding-top: 120px;
}

footer.background-image-el{
//    background-image: url('./images/classic-footer-el.jpg');
//    background-image: url('./images/scyr-2015-footer-gr.png');
//      background-image: url('./images/SCYR_GRF.png');
	background-image: url('./images/footer_Gr12.png');
}

footer.background-image-en{
//    background-image: url('./images/classic-footer-en.jpg');
//   background-image: url('./images/scyr-2015-footer-ng.png');
//      background-image: url('./images/SCYR_ENF.png');
	 background-image: url('./images/footer_En12.png');
}

footer nav, #credits{
    display: inline-block;
    float: left; 
    height: auto;
    line-height: 11px;
}

footer nav{
    margin-left: 3px;
}

footer a{
    color: #fff;
    font-size: 10px;
    padding: 0 7px;
}

#credits{
    padding-right: 15px;
    width: 811px;
    text-align: right;
}

/* =Main
----------------------------------------------- */
#main{
    margin:  10px auto 10px auto;    
    height: auto;
}

/* =Home
----------------------------------------------- */
.home{
    display: inline-block;
    width: 345px;
    height: 210px;
    float: left;
    font-size: 11px;
    margin-bottom: 11px;
}

.slider-wrapper{
    background-color: #fff;
    margin-bottom: 11px;
}

.second{
    margin-left: 10px;    
}

.home h1{
    font-size: 13px;
    line-height: 15px;
    height: 20px;
    background-image: url('./images/background-home-header.png');
    padding-left: 38px;
    padding-top: 10px;
}

.home h1 a:hover{
    text-decoration: none;
}

.home p{
    padding: 14px 10px;
    line-height: 13px;    
    background-color: #fff;
    height: 52px;
}

.home a.more-link{
    padding-top: 5px;
    color: #C1272D;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
}

/* =Sponsors + multimedia
----------------------------------------------- */
.multimedia .post-title, .sponsors .post-title{
    display: block;  
    width: 600px;  
}

.multimedia a, .sponsors a{
    border: 0px;
    padding: 0;
    margin: 0;
}

.multimedia img, .sponsors img{
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px; 
    float: left;
}

.multimedia img.no-padding, .sponsors img.no-padding{
    padding-right: 0px;    
}

.multimedia a:hover img, .sponsors a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}

a.multimedia-effect-no-margin, a.multimedia-effect{
    text-decoration: none;
    display: inline-block;
    width: 196px;
}

a.multimedia-effect{
    margin-right: 10px;
}

a.multimedia-effect-no-margin h4, a.multimedia-effect h4{
    padding-bottom: 10px;
    text-align: center;
}

/* =Blog
----------------------------------------------- */

.blog section h1, .blog section img{
    padding-bottom: 10px;    
}

.blog section a.more-link, a.read-more{
    font-weight: bold;
    color: #C1272D;
    text-align: right;
    display: block;
    font-size: 10px;
}

/* =Media
----------------------------------------------- */
a.read-more{
    border-top: 1px solid #C1272D;
}
/* =Form Elements
----------------------------------------------- */
.dummy{
    display: none;
}

#form-building label, 
#form-building input, 
#form-building textarea, 
#form-building aside, 
#form-building .button,
.validator-info, 
#form-building #main-form p,
#form-building select,
#form-building .gap{
    display: inline-block;
    float: left;
}

#form-building #main-form p, 
#form-building aside{
    padding-bottom: 8px;
}

#form-building p{
    line-height: 15px;
    margin-bottom: 2px;    
}

#form-building label{
    width: 100%;
}

#form-building .gap{
    width: 100%;
    border-bottom: 1px solid #206F96;
    margin: 0 0 15px 2px;
    line-height: 0;
}

#form-building input, 
#form-building textarea, 
#form-building select{
    width: 100%;
    border: 1px solid #206F96;
    font-size: 11px;
    padding: 2px;
}

#form-building select.inline-selection{
    width: 200px;
    border: 1px solid #206F96;
    font-size: 11px;
    padding: 2px;
    margin-right: 6px;
}

#form-building input.error, 
#form-building textarea.error{
    border: 1px solid #C1272D;    
}

#form-building aside{
    margin-left: 71px;
}

#form-building aside{
    width: 450px;
}

#form-building button, #form-building .button{
    color: #ffffff;
    background-color: #206F96;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
    padding: 5px;
}

#form-building button, .orientation{
    display: inline-block;
    float: left;        
}

#form-building .button, #form-building button, .orientation{
    margin-top: 10px;
}

.orientation{
    width: 546px;
    text-align: right;
    color: #206F96;
    font-size: 10px;
}

.explanation{
    color: #206F96;    
}
/* =Page Navi
----------------------------------------------- */

.blog .wp-pagenavi{
    display: inline-block;  
    margin: 10px 0 0 0;
}

.blog .wp-pagenavi .current, .blog .wp-pagenavi a, .blog .nextpostslink{
    display: inline-block;    
    float: left;
    padding: 5px;
    margin: 0 5px 0 0;
    border: 1px solid #206F96;
    width: auto;
}

.blog .wp-pagenavi a:hover, .blog .wp-pagenavi span.current{
    border: 1px solid #206F96;
    color: #206F96;    
    text-decoration: underline;
}

/* =Content
----------------------------------------------- */
#content{
    width: 700px;
    height: auto;
    float: left;
    margin-right: 10px;    
}

h1.post-title{
    font-size: 24px;
    line-height: 30px;        
    display: block;    
}

.page, .blog{
    border: 1px solid #206F96;
    background-color: #fff;
    padding: 35px 38px;
    width: 620px;   
    font-size: 12px;
    line-height: 15px;
}

.page .submenu-page{
    padding: 19px 0 0 0;
}

.page .submenu-page a{
    display: inline-block;
    color: #C1272D;
    font-size: 12px;
    border-right: 1px solid #C1272D;
    padding: 0 10px 2px 0;
    margin-right: 10px;
    margin-bottom: 10px;    
}

.page .submenu-page a.no-border{
    border-right: 0px;
    margin-right: 0px;
    padding-right: 0px;
}

.page p, h1.post-title, article h2, article h3, article h4, article h5, article h6, article ul, article ol{
    padding-bottom: 15px; 
}

h1.post-title, article h1, article h2, article h3, article h4, article h5, article h6{
    color: #206F96;    
}

article ul{
    list-style-type: disc;
}

article ol{
    list-style-type: lower-greek;
}

article ul li, article ol li{
    list-style-position: inside;
}

article ul li p, article ol li p{
    padding-left: 13px;
}

article ul li li p, article ol li li p{
    padding-left: 23px;
}

article h1{
    font-size: 22px;
    line-height: 28px;        
}

article h2{
    font-size: 20px;
    line-height: 26px;        
}

article h3, .blog section h1{
    font-size: 18px;
    line-height: 24px;        
}

article h4{
    font-size: 16px;
    line-height: 22px;        
}

article h5{
    font-size: 14px;
    line-height: 20px;        
}

article h6{
    font-size: 12px;
    line-height: 28px;        
}

article figure{
    padding:0;
    margin:0;
    border:0;
    float:left;
    width: auto;
    height:auto;
}

article figure a{
    border:0;
    text-decoration: none;
}

article .gallery{
    display: block;
    width: 618px;
    padding: 0 1px;    
}

article .gallery img{
    padding: 0 10px 15px 0;
}

article .gallery img.no-right-padding{
    padding-right: 0;
}

article table{
    width: 100%;
    background-color: #F1F1F2;
    margin: 0 0 10px 0;
}

article .emtpy{
    background-color: #206F96;    
    color: #206F96;    
}

article table thead td{
    color: #C1272D;    
    font-weight: bold !important;
}

article table td{
    padding: 5px 3px !important;
}

article table.left-align td{
    text-align: left !important;
}

strong{
    font-weight: bold;
}

em{
    font-style: italic;
}

article sup, article sub{
    position: relative;
    font-size: 8px;
}

article sup{
    bottom: 3px; 
}

article sub{
    top: 3px; 
}

/* =Sidebar
----------------------------------------------- */
#sidebar{
    width: 230px;
    height: auto;
    float: left;    
}

#sidebar .sidebar-class-new{
    display: block;        
}

#sidebar #official-timekeeper{margin: 5px 0 0 0; background-color: #fff;}

#sidebar .time-content{
    display: block;    
    width: 230px;
    text-align: center;
    background-color: #fff;
    color: #F15D25;
    padding-bottom: 8px;
}

#sidebar img{
    display: block;
    background-color: #fff;
    padding: 0 0 5px 0;
    margin: 0;
}

#sidebar #official-timekeeper img{padding: 0;}

#sidebar .sidebar-class-new a{ padding: 0; margin: 0;}

#sidebar h1, #sidebar h3{
    width: 193px;        
    display: block;    
    height: 21px;
    background-image: url('./images/background-sidebar-header.png');
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    padding-top: 9px;
    margin-top: 10px;    
}

#sidebar sidebar-class-new:first-child h3{
    margin-top: 0;
}

#sidebar #userful-links{
    width: 163px;      
    height: 110px;
    background-image: url('./images/background-links.png');
    padding-top: 20px;        
    padding-right: 30px;        
}

#userful-links ul{
    list-style-type: disc;
    list-style-position: inside;
    color: #fff;
}

#userful-links a{
    color: #fff;
    font-size: 13px;
    line-height: 19px; 
}

#footer-widget{
    display: block;
    width: 940px;
    height: auto;
    background-color: #fff;
    margin: 0 auto 0 auto;
}

#footer-widget > div{
    display: inline-block;
    float: left;
    width: 188px;
    padding: 0;
    margin: 0;
}

#footer-widget a, #footer-widget img{
    width: 188px;
    height: 82px;
    display: block;    
}
a#footer-link{
display: block;
position: relative;
z-index: 10;
width: 249px;
height: 85px;
bottom: -570px;
left: 163px;
text-indent: -99999px;
float:left;
}

a#footer-link2{
display: block;
position: relative;
z-index: 10;
width: 97px;
height: 67px;
bottom: -585px;
left: 984px;
text-indent: -99999px;
}
a#footer-link3{
display: block;
position: relative;
z-index: 10;
width: 97px;
height: 67px;
bottom: -520px;
left: 887px;
text-indent: -99999px;

}
#footer-widget a{
    margin-bottom: 5px;
}

#footer-widget h3{
    width: 168px;    
    display: block;
    height: 25px;
    font-size: 13px;
    font-weight: bold;
    line-height: 21px;
    padding: 9px 0 0 20px;
}

#footer-widget .empty{
    width: 188px;
    height: 87px;
    display: block;        
}

#adrotate_widgets-77, #adrotate_widgets-76, #adrotate_widgets-73, #adrotate_widgets-72, #adrotate_widgets-72, #adrotate_widgets-61, #adrotate_widgets-11, #adrotate_widgets-14, #adrotate_widgets-45, #adrotate_widgets-46, #adrotate_widgets-47, #adrotate_widgets-20, #adrotate_widgets-48, #adrotate_widgets-49, #adrotate_widgets-50, #adrotate_widgets-51{
    border-bottom: 1px solid #206F96;
    padding-bottom:14px !important;
}

a#footer-links{

}