/*
Theme Name: freshme Dark Paper
Theme URI: http://fresh-me.com/
Description: fresh.me designs for Wordpress.
Version: 1.0
Author: Tobias Vogel
Author URI: http://fresh-me.com/

*/

BODY {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(images/body.jpg);
	background-color: #1e1918;
	text-shadow: #000 0 -1px 1px;
	color: #AEAEAE;	
	font-size: 1em; line-height: 1.4em;
}
/*
********************************************************
**	TYPO
********************************************************
*/
h1, h2, h3 {display: block; line-height: 1.1em;}
h1 {font-size: 30px;}

h2.page_title {font-size: 40px; color: #333; letter-spacing: -2px; text-shadow: none; margin-top: 0px;}
h2.post_title {font-size: 35px;}
h2.big_title { font-size: 50px; color: #181818; text-shadow: 0px 1px 1px #383838; margin: 0; padding-top:0 }
h3 {display: block; margin: 0; padding: 0; line-height: 1.3em; font-size: 1.2em; margin-bottom: 5px;}
P {display: block; margin: 0; padding: 0; margin-bottom: 20px;}
A { color: #A9997E; text-decoration: none; outline: none}
A:hover {color: #b0d03f; outline: none;}
A IMG {outline: none; border: none}
B, STRONG { font-weight: bold; color: #fff}
BLOCKQUOTE{
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:url(images/section-mark.gif);
	background-position:left center;
	background-repeat:no-repeat;
	font-style: italic;
	color: #666;
	padding-left:55px;
	margin:auto;
	margin-bottom: 60px;
	margin-top: 60px;
	font-size: 1.4em;
	width: 500px;
	line-height: 1.3em;
}

BLOCKQUOTE h3 {
	line-height: 1em;
	font-size: 1.3em; 
	display: block;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -2px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}

BLOCKQUOTE.say_blue {
	font-size: 1.1em;
	color: #333;
	display: block;
	background-image:url(images/blockquote_say_blue.png);
	background-position:left top;
	background-repeat:no-repeat;	
	width: 600px;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: inherit;
	font-style: inherit;
	text-shadow: 0px 1px 1px #def7fd;
}

/*
********************************************************
**	LAYOUT
********************************************************
*/
.page {display: block;width: 958px;margin: auto;margin-top: 60px;margin-bottom: 60px;border: 1px solid #3a3534;position: relative;}
.page_inner {display: block;width: 956px;border: 1px solid #0d0d0d;background-image: url(images/page_inner.jpg);}
.block {display: block;margin: 30px 28px;clear: both;}
.clear {line-height: 0;height: 0;display: block;clear: both;}
.clearfix {clear: both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.grid {width: 960px;margin: auto;}
.alignleft {float: left;}
.alignright {float: right;}
img.alignright {float:right; margin:0 0 20px 20px;} 
img.alignleft {float:left; margin:0 20px 20px 0;} 
img.centered, .aligncenter, .aligncenter  {display: block; margin-left: auto; margin-right: auto;padding:20px 0px; } 
a img.alignright {float:right; margin:0 0 20px 20px} 
a img.alignleft {float:left; margin:0 20px 20px 0} 
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/*
********************************************************
**	GLOBAL NAVIGATION
********************************************************
*/
#sidebar {display: block;}
#sidebar h2 {font-size: 30px;font-style: normal;letter-spacing: -1px;margin-top: 0;padding-top: 0;color: #181818;text-shadow: #383838 0px 1px 1px;margin-right: 30px;}
#sidebar h2.sub {color: #ccc;text-shadow: 0px -1px 1px #383838;}
#sidebar ul{list-style: none;margin: 0;padding: 0;margin-right: 30px;}
#sidebar ul li {padding-left: 20px;background-image: url(images/sidebar_point.png);background-repeat: no-repeat;background-position: left center;}
#sidebar ul li a {font-weight: normal;text-shadow: 0px -1px 1px #222;}
#sidebar ul li a:hover {color: #BFD73B;text-shadow: 0px -1px 1px #222;}
#sidebar ul li.current-cat a, #sidebar ul li.current-cat-parent a {color: #BFD73B;text-shadow: 0px -1px 1px #222;}
#goback {
	display: block;
	height: 30px;
	width: 90px;
	background-image: url(images/btn_goBack.png);
	background-repeat: no-repeat;
	position: absolute;
	left: -10px;
	top: 3px;
	z-index: 99;
}
#home {
	display: block;
	height: 50px; width: 50px;
	position: absolute;
	left: 25px;
	top: -60px;
	background-image: url(images/btn_home.png);
	background-repeat: no-repeat;
}
#search {
	display: block;
	height: 50px; width: 180px;
	position: absolute;
	right: 25px;
	top: -60px;
	background-image: url(images/search_content_bg.png);
	background-repeat: no-repeat;
}
#search input{
	width: 145px;
	margin-top: 22px;
	margin-left: 15px;
	font-size: 15px;
	color: #fff;
	text-shadow: 0px -1px 1px #000;
	border: none;
	border-color: none;
	background-color: transparent;
	background: none;
}
#search input:focus {
	outline: none;
}
#download {
	position: absolute;
	right: 25px; top: 240px;
	height: 50px; width: 160px;
	background-image: url(images/btn_donwload.png);
	background-repeat: no-repeat;
}
#manual {
	position: absolute;
	right: 200px; top: 240px;
	height: 50px; width: 160px;
	background-image: url(images/btn_manual.png);
	background-repeat: no-repeat;
}
#notfound {
	background-image: url(images/404_notfount.jpg);
	background-repeat: no-repeat;
	height: 800px;
}
/*
********************************************************
**	COLUMNS
********************************************************
*/

