/*
Theme Name: Fae.gr
Theme URI: http://www.fae.org/
Description: The default fae.gr wordpress theme
Version: 0.1
Author: Paris Stamatopoulos
Author URI: http://www.fae.gr
Tags: don't know
*/

/*
 * Reset CSS
 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

fieldset {
	padding:1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	font-size:1.2em;
}                        

input[type=text], input[type=password], input.text, input.title, textarea, select {       
	background-color:#fff; 
	border:1px solid #bbb; 
}

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {       
	border-color:#666;                 
}

input[type=text], input[type=password], input.text, input.title, textarea, select {
	/*margin:0.5em 0px;*/
	font-family: Tahoma;
	font-size: 11px;
}

input.text, input.title {
	width: 300px; padding:5px;
}

input.title {
	font-size:1.5em;
}

textarea {
	width: 410px; height: 150px; padding:5px;
}

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	position:relative; top:.25em;
}

form.inline {
	line-height:3;
}

form.inline p {
	margin-bottom:0;
}

/** End of reset css */

body { 
	margin: 0px;
	font-family: Tahoma, FreeSans, sans-serif;
	font-size: 11px;
}

a, a:visited {
	font-family: inherit;
	text-decoration: none;
	color: #373737;
}

a:hover {
	text-decoration: underline;
}

#layout-header { 
	background-image: url('/images/layout-header.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 142px;
	display: block;
	text-align: center;
	float: left;
}

#theme {
	background-image: url('images/theme-bg.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 215px;
	display: block;
	text-align: center;
	float: left;
}

#blog {
	background-color: #f7f5ee;
	background-image: url('images/blog-bg.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align: left;
	float: left;
	width: 100%;
	min-height: 450px;
	height: auto;
	padding-bottom: 40px;
}

