/*
Theme Name: Ogigia (intermediate version)
Theme URI: http://futuremedia.gr/
Description: A special theme produced for Ogigia.com. Last change on 18.10.09
Version: 2.0
Author: Future Media - Lefteris Theodossiadis
Author URI: http://futuremedia.gr/

*/
																/*
A. STANDARD FORMATING
-----------------------------------------------------------------
																*/
body { font-family:"Lucida Grande", "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	background:#fff url('images/back-1.jpg') repeat-x ;
	margin: 0;
	padding: 0;
	text-align: center; }
li, .post p, h3 { line-height: 1.6em; }
fieldset { padding: 20px; border: 1px dotted #dfdfdf; }
legend { margin-left: 10px; }
em {font-style:normal; color: #222;}
p {margin:21px 0;}
a img{border:none;}
																/*
A.2. LINKS
-----------------------------------------------------------------
																*/
a { text-decoration: none;}
a:link { border: 0px; background-color: inherit; color: #7eca00;/* border-bottom: 1px solid #fff;*/}
a:hover { color: #7eca00; background-color: inherit;/* border-bottom: 1px solid #7eca00; */}
a:visited {color: inherit;}
																/*
A.3. HEADINGS
-----------------------------------------------------------------
																*/
h1 { font-weight: normal; text-decoration: none; font-size: 3em; }
h2 { font-family:"Lucida Grande", "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding-top:0px;
	margin-top: 0px;
	color: #383838;
	font-size: 20px; }
h1 a, h2 a { border: 0px; }
h3 {font-weight:normal;font-size:14px;color:#444;text-transform:uppercase;}
h3 a {color:#383838;text-decoration:none;padding-right:5px;text-transform:none;font-size:20px;line-height:30px;}
h3 a:hover {color:#7eca00;}
h4 {font-size:14px;color:#444;}
																/*
B. CUSTOM FORMATING CLASSES
-----------------------------------------------------------------
																*/
																/*
B.1. ACCESSIBILITY CONTAINER
-----------------------------------------------------------------
																*/
#accessibility {position:absolute;top:-10000px;}
																/*
B.2. FULL PAGE CONTAINER
-----------------------------------------------------------------
																*/
#page { width: 776px; margin-right: auto; margin-left: auto; text-align: left;}
																/*
B.2.a. TOP CONTAINER AND TOP NAVIGATION
-----------------------------------------------------------------
																*/
#top h1 {padding: 0; margin: 0; width: 540px; height: 210px;}
#top h1 span { display: none; }
h1.hdr-1 {background: transparent url('images/header-2.jpg') no-repeat; }
h1.hdr-2 {background: transparent url('images/header-2.jpg') no-repeat; }
h1.hdr-3 {background: transparent url('images/header-2.jpg') no-repeat; }

ul#topnav {position: relative;display: table;padding:; 0px;margin:0;}
ul#topnav li { display: inline; float: left; margin: 0; padding: 0;}
ul#topnav li a {margin-right:20px;color: #f5f5f5;font-size:14px;line-height:42px;text-transform: lowercase;text-align: center;border-bottom: none;}
ul#topnav li a:hover { color: #7eca00;}
ul#topnav li.current_page_item a,
ul#topnav li.current_page_item a:hover { color: #cc5500; border: none;}
																/*
B.2.b. MAIN CONTAINER
-----------------------------------------------------------------
																*/
#main {clear:both;display:block;float:left;width:540px;}
#main p {}
																/*
B.2.b.1. CONTENT PANEL AND POSTS
-----------------------------------------------------------------
																*/
.post {margin:0 20px 42px 20px;clear:all;}
h2.fp_post {color:#383838;text-decoration:none;padding-right:5px;text-transform:none;font-size:28px;line-height:42px;border-bottom:1px solid #555;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;}
h2.fp_post a:link {color:#444;}
h2.fp_post a:hover {color:#7eca00;}
.post strong {background:#F5FCE3;color:inherit;font-weight:normal;padding:2px 3px;}
.post img,
.post object {float: left; background-color: #fff;margin-bottom:21px;}
.post img.larga {border: none; margin: 0; padding: 15px 0; }

.entry {font-size:12px;color:#555;}
.entry a {padding:2px 3px;background:#fff;}
.entry a:link, .entry a:visited {background: #eee; color: inherit; text-decoration: none;}
.entry a:hover { background: #f4fca9; text-decoration: none; color: inherit; }
a.more-link {display:block;width:100px;clear:both;line-height:21px;padding:2px 10px;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;}
.postimg	{display:block;width:500px;}

.iLikeThis	{display:block;float:right;margin-top:5px;}

.postad	{margin:21px 0;clear:all;}

.singlepage {}
.singlepage p {}
.singlepage p a { background: #eee; padding: 2px 3px; color: inherit; text-decoration: none;}
.singlepage p a:hover { background: #f4fca9; text-decoration: none; color: inherit; }

.postmetadata {display:block;font-size:11px;line-height:21px;}
.postmetadata a, #comments a { background-color: inherit; color: #7eca00; text-decoration: none;}
.postmetadata a:hover, #comments a:hover { color: #7eca00; background-color: inherit; text-decoration: none; border-bottom: 1px solid #7eca00; }
.comments-link {background: transparent url('images/comment-icon.gif') no-repeat 0; padding-left: 14px;}

#category-title {}

#commentform {font-size: 12px; color: #222;margin: 21px 0; padding: 20px; background-color: #f7feec; }
#commentform textarea { width: 465px; }
#commentform label {padding-left: 15px; font-size: 0.9em;}

#comments {font-size: 12px; color: #555;margin: 20px 0; border-top: 1px dotted #dfdfdf; border-bottom: 1px dotted #dfdfdf;}
#comments h4 { margin: 1.5em 0 1em; padding-left: 16px; background: transparent url('images/comment-icon.gif') no-repeat 0;}
#comments p { text-indent: 0px; }
#comments dt { margin: 0; background: #f7feec; padding: 8px 6px .5em;}
#comments dd { margin: 0 0 1em; padding:2px 20px 8px;}
#comments dd.alt { background:#f9f9f9; }

#comments dt .number { font: 2em Georgia,Serif; padding: 0 10px 0; margin-right: 5px; border-right: 1px solid #ccc; }

.wp-pagenavi {display:block;margin:0 20px;padding:0 20px;font-size:11px;line-height:42px;overflow:hidden;margin-bottom:42px;background-color:#eee;clear:all;}
.wp-pagenavi a, 
.wp-pagenavi a:link {padding:3px 5px;margin-right:5px;text-decoration:none;border:1px solid #ddd;background-color:#f5f5f5;color:#222;}
.wp-pagenavi a:hover {border:1px solid #f4fca9;background-color:#f4fca9;}
.wp-pagenavi span.pages {margin-right:20px;font-weight:bold;}
.wp-pagenavi span.current {margin:0 5px;font-weight:bold;}
.wp-pagenavi span.extend {margin:0 5px;}

#category-title {margin-bottom:21px;padding-right:20px;}
#category-title h1 {margin-top:0 !important;margin-bottom:21px !important;}

.avatar {float:right;margin:21px 10px 21px 0;}
																/*
B.2.b.2. SIDEBAR
-----------------------------------------------------------------
																*/

#sidebar {
	position: relative;
	float: right;
	width: 236px;
	\width: 236px;
	w\idth: 236px;
	margin-top: 0;
	padding-top: 0px;
	font-size: 11px;
}

#sidebar p {
	margin-bottom: 15px;
	line-height: 1.6em;
	font-size: 11px;
	text-align: left;
}

#sidebar ul { list-style-type: none; padding: 0; margin:0; margin-bottom: 10px; }
#sidebar a { padding: 2px; }
#sidebar a:hover { border-bottom: 1px solid #7eca00; }

#memo, #sidepanel, #singlepanel { margin: 0; padding: 20px 20px .5em; background-color: #F2FECA;}
#memo{margin-top:149px;}
#memo h4 {margin-bottom:2px;}
#memo h4 a	{background-color:#F7FFDE;padding:2px;color:#444;}
.app_date	{display:block;}
.app_location {}
#memo p {margin-top:0px;}

#sidead{margin-top:252px;}
#singlepanel {margin:21px 0;}
#sidepanel {background-color: #eee;padding-bottom:20px;margin-bottom:20px;}
#fr_comments {margin:0; padding: 20px 20px .5em; background-color: #E6E6FF /* #fff3f0 #fff0ee #eef8fc */;}

#search {margin:0; padding: 20px; background-color: #DAF2FE; }
#search input {width:190px; background:#fff; border:1px solid #ccc; padding:4px 0 4px 4px; font:13px "Courier New",courier,sans-serif; color:#333;}
#search input#button {margin-top:10px; background:#fff url(images/button-back1.png) no-repeat 0 0; font-weight: bold;width:80px;}

#memo h2, #sidepanel h2, #fr_comments h2 {padding-bottom: 3px;border-bottom: 1px solid #666;}

ul.archives li { text-indent: 12px; background: transparent url('images/folder-icon.gif') no-repeat 0px 3px; }
ul.external li { text-indent: 12px; background: transparent url('images/external-icon.gif') no-repeat 0px 3px; }
ul.commentlist li { text-indent: 12px; background: transparent url('images/comment-icon.gif') no-repeat 0px 3px;margin-bottom:21px; }
li.feed { text-indent: 14px; background: transparent url('images/feed-icon.gif') no-repeat 0px 3px; margin: 4px 0 0 0; }
li.rati { text-indent: 14px; background: transparent url('images/technorati-icon.gif') no-repeat 0px 3px; margin: 4px 0 0 0; }

#related li { background: transparent url('images/document-icon.gif') no-repeat 0px 3px; text-indent: 14px;}
#related a { background: #eee; padding: 2px 3px; color: inherit; text-decoration: none; }
#related a:hover { background: #f4fca9; text-decoration: none; color: inherit;  border: none; }

.popularity li {background: transparent url('images/document-icon.gif') no-repeat 0px 3px; text-indent:14px;margin-bottom:3px;}
.popularity a {text-decoration:none;color:#444;font-weight:bold;}
																/*
B.2.c. FOOTER
-----------------------------------------------------------------
																*/
#footer {
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 11px;
	color: #c8c8c8;
	border-top: 1px dotted #dfdfdf;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 8px;
}

#blogtitle {
	font: 32px  "Lucida Grande", "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	color: #383838;
	padding-top: 111px;
	padding-left: 68px;
}

																/*
B.2.d. OTHER FORMATING
-----------------------------------------------------------------
																*/
.upper {text-transform: uppercase; }
																/*
C. HACKS
-----------------------------------------------------------------
																*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */