/*
Theme Name:     Helios 2012
Theme URI:      http: //www.helios.gr
Description:    Child theme of Twenty Eleven theme 
Author:         Future Media Ltd.
Author URI:     http: //www.futuremedia.gr/
Template:       twentyeleven
Version:        0.5.0
*/

@import url("../twentyeleven/style.css");

/* @group FONTS */

@font-face {
    font-family: 'SeasideResortNFRegular';
    src: url('fonts/seaside/seasrn__-webfont.eot');
    src: url('fonts/seaside/seasrn__-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/seaside/seasrn__-webfont.woff') format('woff'),
         url('fonts/seaside/seasrn__-webfont.ttf') format('truetype'),
         url('fonts/seaside/seasrn__-webfont.svg#SeasideResortNFRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OstrichSansBlack';
    src: url('fonts/ostrich/ostrich-black-webfont.eot');
    src: url('fonts/ostrich/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich/ostrich-black-webfont.woff') format('woff'),
         url('fonts/ostrich/ostrich-black-webfont.ttf') format('truetype'),
         url('fonts/ostrich/ostrich-black-webfont.svg#OstrichSansBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* @end */



/* @group General */

body							{background:#e6e4e2;}
body, input, textarea 			{font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;line-height:1.625;}
h1, h2, h3 						{}
a								{color:#c54814/*#14a5c5#7faac5*/;}
a.black							{color:#373737;}
a:focus,
a:active,
a:hover 						{text-decoration:none;color:#00b2fb /*#e15d46*/;}

/* @end */

/* @group Header */

#branding						{border:none;padding-bottom:0;}
#branding hgroup 				{margin:0;position:relative;float:left;width:100%;}
#branding img					{clear:both;}

h1#site-title a 				{font:normal 62px/62px "SeasideResortNFRegular",Arial,sans-serif;text-transform:uppercase;text-decoration:none;letter-spacing:4px;}
h1.entry-title					{text-shadow:1px 1px 1px #fff, -1px -1px 1px #fff;border-bottom:1px solid #d5d5d5;color:#333;padding-top:0;}
#access 						{border:1px solid rgba(0,0,0,0.3);
								border-bottom-right-radius:3px;border-bottom-left-radius:3px;
								background:#3d3938;
								background:-moz-linear-gradient(#464041, #2b2827);
								background:-o-linear-gradient(#464041, #2b2827);
								background:-webkit-linear-gradient(#464041, #2b2827);}
#access div 					{margin: 0 1.625%;}
								
#branding #searchform			{top:9px;right:1.625%;}
#branding #s 					{background:#f3f2f1 url(images/search.png) no-repeat 3px 2px !important;padding:0px 10px 0px 24px;font-size:13px;
								-moz-border-radius:3px;border-radius:3px;}

.site-generator					{background:#dbdbdb;}

#branding #weather				{position:absolute;top:0;right:0;width:140px;}
#weather .icon					{padding-top:2em;}
#weather .deg					{font:normal 40px/40px "Helvetica Neue", Helvetica,Arial,sans-serif;}
#weather .foot					{font-size:11px;padding:0;margin:0;}

#page							{margin-top:-2px;background:transparent;}


/* This will override the changed link color */
#site-title						{padding-top:2em;}
#site-title a:focus,
#site-title a:hover,
#site-title a:active 			{text-shadow:1px 1px 0px #e6e4e2, 2px 2px 0px #eee;/*color: #009900 !important;*/}

#site-description				{margin-bottom:2em;}

#content						{margin-left:0;/*width:66%;*/}
#secondary 						{width:30.85% !important;margin-right:0;}

#menu-hotels					{list-style-type:none;}

/* @end */

/* @group HOME PAGE */

.home #main						{padding:0;}
#main							{float:left;margin-bottom:1.625em;width:100%;}
#blackbox						{padding:1.625em;overflow:hidden;background:#3d3938;color:#e8e6e2;
								border-bottom-right-radius:3px;border-bottom-left-radius:3px;}

.row							{overflow:hidden;clear:both;margin:0;padding:0;}
.row.two .column 				{float:left;margin-right:3.7%;width:48.1%;} /* 2 Columns */
.row.two .column +
.column 						{margin-right:0;}
.row.three .column 				{float:left;margin-right:3.7%;width:30.85%;} /* 3 Columns */
.row.three .column + 
.column + .column 				{margin-right:0;}

.row h2							{font:17px "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:2.117em;font-weight:600;}
.row img 						{border:1px solid #ddd;padding:6px;width:294px;height:144px;background:#eee;border-radius:3px;}
.row a.more-link				{display:block;border-top:1px solid #d5d5d5;padding-top:0.2em;margin-top:1.625em;}

#fp-ad-container				{clear:both;width:100%;height:60px;}

ul.news							{list-style-type:none;margin:0;}
.news a							{font-weight:400;}
.news cite						{font-size:12px;display:inline-block;padding:1px 5px;background:#fba700;color:#e8e6e2;border-radius:3px;}

/* @end */

/* @group POST / PAGE / ARCHIVE & TAXONOMY / SEARCH format */

.page-title						{font-style:normal;font-family:"league-gothic",sans-serif;font-size:17px;color:#222;background:#d5d5d5;padding-left:15px;letter-spacing: 0.2em;}
.lead 							{padding-top:1.625em;font-size:20px;line-height:27px;}

.entry-content					{border-bottom:1px solid #d5d5d5;margin-bottom:1.635em;}
.flickr-gallery					{background-color:#d5d5d5;padding:8px;border-radius:3px;}
.flickr-thumb					{margin:5px !important;border:1px solid #fff;border-radius:3px;}
.fg-clear						{font-size:12px;padding:0 8px;}
.flickr-gallery-next a,
.flickr-gallery-prev a			{display:block;background-color:#d5d5d5;border-radius:3px;padding:2px 8px;margin-bottom:1.625em;}

.archive #primary,
.singular #primary				{margin:0;width:65.45% !important;}
.archive #content,
.singular #content,				
.singular .entry-header, 
.singular .entry-content, 
.singular footer.entry-meta, 
.singular #comments-title 		{margin:0;width:100%;}

.singular.page .hentry,
.singular .hentry				{padding:0;}

/* maps */
.leaflet-container 				{margin-bottom:1.625em;border-radius:3px;}
.leaflet-bottom					{display:none;}

.archive #main h2, 
.singular #main h2				{font:17px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:2.117em;font-weight:600;}
.archive  #main h2				{border-bottom:1px solid #d5d5d5;color:#333;margin-bottom:0.875em;}
.archive a.more-link			{display:block;}

.attachment-thumbnail			{padding-right:20px;float:left;border-right:1px solid #d5d5d5;margin-right:20px;margin-bottom:1.625em;}

.nav 							{display:block;width:100%;margin-left:0;margin-bottom:1.625em;list-style:none;}
.nav li.cat-item				{float:left;padding-right:0.5em;}
.nav li.cat-item:nth-child(1n+2):before			{content:'/';margin-right:0.5em;}

/* @end */

/* @group SIDEBAR */

input#s							{background-color:#f3f2f1;}
.subpage-list					{list-style-type:none;margin:0;margin-bottom:3.25em;font-size:14px;font-weight:400;}
.page_item						{background:#d5d5d5;padding:5px 10px;margin-bottom:2px;border-radius:3px;}
.page_item:hover				{background:#ffdd6e;}
.page_item	a					{color:#333;}
.page_item	a:before			{font-family:'iconfont';font-size:11px;content:"\e01a";color:#fff;margin-right:10px;}
.current_page_item				{display:none;}

/* @end */

/* @group FOOTER */

#site-generator					{background:transparent;border-top:3px solid #d5d5d5;}

/* @end */


/* @group Picto Icons */
				
.icon:before					{font-family:'Pictos Custom';content:attr(data-icon);margin:0 0.4em 0 0;-webkit-font-smoothing: antialiased;}
a.icon:before:hover				{border:none;text-decoration:none;}
/* #access .icon:before			{margin:0 0.5em 0 0;} */
.gform_body .icon:before 		{color:#cc6666;}

/* @end */

/* @group Dividers */

.divider 						{text-align:center;border-bottom:3px solid #d5d5d5;height:37px;margin-bottom: 37px;}
.divider h2 					{display:inline-block;font-size:21px;position:relative;top:21px;padding:0 8px;background:#e6e4e2;font-weight:600;}

/* @end */

/* @group MEDIA QUERIES */

@media (max-width:480px) {
	body						{padding:0 0.5em;}
	nav#access					{display:none;}
	#weather					{position:relative;}
	#fp-ad-container			{display:none;}
}
@media (max-width:768px) { 
	body						{padding:0 0.5em;}
	#fp-ad-container			{display:none;} 
}

/* @end */

/* @group MAP PLUGIN */

.leaflet-popup-content h4		{font-weight:600;}
.leaflet-popup-content-wrapper	{border-radius:3px !important;}
.markers_list					{border:none;}
.marker_name					{}
.marker_text					{}

/* end */

/* ADs */
.ad-inline 						{display:block;margin-bottom:1.5em;}

/* HACKS */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

