/*  
Theme Name: OpenLearn
Theme URI: http://openworks.gr/
Description: Theme From ELLAK Open Source 4 Education Campaign
Version: 1.0
Author: Fotis Routsis
Author URI: http://routsis.gr/
*/

@import url("round.css");

/* Reset ==============================*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

/*h1, h2, h3, h5, h5, h6{font-weight:bold} */

/* LAYOUT ==============================*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/* STRUCTURE ==============================*/
html, body{height:100%}

body{
	font-size:100%; 
	font-family:Georgia, "Times New Roman", Times, serif;  
	color:#222; 
	margin:0 auto;

	background:#81a78e;

	/*background-color:#dddfff;*/
}

#page-wrap{
	width:960px; 
	min-height:100%; 
	height:auto !important; 
	height:100%; 
	margin:0  auto;
	padding-left:9px; 
	padding-right:9px; 
	text-align:left;
	background-color:#FFFFFF;
	border-right:1px solid #a0a0a0;
	border-left:1px solid #a0a0a0;
}


.content{width:620px; float:left}

/* TYPOGRAPHY ==============================*/
p{color:#222; font-size:1.2em; line-height:1.5; margin-top:1.5em; margin-bottom:1.5em; margin-left:20px; text-align:justify}

p a, p a:visited{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none}

p a:hover{border-bottom:1px solid #c9c9c9; color:#000; text-decoration:none}

h1, strong{font-size:1.4em; }

.post h2{text-transform:none; padding-bottom:0; border-bottom:4px dotted; margin-top:0; margin-bottom:0; color:#cf640c;}

h4, h2{font-size:1.8em; color:#222; padding-bottom:4px; border-bottom:4px solid #c9c9c9; margin-top:2px; margin-bottom:28px; }

h3{border-bottom:1px solid #C9C9C9; color:#222; font-size:19px;  margin-top:10px; padding-bottom:2px}

h3 a{text-decoration:none; color:#222}

.post ul li, 
.post ol li{/*font-size:1.2em;*/ list-style-type:square; margin:5px 0 5px 15px}

#reply{border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}

/* TOP ==============================*/
#top{
float:left;

margin-bottom:20px;
width:960px; }

#top img{
float:left;
max-width:660px;
margin-right:10px;
 }

h1.logo a{float:left; font-size:2.6em; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none}

#nav{float:right; margin-top:1.2em; width:280px; }

#nav ul{list-style-type:none; }

#nav li{display:block;
width:320px;

float:left;}

#nav a:link, 
#nav a:visited{
	padding:5px;
	display:block;
	color:#FF6600;
	margin-right:10px;
	float:left;
	text-decoration:none;
	font-size:1.9em;
}

#nav a:hover{color:#222222; text-decoration:none; background:#FFD8A8}

ul#nav li img{
	float: left;
	margin-right:10px;
	max-width:50px;
	max-height:50px;
}


/* EATURED ==============================*/
.front-post{width:303px; margin-right:25px; float:left}

.front-post-last{width:303px; float:left}

.featured-content{position:relative; width:303px}

.featured-content p{margin-top:1em}

.featured-post{position:relative; width:303px; height:231px; margin-bottom:1.2em}

.featured-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0}

.featured-title h2 a{font-size:1.1em; display:block; color:#0B96D0; text-decoration:none; border-bottom:0}

.featured-title h2 a:hover{color:#fff}

.featured-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2}

.featured-image{position:absolute; z-index:1}

.featured-content h2{margin-top:5px}
.featured-content h2 a{color:#0b96d0; text-decoration:none}
.featured-content h2 a:hover{color:#000}

/* SIDEBAR ==============================*/
#sidebar{float:right; width:260px; padding-left:8px; overflow:hidden}

#sidebar li a{display:block; width:260px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.4em; list-style-type:none; text-decoration:none; color:#222}

#sidebar a{color:#e6e6e6; text-decoration:none}

#sidebar a:hover{color:#fff; background-color:#282828}

#sidebar h2{font-size:1.8em; color:#222; text-align:right; text-transform:uppercase; border-bottom:4px solid #c9c9c9; margin-top:28px; margin-bottom:0}

/* LATEST ==============================*/
#front-bottom{margin-top:36px}

#latest-wrap{float:left; width:600px}

.latest-post-wrap{float:left; width:162px; margin-right:8px}

.latest-post{position:relative; width:162px; height:118px}

.latest-image{position:absolute; z-index:1}

.latest-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1em; text-transform:none; padding-bottom:0; border-bottom:0}

.latest-title h2 a{display:block; color:#0B96D0; text-decoration:none}

.latest-title h2 a:hover{color:#fff}

.latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2}

.latest-content{position:relative; width:162px; height:200px; margin-bottom:20px}

.latest-content h2{margin-top:15px}
.latest-content h2 a{color:#0b96d0; text-decoration:none}
.latest-content h2 a:hover{color:#000}

.latest-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left}

/* FOOTER ==============================*/

#footer{
	padding-top:10px; 
	border-top:1px solid #C9C9C9; 
	width:960px; 
	margin:1px auto 0; 
	height:60px; 
}

#footer p{
	font-size:0.7em; 
	color:#4d4d4d; 
	line-height:1.5em; 
	margin-bottom:0; 
	margin-top:0.6em;
	width:960px;
	text-align: center;
}

#footer p a{
border-bottom:none;
	color:#ff8c00; 
	text-decoration:none
}

#footer p a:hover{
	border-bottom:none;
	color:#0b96d0; 
	text-decoration:none
}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category{color:#8a8a8a; float:left; margin-bottom:8px}

.post-tags{color:#8a8a8a; float:right}

.post-category p, 
.post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none}
.post img{margin:0.5em 1em;}
.post blockquote p{margin:0 2.6em; font-style:italic}


/*
-----------------------------------------
SEARCH
----------------------------------------- 

#searchform{float:left; margin-top:1em; height:2.3em}

#searchsubmit{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0}

#s{float:left; width:204px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em}
*/


/* Additions ==========================*/

#featured {

}

