/*-----------------------------------------------------------------------------
Stylesheet for bizwriter.gr
Created by: Yiannis Konstantakopoulos - hello@porcupine.gr

Please don't highjack this design. You can't be a blantant thief, can you?
As wise men say: "Oh and donŐt forget those men with big dogs."


Commenting system based on Monochrome -  Author URI:http://www.mono-lab.net
-----------------------------------------------------------------------------*/

/* Reset by E. Meyer
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
----------------------------------------------------*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still naaa 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =Structure
----------------------------------------------------*/

body{
	text-align: center;
	font-size: 62.5%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #383834;
	background:#e0dfd0;
	/*background:  url(../img/bg-grid.gif) 74px 50%;*/
}

#wrapper{
	width: 960px;
	margin: 0 auto;
	float: left;
	text-align: left;
}

/* =top
----------------------------------------------------*/
#top{
	float: left;
	width: 800px;
	margin: 0 0 0 160px;
	padding: 0 0 18px 0;
}

#masthead h1{
	width: 301px;
	height:70px;
	float: left;
	margin: 18px;
}

#masthead h1 a:hover{
	border: none;
}

#masthead h1 a{
	position: relative;
	width: 301px;
	height:75px;
	display: block;
}

#masthead h1 a span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(img/logo.png) top left no-repeat #e0dfd0;
	cursor:pointer;
}

#masthead h2{
	width: 300px;
	float: right;
	text-align: right;
	margin: 44px 0 0 0;
	padding: 9px 9px;
	color: #fba805;
	background: #383834
}

#masthead h2 a{
	color: #fba805;
}

#masthead h2 a:hover{
	border: none
}

/* =nav
----------------------------------------------------*/
#top #nav{
	clear: both;
	float: left;
	width: 100%;
	background: #383834;
	padding: 9px 0 18px 0;
}

#top #nav #main-nav{
	float: left;
	width: 400px;
}

#top #nav #main-nav ul{
	float: left;
	width: 400px;
	margin: 9px 0 0 9px;
	padding: 0;	
}

#top #nav #main-nav ul li{
	list-style: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#top #nav #main-nav ul li a{
	list-style: none;
	float: left;
	display: block;
	margin: 0 0 0 9px;
	padding: 9px;
	border: 1px solid #54544e;
}

#top #nav #main-nav ul li a:hover{
	list-style: none;
	float: left;
	display: block;
	margin: 0 0 0 9px;
	padding: 9px;
	border: 1px solid #54544e;
	background: #2a2a27
}

#top #nav ul li.current_page_item a{
	background: #2a2a27
}

/* =feeds
----------------------------------------------------*/
#top #feeds{
	float: right;
	width: 240px;
	text-align: right;
	padding: 0 27px 0 0;
}

#top #nav #feeds ul{
	float: left;
	width: 400px;
	margin: 9px 0 0 9px;
	padding: 0;
	font-size: 11px;	
}

#top #nav #feeds ul li{
	list-style: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#top #nav #feeds ul li a{
	background: url(img/rss.png) left -2px no-repeat;
	list-style: none;
	float: left;
	display: block;
	padding: 9px 9px 9px 27px;
}

#top #nav #feeds ul li a:hover{
	list-style: none;
	float: left;
	display: block;
	padding: 9px 9px 9px 27px;
	border-bottom: none;
}

/* =content
----------------------------------------------------*/
#content{
	clear: both;
	float: left;
	width: 640px;
}

div.entry{
	clear: both;
	float: left;
	width: 640px;
	margin: 0 0 0 0;
}

div.entry-text{
	float: right;
	width: 480px;
	background: #fff;
}

div.entry-misc{
	float: left;
	width: 160px;
	margin: 18px 0 0 0;
}


/* =typography
----------------------------------------------------*/
h1{
	font-size: 24px;
	margin: 18px 27px 18px 27px;
	line-height: 24px;
}

h2{
	font-size: 18px;
	margin: 18px 27px 18px 27px;
	line-height: 18px;
	color: #383834
}

h3{
	font-size: 12px;
	margin: 0 27px 0 27px;	
	line-height: 18px;
}

p{
	font-size: 12px;
	line-height: 18px;
	padding: 0 27px 18px 27px;
}

p.comment-date{
	text-align: right;
	font-size: 10px;
	margin: 0;
	padding: 4px 18px 4px 0;
	background: #fff;
	font-weight: bold;
	border-bottom: 1px solid #bebeb1;
	line-height: 12px;	
}

p.comment-number{
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 4px 18px 4px 0;
	background: #fff;
	border-bottom: 1px solid #bebeb1;
	line-height: 12px;
}

p.categories{
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 4px 18px 4px 0;
	background: #fff;
	border-bottom: 1px solid #bebeb1;
	line-height: 12px;
}

p.tags{
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 18px 4px 0;
	background: #fff;
	line-height: 12px;
}

ol, ul{
	margin: 0 18px 18px 18px;
	font-size: 12px;
}

ul li{
	list-style: square;
	padding: 0 0 9px 0;
	margin: 0 0 0 9px;
}

ol li{
	list-style: lower-roman;
	padding: 0 0 9px 0;
	margin: 0 0 0 9px;
}

blockquote{
	margin: 0 0 18px 9px;
	padding: 0 27px 0 18px;
	border-left: 2px solid #bebeb1;
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}

/* =sidebar
----------------------------------------------------*/
#sidebar{
	float: left;
	width: 300px;
	margin: 9px 0 0 18px;
	padding: 18px 0 0 0;
}

#sidebar h3{
	width: 275px;
	font-size: 18px;
	margin: 0 27px 18px 27px;
	line-height: 18px;
	color: #707068;
	border-bottom: 1px solid #707068
}

