@charset "utf-8";
/*
Theme Name: HOBN
Description: New custom design for High Output Business Networking Front End Website.
Version: 1.0
Author: Beyond Designing
Author URI: http://beyonddesigning.com/
*/


@import url("formatting.css"); /* ------- Formatting for the content */
@import url("typography.css"); /* ------- Sets up some sensible typography */

/* ------------- General ------------- */

html, body, *
{ 
	padding:0px;
	margin:0px;
}

body 
{
	background: #f1f1f1 url(images/background_main.png) top left repeat-x;
	font-size: 13px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#111;
}

a
{ 
	color: #4082dd;
	text-decoration: none; 
}

a:hover
{ 
	color: #999999;
	text-decoration: none; 
}

a:focus, a:active
{
	outline:none;
}

.clear
{
	clear:both;
	width:100%;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

li
{
	list-style:inside;
}

/* ------------- Main Layout ------------- */

.wrap
{
	width:940px;
	margin:0px auto;
	clear:both;
	padding:5px;
}

.wrapper_holder
{
	width:962px;
	margin:20px auto 0 auto;
}

.wrapper
{
	width:962px;
	margin:0 auto;
	float:left;
	background: url(images/wrapper_back.png) top center repeat-y;
}

.wrapper_top, .wrapper_bottom
{
	width:962px;
	margin:0 auto;
	clear:both;
	height:11px;
	float:left;
	background-position: top center;
	background-repeat:no-repeat;
}

.wrapper_top
{
	background-image: url(images/wrapper_head.png);
}

.wrapper_bottom
{
	background-image: url(images/wrapper_bottom.png);
}

/* ------------- Header ------------- */

.header
{
	width:100%;
	margin:0 auto;
	height:116px;
	float:left;
	background: url(images/header.png) +28px center no-repeat;
}

.header a
{
	float:right;
	margin:2px 15px 0 0;
	text-indent:-9999px;
	background:url(images/login.png) top no-repeat;
	display:block;
	width:104px;
	height:16px;
}

.header a:hover
{
	background:url(images/login.png) bottom no-repeat;
}

.navigation
{
	height:30px;
	float:left;
	width:100%;
	margin:15px 0;
	background: url(images/nav_back.png) center left repeat-x;
}

.navigation ul
{
	width:100%;
}

.navigation ul li
{
	margin:0;
	padding:0;
	list-style:none;
	line-height:30px;
	float:left;
}

.navigation ul li a
{
	padding:0 22px;
	display:block;
	height:30px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
}

.navigation ul li a:hover, .navigation .current_page_item a
{
	background: url(images/nav_hover.png) center left repeat-x;
}

.navigation ul li a:active
{
	color:#f1f1f1;
}

/* ------------- Content ------------- */

.welcome_message
{
	background: url(images/welcome.png) center center no-repeat;
	width:950px;
	height:200px;
	margin:0px auto;
	clear:both;
}

.main_left
{
	width:560px;
	padding:10px 5px;
	float:left;
}

.page_left
{
	width:670px;
	padding:10px 5px;
	float:left;
	font-size:14px;
	line-height:1.8em;
}

.page_left ul
{
	margin:10px 0;
}

.page_left li
{
	clear:both;
	margin-bottom:5px;
	padding:0;
	font-size:13px;
	list-style-image:url(images/icon.png);
}

.page_left .post_meta
{
	font-size:12px;
}

.main_left .intro
{
	font-size:16px;
	line-height:1.8em;
	font-weight:normal;
}

.main_left h1
{
	font-size:16px;
	color:#f54444;
	margin:15px 0 10px 0;
}

.main_left li
{
	clear:both;
	margin:10px;
	padding:0;
	list-style-image:url(images/bullet.png);
	list-style-position:inside;
}

.main_left .intro b
{
	color:#f54444;
}

.main_left ul
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

.page_title
{
	height:50px;
	background:#fcfcfc;
	width:935px;
	line-height:50px;
	clear:both;
	float:left;
	margin-bottom:10px;
	padding-left:5px;
}

.page_title h1 a
{
	float:left;
	font-weight:normal;
	color:#ed5c5c;
	margin:0;
	padding:0;
	line-height:50px;
}

.page_title span
{
	float:left;
	margin-left:100px;
}

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

.home_right
{
	width:350px;
	padding:10px 5px 5px 5px;
	float:right;
}

.main_right
{
	width:250px;
	padding:10px 5px 5px 5px;
	float:right;
}

.home_right .sidebar
{
	width:334px;
	padding:0 8px 8px;
	float:left;
	background:#f4f4f4 url(images/home_sidebar.png) top left repeat-x;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.main_right .sidebar
{
	width:234px;
	padding:0 8px 8px;
	float:left;
	background:#f1f1f1 url(images/sidebar_back.png) top left repeat-x;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.home_right .sidebar .title
{
	background: url(images/sidebar_title.png) center center no-repeat;
	line-height:30px;
	color:#fff;
	margin:10px 0 10px;
	width:314px;
	padding:0 10px;
	font-size:15px;
	clear:both;
}

.main_right .sidebar .title a
{
	color:#fff;
}

.main_right .sidebar .title
{
	background: url(images/page_sidebar.png) center center no-repeat;
	line-height:30px;
	color:#fff;
	margin:10px 0 1px;
	width:214px;
	padding:0 10px;
	font-size:15px;
	clear:both;
}

.optin_form
{
	color:#8b8b8b;
	padding:0 5px 15px 10px;
}

.optin_form input
{ 
	margin-top:15px;
	padding:4px;
	background: url(images/input_back.png) center top no-repeat; 
	border:0; 
	width:226px;
	height:18px;
	color: #666;
	font-size:15px;
}

.optin_form input:focus
{ 
	background: url(images/input_back.png) center bottom no-repeat;
}

.optin_form label
{
	margin-right:5px;
	color:#6b6b6b;
	font-weight:normal;
}

.button input
{
	background: url(images/button.png) top left repeat-x;
	height:26px;
	padding:0 15px;
	color:#fff;
	border:0;
	cursor:pointer;
	float:right;
}

.button input:hover
{
	background: url(images/button.png) bottom left repeat-x;
}

.button input:active, .button input:focus
{
	color:#f1f1f1;
}

.optin_text
{
	font-size:14px;
	line-height:1.4em;
	padding:5px;
}

.sidebar ul
{
	margin:0px auto;
	display:block;
	padding:0px;
}

.sidebar ul li
{
	margin:0 0 1px;
	list-style:none;
	padding:0;
}

.sidebar ul li a
{	
	display:block;
	color:#666;
	padding:6px;
	line-height:1.4em;
	background:#FFF;
}

.sidebar ul li a:hover
{
	color:#ed5c5c;
	background:#fcfcfc;
}

.buttons
{
	width:334px;
	clear:both;
	float:left;
	margin:0 auto;
	padding:10px 8px;
}

.buttons_inside
{
	width:334px;
	float:right;
	margin:0 auto;
	padding:10px 8px;
}

.button_join a
{
	background: url(images/home_buttons.png) top left no-repeat;
	height:29px;
	width:158px;
	border:0;
	cursor:pointer;
	float:left;
	text-indent:-9999px;
	display:block;
}

.button_join a:hover
{
	background: url(images/home_buttons.png) bottom left no-repeat;
}

.button_free a
{
	background: url(images/home_buttons.png) top right no-repeat;
	height:29px;
	width:158px;
	border:0;
	cursor:pointer;
	float:right;
	text-indent:-9999px;
	display:block;
}

.button_free a:hover
{
	background: url(images/home_buttons.png) bottom right no-repeat;
}


/* ------------- Footer ------------- */

.copyright
{
	clear:both;
	float:left;
	color:#595959;
	font-size:12px;
	padding-left:7px;
}

.footer_wrap
{
	float:left;
	width:100%;
	border-top:1px solid #dedede;
	background:#fff;
	height:30px;
	clear:both;
	margin-top:10px;
	font-size:11px;
}

.partners
{
	width:930px;
	margin:0 auto;
	height:30px;
	line-height:30px;
}

.footer_wrap ul
{
	float:right;
}

.footer_wrap li
{
	float:left;
	margin-left:20px;
	list-style:none;
}

.footer_wrap a
{
	color:#e23939;
}

.footer_wrap a:hover
{
	color:#ec6767;
}

.edit_button
{
	position:absolute;
	top:0;
	left:0;
	padding:3px 7px;
	background:#e23939;
	border-right: #000 solid 1px;
	border-bottom: #000 solid 1px;
	color:#fff;
}

.edit_button:hover
{
	color:#fff;
	background:#f35757;
}
.gform_wrapper li, .gform_wrapper form li, .gform_wrapper form ul li { list-style-type:none!important; background-image:none!important}