/* -->> START COLUMN <<-- */
.col_start {
	background-image: url(images/logo.png);
	background-position: right 28px;
	background-repeat: no-repeat;
	display: block;
	min-height: 305px;
	padding-right: 60px;
	margin-bottom: 30px;
	margin-right: 28px;
	padding-top: 28px;
	padding-left: 28px;
	position: relative;
}
.nav_bg {
	background-image: url(images/header_bg.png);
	background-position: left top;
	background-repeat: no-repeat;	
}

/* -->> OVERVIEW COLUMN <<-- */
.col_overview {
	display: block;
	width: 420px;
	min-height: 330px;
	margin-bottom: 60px;
	float: left;
	background-repeat: no-repeat;
	position: relative;
}
.col_overview.left {
	margin-right: 30px;
	background-image: url(images/col_ov_left-top.jpg);
	clear: both;
}
.col_overview.right {
	margin-left: 30px;
	background-image: url(images/col_ov_right-top.jpg);
}
.col_overview .cover {
	display: block;
	margin-left: 30px;
	margin-top: 30px;
	width: 360px;
	height: 240px;
	overflow: hidden;
}
.col_overview .text {
	display: block;
	margin-top: 60px;
	width: 360px;
	min-height: 50px;
	padding: 0px 30px;
	overflow: hidden;
	background-image: url(images/col_ov_middle.jpg);
	background-repeat: repeat-y;
	float: left;
}
.col_overview .end {
	display: block;
	float: left;
	clear: both;
	width: 420px;
	height: 6px;
	overflow: hidden;
	background-image: url(images/col_ov_end.jpg);
	background-repeat: no-repeat;
}

/* -->> SINGLE COLUMN <<-- */
#single {
	background-image: url(images/logo.png);
	background-position: right top;
	background-repeat: no-repeat;	
}
.col_single {
	display: block;
	width: 840px;
	position: relative;
	min-height: 430px;
	background-image: url(images/post_single-top.jpg);
	background-repeat: no-repeat;
}
.col_single .cover {
	display: block;
	margin-left: 30px;
	margin-top: 30px;
	width: 360px;
	height: 240px;
	overflow: hidden;
	float: left;
}
.col_single .text {
	display: block;
	width: 390px;
	height: 220px;
	padding-top: 20px;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 60px;
	overflow: hidden;
	float: left;
	font-size: 1.1em;
	font-style: italic;
}
.col_single .post {
	background-image: url(images/post_single-middle.jpg);
	background-repeat: repeat-y;
	float: left;
	display: block;
	width: 760px;
	position: relative;
	padding-left: 40px;
	padding-right: 40px;	
	padding-top: 0px;
	padding-bottom: 20px;
	clear: both;
	margin-top: 100px;
}
.col_single span.page_title {
	position: absolute;
	top: 350px;
	right: 80px;
	color: #999;
	text-shadow: 0px -1px 1px #fff;
	font-size: 0.75em;
	border-bottom: 1px dashed #ccc;
	text-align: right;
}
.col_single span.page_title span {
	font-style: italic;
	color: #666;
}
.col_single .end {
	display: block;
	float: left;
	clear: both;
	width: 640px;
	padding-left: 100px;
	padding-right: 100px;
	height: 114px;
	overflow: hidden;
	background-image: url(images/post_single-end.jpg);
	background-repeat: no-repeat;
}