#search{
	float: left;
	width: 300px;
	margin: 0 0 36px 0;
}

#search input{
	float: left;
	width: 180px;
	height: 22px;
	border: 1px solid #707068;
	margin: 0 0 0 27px;
	padding: 4px 2px 0 2px;
	color: #a8a79c
}

#search input.button{
	float: left;
	width: 36px;
	height: 27px;
	border: 1px solid #707068;
	background:#383834;
	color: #fba805;
	margin: 0 0 0 9px;
	padding: 0;
}

#social{
	float: left;
	width: 300px;
	margin: 0 0 36px 0;
}

#social ul, #elsewhere ul{
	width: 282px;
	margin: 0 0 0 27px;
	padding: 0;
}

#social ul li, #elsewhere ul li{
	list-style: none;
	margin: 0;
	padding: 0 0 9px 0;
}

#elsewhere{
	float: left;
	width: 300px;
	margin: 0 0 36px 0;
}

#categories{
	clear: left;
	float: left;
	margin: 0 0 36px 0;
}

div.side_box#categories-83183412{
	float: left;
	width: 300px;
	margin: 0 0 36px 0;
}

div.side_box#categories-83183412 ul{
	width: 282px;
	margin: 0 0 0 27px;
	padding: 0;
}

div.side_box#categories-83183412 ul li{
	list-style: none;
	background: url(img/bullet_plus.png) no-repeat;
	margin: 0;
	padding: 0 0 9px 18px;
}

div.side_box#categories-83183412 ul li ul{
	padding: 9px 0 0 9px;
}

div.side_box#categories-83183412 ul li ul{
	margin: 0;
	padding: 9px 0 0 9px;
}

div.side_box#categories-83183412 ul li ul li{
	list-style: none;
	background: url(img/bullet_minus.png) no-repeat;
}

#time-archives{
	float: left;
	width: 300px;
	margin: 0 0 36px 0;
}

#time-archives select{
	width: 180px;
	border: 1px solid #aaa;
	margin: 0 0 0 27px;
}

div.side_box{
	float: left;
	width: 300px;
	margin: 0 0 36px 0;
}

ul#recentcomments{
	width: 282px;
	margin: 0 0 0 27px;
	padding: 0;
}

ul#recentcomments li.recentcomments{
	list-style: none;
	background: url(img/bullet.png) no-repeat;
	margin: 0;
	padding: 0 0 9px 18px;
	line-height: 18px;
}

#sidebar div.tag-cloud{
	float: left;
	margin: 0 0 0 27px;
	line-height: 18px;
}

/* =footer
----------------------------------------------------*/
#footer{
	clear: both;
	float: left;
	width: 960px;
	padding: 18px 0;
}

#footer p{
	width: 480px;
	margin: 0 0 0 160px;
	font-size: 11px;
	line-height: 11px;
}


/* =linkage
----------------------------------------------------*/
a{
	color: #40a6c0;
	text-decoration: none
}

a:hover{
	color: #40A6C0;
	border-bottom: 1px solid #40a6c0;
	text-decoration: none;
}

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

#sidebar a:hover{
	color: #08a;
	border-bottom: 1px solid #08a
	text-decoration: none;
}

/* =calendar
----------------------------------------------------*/
#wp-calendar {float: left; width:220px; margin: 0 0 0 30px}
#wp-calendar th, #wp-calendar td { border:1px solid #707068; padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { line-height:100%; padding:4px 0 2px 0; font-weight:normal; }
#wp-calendar td a { display:block; text-decoration:none; color:#08a; background:#161615; }
#wp-calendar td a:hover { text-decoration:none;  background:#707068; color: #fff; border-bottom: none; }
#wp-calendar caption { padding:8px 0; }
#wp-calendar th { background:#383834; color: #fba805 }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #next a  { text-decoration:none; background:none; }
#wp-calendar td#today { background:#383834; color:#fba805;}

/* recent post date (for non widget user) */
.side_box li.side_date { margin:0; padding:0; }


/* =single
----------------------------------------------------*/
#pre-next{
	clear: both;
	float: left;
	width: 480px;
	font-size: 11px;
	margin: 18px 0;
}

#pre{
	float: left;
	width: 200px;
	margin: 0 0 0 27px;
}

#next{
	float: right;
	width: 200px;
	text-align: right;
	margin: 0 18px 0 0;
}

/* =archives
----------------------------------------------------*/
#headline {
	float: left;
	width:480px;
}

#headline p {
	font-weight: bold; 
	font-size: 18px; 
	line-height: 18px;
	color: #383834;
	margin: 24px 0 18px 27px;
	padding: 0;
}

.archive-data {
	margin:18px 0;
}

.archive-data h2 {
	font-size:18px;
	line-height: 18px;
	margin: 0 27px 0 27px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #bebeb1
}

.archive_meta { 
	margin: 9px 0 9px 27px;
	color:#A8A79C;
}

.archive_meta li {
	display:inline;
	font-size:11px;
	margin:0 10px 0 0;
}

.archive-data p {
	font-size:11px;
	margin:0;
}

.archive-data p a {
	color:#777;
}

.archive-data p a:hover {
	color:#33a8e5;
}

/* =images
----------------------------------------------------*/
div.entry img, div.entry a img { border:1px solid #bebeb1; padding:5px; margin:0 10px 0 0;}
div.entry a:hover img { border:1px solid #bebeb1; }
div.entry img.centered { display:block; margin:0 auto; }
div.entry img.alignright { margin:4px 0 15px 15px; display:inline; float: right }
div.entry img.alignleft { margin:4px 15px 15px 0; display:inline; float: left; }
div.entry img.wp-smiley { border:0px; padding:0px; margin:0px; }

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */