/*
Theme Name: haveboard.com Oh Ten
Theme URI: http://jonathanfinnegan.com
Description: 
Version: 2 (WP2.8)
Author: Jonathan Finnegan
Author URI: http://jonathanfinnegan.com
Tags: 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";





/*Featured Post Slide Show*/
#featured_posts{
width:960px;
margin-left:-10px;
height:140px;
}

#featured_posts h3{
font-size:12px;
width:255px;
}

#featured_posts ul{

}

#featured_posts ul li{
float:left;
margin:0 9px 0;
}

#featured_posts .slide_cont{
width:835px;
clear:none;
float:left;
margin:0 17px;
}

#featured_posts .slide_cont ul li h3 a, #featured_posts .slide_cont ul li h3 a:hover{
color:#fff;
}

#featured_posts .prev{
display:block;
width:35px;
height:75px;
background: url('images/left_arrow.png') no-repeat center;
cursor:pointer;
float:left;
margin:35px 0 0 10px;
}

#featured_posts .next{
display:block;
width:35px;
height:75px;
background: url('images/right_arrow.png') no-repeat center;
cursor:pointer;
float:right;
margin:35px 10px 0 0;
}

#featured_posts h1, #featured_posts h2, #featured_posts h3, #featured_posts h4, #featured_posts h5, #featured_posts h6{
color:#fff;
background:#000;
font-family:"courier new",courier;
padding:3px 0 3px 5px;
}





.wp-post-image
{
float:left !important;
 margin:0 10px 10px 20px !important;
}



.post-edit-link
{
	margin-left:20px;
}



/* wp shopp styles


<div id="sidebar_cart">
				<div id="shopp-cart-ajax"></div>
	
	<p class="status">
		<span id="shopp-sidecart-items">3</span> <strong>Items</strong><br>
		<span id="shopp-sidecart-total" class="money"><span class="shopp_cart_total">$62.00</span></span> <strong>Total</strong> 
	</p>

	<ul>
		<li><a href="http://haveboard.com/shop/cart/">Edit shopping cart</a></li>
			</ul>
				
				
			</div>
*/




#sidebar_cart br { display:inline; display:none; clear:none; }
#sidebar_cart h3
{
	color:#666;
	font-size:1.4em;
}

#sidebar_cart
{
	width:340px;
	display:block;
	clear:both;
	background:#fff;
	padding:20px;
}


#sidebar_cart a
{
	color:#09f;
	text-decoration:none;
	font-weight:bold;
}

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


#sidebar_cart #shopp-cart-ajax
{

}

#sidebar_cart p.status
{

}

#sidebar_cart p.status strong
{

}

#sidebar_cart p.status span#shopp-sidecart-items
{

}

#sidebar_cart p.status span#shopp-sidecart-total
{
	margin-left:100px;
}

#sidebar_cart p.status span#shopp-sidecart-total.money
{

}

#sidebar_cart p.status span#shopp-sidecart-total .shopp_cart_total
{

}

#sidebar_cart p.status span#shopp-sidecart-total.money .shopp_cart_total
{

}

#sidebar_cart ul
{

}

#sidebar_cart ul li
{

}

#sidebar_cart ul li a
{

}


div#main_posts .post ul.products
{
	list-style-type:outside;
	margin:0;
	padding:0;
	
}


div#main_posts .post ul.products li.row
{
	margin:0;
	padding:0;
	border-right:1px solid #000;
}


div#main_posts .post ul.products li.row ul
{
	margin:0;
}
div#main_posts .post #shopp ul.products li.row ul li div.frame
{
	margin-left:10px;
}

div#main_posts .post #shopp ul.products li.row ul li div.frame h4.name
{
	font-size:1.4em;
}


div#main_posts .post #shopp ul.products li.row ul li div.frame p.price
{
	color:#333;
	font-size:1.4em;
}

