@charset "utf-8";
/*
Theme Name	: YGF
Theme URI	: http://www.yourgreekfriend.com/
Description	: Your Greek Friend Theme built with jQuery and Cycle Plugin
Version		: 1.0
Author		: Nuno Luciano
Date		: 14 april 2012
*/ 

/********************************************************** HTML */

* { border:0; margin:0 auto; padding:0; outline:none; }

body {
	background:#fff;
	font-size:13px;
	font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color:#6C7780;
	padding:0;
	margin:0;
	}

a:link, a:visited {
	color:#424351;
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	color:#4682B4;
	}

input, select, textarea { padding:3px; }

h1 { color:#4682B4; font-size:24px; margin:1em 0; }
h2 { color:#4682B4; font-size:22px; margin:1em 0; }
h3 { color:#919191; font-size:20px; margin:1em 0; }
h4 { color:#b4b4b4; font-size:18px; margin:1em 0; }
h5 { color:#919191; font-size:16px; margin:1em 0; }

p { line-height:1.5em; padding:1em 0; }

.clear {
	clear:both;
	padding:0;
	margin:0;
	background:none;
	}

/********************************************************** Header */

#header { margin:0 auto; padding:0; width:970px; }

.logo { float:left; margin:0; padding:25px 20px; text-align:center; }
.logo span { display:block; padding:0; margin:0; }

/********************************************************** Top Nav */

.topnav { float:right; width:500px; margin:0; padding:40px 0 0 0; font-size:15px; }
.topnav ul { float:right; list-style:none; padding:0; margin:0; }
.topnav li { float:left; padding:0 5px;}
.topnav li a { display:block; float:left; padding:10px 15px; }
.topnav li a:hover { background:#ebebeb; }
.topnav li.current_page a { color:#9c9fa3; background:#ebebeb; }

/********************************************************** Columns */

#columns { 
	margin:0 auto; 
	padding:20px; 
	width:930px; 
	}

#centercol {
	float:left;
	padding:0;
	width:600px;
	}

#rightcol { 
	float:right; 
	padding:0;
	width:265px; 
	}

/********************************************************** Box */

.box { margin:0 0 15px 0; padding:0 0; }
.box .content { height:1%; padding:0; }
.box .fb { margin:15px 0; padding:5px 0; text-align:center; }

/********************************************************** Photo + Thumbs + Button Read More */

.photo img { display:block; margin:0; padding:0px; border:3px solid #dbdbdb; }

.gallery img { margin:5px 2px; }

.button_more { float:left; margin:1em 0; padding:5px 10px; background:#dbdbdb; }
.button_more a, .button_more a:visited {}
.button_more a:hover {}

/********************************************************** Slider */

#slider { width:970px; padding:0 0 10px; margin:0 auto; }
div#slideshow { height:304px; border:10px solid #ebebeb; }

.slider-item { width: 100% !important; height: 322px; }
.slider_content_inner img { border: none; }
.controls-center { margin-left: auto; margin-right: auto; }

#slider_controls { padding:10px 0 0 0; position: relative; margin:0 auto; z-index: 1000; }
#slider_controls ul { margin:0 auto; padding:0; }
#slider_controls ul li { float:left; display: block; list-style: none; padding:0 4px; }
#slider_controls ul li a { background:#ebebeb; display: block; float: left; padding:5px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover, #slider_controls ul li a.activeSlide { background:#ccc; }

/********************************************************** Middle Column + Block */

.middle_col { margin:0 auto; padding:0; background:#ebebeb; }
.middle_col_width { width:930px; padding:10px 20px; }
.middle_col span { font-size:11px; }

.block { float:left; width:280px; padding:10px 45px 0 0; }
.block.last { padding:10px 0 0; }
.block li { list-style:none; }
.block img { float:left; margin:10px 5px; }

/********************************************************** Footer */

#footer {
	margin:0 auto;
	padding:0;
	border-top:1px solid #d9d9d9;
	background-color:#fff
	}

.bottom_col { width:930px; margin:0 auto; padding:10px 20px; }
.bottom_col ul { list-style:none; margin:0 80px 0 0; padding:0; }
.bottom_col li { padding:3px 0; border-bottom:1px solid #d9d9d9; }
.bottom_col li a {}
.bottom_col li a:hover {}

.footer_credits {
	background-color:#899AAA;
	color:#CDCDCD;
	margin:10px 0 0;
	padding:0 40px;
	}
.footer_credits a, .footer_credits a:visited { color:#F1F1F1; }
.footer_credits a:hover { color:#fff; }

.copyright { float:left; padding:30px 0; }
.footer_links { float:right; padding:30px 0; text-align:right; }

/********************************************************** Nav */
/* level 1 */
#nav { background:#ebebeb; margin:0 auto; width:960px; padding:0 5px; height:42px; }
#nav ul { color:#555; line-height:16px; list-style:none; padding:0; }
#nav ul li { float:left; padding:0; margin:0; }
#nav ul li a { display:block; padding:13px 30px; }
#nav ul li a:hover { background:#d9d9d9; text-decoration:none; }
#nav ul li a.current-cat { background:#d9d9d9; text-decoration:none;
}
/* level 2 */
#nav ul li ul { top:42px; background:#ccc; width:145px; } /* position of submenu */
#nav ul li ul li { float:none; padding:10px; text-align:left; display:block; }
#nav ul li ul li:hover { padding:9px 10px; text-decoration:none; border-bottom:1px solid #ebebeb; border-top:1px solid #f2f2f2; background:#d9d9d9; }
#nav ul li ul li a { float:none; padding:0; background:none; }
#nav ul li ul li a:hover { text-decoration:none; background:none; }
#nav ul .nav_sub_arrow { background:url(images/nav_set.gif) top right no-repeat;} /* if item have submenu */
#nav ul .nav_sub_arrow:hover, ul.menu .nav_sub_arrow_active { }	/* if item have submenu, active */
/* level 3 */
#nav ul li ul li ul { top:-1px; padding:0; margin:0; left:145px; } /* position of sub-submenu */

/* Position : DO NOT EDIT ! */
ul.menu { list-style:none; }
ul.menu li { cursor:pointer; position:relative; z-index:/*IE7*/999; }
ul.menu li a { position:relative; z-index:1000; }
ul.menu li ul { display:none; position:absolute; list-style:none; z-index:999; }
ul.menu li ul li ul { position:absolute; list-style:none; }
