/*
Theme Name: pejot
Theme URI: http://pejot.com/
Version: 1.0
Description: Simple 2 column theme.
Author: Pawel Jonca
Author URI: http://pejot.com/
Tags: two columns, left sidebar, widget ready, fixed width, simple
*/

/* -standards- */

body {
	background-repeat: repeat-y;
	letter-spacing: -0.4px;
	color: #3a3a3a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	background-color: #e7e7e7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
	}
p {
	font-size: 1em;
	text-align: left;
	line-height: 1.4em;
	}	
h2 {
	font-size: 1em;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #999999;
}
a {
	color: #ff3333;
	text-decoration: none;
	}
a:hover {
	color: #ff3333;
	}
blockquote {
	background: url("images/blockquote.png") no-repeat top left;
	font-style: italic;
	padding-left: 30px;
	}

/* -header- */

#topbar {
	background-repeat: no-repeat;
	background-image: url(images/topbar.png);
	width: 560px;
	color: #CCCCCC;
	height: 120px;
	display: block;
	background-color: #FFFFFF;
	}
#topbar a {
	}
#navlink a {
	display: block;
	padding: 4px;
	color: #FFFFFF;
	width: 120px;
	background-color: #757575;
	}


/* -content- */

#content {
	width: 500px;
	background-color: #fff;
	display: block;
	padding: 30px;
	left: 220px;
	}
#content img {
	}
a img { border:none }

/* -navigation- */

#navigation {
	width: auto;
	position: fixed;
	top: 140px;
	left: 60px;
	height: auto;
	}
#navigation div.navtitle {
	padding: 6px;
	background-color: #33FF99;
	color: #00FFCC;
	}
#navigation h2 {
	text-transform: uppercase;
	color: #333333;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
	display: block;
	text-indent: -10px;
	margin-top: 20px;
	font-weight: normal;
	}
#navigation h2.small, #navigation h2.widgettitle {
	color: #333333;
	font-size: 0.9em;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	display: block;
	margin-bottom: 30px;
	font-weight: normal;
	}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	}
#navigation li {
	list-style: none;
	}
#navigation ul li {
		padding: 3px;
	}

/* -post and entries- */

.postdate {
	color: #999999;
	font-size: 0.9em;
	font-weight: normal;
	clear: left;
	position: relative;
	top: 6px;
	float: right;
	}
.pagetitle {
	color: #666666;
	font-size: 2em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}
.posttitle {
	padding-bottom: 3px;
	letter-spacing: -0.4px;
	font-size: 1.8em;
	font-family: Helvetica, Arial, sans-serif;
	width: 520px;
	padding-top: 3px;
	padding-right: 10px;
	}
.posttitle a {
	color: #ff3333;
	}
.posttitle a:hover {
	color: #ff3333;
	}
.postmetadatabottom {
	background-color: #c6c6c6;
	background-image: url(images/bg.png);
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	text-shadow: 0px 1px 1px #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	height: auto;
	text-align: center;
	display: block;
	width: auto;
	padding-bottom: 10px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left top;
	}
.postmetadatabottom a {
	color: #6c6c6c;
	}
.postmetadatabottom a:hover {
	color: #ff3333;
	}
.entry {
	font-size: 0.9em;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	padding-bottom: 20px;
	}

.category {
	font-size: 0.8em;
	}

/* -search form- */

#searchsubmit {
	display: none;
	}
#s {
	border: none;
	color: #ffffff;
	padding: 1px 2px 1px 17px;
	width: 160px;
	background-image: url(images/magnifier.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

/* -footer- */

#footer {
	color: #c1c1c1;
	margin-bottom: 20px;
	font-size: 11px;
	margin-top: 20px;
	text-align: center;
	padding: 8px;
	width: 520px;
	}
#footer a {
	color: #666666;
	}

/* -comments- */

#comments {
	clear: both;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	}
.comment-info-split {
	clear: both;
	}
.commentmetadata {
	text-transform: uppercase;
	}
.commentlist div.alt {
	color: #333333;
	padding: 10px;
	background-color: #f7f7f7;
	background-repeat: repeat-x;
	background-position: left top;
	}
.commentlist div {
	padding: 10px;
	color: #333333;
	background-color: #f6f6f6;
	background-repeat: repeat-x;
	background-position: left top;
	}
.comment-div {
	display: block;
	}
.comment-left {
	width: 30%;
	}
.comment-right {
	width: 70%;
	}

/* -floats -*/

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}