div#main_posts .post #shopp ul.products li.row ul li div.frame p.savings
{
	color:#666;
	font-style:italic;
}

div#main_posts .post #shopp form
{
	float:right;
	display:block;
	padding:0 20px;
}

div#main_posts .post #shopp ul.products form
{
	float:none;
	display:inline;
	padding:0;
}



div#main_posts #shopp ul.breadcrumb
{
	margin-top:20px;
}
div#main_posts #shopp ul.breadcrumb li
{
	margin-top:20px;
	text-transform:lowercase;
	font-size:2em;
}

div#main_posts #shopp h3
{
	font-size:1.4em;
}









div#main_posts .post #shopp div.gallery
{
	float:left !important;
	margin:0 0 0 20px;
	width:240px;
	padding:0;
	display:inline;

}


div#main_posts .post #shopp.product .gallery ul,
div#main_posts .post #shopp.product .gallery ul li
{

	width:auto;
	text-align:left;
	float:none;
}


div#main_posts .post #shopp form.product
{
	margin-right:20px;
}





div#main_posts .post #shopp.product div#shopp_detail_page
{

	width:300px;
	text-align:left;
	float:right;
	display:inline;
}


div#main_posts .post #shopp.product div#shopp_detail_page form.product
{

	width:260px;
	text-align:left;
	float:left;
	clear:both;
	margin-bottom:10px;
}


div#main_posts .post #shopp.product div#shopp_detail_page form.product p,
div#main_posts .post #shopp.product div#shopp_detail_page form.product ul,
div#main_posts .post #shopp.product div#shopp_detail_page form.product label,
div#main_posts .post #shopp.product div#shopp_detail_page form.product select
{
	margin:0;
	list-style-type:none;
}


div#main_posts .post #shopp.product div#shopp_detail_page form.product ul
{
	padding-left:0;
}
div#main_posts .post #shopp.product div#shopp_detail_page form.product ul li
{
	list-style-position:outside;
	list-style-type:none;
	
}

div#main_posts .post #shopp.product div#shopp_detail_page ul
{
	padding-left:20px;
}
div#main_posts .post #shopp.product div#shopp_detail_page ul li
{
	list-style-position:outside;
	list-style-type:disc;
	
}

div#main_posts .post #shopp #cart
{
	width:520px;
	padding:20px;
}

div#main_posts .post #shopp #cart tr
{
	border-bottom:#999 solid 1px;
}
div#main_posts .post #shopp #cart tr td
{
	padding-top:10px;
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}

div#main_posts .post .xcheckout p a img
{
	-o-box-shadow: 0 0 0 #fff;
	-icab-box-shadow: 0 0 0 #fff;
	-khtml-box-shadow: 0 0 0 #fff;
	-moz-box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff;
}

#TB_window img
{
	margin-left:15px !important;
}
#TB_window a#TB_ImageOff
{
}


#main_posts .post #shopp #receipt.shopp
{	
	padding:20px;
	width:520px;
}

form#checkout #cart table
{margin:20px;}


form#checkout ul#cart_login
{
	width:520px !important;
	margin-right:0 !important;
	margin-left:40px !important;
}



div#main_posts .post blockquote
{
	padding:30px;
	color:#666;
	font-size:105%;
}
/* end wp shopp styles */





#zine
{
	padding-bottom:50px;
}
#zine .breadcrumb
{
	text-align:left;
	margin:20px 20px 10px 20px;
}

div.zine_thumb
{
	width:160px !important;
	float:left;
	display:inline;
	margin:10px 0 20px 20px;
	
}

div.zine_thumb img
{
	width:160px;
}

div#main_posts 	div.zine_thumb h2
{
	margin:0;
	padding:0;
}



/*
form plugin css

*/


.gform_wrapper
{
	overflow: hidden;
	margin-bottom: 10px;
	max-width: 600px;
}

.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3
{
	font-weight: normal;
	border: none;
	outline: none;
	background: none;
}

