/*
Theme Name: OFJZ v1.0
Theme URI: http://ofjz.com
Description: Theme for OFJZ.com
Version: 1.0
Author: Johan
Author URI: http://ofjz.com
*/

html		 	{ background: #4c5e3b url(images/gradient_bg.jpg) repeat-x; }

body 			{
				text-align: center;
				font: 12px Arial, Helvetica, Sans-Serif;
				line-height:160%;
				color: #464646;
				background: url(images/bird_bg.jpg) no-repeat center top;
				width: 100%;
				display: table;
				margin: 0px;
				padding: 0px;
				}
				
/* Headings & Links ------------------------------------------------------- */
	
h2				{ font-size: 20px; line-height: 90%; padding: 0px; padding: 0px 0 0px 0; letter-spacing: -1px; }
h4				{ font-size: 15px; color: #9dad8a; margin: 0px; padding: 5px 0px 0px 4px; line-height: 90%;	letter-spacing: -1px; }
h5				{ font-size: 16px; color: #2c2c2c; font-weight: normal; line-height: 130%; margin: 0px 0px 8px; padding-top: 5px; }
	
blockquote		{ margin-left: 10px; padding: 0px 10px;	border-left: 6px solid #d0d7c5;	color: #797979;	}

a, a:link		{ color: #84a34d; text-decoration: none; }	
a:hover 		{ color: #24281e; }
	
/* Floats & Clear ------------------------------------------------------- */
	
.clear			{ clear: both; margin: 0px; padding: 0px; }
.alignleft		{ float: left; margin: 0px 10px 10px 0px; padding: 4px; background: #eff3e8;	border: 1px solid #d1d6c9; }
.alignright		{ float: right; }
.aligncenter	{ margin: 0; padding: 7px; background: #eff3e8;	border: 1px solid #d1d6c9; }
	
/* Layout "Grid" ------------------------------------------------------- */
	
#container		{ width: 980px; margin: 0px auto; text-align: left;	}	
#header			{ clear: both; text-align: left; }
#content		{ clear: both;	padding: 0px 0px 20px; text-align: left; }
#left			{ width: 550px; float: left; padding: 0px 0px 30px 0px; }
#sidebar		{ width: 429px; float: right; padding: 0px; font-size: 11px; }
	
.content-home	{ background: #f6faf0 url(images/content_bg.jpg) no-repeat center top; }	
.content-single	{ background: #f6faf0 url(images/content_single_bg.jpg) repeat-x center top; }
	
.left-home		{ margin-top: 35px; min-height: 580px; border-right: 1px solid #d9e1d0; }	
.left-single	{ margin-top: 10px; min-height: 580px; border-right: 1px solid #d9e1d0; }
	
	
/* Header ---------------------------------------------------------- */

/* Logo --- */

#logo			{ float: left; width: 140px; }

/* Menu --- */
	
#menu			{ float: right; width: 380px; margin: 0px; padding: 0px; text-align: left; }
	
.nav			{ margin: 0px; height: 97px; padding: 0px; text-align: left; list-style-type: none; }
.nav li			{ margin: 0px; padding: 64px 0px 10px 0px; float: left; list-style-type: none; }
	
.nav-item a		{ padding: 72px 15px 10px 15px;	}
.nav-item a:hover {	background-color: #90b755; }
.nav-active a	{ background-color: #a2d748; }
	
/* Twitter / Rss Follow --- */
	
#follow			{ clear: both; float: right; margin: 25px 30px 10px 0px; padding: 0px; }
#follow img		{ margin-left: 5px; }
	
/* Intro --- */

#intro			{
				clear: both;
				margin: 10px 0px 0px;
				padding: 15px 30px 0px 210px;
				color: #9dac88;
				font: 20px Georgia, Serif;
				height: 140px;
				}
	
.intro-title	{
				font: 28px Arial, Helvetica, Sans-Serif;
				font-weight: bold;	
				text-transform: uppercase;
				letter-spacing: -1px;	
				color: #99b967;
				margin: 8px 0px 7px;
				padding: 10px 0px 0px;
				}
	
#intro p		{ clear: both;	margin: 0px; padding: 0px; }

#intro a		{ color: #d2dec0; }
#intro a:hover	{ color: #a2d748; }
	
	
/*	Featured --- */

#featured		{ margin: 55px 0px 0px; padding: 10px 20px 0px 25px; height: 260px; }
	
.box-frame		{
				float: left;
				height: 200px;
				margin: 5px;
				padding: 10px;
				background: url(images/box-frame.png) repeat top left;
				}
	
#featured .box	{
				position:relative;
				overflow:hidden;
				width:280px;
				height:200px;
				margin: 0px auto;
				}
	
#featured .box .box-text {
				width:280px;
				height:230px;
				padding:10px;
				position:absolute;
				top:140px;
				z-index:2;
				background:url(images/box-hover.png) repeat top left;
				color:#fff;
				}

#featured .box img { position:absolute;	z-index:1; }	
#featured .box h2 { font-size: 18px; font-family: 'Arial', 'Helvetica'; letter-spacing: -1px; margin:0; padding:0 0 15px 0; text-transform:uppercase; }
#featured .box a { color:#fff; text-decoration:none; }
#featured .box a:hover { color:#e0e0e0; }
#featured .box .box-text div { margin-top: 85px; font-size:11px; padding-right: 20px; line-height:120%; }
	
/* Content ------------------------------------------------------------ */
	
/* Posts --- */

.post-div		{ padding: 10px 35px 0px 30px; margin-bottom: 10px; clear: both; }

.post-title		{
				margin: 0px 0px 10px -30px;
				background: url(images/post_title.png) no-repeat;
				padding: 1px 35px 0px;
				font-size: 30px;
				line-height: 90%;
				letter-spacing: -1px;	
				}
	
.post-title a	{ color: #4c5e3b; }
.post-title a:hover { color: #24281e; }
	
.post-content	{ padding: 0px 10px; margin: 0px; }
	
.post-content a	{ border-bottom: 1px dotted #96c050; color: #84a34d; }
.post-content a:hover {	color: #4c5e3b;	}

a.more-link		{
				margin: 5px 0px;
				padding: 4px 7px;
				background: #84a34d;
				border: 1px solid #d1d6c9;
				color: #fff;
				}

a:hover.more-link	{ color: #464646; background: #eff3e8; border: 1px solid #e5e9df; }
.more-archive	{ float: right; margin: 10px 0px; padding: 10px; }
	
.post-meta		{
				clear: both;
				background-color: #eff3e8;
				border: 1px solid #e5e9df;
				padding: 4px 0px 4px 10px;
				margin: 10px 0px 0px 0px;
				font-size: 11px;
				}

.post-date		{ margin: 0px 15px 0px 0px; padding-left: 20px; float:left; background: url(images/post_date.png) no-repeat; }
.post-category	{ margin: 0px 15px 0px 0px; padding-left: 20px; float:left; background: url(images/post_cat.png) no-repeat; }	
.post-tags		{ margin: 0px 15px 0px 0px; padding-left: 20px; float:left; background: url(images/post_tags.png) no-repeat; }
.post-comments	{ margin: 0px 15px 0px 0px; padding-left: 20px; float:left; background: url(images/post_comments.png) no-repeat; }
.post-retweet	{ width: 80px; margin: 0px; padding: 0px; float:right;}

/* Single Post Specifics --- */

#post-header	{
				clear: both;
				margin: 10px 0px 0px;
				padding: 15px 30px 20px 40px;
				color: #9dac88;
				font: 18px Georgia, Serif;
				background: url(images/single_header.png) no-repeat left top;
				}
				
#post-header p	{ clear: both; margin: 0px;	padding: 0px; }
#post-header a:hover { color: #a2d748; }

.post-header-title {
				font: 28px Arial, Helvetica, Sans-Serif;
				font-weight: bold;	
				text-transform: uppercase;
				letter-spacing: -1px;	
				color: #99b967;
				margin: 0px 0px 7px;
				padding: 10px 0px 0px;
				}
	
.header-right	{ float: right; width: 390px; padding-top: 10px; }	
.header-left	{ float: left; width: 480px; }
	
.single-retweet	{ float: left; width: 65px;	padding: 0px 0px 10px; }
.single-meta	{ float: right; width: 315px; }

/* Sites Listing --- */

.site-image		{ float: left; width: 270px; }
.site-info		{ float: right; width: 210px; }

.site-cat-title	{
				margin: 0px 0px 0px -30px;
				background: url(images/post_title.png) no-repeat;
				padding: 1px 35px 0px;
				font-size: 24px;
				line-height: 90%;
				letter-spacing: -1px;
				height: 31px;
				}

.site-image img	{ margin: 0px; padding: 0px; border: 1px solid #d1d6c9; }
.site-title		{ margin: 10px 0px 0px; padding: 0px; font-size: 16px; line-height: 90%; letter-spacing: -1px; }

/* Sidebar ------------------------------------------------------------ */

#sidebar-left	{ float: left; width: 210px; margin: 0px; }	
#sidebar-right	{ float: right; width: 210px; margin: 0px; }
	
#sidebar-right li, #sidebar-left li {
				list-style: url(images/arrow_small.png);
				border-bottom: 1px solid #e3e8db;
				padding: 3px 0px;
				margin: 0px 0px 0px 20px;
				}
	
#sidebar-right ul, #sidebar-left ul {
				padding: 3px 10px 3px 0px;
				margin: 0px 15px 10px;
				}
	
#sidebar a, #sidebar a:visited { color: #6b873d; }	
#sidebar a:hover { color: #24281e; }
	
/* Widgets ---------------------- */

.widget-wide	{ padding: 0px; margin: 10px 0px 10px; }

.widget-title	{
				margin: 0px;
				padding: 4px 15px;
				font-size: 20px;
				line-height: 90%;
				letter-spacing: -1px;
				color: #707a66;
				background-color: #eff3e8;
				border: 1px solid #e5e9df;
				}

.widget-title a	{ color: #4c5e3b; }
.widget-title a:hover {	color: #9ea992; }

/* SideNotes Widget --- */

.sidenotes			{ list-style-type: none; margin: 10px 20px 0px 15px; padding: 0px; }	
.sidenotes-item		{ list-style-type: none; border-bottom: 1px solid #d8ded0; padding: 0px; margin-bottom: 3px; }
.sidenotes-item p 	{ margin: 0px 5px 5px 5px; line-height: 120%; }
	
/* Recent OFJZ Widget --- */
	
.widget-recent	{
				list-style-type: none;
				margin: 0px 18px 0px 0px;
				padding: 5px 0px 15px 15px;
				background: url(images/recent_bg.png) repeat-y;
				font-size: 14px;
				color: #9dad8a;
				border-bottom: 1px solid #d8ded0;
				}
		
.widget-recent li {
				border-bottom: 1px solid #d8ded0;
				list-style:url('images/arrow_small.png');
				padding: 4px 0px;
				margin: 0px 20px 0px 20px;
				}
	
/* SiteSlide Widget --- */

.widget-slide	{
				padding: 0px;
				margin: 15px 0px 0px;
				background: url(images/paper.png) no-repeat;
				height: 218px;
				}
	
.widget-slide ul {
				padding: 49px 0px 0px 54px;
				margin: 0px;
				list-style-type: none;
				}
	
.widget-slide img {	border: 0px; }
	
/* Twitter OFJZ Widget --- */

.tweets	{ margin: 0px 20px 0px 15px; padding: 0px; }	
.tweets { list-style-type: none; padding: 0px;	margin-bottom: 3px; }
.tweets li	{ list-style-type: none;  line-height: 120%; border-bottom: 1px solid #d8ded0; padding: 3px 5px; margin: 2px 0px; }


/* WP125 widget --- */

.wp125ad img	{ float: left; padding: 0px; border: 1px solid #d1d6c9; margin: 10px 0px 14px 12px; }

/* Tags Dropdown --- */

.tags-drop		{ width: 165px; margin: 10px 20px; padding: 3px; background-color:#fdfff9; color: #4b4b4b; border: 1px solid #d2dbc5; }
			
/* Bloggroll --- */

.blogroll		{ margin: 10px 15px; padding: 0px 10px; }
.blogroll li	{
				float: left;
				width: 160px;
				list-style:url('images/arrow_small.png');
				border-bottom: 1px solid #e3e8db;
				padding: 3px 0px;
				margin: 0px 15px 0px 10px;
				}

/* Comments -------------------------------------*/

.comment-title	{
				margin: 13px 0px;
				padding: 4px 10px;
				font-size: 20px;
				line-height: 90%;
				letter-spacing: -1px;
				color: #707a66;
				background-color: #eff3e8;
				border: 1px solid #e5e9df;
				}
.comment-list	{ clear: both; margin: 0px; padding: 0px; }
.comment-item	{ clear: both; padding: 10px 0px; list-style-type: none; border-bottom: 1px solid #d8ded0; }

.comment-avatar	{ float: left; width: 70px; }
.comment-avatar img	{ padding: 3px; background: #eff3e8; border: 1px solid #d1d6c9; }

.comment-text	{ float: right; width: 410px; padding: 0px 5px 0px 0px; }
.comment-text p	{ margin: 0px; padding: 0px; }
.comment-meta	{ margin: 0px; padding: 0px; font-weight: bold; }
.comment-date	{ font-size: 10px; font-weight: normal; color: #797979; }

/* Forms -------------------------------------*/

input			{ width: 220px; margin-right: 6px; padding: 5px; color: #464646; }
textarea		{ width: 460px; padding: 5px; color: #464646; }
.button			{ width: 150px; cursor: pointer; margin: 5px 0px; padding: 5px 7px; background: #84a34d; border: 1px solid #d1d6c9; color: #fff; }
.button:hover	{ color: #464646; background: #eff3e8; border: 1px solid #e5e9df; }
	
/* PageNavi --------------------------------- */
	
.post-nav {	margin: 10px 27px 0px; padding: 15px 0px 0px; }

.wp-pagenavi a, .wp-pagenavi a:link, wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 1px;
	text-decoration: none;
	color: #fff;
	background-color: #84a34d;
	border: 1px solid #e5e9df;	
}

.wp-pagenavi a:hover {	
	color: #464646;
	background-color: #eff3e8;
	border: 1px solid #e5e9df;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px;
	margin: 2px;
	text-decoration: none;
	color: #464646;
	background-color: #eff3e8;
	border: 1px solid #e5e9df;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: #464646;
	background-color: #eff3e8;
	border: 1px solid #e5e9df;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	color: #464646;
	background-color: #eff3e8;
	border: 1px solid #e5e9df;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	color: #565656;
	background-color: #FFFFFF;
}

/* Footer -------------------------------------- */
	
#footer			{ background-color: #24281e; padding: 15px 15px; color: #6f7e59;}
#footer a		{ color: #d2dec0; }
#footer a:hover	{ color: #a2d748; }
.copy-logo		{ float: left; margin: 2px 15px 0px; }