/*

  Theme Name: Misetzis
  Theme URI: http://www.misetzis.gr
  Version: 2.0
  Author: Atanas Mahony
  Author URI: http://www.chiosonline.gr
  Licence: GPL
  
  Description: Theme created for re-design of misetzis.gr / 2009
  
*/


/* basics */

*{margin:0; padding:0;}
body {background: #5c7f5a url(images/background.jpg) no-repeat center top; font-family: verdana, arial, tahoma, sans-serif; font-size: 11px; margin:0px auto;}


/* typography */
p{ font: 13px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#6a6a6a;}

h1 {font-size: 18pt;}
h2 {}
h3 { font: normal 18px/2 "Trebuchet MS", Arial, Helvetica, sans-serif; margin:5px 0px 0px 5px; color:#ff6600;}
h4 {font-size: 9pt;}

/* links */

a{ color:#666;text-decoration:none;border: none;}
a:hover{color:#6A7CA0;text-decoration: underline; border: none;}


/* images and misc. */

img{ border: none;}
img a{border:none;}

img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{ border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px;}
code{ margin:10px; font-family:"Courier New", Courier, monospace;}


.clear{ clear:both;}

/* -------------------------------------------- General Structure -------------------------------------------- */

#header { height: 144px; width:860px; display:block; background: transparent;}
#container {margin: 0 auto; padding: 0px;color:#333; width: 860px;}


#content-wrap{background: #FFF; float:left; width: 860px;}
#inner{ background:url(images/innerbg.jpg) repeat-x top center; float:left; width: 860px;}
#content { float: left; width: 620px;overflow: hidden; background: none; margin: 0 0 0 7px;}	
#sidebar {width: 216px;float:right;margin: 10px 7px 3px 0px;padding:0px 0px; background:#ffffff url(images/sidebarbg.jpg) repeat-y;}
.sidebar-top{ background:url(images/sidebar-top.jpg) no-repeat top; height:6px; width:216px; }
.sidebar-bottom{ background:url(images/sidebar-bottom.jpg) no-repeat top; height:8px; width:216px; }

#footer {}


/* header */

#header h1{margin:0; padding: 40px 15px 0px 15px; float:left;}
#header h1 a{color: #fff; text-decoration: none; display:block; background:url(images/name.png) no-repeat; width:263px; height:86px; text-indent:-9999px; overflow:hidden;}
#header h1 a:hover{color: #666; text-decoration: none;}
#header h2{ font-size: 14px; font-weight: bold;color: #404d3a; margin-top: 92px;padding: 0; float: right;}

.headersearch{ float: right; width: 220px!important; margin-top: 80px;}

/* main menu */

#menu { background: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width:860px;  height:40px; border-bottom: 1px solid #d6d6d6;}
#menu ul { margin: 0px 0 0 0;padding: 0;text-align: left;}
#menu ul li {list-style-type: none;display: inline;margin: 13px 10px;padding: 0px 0px;}

#menu ul li a { font: 14px/3 "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:500;padding:0px 0px;margin: 0;text-decoration: none;color: #666666;}
#menu ul li a:hover { background-color: #fff;color:#0B1316;}

/* index page custom styles */

#slider{ margin:0px auto;}
#slider_page{background: none; position:relative;min-height:400px; }
#slider ul{ background:#efefef; float:left; border: 1px solid #CCC; border-width: 1px 0px 1px 0px;}
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider, #slider li{ width:620px;height: auto;overflow:hidden; }


span#prevBtn{}
span#nextBtn{}	
#page_control{ margin: 7px auto; width: 100px; }
#page_control span#next{ float:right;}
#page_control span#prev{ float:left;}
#page_control span#next a, #page_control span#prev a{ background:#5c7f5a; color:#fff; padding: 3px 5px;}

#lifestream{ display:block; float:left;}

#mbanner img{ display:block; margin: 10px auto;} 

/* post styles */

.post {margin:15px 0 20px 0px; padding:0px 0px;}
.post small {float:left;}
.post h2{ display: block;}
.post h2 a{font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left;  color: #333333;text-decoration: none; text-align:left; background:#fff; padding: 2px 20px; display:block;}
.post h2 a:hover{color: #ff6600;text-decoration: none;}
.post small{padding: 2px 20px; float:left!important; clear:left;}
.post p{ clear:left;margin : 3px 0px;}
.post a{text-decoration:underline;}
.post ul {}
.post li {}
.entry{margin:30px 15px 5px 20px;}
.postmetadata{clear: both;background: none;padding:0px; font: 10px/1.5 Verdana, Geneva, sans-serif; margin:15px; padding-left:20px;}
.postmetadata a{ background:#e7e7e7; text-decoration:none; padding: 3px 4px; }
.postmetadata a:hover{ background:#FF6600; color:#FFF;}
.post_date{ font:12px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif; color:#888888; padding: 2px 8px; float:left; margin-top:1px; margin-left: 15px;}


.must_read_holder ul{ border:1px solid #c9d7c8; width: 620px; margin:0px auto; list-style:none;}
.must_read_holder ul li{ display:block; background:#dceadb url(images/minipage.gif) no-repeat 10px center; margin:1px 0px 0px 0px; padding-left: 30px; border-bottom:1px solid #cbd8ca;}
.must_read_holder ul li a{ background: url(images/arrow.gif) no-repeat 570px center; display:block; padding: 5px 0px; color:#666666; text-decoration:none;}
.must_read_holder ul li a:hover{ background: url(images/arrow-on.gif) no-repeat 570px center; display:block; padding: 5px 0px; color:#4f744c;}

.navigation {
	font-size:8pt;
	float:left;
	width:100%;
	}
	
	.alignleft {float:left; margin:25px;}
	.alignright {float:right; margin:25px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}

/* sidebar */

#sidebar p {margin:0; padding: 0 6px 0 12px; font-size:11px;}
#sidebar img {padding: 0; margin: 0;}
.sidebar-content{ margin: 5px 3px;}
.sidebar-content h2{ background:url(images/arrow-round.gif) no-repeat 1px center;font-family: verdana, times;font-weight: bold; font-size: 12px; text-align: left;color: #666666;margin: 7px 0px;padding: 0 20px; line-height: 1.5;}


.sidebar-content ul ul{list-style-type: none; border: 1px solid #dcdcdcl; background:#fff; margin: 0px 3px;}
.sidebar-content ul ul li{margin:0px 0px; padding: 4px 2px!important; border-bottom: 1px #999 dotted; line-height: 2;}
.sidebar-content ul ul li a{ display:block;}


#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* comments */

#commentssection{
	clear: both;
	padding: 2px 12px;
	margin: 0;
	}
	
#commentssection h3{
	font-family: georgia, times, verdana;
	font-size: 12pt;
	font-weight: 300;
	font-style: normal;
	color: #000;
	}

#commentform{
	background: #F0F0F0;
	margin: 12px 12px 20px 12px;
	padding:20px;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;
	}

#author, #email, #url, #commentbox, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border: 1px solid #B2B2B2;
	}

#submit{margin:5px 5px 0 0;}

	
ol.commentlist {list-style-type: none;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	overflow: hidden;
	}

ol.commentlist li.alt {background: #E5E5E5;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* search */

#searchform{
	padding: 6px 0 6px 6px;
	font-family: verdana, arial, times;
	}

#searchform input#s{
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #B7B7B7;
	}

#searchform input#searchsubmit{
	font-family: verdana, arial, times;
	font-size: 7pt;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px solid #B7B7B7;
	background-color: #fff;
	color: #797979;
	}

/* footer */

	
#footer p{padding:6px;margin: 0; color: #eee;}
#footer a{color: #BCBCBC;text-decoration: none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}