.gform_wrapper:focus
{
	outline: none;
}
.gform_wrapper form
{
	text-align: left;
}

.gform_wrapper input
{
	outline-style: none;
	font-size: 11px;
	font-family: verdana,sans-serif;
	padding: 2px 0 2px 0;
	letter-spacing: normal;
}

.gform_wrapper textarea
{
	outline-style: none;
	font-size: 11px;
	font-family: verdana,sans-serif;
	letter-spacing: normal;
	padding: 2px 0 2px 0;
	resize: none;
	/* doesn't validate but added for Safari field resizing */
}

.gform_wrapper ul
{
	margin: 0;
	list-style-type: none;
}

html >body .entry ul, .gform_wrapper ul
{
	text-indent: 0px;
}

.gform_wrapper li, .gform_wrapper form li
{
	list-style-type: none;
	background-image: none;
	overflow: hidden;
}

.gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li
{
	margin-bottom: 14px;
}

.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after
{
	content: "";
	/* for safari */
}

.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after
{
	content: none;
	/* for other browsers  */
	#: ;
}

.gform_wrapper ul#gform_fields
{
	padding: 0px;
	margin: 0px;
}

.gform_wrapper select
{
	font-size: 11px;
	font-family: verdana,sans-serif;
	padding: 2px 0 2px 0;
	letter-spacing: normal;
}

.gform_wrapper #field_settings
{
	margin: 0 0 12px;
}
.gform_wrapper #field_settings ul li label
{
	display: block;
}
.gform_wrapper .inline
{
	display: inline;
}

.gform_wrapper #gform_heading
{
	width: 98%;
	padding-bottom: 12px;
	margin-bottom: 18px;
}

.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year
{
	width: 70px;
	float: left;
}

.gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year
{
	margin-right: 12px;
}
.gform_wrapper .gfield_time_ampm select
{
	width: 60px;
}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input
{
	width: 70%;
}

.gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year
{
	width: 50px;
	float: left;
}

.gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input
{
	width: 85%;
}

.gform_wrapper .field_hover
{
	border: 1px dashed #2175A9;
	cursor: pointer;
}

.gform_wrapper .field_selected
{
	background-color: #DFEFFF;
	border: 1px solid #C2D7EF;
}

.gform_wrapper .field_name_first, .gform_wrapper .field_name_last
{
	width: 50%;
	float: left;
}

.gform_wrapper .ginput_complex
{
	overflow: hidden;
}
.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input
{
	width: 85%;
}
.gform_wrapper .field_name_last input
{
	width: 93%;
}
.gform_wrapper .datepicker
{
	width: 100px;
}

.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right
{
	width: 48%;
	float: left;
}

.gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right
{
	width: 50%;
}
.gform_wrapper .gfield_error .ginput_complex .ginput_left input
{
	width: 90%;
}
.gform_wrapper .gfield_error .ginput_complex .ginput_right input
{
	width: 100%;
}
.gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select
{
	width: 92%;
}

.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction
{
	display: block;
	margin: 3px 0 8px 0;
	font-size: 10px;
	letter-spacing: 1px;
}

.gform_wrapper .ginput_complex .name_prefix
{
	float: left;
	width: 30px;
	margin-right: 14px;
}

.gform_wrapper .ginput_complex .name_suffix
{
	float: left;
	width: 30px;
}

.gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last
{
	float: left;
	width: 100px;
	margin-right: 8px;
}

.gform_wrapper .top_label .gfield_label
{
	margin: 10px 0 4px 0;
	font-weight: bold;
	display: inline-block;
	clear: both;
}

.gform_wrapper .left_label .gfield_label
{
	float: left;
	margin: 2px 15px 0 0;
	width: 29%;
	font-weight: bold;
}

.gform_wrapper .right_label .gfield_label
{
	float: left;
	margin: 2px 15px 0 0;
	width: 29%;
	font-weight: bold;
	text-align: right;
}

