/*
Theme Name: ForrestClub
Theme URI: http://forrestclub.org
Description: The default theme for forrestclub.org.
Version: 1.1
Author: Adi Setiawan
Author URI: http://ex3me.org
Tags: green,  fixed width, three columns, widgets
*/


/**********************
basic style start
**********************/


* {
	margin: 0;
	padding: 0;
}

body.home  {
	font: 14px/18px georgia, "times new roman", serif;
	text-align: center;
	background: #CAE8A7 url('images/body_bg.png') repeat-x left top;
}


.clear {
	clear:both;
}

div,
td,
p {
	font-size: 14px;
	line-height:18px;
	color: #5E8241;
}

#content ul{
	margin: 10px 0 15px 20px;
	list-style-type: none;
}

#content ul li{
	padding: 0 0 4px 15px !important;
	padding: 0 0 6px 15px ;
	background: url('images/content_li_bg.png') no-repeat 0 7px;
}

#content ol {
	margin: 10px 0 10px 20px !important;
	margin: 10px 0 10px 24px;
}

#content ol li{
	margin: 6px 0;
}

p {
	margin-bottom: 10px;
}

#content a {
	color: #9D8560;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

img {
	border: none;
	}


/*heading style*/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-transform: lowercase;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	font-family: georgia, "times new roman", serif;
}

.sidecol_box h2 {
	display: block;
	font-size: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: transparent url('images/dashed.png') repeat-x left bottom;
}

#content h1, #content h3, #content h5 {
	color: #5E8241;
	font-size: 22px;
}

#content h2, #content h4, #content h6 {
	font-size: 22px;
	background: none;
	padding: 0;
	color: #93BA65;
}

#content h3, #content h4 {
	font-size: 18px;
}

#content h5, #content h6 {
	font-size: 14px;
	margin: 0;
}


/* side column area */

strong.date {
	font: 12px "trebuchet MS", arial, helvetica, sans-serif;
	font-style: italic;
}

.sidecol_box ul {
	list-style-type: none;
	margin: 0 0 15px 0;
}

.sidecol_box ul li {
	padding: 0 0 0 10px;
	background: url('images/sidecol_li_bg.png') no-repeat 0 7px;
}

.sidecol_box ul li a {
	text-decoration: none;
	color: #759C45;
}

.sidecol_box ul li a:hover {
	text-decoration: underline;
	color: #5E8241;
}

.partners {
	font-size: 12px;
	
}

.ads-left img {
	float: left;
	margin: 4px;
}

.ads-right img {
	display: block;
	margin: 4px 4px 4px 30px;
}

.categories h2 {
	margin: 0;
}

.categories ul {
	margin-bottom: 20px;
}

.categories ul li {
	display: block;
	padding: 6px 0;
	background: url('images/dashed.png') repeat-x left bottom;
}

.categories ul li a{
	padding: 0 0 0 10px;
	background: url('images/sidecol_li_bg.png') no-repeat 0 7px;
}

.sidecol_btn {
	display: block;
	margin: 20px 0;
	padding: 12px 0;
	width: 181px;
	height: 30px;
	text-align: center;
	background: url('images/sidecol_btn_bg.png') no-repeat left top;
}

.sidecol_btn a {
	color: #93BA65;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.sidecol_btn a:hover {
	color: #5E8241;
}

.shoutlist strong {
	font-weight: normal;
	text-decoration: underline;
}

.shoutlist p {
	font-size: 12px;
}

.shoutlist a {
	color: #FFF;
}

.shoutlist a:hover {
	text-decoration: none;
}


/* content area */

.entry {
	margin-bottom: 40px;
}

.entry-title a {
	text-decoration: none !important;
	color: #5E8241 !important;
}

.entry-title a:hover {
	color: #9D8560 !important;
}

.entry-baloon {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	margin-top: 20px;
	font: italic 12px "trebuchet MS", arial, helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	background: transparent url('images/entry_baloon_bg.png') no-repeat right top;
}
.entry-baloon a {
	text-decoration:none!important;
	color:#FFFFFF!important;
}

.entry-meta, .entry-utility {
	font: italic 12px "trebuchet MS", arial, helvetica, sans-serif;
	color: #91B574;
	margin-bottom: 10px;
	clear:both;
}

.entry-meta a, .entry-utility a {
	color: #91B574 !important;
}

.entry-content {
	margin-bottom: 20px;
}

.entry-utility {
	clear: both;
	display: block;
	height: 25px;
	padding-top: 8px;
	background: url('images/entry_utility_bg.png') repeat-x left top;
}


/*footer area*/

#copyright small {
	font: 12px "trebuchet MS", arial, helvetica, sans-serif;
}


/*form */

label {
	font: bold 11px verdana, helvetica, sans-serif;
}
	
.inputbox {
	padding: 3px 2px;
	margin: 4px 0 7px 0;
	background: #CAE8A7;
	border: 1px solid #93BA65;
	}