#footer {
	background-image: url('images/footer-bg.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align: left;
	height: 284px;
	float: left;
	width: 100%;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

	.container .header-left {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: 260px;
	}
	
		.container .header-left .logo {
			height: 140px;
		}

	.container .header-right {
		display: inline;
		float: left;
		width: 660px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
		.container .header-right .promote {
			text-align: right;
			width: 660px;
			display:inline;
			float: left;
			padding-top: 20px;
		}
	
		.container .header-right .promote a,
		.container .header-right .promote a:visited {
			color: #ffffff;
			font-weight: bold;
		}
	
		.container .header-right .promote a:hover {
			text-decoration: underline;	
		}
	
		.container .header-right .user {
			width: 660px;
			display:inline;
			float: left;
			padding-top: 20px;
		}
	
		.container .header-right .menu {
			width: 660px;
			display:inline;
			float: left;
			padding-top: 27px;
		}
	
				.container .header-right .user ul,
				.container .header-right .menu ul {
					list-style:none;
					margin: 0px;
					padding: 0px;
				}
	
				.container .header-right .user ul li,
				.container .header-right .menu ul li {
					display: inline;
					float: right;
					padding: 2px;
				}
	
				.container .header-right .menu ul li a,
				.container .header-right .menu ul li a:visited {
					font-family: arial, Helvetica,sans-serif;
					font-size: 14px;
					font-weight: bold;
					color: #606060;
					padding-left: 20px;
				}
	
				.container .header-right .menu ul li a:hover {
					color: #000000;
				}
	
				.container .header-right .menu ul li a.enabled,
				.container .header-right .menu ul li a.enabled:visited {
					color: #ff0000;
				}
	
				.container .header-right .menu ul li a.enabled:hover {
					color: #ff0000;
					text-decoration: underline;
				}

		.container > .theme {			
			height: 215px;
			display: inline;
	                float: left;
        	        margin-left: 10px;
                	margin-right: 10px;
			text-align: center;
			width: 960px;
		}

			.container > .theme > .concept {
				background-image: url('images/theme.png');
				background-repeat: no-repeat;
				width: 960px;
				height: 168px;
				margin-left: 10px;
				margin-right: 10px;
				float: left;
				display: inline;
			}

			.container > .theme > .search {
				background-image: url('images/search-bg.png');
				background-repeat: repeat-x;
				width: 960px;
				height: 47px;
				display: inline;
				float: left;
				margin-left: 10px;
				margin-right: 10px;
			}
			
				.container > .theme > .search > .tab {
					background-image: url('images/search-tab.png');
					background-repeat: no-repeat;
					width: 300px;
					height: 47px;
					display: inline;
					float: right;
					margin-left: 10px;
					margin-right: 10px;
					padding: 10px;
				}
			
					.container > .theme > .search > .tab input {
						width: 155px;
						height: 14px;
						padding: 7px 4px 4px 10px;
						float: left;
					}
					
					.container > .theme > .search > .tab a.search-link {
						-moz-border-radius-topright: 3px;
						-moz-border-radius-bottomright: 3px;
						background-color: #ff0000;
						padding-top: 7px;
						height: 20px;
						width: 110px;
						float: left;
						color: #FFFFFF;
						font-weight: bold;
						text-align: center;
					}
			
	.container > .leftcolumn {
		width: 620px;
		margin-left: 10px;
		margin-right: 10px;
		display: inline;
		float: left;
		padding: 10px 0px 10px 0px;
		margin-bottom: 40px;
	}
	
		.container > .leftcolumn > .navigation {
			width: 620px;
			margin-right: 10px;
			display: inline;
			float: left;
			background-image: url('images/paging-bg.png');
			height: 33px;
		}
		
			.container > .leftcolumn > .navigation > .previous {
				float: left;
				margin: 8px 0px 0px 5px;
			}
		
				.container > .leftcolumn > .navigation > .previous a,
				.container > .leftcolumn > .navigation > .previous a:hover {
					background-image: url('/images/buttons/previous.png');
					background-repeat: no-repeat;
					padding-left: 24px;
					height: 17px;
					text-decoration: none;
					display: block;	
				}
		
				.container > .leftcolumn > .navigation > .previous a:hover {
					background-image: url('/images/buttons/previous-hover.png');
					text-decoration: underline;
				}
		
			.container > .leftcolumn > .navigation > .next {
				float: right;
				margin: 8px 5px 0px 0px;
			}
			
				.container > .leftcolumn > .navigation > .next a,
				.container > .leftcolumn > .navigation > .next a:hover {
					background-image: url('/images/buttons/next.png');
					background-position: right top;
					background-repeat: no-repeat;
					padding: 0px 24px 0px 0px;
					height: 17px;
					text-decoration: none;
					display: block;	
				}
		
				.container > .leftcolumn > .navigation > .next a:hover {
					background-image: url('/images/buttons/next-hover.png');
					text-decoration: underline;
				}
		
		.container > .leftcolumn > .post {
			float: left;
			width: 620px;
			display: inline;
			margin-bottom: 7px;
		}
		
			.container > .leftcolumn > .post > .header {
				background-image: url('images/post-header.png');
				background-repeat: no-repeat;
				display: block;
				height: 43px;
			}
				.container > .leftcolumn > .post > .header p.title {
					float: left;
					padding: 15px 0px 0px 20px;
					font-size: 18px;
					width: 350px;
				}
				
				.container > .leftcolumn > .post > .header p.details {
					float: right;
					/*width: 200px;*/
					padding: 22px 20px 0px 0px;
				}

			.container > .leftcolumn > .post > .contents {
				background-image: url('images/post-bg.png');
				background-repeat: repeat-y;
				display: block;
				width: 620px;
				float: left;
			}
				
				/** Post typography */
				.container > .leftcolumn > .post > .contents > .block {
					padding: 10px;
					font-size: 12px;
				}
					.container > .leftcolumn > .post > .contents > .block > img {
						margin-top: 14px;
					}
	
					.container > .leftcolumn > .post > .contents > .block > ul {
						margin-left: 10px;
						font-family: inherit;
					}

					.container > .leftcolumn > .post > .contents > .block > ul li {
						list-style-image: url('images/bullet.png');
						font-family: inherit;
						padding-left: 10px;
						margin-left: 20px;
						line-height: 18px;
					}
				
					.container > .leftcolumn > .post > .contents > .block > p {
						line-height: 18px;
						font-family: inherit;
						margin: 10px 0px 10px 0px;
					}

				.container > .leftcolumn > .post > .contents > #tabs {
					width: 620px;
					display: block;
					margin-top: 10px;
				}

					.container > .leftcolumn > .post > .contents > #tabs ul#tab {
						border-bottom: 1px solid #c2c2c2;
						font-family: inherit;
						font-size: 11px;
						font-size-adjust: none;
						font-stretch: normal;
						font-style: normal;
						font-variant: normal;
						font-weight: bold;
						line-height: normal;
						list-style-type: none;
						padding: 3px 0px 4px 10px;
						text-align: left;
						-x-system-font: none;
					}

						.container > .leftcolumn > .post > .contents > #tabs ul#tab li {
							display:inline;
							background-color:#FFFFFF;
						}

							.container > .leftcolumn > .post > .contents > #tabs ul#tab li a{
								background-color:#FFFFFF;
								color:#010101;
								padding-top:4px;
								position:relative;
							}
	
							.container > .leftcolumn > .post > .contents > #tabs ul#tab li a,
							.container > .leftcolumn > .post > .contents > #tabs ul#tab li a:visited {
								border-style: solid solid none solid;
								border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2 ;
								border-width:1px 1px 0px 1px;
								color:#010101;
								margin-right:0;
								padding:3px 4px;
								text-decoration:none;
							}
	
								.container > .leftcolumn > .post > .contents > #tabs ul#tab li a.selected {
									background-color: #f8f8f8;
								}

								.container > .leftcolumn > .post > .contents > #tabs ul#tab li a:hover {
									background: #fafeed none repeat scroll 0 0;
								}

						.container > .leftcolumn > .post > .contents > #tabs > .tab-contents {
							background-image: url('images/tab-bg.png');
							background-repeat: repeat-y;
							display: inline;
							float: left;
							margin-top: 0px;
							width: 600px;
							padding: 10px;
						}
			
			.container > .leftcolumn > .post > .footer {
				background-image: url('images/post-footer.png');
				display: block;
				height: 34px;
				width: 620px;
				float: left;
			}
			
			.container > .leftcolumn > .post > .single-post-footer {
				background-image: url('images/single-post-footer.png');
				display: block;
				height: 5px;
				float: left;
				width: 620px;
			}

				.container > .leftcolumn > .post > .contents > .block > .tags {
					background-image: url('images/tag.png');
					background-repeat: no-repeat;
					background-position: left;
					height: 24px;
					display: block;
					padding-left: 20px;
					padding-top: 10px;
				}

				.container > .leftcolumn > .post > .footer > .tags {
					background-image: url('images/tag.png');
					background-repeat: no-repeat;
					background-position: left;
					height: 24px;
					display: block;
					padding-left: 20px;
					margin-left: 10px;
					float: left;
					padding-top: 10px;
				}
	
				.container > .leftcolumn > .post > .footer > .categories {
					float: left;
					padding-top: 10px;
				}

				.container > .leftcolumn > .post > .footer > .comments {
					background-image: url('images/comments-balloon.png');
					display: block;
					width: 21px;
					height: 14px;
					text-align: center;
					float: right;
					margin-right: 10px;
					margin-top: 10px;
					font-size: 1em;
				}
					.container > .leftcolumn > .post > .footer > .comments a {
						color: #FFFFFF;
					}
			
	.container > .rightcolumn {
		width: 300px;
		margin-left: 10px;
		margin-right: 10px;
		display: inline;
		float: left;
		padding: 10px 0px 10px 0px;
		margin-bottom: 40px;
	}

		.container > .rightcolumn > .about > .header {
			background-image: url('images/right-column-element-header-about.png');
			background-repeat: no-repeat;
			display: block;
			height: 49px;
		}
		
			.container > .rightcolumn > .about > .header > h2 {
				padding:20px 0px 0px 60px;
				font-size: 12px;
				font-weight: bold;
				color: #373737;
			}
		
		.container > .rightcolumn > .widget > h2.widgettitle {
			background-image: url('images/right-column-element-header.png');
			background-repeat: no-repeat;
			display: block;
			height: 24px;
			margin-top: 7px;
			padding:30px 0px 0px 60px;
			font-size: 12px;
			font-weight: bold;
			color: #373737;
		}

		.container > .rightcolumn > .widget_categories > h2.widgettitle {
			background-image: url('images/right-column-element-header-categories.png');
		}

			.container > .rightcolumn > .widget > ul > li {
				background-image: url('images/bullet.png');
				background-repeat: no-repeat;
				background-position: 8px 12px;
				line-height: 28px;
				background-color: #f7f8f5;
				border-bottom: 1px solid #d6d6d6;
				padding-left: 20px;
			}
			
				.container > .rightcolumn > .widget > ul > li.alt {
					background-color: #ffffff;
				}
			
		.container > .rightcolumn > .widget_archives > h2.widgettitle {
			background-image: url('images/right-column-element-header-archives.png');
		}

		.container > .rightcolumn > .widget_tag_cloud > h2.widgettitle {
			background-image: url('images/right-column-element-header-tags.png');
		}
		
		.container > .rightcolumn > .widget_tag_cloud > div > .contents,
		.container > .rightcolumn > .widget > ul,
		.container > .rightcolumn > .about > .contents {
			background-image: url('images/right-column-element-bg.png');
			background-repeat: repeat-y;
			display: block;
			padding: 5px 10px 5px 10px;
			text-align: center;
		}

		.container > .rightcolumn > .about > .contents p {
			line-height: 16px;
		}

			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-1,
			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-2,
			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-3 {
				color: #d6d6d6;	
			}
			
			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-4,
			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-5,
			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-6 {
				color: #b8b8b8;
			}
			
			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-7,
			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-8,
			.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-9 {
				color: #a0a0a0;
			}
			
			.container > .rightcolumn > .widget_categories > ul,
			.container > .rightcolumn > .widget_archives > ul,
			.container > .rightcolumn > .widget_recent_comments > ul,
			.container > .rightcolumn > .widget_recent_entries > ul {
				padding-left: 10px!important;	
			}

			.container > .rightcolumn > .about > .contents > p {
				color: #767676;
				font-size: 11px;
				text-align: justify;				
			}
		
		.container > .rightcolumn > .widget > .footer,
		.container > .rightcolumn > .about > .footer {
			background-image: url('images/right-column-element-footer.png');
			display: block;
			height: 9px;
		}
		
	.container > .footer {
		width: 960px;
		margin-left: 10px;
		margin-right: 10px;
		display: inline;
		float: left;
	}

		.container > .footer > .widget {
			float: left;
			margin-left: 10px;
			margin-right: 10px;
			width: 220px;
		}
			.container > .footer > .widget > h2.widgettitle {
				background-color: #ddd2c7;
				border-bottom: 1px solid #cbbcad;
                	        display: block;
                        	height: 24px;
	                        margin-top: 7px;
        	                padding:10px 0px 0px 10px;
                	        font-size: 12px;
                        	font-weight: bold;
	                        color: #373737;
              	 	}

			.container > .footer > .widget_feeds > ul li.alt,
			.container > .footer > .widget_feeds > ul li.feed {
				background-image: url('images/icon-rss.png');
				background-repeat: no-repeat;
				background-position: 2px 5px;
				background-color: #f8f7f3;
				height: 24px;
				padding: 14px 0px 0px 38px;
				border-bottom: 1px solid #ddd2c7;
			}

			.container > .footer > .widget_feeds > ul li.alt {
				background-color: #f1efe6;
			}


			.container > .footer > .widget_recent_entries > ul li {
				background-color: #f8f7f3;
				height: 24px;
				padding: 14px 0px 0px 10px;
				border-bottom: 1px solid #ddd2c7;
			}
			
			.container > .footer > .widget_recent_entries > ul li.alt {
				background-color: #f1efe6;
				border-bottom: 1px solid #ddd2c7;
			}
	
