/*
Theme Name: Retumu
Theme URI: http://www.retumu.com
Description: Retumu Blog Theme
Version: 08.09.03
Author: retumu
Author URI: http://www.retumu.com
*/


/* =Generic
   ----------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: url(img/headbg.jpg) no-repeat left top #F9F9F9;
	font: 12px Arial, Tahoma, sans-serif;
	color: #333;
}

a {
	text-decoration: none;
	color: #3E75B9;
}
a:hover {
	text-decoration: underline;
	color: #3C77B3;
}
a:visited {
	color: #6995C0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

input,textarea {
	margin: 2px 0;
	padding: 2px;
	border: 1px solid #CCC;
	background: #FBFBFB;
	font: 12px Arial, Tahoma, sans-serif;
	color: #555;
}

input:focus, textarea:focus {
	border: 1px solid #AAA;
	background: #FFF;
}

h1,h2,h3,
form {
	margin: 0;
	padding: 0;
}

blockquote {
	margin: 15px;
	padding: 0 12px;
	border-left: 2px solid #E4E4E4;
	font-size: 12px;
	color: #555;
}

pre {
	overflow: auto;
}

small {
	font-size: 11px;
}

abbr, acronym {
	cursor: help;
}

hr {
	margin: 5px 0;
	padding: 0;
	height: 0;
	border: 0;
	border-bottom: 1px dashed #BBB;
}

.clearer {
	clear: both;
}



/* =Layout
   ----------------------------------------------------*/

#page {
	position: relative;
	width: 100%;
	min-width: 700px;
}

#header {
	position: absolute;
	left: 0;
	top: 0;
	margin: 20px 0 0 5px;
	width: 160px;
}

#container {
	float: right;
	width: 100%;
	margin: 30px 0 15px -170px;
	background: transparent;
}

#content {
	margin: 24px 0 0 170px;
}

#sidebar {
	float: left;
	padding-top: 280px;
	width: 160px;
}

#pagenav {
	margin-left: 170px;
}

#footer {
	clear: both;
}


/* =Header
   ----------------------------------------------------*/

#header {
	text-align: center;
}

#headerimg {
	margin-top: 15px;
}

#header h1 {
	font-weight: bold;
	font-size: 28px;
}
#header h1 a {
	display: block;
	padding-top: 165px;
	background: url(img/logoimg.gif) no-repeat center top;
	color: #8DC72E;
}
#header h1 a:hover {
	text-decoration: none;
}

#header .description {
	margin-top: 6px;
	letter-spacing: 2px;
	font-size: 14px;
	color: #888;
}


/* Page Navigation
   ----------------------------------------------------*/

#pagenav {
	padding: 0 15px;
}

#pagenav ul {
	margin-left: 5px;
}

#pagenav ul li {
	float: left;
	margin: 0 2px;
	height: 23px;
	line-height: 23px;
}

#pagenav ul li a {
	display: block;
	padding: 0px 12px;
	color: #5688BA;
}
#pagenav ul li a:hover {
	color: #666;
}

#pagenav ul li strong a {
	font-size: 13px;
	font-weight: normal;
	color: #77A33D;
}

#pagenav ul li.current_page_item a {
	border: 1px solid #419CD3;
	border-bottom: 1px solid #FFF;
	background: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

#pagenav li.page_item a {
	border: 1px solid #999;
	border-bottom: 1px solid #CCC;
	background: #FAFAFA;
	font-size: 13px;
}
#pagenav li.page_item a:hover {
	border: 1px solid #419CD3;
	border-bottom: 1px solid #FFF;
	background: #FFF;
}

#pagenav ul li.page_item_meta {
	float: right;
	margin: 0 1px;
	padding: 0 3px;
	border: 1px solid #AAA;
	border-bottom: 1px solid #E5E5E5;
	background: #F8F7EF;	
	color: #AAA;
	-moz-opacity: 0.85;
	opacity:.85;
	filter: alpha(opacity=85);
}
#pagenav ul li.page_item_meta a {
	display: inline;
	padding: 0 2px;
}


/* =Content
   ----------------------------------------------------*/

#content {
	padding: 20px;
	background: #FFF;
	border: 1px solid #BBB;
	border-top: 1px solid #AAA;
	border-right: 0;
}

#content ul {
	margin: 10px 15px;
}
#content ul li {
	padding: 0 0 0 12px;
	background: url(img/listicon.gif) no-repeat left 11px;
	color: #666;
}
#content ul li ul {
	margin: 3px 6px;
}

#content #searchform {
	margin: 10px 0;
}

.post {
	position: relative;
	margin-bottom: 25px;
}

.post h2, .post h3, .post h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
}