#agili{
	float:right;
	width:330px;
}

#agili img{
	float:left;
	width:30px;
	margin-right:20px;
}

#agili a{
	float:right;
	width:200px;
	text-decoration:none;
}



#internal{
	border:1px solid #CACACA;
	
	margin-bottom:20px;
	padding:10px;
	width:440px;
	background:#e8e8e8;
}

.internal_text{
	border:1px solid #CACACA;
	font-size:0.9em;
	min-height:180px;
	padding:5px;
}

.internal_text img{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.internal_text ul{


}

.internal_text ul li{
	margin:8px 0px 8px 0px;
	padding-left: 10px;
}

.internal_text ul li a{

	background-image: url(images/icons/Play-mark.png);
	background-repeat:no-repeat;
	background-position: left;
	padding-left:20px;
}

.internal_text  a:hover{
	background-image: url(images/icons/Plus.png);
	background-repeat:no-repeat;
	background-position: left;
	color:#d75600;
}

.internal_text a{
	color:#00018e;
	text-decoration:none;
	

}



#introtext{
	float:left;
	font-size:15px;
	line-height:1.5em;
	padding:5px;
	width:680px;
}

.label1 {
	border-bottom:1px dotted #333333;
	color:#333333;
	float:left;
	font-size:1.7em;
	margin-bottom:20px;
	padding-bottom:4px;
	text-align:center;
	width:425px;
}

.red, .orange{
	margin-right:10px;
	margin-left:10px;
}

.green, .blue{
	margin-right:10px;
}


.green .internal_text{
	background:#e8ffd2;
}

.red .internal_text{
	background:#ffc1c1;
}

.blue .internal_text{
	background:#dddfff;
}


.orange .internal_text{
	background:#ffc986;
}

#nav  a.ble{
	color:#333333;
	width:270px;
}

#post p.fronter{
	line-height:1.5em;
}

.post ul li a, 
.post ol li a{
color:#00018E;
text-decoration:none;
}

.post ul li a:visited, 
.post ol li a:visited{
color:#0B96D0;
text-decoration:none;
border-bottom:none;
}

.post ul, 
.post ol{
margin-top:20px;
}



.post ul li, 
.post ol li{
list-style: url(images/icons/Play-mark.png);
	 margin:5px 0 15px 20px}
	 
	 .post ul li:hover, 
.post ol li:hover{
	 	list-style: url(images/icons/Plus.png);
	margin-left:20px;
	background:#FFD8A8;
	color:#222222;}

 ul.fronterlist2 {
	font-size:1.2em;
font-style:italic;

margin:10px 0 10px  50px;
}

ul.fronterlist2 li {
	list-style: url(images/icons/Play-mark.png);
	margin-left:20px;
}

ul.fronterlist2 li:hover {
	list-style: url(images/icons/Plus.png);
	margin-left:20px;
	background:#FFD8A8;
	color:#222222;
}


 ul.fronterlist1 {
	font-size:1em;
margin:10px 0 10px 10px;
}

ul.fronterlist1 li {
list-style:none;
margin-bottom:15px;
}

li.li1{
	color:#c66d00;
}


li.li2{
	color:#000199;
}


li.li3{
	color:#b22222;
}

li.frnt_right{
	padding-left:50px
}

li.frnt_left{
	padding-right:50px
}

li.frnt_right:hover, li.frnt_left:hover {
	
	font-style: italic;
		background:#FFD8A8;
}


#spread{
background:#FFD8A8;
border:1px solid #f08500;
float:right;
margin-bottom:50px;
margin-right:20px;
padding:20px;
text-align:center;
width:240px;
}

#spread a{
font-size:0.7em;
padding-top:10px;
text-decoration:none;
}

a.ellak{
	background:#DDDFFF;
float:right;
margin-top:30px;
padding:5px;
width:312px;
}

a.ellak img{
	border:1px solid #CACACA;
max-width:310px;
}

p.fbconnect_share {
border:none;
font-size:0.7em;

}


.all_links {

float:left;
margin-bottom:8px;
padding-bottom:4px;
text-align:right;
width:425px;
}


.all_links a{
color:#FF6600;
padding-left:20px;
}