a#logo {
	background-image: url('/images/logo.png');
	width: 184px; 
	height: 140px;
	text-decoration: none;
	display: block;
}

a#login,
a#login:hover {
	background-image: url('/images/buttons/login.png');
	width: 67px;
	height: 23px;
	text-decoration: none;
	display: block;
}

a#login:hover {
	background-image: url('/images/buttons/login-hover.png');
}

a#register-button,
a#register-button:hover {
	background-image: url('/images/buttons/register.png');
	width: 154px;
	height: 23px;
	text-decoration: none;
	display: block;
}

a#register-button:hover {
	background-image: url('/images/buttons/register-hover.png');
}

.comment {
	width: 580px;
	padding: 10px 10px 20px 10px;
	display: inline;
	float: left;
}

	.comment > .author {
		float: left;
		margin-right: 52px;
		width: 80px;
	}

		.comment > .author > .date {
			font-size: 9px;
			color: #aaaaaa;
			float: left;
		}

	.comment .body {
		min-height: 75px;
		width: 440px;
		background-color: #ffffff;
		border: 1px solid #d7d9d9;
		float: left;
	}

		.comment .body img {
			margin-left: -31px;
			margin-top: 20px;
			float: left;
		}

		.comment .body span {
			float: left;
			padding: 10px;
			text-align: justify;
		}