/*
********************************************************
**	POST INSIDE CLASSES
********************************************************
*/
.post_entry {color: #2e2e2e;text-shadow: 0px -1px 1px #fff; font-size: 1.0em;line-height: 1.4em;}
.post_entry h1, .post_entry h2, .post_entry h3, .post_entry h4 {color: #333}
.post_entry h2 { color: #333; letter-spacing: -1px; text-shadow: none; margin-top: 10px;font-size: 30px;}
.post_entry B, .post_entry STRONG { color: #222} 
.post_entry IMG {margin-top: 20px;margin-bottom: 20px;}
.post_entry-end SMALL { display: block; padding-top: 20px; color: #ccc; line-height: 1.2em;}
.post_entry a { color:#44C8F5; text-shadow: none}
.post_entry a:hover { color:#BFD73B}
.post_entry .postmetadata.alt {line-height: 1.3em;font-size: 0.70em; color: #666; padding-top: 10px; border-top: 1px dashed #ccc;}

/*<--roundup-->*/
.roundup {display: block;padding-top: 50px;font-size: 0.85em;line-height:1.4em;}
.roundup h3 {margin-top: 0px;margin-bottom: 15px;font-size:1.5em;}
.roundup_text {float: left;margin-left: 28px;}

/*<--wcol 640-->*/
.wcol_640 {width: 640px; margin: auto; clear: both; display: block;}
.wcol_640.maximg img {max-width: 640px;}
.wcol_640 .roundup_text { width: 400px;}

/*
********************************************************
**	GENERALL INSIDE CLASSES
********************************************************
*/
.wp-caption {
	border: 1px solid #c8c8c8;
	text-align: center;
	background-color: #ededed;
	padding: 5px;
	margin-bottom: 30px;
	-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: 13px;padding: 5px 0;margin: 0;}
.post_entry .highlight {
	background-color:#ffff66; 
	text-shadow: 0px 1px 1px; 
	padding-left: 5px; 
	padding-right: 5px;
}

/*
********************************************************
**	EXTRAS
********************************************************
*/
.post_banner {
	display: block;
	width: 400px;
	padding-left: 38px;
	padding-top: 10px;
	height: 36px;
	background-image: url(images/post_banner.png);
	background-repeat: no-repeat;
	position: absolute;
	left: -8px;
	top: 80px;
	color: #fff;
}
.post_banner_small {
	display: block;
	width: 350px;
	padding-left: 30px;
	padding-top: 10px;
	height: 36px;
	background-image: url(images/post_banner_small.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 20px;
	top: 80px;
	color: #fff;
}
.read_more {
	display: block;
	width: 95px;
	height: 25px;
	background-image: url(images/post_read-more.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 25px;
	top: 270px;
	color: #fff;
}
.comment-nu {position: absolute;right: 0;top: 0;height: 69px;width: 80px;background-image: url(images/comments_bg.png);background-repeat: no-repeat;line-height: 0;font-size: 20px;text-align: center;}
.comment-nu a {display: block;padding-top: 40px;height: 29px;font-weight: bold;color: #f4f4f4;}
.comment-nu a:hover {color: #44C8F5;}
.slogan {font: 50px/80px "Helvetica Neue", Helvetica, Arial, sans-serif;text-shadow: #444 0 1px 1px;color: #111;font-weight: bold;}
.slogan em {font-weight: normal;font-family: Georgia, serif;}

/*
********************************************************
**	PAGINATION
********************************************************
*/
.post_navigation {
	display: block;
	position: relative;
	text-align: center;
}
.post_navigation.top .wp-pagenavi {
	left: -10px;
	top: -80px;
	height: 41px;
	background-image: url(images/pagination_top.png);
}
.post_navigation.top span.pages {
	display: none;
}
.wp-pagenavi {
	background-image: url(images/pagination.png);
	background-repeat: no-repeat;
	display: block;
	height: 78px;
	width: 977px;
	position: absolute;
	left: -39px;
	top: -36px;
	padding-top: 12px;
}
.wp-pagenavi a {
	color: #fff;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 2px;
	margin-left: 2px;
}

.wp-pagenavi span.pages {
	color: #fff;
	display: block;
	font-size: 11px;
	line-height: 11px;
	position: absolute;
	right: 30px;
	bottom: 8px;	
	padding-right: 10px;
	text-transform: uppercase;
}
.wp-pagenavi span.current {
	color: #181818;
	text-shadow: 0px 1px 1px #C11823;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 2px;
	margin-left: 2px;	
}
.wp-pagenavi span.extend {
	
}
.wp-pagenavi .prev_post {
	position: absolute;
	display: block;
	right: 37px;
	top: 8px;
	height: 29px;
	width: 29px;
}
.wp-pagenavi .prev_post a{
	margin: 0;
	padding: 0;
	display: block;
	background-image: url(images/pagination_btn.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 29px;
	width: 29px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
.wp-pagenavi .next_post {
	position: absolute;
	display: block;
	right: 4px;
	top: 8px;
	height: 29px;
	width: 29px;
}
.wp-pagenavi .next_post a{
	margin: 0;
	padding: 0;
	display: block;
	height: 29px;
	width: 29px;
	background-image: url(images/pagination_btn.png);
	background-repeat: no-repeat;	
	text-indent: -9999px;
	overflow: hidden;
	outline: none;	
}
/*
********************************************************
**	FOOTER
********************************************************
*/
#footer {font-size: 0.75em;line-height: 1.3em;}