.button {
	padding: 2px 10px;
	width: 100px;
	height: 28px;
	color: #FFF;
	border: none;
	background: url('images/btn_bg.png') no-repeat left top;
}

	
/* image treatment */

.alignleft {
	float: left;
	margin: 5px 20px 0 0;
}
.alignright {
	float: right;
	margin: 5px 0 0 20px;
}

#content img {
	margin-bottom: 10px;
}


/*---------------------
basic style end
---------------------*/


/*--------------------------------
general template layout start
----------------------------------*/

#mainwrap  {
	background: transparent url('images/mainwrap_bg.png') no-repeat 50% 0;
}

#container  {
	width: 977px;
	margin: 0 auto;
	text-align: left;
}

#headerwrap {
	position: relative;
	height: 376px;
}

#intro {
	position: absolute;
	left: 333px;
	top: 76px;
	width: 515px;
}

#intro p {
	color: #759C45;
	line-height: 20px;
	text-align: justify;
}

h1.logo {
	text-indent: -9000px;
	margin-bottom: 10px;
}

h1.logo a{
	display: block;
	width: 520px;
	height: 86px;
	background: transparent url('images/logo.png') no-repeat left top;
}

#tweetbox {
	position: absolute;
	left: 0;
	top: 75px;
	width: 264px;
	height: 219px;
	padding: 10px 25px;
	background: transparent url('images/tweetbox_bg.png') no-repeat left top;
	font: 12px/14px "trebuchet MS", arial, helvetica, sans-serif!important;
	color: #93BA65; 
}
#tweetbox h2 {
	display:none;
}
#tweetbox  ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#tweetbox div, .lifestream_label {
	font: 12px/14px "trebuchet MS", arial, helvetica, sans-serif!important;
}
#tweetbox div a {
	color: #93BA65; 
	text-decoration:none;
}
#tweetbox p, #tweetbox a.follow, #tweetbox li {
	color: #93BA65; 
}

#tweetbox a.follow {
	position: absolute;
	left: 256px;
	top: 85px;
	text-decoration: none;
	color: #93BA65;
	font-weight: bold;
}

#tweetbox a.follow:hover {
	color: #9D8560;
}

#contentwrap {
	background: transparent url('images/contentwrap_bg.png') repeat-y left top;
}

#contentwrap_inner {
	width: 977px;
	padding-bottom: 80px;
	background: transparent url('images/contentwrap_inner_bg.png') no-repeat left top;
}

#contentwrap_int {
	background: #EAFAF9;
}

#contentwrap_inner_int {
	width: 977px;
	background: transparent url('images/contentwrap_int_bg.png') no-repeat left top;
}


#leftcol, #rightcol {
	display: inline;
	float: left;
	width: 180px;
	padding: 128px 23px 0 23px;
}

#maincol {
	display: inline;
	float: left;
	width: 475px;
	padding: 75px 25px 10px 25px !important;
	padding: 75px 20px 10px 25px;
}

#maincol_interior {
	width: 800px;
	margin: 0 auto;
	padding: 80px 10px 20px 10px;
}


#footerwrap  {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

#footer, #footer_int  {
	width: 977px;
	height: 249px;
	margin: 0 auto;
	background: transparent url('images/footer_bg.png') no-repeat left top;
}

#footer_int {
	background: transparent url('images/footer_int_bg.png') no-repeat left top;
}

#footerbg {
	position: absolute;
	left: 0;
	top: 20px;
	height: 226px;
	width: 1200px;
	background: transparent url('images/footerbg_img.png') no-repeat left top;
}

#copyright {
	position: absolute;
	left: 125px;
	top: -60px;
	z-index: 9;
	text-align: left;
}


/*--------------------------------
general template layout end
----------------------------------*/


/*------------------
navigation start
-------------------*/

#topnav {
	height: 56px;
	padding: 10px 0 0 0;
	background: transparent url('images/topnav_bg.png') no-repeat left top;
}

#topnav ul {
	width: 977px;
	list-style-type: none;
	text-align: center;
	}
	
#topnav ul li {
	display: inline;
	height: 56px;
	font: 19px georgia, "times new roman", serif;
	text-transform: lowercase;
	}
	
#topnav ul li a {
	color: #FFF ;
	padding: 10px 20px;
	text-decoration: none;
	background: transparent url('images/topnav_li_bg.png') no-repeat left 50%;
	}
#topnav ul li.page-item-2 a {
	background:none!important;
	}
	
#topnav ul li a:hover {
	color: #2B3A0C;
	}

#home_btn {
	position: absolute;
	left: 0;
	bottom: -18px;
	width: 106px;
	height: 28px;
	padding-top: 10px;
	text-align: center;
	background: url('images/home_btn_bg.png') no-repeat;
}

#home_btn a {
	font-size: 21px;
	font-weight: bold;
	color: #92BA64;
	text-decoration: none;
}

#home_btn a:hover {
	color: #9D8560;
}

/*------------------
navigation end
-------------------*/


#respond {
	clear:both;
}

#rightcol .textwidget img {
	margin:4px 4px 4px 30px;
}