.comment-respond p {
	margin-bottom: 3px;	
}

.comment-respond a.comment-link {
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	background-color: #657e1d;
	display: block;
	height: 43px;
	padding-top: 7px;
	height: 20px;
	width: 110px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
			
.user .newListSelected {
	background: #FFF url(/images/usermenu-dropdown.png) no-repeat scroll 147px;
	border: 1px solid #A5ACB2;
	color: #606060;
	height: 23px;
	padding: 0px;
	width: 173px;
}

	.user .newListSelected div {
		display: block;
		padding: 5px 21px 2px 8px;
		text-align: left !important;
		width: 149px;
		height: 23px;
	}

.user ul.newList {
	list-style: none;
	color: #606060;
	width: 172px;
	background: #fff;
	border: 1px solid #c3c3c3;
	top: 23px;
	left: 0;
	height: auto;
	overflow: auto;
	text-align: left!important;
	position: absolute;
	z-index: 9999;
}

	.user ul.newList li {
		padding: 4px 0px 4px 5px!important;
		text-align: left!important;
		clear: right;
		width: 165px;
	}

.user .hiLite {
	background: #316ac5!important;
	color: #fff!important;
}

.user .newListHover {
	background: #ccc!important;
	color: #000!important;
	cursor: default;
}

.user .newListSelHover {
	cursor: pointer;
}

	.user .newListSelHover, .user .newListSelFocus {
		background-position: auto;
	}

.user .newListSelHover div, .user .newListSelFocus div {
	font-weight:bold;
}

img.alignright {
	float:right;
	margin:0 0 1em 1em
}

img.alignleft {
	float:left;
	margin:0 1em 1em 0
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

a img.alignright {
	float:right;
	margin:0 0 1em 1em
}

.alignright {
        float: right;
}

.alignleft {
        float: left;
}

.avatar, 
a img.alignleft {
	float:left;
	margin:0 1em 1em 0
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.author-posts {
	margin-top: 20px;
}

.author-posts > ul {
	margin: 10px 0px 0px 20px;
}

.author-posts > ul > li {
	background-image: url('images/bullet.png');
	background-repeat: no-repeat;
	background-position: 8px 12px;
	line-height: 28px;
	padding-left: 20px;
}

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

.clearfix {display: inline-block;} 

/* Captions */
.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        background-color: #f3f3f3;
        padding-top: 4px;
        margin: 10px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
}

.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
}

.wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
	text-align: center;
}
/* End captions */

h1 {
	font-weight: bold;
}

strong {
	font-weight: bold;
}