.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio
{
	margin-left: 32%;
}
.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small
{
	width: 25%;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium
{
	width: 50%;
}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea
{
	width: 92%;
}
.gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small
{
	width: 15%;
}
.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium
{
	width: 35%;
}
.gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea
{
	width: 59%;
}

.gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex
{
	width: 64%;
	float: left;
}

.gform_wrapper h2.gsection_title
{
	margin: 0;
	padding: 0;
	letter-spacing: normal;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3#gform_title
{
	font-weight: bold;
	font-size: 16px;
	font-family: Helvetica,sans-serif;
}

.gform_wrapper h3#gform_title
{
	letter-spacing: normal;
	margin: 10px 0 6px 0;
}

.gform_wrapper span.gform_description
{
	font-weight: normal;
}
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3#gform_title
{
	width: 98%;
}

.gform_wrapper .gsection
{
	border-bottom: 1px dotted #ccc;
	padding: 0 0 8px 0;
	margin: 8px 0 16px 0;
}

.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio
{
	padding: 5px 0;
	margin: 0;
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li
{
	padding: 3px 0 0 0;
	line-height: 0;
	width: auto;
}

.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label
{
	margin-left: 6px;
	display: inline;
}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction
{
	font-size: 10px;
	line-height: 150%;
	clear: both;
	font-family: verdana,sans-serif;
	letter-spacing: normal;
}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description
{
	padding: 4px 0 8px 0;
}

.gform_wrapper .gfield_description
{
	padding: 10px 0 8px 0;
	font-style: italic;
}

.gfield_date_year+.gfield_description
{
	padding: 0 0 8px 0;
}
.gform_wrapper .gsection_description
{
	font-style: italic;
}
.ginput_complex + .gfield_description
{
	padding-top: 0;
}

.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction
{
	margin-left: 29%;
	padding-left: 15px;
}

.gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description
{
	margin-left: 0;
	padding-left: 0;
	padding-top: 4px;
	line-height: 150%;
}

.gform_wrapper .gfield_required
{
	color: #f00;
	margin-left: 4px;
}

.gform_wrapper textarea.small
{
	height: 80px;
}
.gform_wrapper textarea.medium
{
	height: 150px;
}
.gform_wrapper textarea.large
{
	height: 250px;
}

.gform_wrapper .gfield_error
{
	background-color: #FFDFDF;
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 6px 6px 4px 6px;
	border: 1px dotted #C89797;
}

.gform_wrapper .top_label .gfield_error .ginput_container
{
	max-width: 99%;
}
.gform_wrapper .top_label .gfield_error
{
	width: 92%;
}
.gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea
{
	width: 100%;
}
.gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea
{
	width: 66%;
}
.gform_wrapper .gfield_error .gfield_label
{
	color: #f00;
}

.gform_wrapper .validation_error
{
	color: #f00;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	margin-bottom:20px;
	margin-left:20px;
	font-family: Helvetica,sans-serif;
}

.gform_wrapper .validation_message
{
	color: #f00;
	font-size: 11px;
	font-family: verdana,sans-serif;
	letter-spacing: normal;
}

.gform_wrapper .gform_footer
{
	padding: 16px 0 10px 0;
	margin: 16px 0 0 0;
}

.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label
{
	padding: 16px 0 10px 31%;
}

.gform_wrapper input.button
{
	font-size: 95%;
	color: #fff,;
}

.gform_wrapper input.button:hover
{
	color: #aaa;
}

#gforms_confirmation_message
{
	background-color: #fff;
	border: 0px solid #feda70;
	margin: 10px 25px;
	padding: 20px 0;
	font-size: 14px;
	color: #252525;
	text-align: left;
}

/* a few IE specific hacks ------------------------------------------------------------------------- */
.gform_wrapper .gfield_time_hour
{
	*width: 80px;
}
.gform_wrapper .gfield_time_minute
{
	*width: 70px;
}
.gform_wrapper .gfield_time_ampm
{
	*padding-top: 2px;
}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input
{
	*margin-left: -10px;
}
.gform_footer input.button
{
	*padding: 3px;
}

ul.top_label .clear-multi
{
	overflow: hidden;
	clear: both;
}

/* date picker ---------------------------------------------------------------------------------------*/
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div
{
	/*resets*/
	margin: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	list-style: none;
	font-family: "lucida sans", "lucida grande", lucida ,sans-serif;
	background: #fff;
	font-size: 1.0em;
	border: 4px solid #C1C1C1;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}

.ui-datepicker-div, #ui-datepicker-div
{
	z-index: 9999;
	/*must have*/
	display: none;
}

.ui-datepicker-inline
{
	float: left;
	display: block;
}

.ui-datepicker-control
{
	display: none;
}
.ui-datepicker-current
{
	display: none;
}

.ui-datepicker-next, .ui-datepicker-prev
{
	position: absolute;
	left: .5em;
	top: .5em;
	background: #eee;
}

.ui-datepicker-next
{
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover
{
	background: #dadada;
}

.ui-datepicker-next a, .ui-datepicker-prev a
{
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}

.ui-datepicker-next a
{
	background: url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat;
}

.ui-datepicker-header select
{
	border: 1px solid #d3d3d3;
	color: #555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0;
}

.ui-datepicker-header option:focus, .ui-datepicker-header option:hover
{
	background: #dadada;
}

.ui-datepicker-header select.ui-datepicker-new-month
{
	width: 7em;
	left: 2.2em;
}

.ui-datepicker-header select.ui-datepicker-new-year
{
	width: 5em;
	left: 9.4em;
}

table.ui-datepicker
{
	width: 15.5em;
	text-align: right;
}

table.ui-datepicker td a
{
	padding: .1em;
	display: block;
	color: #555;
	background: #e6e6e6;
	cursor: pointer;
	border: 1px solid #fff;
	text-align: center;
}

table.ui-datepicker td a:hover
{
	border: 1px solid #fff;
	color: #212121;
	background: #dadada;
	text-decoration: none;
}

table.ui-datepicker td a:active
{
	border: 1px solid #aaa;
	color: #212121;
	background: #fff;
	text-decoration: none;
}

table.ui-datepicker .ui-datepicker-title-row td
{
	padding: .2em 0;
	text-align: center;
	font-size: .9em;
	color: #222;
	text-transform: uppercase;
}

table.ui-datepicker .ui-datepicker-title-row td a
{
	color: #222;
	padding: .3em 0;
}

.ui-datepicker-cover
{
	/**/
	display: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

img.ui-datepicker-trigger
{
	position: relative;
	top: 3px;
	left: 4px;
}


/*
end form plugin css

*/


/*
<div class='gform_wrapper' id='gform_wrapper_1'> 
 
	<form method='post' enctype='multipart/form-data' id='gform_1' class='' action=''> 
	
		<div id='gform_heading'> 
		
		<h3 id='gform_title'>Submit Post</h3> 
*/
#gform_heading
{
	width:515px !important;
	margin:0 0 0 20px;
}
/*		
			<span id='gform_description'>Got a link, photo, or story that should go on haveboard.com? Submit it here and we just might post it.</span> 
		
		</div> 
		
		<div class='gform_body'> 
		
			<input type='hidden' class='gform_hidden' name='is_submit_1' value='1'/> 
*/
ul#gform_fields
{

}
ul#gform_fields li
{

}
.gform_wrapper ul#gform_fields li input
{
	display:block;
	background:#fff;
	padding:5px 10px;
	margin-right:40px;
	margin-bottom:10px;
	color:#999;
	border:1px solid #ccc;
	-o-box-shadow: 5px 5px 5px #ccc;
	-icab-box-shadow: 5px 5px 5px #ccc;
	-khtml-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;

	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;

}

ul#gform_fields li input:focus
{
	outline:none;
	color:#333;
	background:#fff;
	padding:5px 10px;
	margin-right:40px;
	border:1px solid #666;
	-o-box-shadow: 5px 5px 5px #999;
	-icab-box-shadow: 5px 5px 5px #999;
	-khtml-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}



ul#gform_fields li textarea
{
	width:455px;
	font-size:1em;
	line-height:1.5;
	background:#fff;
	margin:10px 0 20px 10px;
	color:#999;
	font-size:1.1em;
	padding:20px 20px 30px;
	border:1px solid #ccc;
	-o-box-shadow: 5px 5px 5px #ccc;
	-icab-box-shadow: 5px 5px 5px #ccc;
	-khtml-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;

	-webkit-border-radius: 40px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 40px;
	-moz-border-radius-topleft: 0;
	border-radius: 40px;
	border-top-left-radius: 0;
}
ul#gform_fields li textarea:focus
{	
	color:#333;
	outline:none;
	border:1px solid #666;
	-o-box-shadow: 5px 5px 5px #999;
	-icab-box-shadow: 5px 5px 5px #999;
	-khtml-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;

	-webkit-border-radius: 40px;
	-webkit-border-top-rightleft-radius: 0;
	-moz-border-radius: 40px;
	-moz-border-radius-topleft: 0;
	border-radius: 40px;
	border-top-left-radius: 0;
}
/*		
custom
			<ul id='gform_fields' class='left_label'>
				<li id='field_1' class='gfield'>
					<label class='gfield_label' for='input_1'>
					Post Title
					<span class='gfield_required'>
					</span>
				</label>
					<div>
						<input name='input_1' id='input_1' type='text' value='' class='medium' tabindex='1' />
						*/
						
				.gform_wrapper ul#gform_fields li input#input_1
				{
				
						width:60% !important;
						margin-left:0 !important;
				}
						/*
					</div>
				</li>
				<li id='field_2' class='gfield'>
					<label class='gfield_label' for='input_2'>
						Post Body
						<span class='gfield_required'>
						</span>
					</label>
					<div>
						<textarea name='input_2' id='input_2' class='textarea medium' tabindex='2'  rows='10' cols='50'>
						</textarea>
					</div>
			</li>
			<li id='field_3' class='gfield'>
				<label class='gfield_label' for='input_3'>
					Post Image
					<span class='gfield_required'>
				</span>
			</label>
				<div class='ginput_complex ginput_container'>
				
				*/
				.gform_wrapper ul#gform_fields li input#input_3
				{
				
						width:85% !important;
						margin-left:0 !important;
				}
				/*
					<span class='ginput_full'>
						<input name='input_3' id='input_3' type='file' value='Array' class='medium' tabindex='3' />
					</span>
				</div>
			</li>
			<li id='field_4' class='gfield'>
				<label class='gfield_label' for='input_4'>
					Post Tags
					<span class='gfield_required'>
				</span>
			</label>
				<div>
					<input name='input_4' id='input_4' type='text' value='' class='large' tabindex='4' />
				</div>
			</li>
			<li id='field_5' class='gfield'>
				<label class='gfield_label' for='input_5'>
					Link
					<span class='gfield_required'>
					</span>
			</label>
				<div>
						*/
						
				.gform_wrapper ul#gform_fields li input#input_5
				{
				
						width:60% !important;
						margin-left:0 !important;
				}
						/*
					<input name='input_5' id='input_5' type='text' value='' class='medium' tabindex='5' />
				</div>
			</li>
			
		
			<li id='field_7' class='gfield'>
				<label class='gfield_label' for='input_7'>
					Name
					<span class='gfield_required'>
				</span>
			</label>
		
				<div class='ginput_complex ginput_container' id='input_7'>
					<span class='ginput_left'>
						<input type='text' name='input_7.3' id='input_7.3' value='' tabindex='6' />
							*/
				
				body .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex #input_7 .ginput_left input#input_7.3
				{
				
						width:80% !important;
						margin-left:0 !important;
				}
				/*
						<label for='input_7.3'>First</label>
					</span>
					<span class='ginput_right'>
						<input type='text' name='input_7.6' id='input_7.6' value='' tabindex='7' />
						*/
						
				.gform_wrapper .ginput_complex ul#gform_fields li .ginput_complex .ginput_right input#input_7.6
				{
				
						width:90% !important;
						margin-left:0 !important;
				}
				/*
						<label for='input_7.6'>
							Last
						</label>
					</span>
				</div>
			</li>
			<li id='field_8' class='gfield'>
				<label class='gfield_label' for='input_8'>
					Email
					<span class='gfield_required'>
					</span>
				</label>
				<div class='ginput_container'>*/
						
				.gform_wrapper ul#gform_fields li input#input_8
				{
				
						width:60% !important;
						margin-left:0 !important;
				}
				/*
					<input name='input_8' id='input_8' type='text' value='' class='medium' tabindex='8' />
				</div>
			</li>
			<li id='field_9' class='gfield'>
				<label class='gfield_label' for='input_9'>
					Captcha
					<span class='gfield_required'>
				</span>
				</label>
					<script>var RecaptchaOptions = {theme : 'red',tabindex : 9, lang : 'en'};</script>
					<div class='ginput_container' id='input_9'>
						<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LciPb0SAAAAAD4jXTnof_s6capWFZfUZ5q0jT07">
						</script> 
						
						
						
						<noscript> 
							
							<iframe src="http://api.recaptcha.net/noscript?k=6LciPb0SAAAAAD4jXTnof_s6capWFZfUZ5q0jT07" height="300" width="500" frameborder="0">
							</iframe>
							<br/>
							
							<textarea name="recaptcha_challenge_field" rows="3" cols="40">
							</textarea>
							
							<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
						
						</noscript>
					</div>
			</li> 
		
		</ul> 
		
		</div> 
		*/
.gform_footer
{
	margin:0 0 0 20px;
}
/*
			<div class='gform_footer left_label'>
				<input type='submit' class='button' value='Submit' tabindex='10'/>&nbsp;&nbsp;<a href='http://haveboard.com/wp-admin/admin.php?page=gf_edit_forms&amp;id=1'>Edit this form</a> 
			
			</div> 
	*/
	div.gform_footer
	{
	
	}
	
	div.gform_footer input.button
	{
		float:right;
		background:#fff;
		padding:5px 10px;
		margin-right:40px;
		font-weight:bold;
		color:#09f;
		border:1px solid #ccc;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}

	


	div.gform_footer input.button:hover
	{
		color:#333;
		border:1px solid #ccc;
		-o-box-shadow: 2px 2px 5px #ccc;
		-icab-box-shadow: 2px 2px 5px #ccc;
		-khtml-box-shadow: 2px 2px 5px #ccc;
		-moz-box-shadow: 2px 2px 5px #ccc;
		-webkit-box-shadow: 2px 2px 5px #ccc;
		box-shadow: 2px 2px 5px #ccc;
	}

	/*	
	</form> 

</div>
*/


#usp_success_message
{
	color:#fff;
	background:#09f;
	padding:5px;
	margin:0 0 0 15px;
}
#usp,
#usp_form
{
	width:500px !important;
}
#usp_form textarea
{
	width:75% !important;
	height:200px;
}




    		
			span.cap {
			  float:left;
			  font-size:300%;
			  font-weight:normal;
			  line-height:1em;
			  margin-bottom:0em;
			  margin-right:0em;
			  position:relative;
			}
			span.cap span {
			  display:block;
			  height:auto;
			  position:relative;
			}