h2.posttitle, h2.pagetitle {
	padding: 2px 50px 2px 2px;
	border-bottom: 1px solid #D5D5D5;
	font: bold 25px "Trebuchet MS", Arial, sans-serif;
	color: #555;
}
h2.posttitle a {
	color: #444;
}
h2.posttitle a:visited {
	color: #777;
}

h2.pagetitle {
	margin-bottom: 15px;
}

.post h3 {
	font-size: 18px;
}
.post h3 a {
	color: #555;
}

.post .editlink {
	position: absolute;
	top: 8px;
	right: 10px;
	letter-spacing: 1px;
	font-size: 13px;
}

.post .entry {
	width: 98.5%;
	overflow-y: hidden;
	overflow-x: auto;
	padding: 5px;
	letter-spacing: 1px;
	font: 13px/21px Tahoma, Arial, sans-serif;
	color: #333;
}

.post .entry p {
	margin: 12px 0;
	padding: 0;
}

.post .entry img {
	padding: 4px;
	background: #FFF;
	border: 1px solid #DDD;
}
.post .entry a img {
	background: #F6F6F6;
	border: 1px solid #C2D3E7;
}
.post .entry a:hover img {
	background: #EAEAEA;
}

.postmetadata {
	padding: 3px 6px;
	border: 1px solid #EEE;
	background: #F9F9F9;
	color: #666;
	line-height: 18px;
}
.postmetadata span {
	padding: 0 4px;
	border-rightx: 1px solid #CCC;
}

/* -------- =Navigation -------- */
.navigation {
	display: block;
	margin: 10px 0 60px 0;
	font-size: 13px;
}

.navigation .alignleft {
	width: 49%;
}
.navigation .alignright {
	width: 49%;
	text-align: right;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.center {
	text-align: center;
}

img.alignleft {
	margin: 0 7px 2px 0;
}
img.alignright {
	margin: 0 0 2px 7px;
}

.link_pages {
	font-size: 11px;
}

.link_pages strong {
	font-weight: normal;
	color: #666;
}

.link_pages a {
	padding: 1px 5px;
	border: 1px solid #DDD;
	color: #959595;
}
.link_pages a:hover {
	border: 1px solid #BFCEDF;
	color: #508AC5;
}

.wp-pagenavi {
	padding: 5px 0 5px 0;
	font-size: 13px;
	color: #656565;
}

.wp-pagenavi span {
	border: 1px solid #CCDAE8;
}

.wp-pagenavi .pages {
	margin: 2px;
	padding: 2px 6px;
	background: #FAFAFA;
}

.wp-pagenavi .current {
	margin: 2px;
	padding: 2px 6px;
	border: 1px solid #5B9AD9;
	background: #689FD7;
	font-weight: bold;
	color: #FFF;
}

.wp-pagenavi a {
	margin: 2px;
	padding: 2px 6px;
	border: 1px solid #CCDAE8;
	background: #FAFAFA;
}

.wp-pagenavi a:hover {
	border: 1px solid #9BC1E8;
	background: #F6F6F6;
}


/* =Comments
   ----------------------------------------------------*/

h3#comments, h3#respond {
	font-size: 20px;
	font-weight: normal;
}

ol.commentlist {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

ol.commentlist li {
	margin: 15px 0;
	padding: 0 5px;
	color: #444;
}

.commentmetadata small a {
	color: #6B88A5;
}

.commentbody {
	margin-top: 5px;
	padding: 5px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background: #FEFEFE;
}

li.alt .commentbody {
	border-top: 1px solid #DEE3EB;
	border-bottom: 1px solid #DEE3EB;
	background: #FAFBFC;
}

.commentbody p {
	margin: 8px 6px;
	padding: 0;
}

#commentform input {
	padding: 3px;
}

#commentform p {
	margin: 8px 0;
}

#commentform label {
	padding: 0 3px;
	color: #555;
}

input#submit {
	padding: 1px 4px;
	background: #91C53A;
	border: 1px solid #87B836;
	color: #FFF;
}
input#submit:hover {
	background: #87B836;
}


/* =Sidebar
   ----------------------------------------------------*/

#sidebar h2 {
	padding: 0 0 1px 10px;
	font-size: 12px;
	color: #444;
	font-weight: normal;
}

#sidebar ul,
#sidebar #searchform,
#sidebar #calendar_wrap {
	margin-bottom: 12px;
	padding: 6px 12px;
	background: #FFF;
	border: 1px solid #BBB;
	border-left: 0;
}

#sidebar ul li {
	padding: 2px 0 2px 12px;
	background: url(img/listicon.gif) no-repeat left 8px;
	line-height: 17px;
	color: #666;
}

#sidebar ul li ul {
	border: 0;
	margin: 2px;
	padding: 0;
}



/* =Footer
   ----------------------------------------------------*/

#footer {
	padding: 9px 0;
	background: #F5F5F5;
	border-top: 1px solid #CCC;	
	text-align: center;
	color: #666;
}
