/*============================================================
 Reset
============================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}



	
/*============================================================
 Essentials
============================================================*/

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #222;
	text-align: center;
	background: #f9fbf4;
	}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1em;
	font-weight: normal;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #222; 
	}

h1 { font-size: 32px; line-height: 36px; color: #fff; }
h2 { font-size: 13px; line-height: 18px; font-weight: bold; }
h3, h4 { font-size: 13px; font-weight:bold; }
h5, h6 { font-size: 10px; font-weight:bold; }

p, blockquote, li {
	font-size: 12px;
	line-height: 1.5em;
	color: #777;
	}

p, blockquote, ul, ol {
	margin-bottom: 1.5em;
	}

ul, ol {
	list-style-type: disc;
	margin-left: 18px;
	}

ol {
	list-style-type: decimal;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

input,
textarea {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	}

a	{
	text-decoration: none;
	}

a:link, a:visited {
	color: #8eac1a;
	}

a:hover, a:active {
	color: #708c00;
	}

a img	{border: none;}

img { -ms-interpolation-mode:bicubic; }




/*============================================================
 Wrapper
============================================================*/

#bar {
	width: 100%;
	height: 5px;
	background: #222;
	overflow: hidden;
	}

#wrap {
	text-align: left;
	width: 720px;
	margin: 0 auto;
	padding: 0 90px;
	background: url(../images/content_bg.gif) 0 123px no-repeat;
	}




/*============================================================
 Buttons
============================================================*/

.button {
	display: block;
	width: 64px;
	height: 32px;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	text-indent: -5000px;
	}

.button:hover, .button_hover {
	background-position: left bottom !important;
	}

.button.static:hover {
	background-position: 0 0;
	}

button.button {
	margin: 0;
	padding: 0;
	background: transparent;
	outline: none;
	cursor: pointer;
	}

button#btn_sign_up {
	width: 112px;
	height: 28px;
	margin: 0 0 0 200px;
	background-image: url(../images/btn_signup.gif);
	}

/* TEMP */
button#btn_send {
	width: 112px;
	height: 34px;
	margin: 0 0 0 200px;
	background: transparent url(../images/prices_btn_signup.jpg) no-repeat;
	}




/*============================================================
 Header
============================================================*/

#header {
	float: left;
	position: relative;
	width: 100%;
	height: 128px;
	}

#logo {
	float: left;
	width: 200px;
	height: 72px;
	margin-top: 32px;
	}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/logo.png) 0 0 no-repeat;
	text-indent: -5000px;
	}

/* #logo a:hover {
	background-position: bottom left;   */
	}

#nav {
	float: right;
	margin: 70px 0 0 0;
	}

#nav li {
	float: right;
	display: inline;
	}

#nav a {
	display: block;
	height: 28px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	outline: none;
	}

#nav_tour a {
	width: 64px;
	background-position: 0 0;
	}

#nav_tour a:hover {
	background-position: 0 bottom;
	}

#nav_examples a {
	width: 107px;
	background-position: -64px 0;
	}

#nav_examples a:hover {
	background-position: -64px bottom;
	}

#nav_help a {
	width: 69px;
	background-position: -171px 0;
	}

#nav_help a:hover {
	background-position: -171px bottom;
	}

#nav_signup a {
	width: 160px;
	background-position: -240px 0;
	}

#nav_signup a:hover {
	background-position: -240px bottom;
	}

#nav_supplement {
	position: absolute;
	top: 10px;
	right: 0;
	margin: 0;
	}

#nav_supplement li {
	float: left;
	display: inline;
	}

#nav_supplement a {
	display: block;
	height: 25px;
	background-image: url(../images/nav_supplement.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	outline: none;
	}

#nav_directory a {
	width: 112px;
	background-position: 0 0;
	}

#nav_directory a:hover {
	background-position: 0 bottom;
	}




/*============================================================
 Content
============================================================*/

#content {
	float: left;
	width: 100%;
	min-height: 300px;
	padding-bottom: 48px;
	}

#content_header {
	float: left;
	height: 82px;
	width: 100%;
	}

#content_header h2 a {
	float: left;
	margin: 22px 0 0 0;
	font-size: 45px;
	color: #fff;
	line-height: .9em;
	width: 159px;
	height: 50px;
	text-indent: -9999em;
	behavior: url(../images/iepngfix.htc);
	background: url(../images/help_hdr.png) 0 0 no-repeat;
	}

#content_header h2 {
	float: left;
	margin: 0;
	}

#content_header p {
	float: left;
	margin: 18px 0 0 18px;
	padding: 18px 0 15px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	text-indent: 20px;
	color: #fff;
	background: transparent url(../images/hdr_dots.gif) no-repeat left center;
	}

.maincol,
.maincol_two {
	display: block;
	float: left;
	position: relative;
	width: 656px;
	padding: 32px;
	background: #fff;
	}

.maincol_two {
	width: 448px;
	}

.sidebar {
	float: right;
	width: 135px;
	margin-right: 16px;
	padding: 16px;
	background: #fff;
	}

.sidebar_pod {
	font-size: 10px;
	}

	


/*============================================================
 Footer
============================================================*/

#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 24px 0 32px 0;
	text-align: left;
	background: url(../images/dots_row.gif) top left repeat-x;
	}

#footer_menu {
	float: left;
	list-style: none;
	margin: 0;	
	}

#footer_menu li {
	float: left;
	font-size: 11px;
	}

#footer a,
#footer p {
	color: #808080;
	}

#footer a {
	padding: 4px 14px;
	}

#footer a:hover {
	color: #8eac1a;
	}

#copyright {
	float: left;
	margin: 1px 45px 0 0;
	font-size: 10px;
	color: #333;
	}

#copyright a {
	padding: 4px;
	}

#copyright a #logo_indie {
	float: left;
	display: block;
	width: 114px;
	height: 23px;
	margin-top: -4px;
	padding-right: 1px;
	background: url(../images/logo_aerobrax.png) 0 0 no-repeat;
	}

/*#copyright a:hover #logo_indie {
	background-position: 0 bottom;
	}       */




/*============================================================
 Help
============================================================*/

.maincol {
	background: transparent url(../images/help_dots.gif) repeat-y 0 0;
	}
	
	

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

#main_content {
	float: left;
	width: 447px;
	overflow: hidden;
	}

#main_content h1 {
	margin-bottom: 28px;
	padding-bottom: 8px;
	font-size: 18px;
	font-weight: normal;
	color: #222;
	line-height: 1.3em;
	background: url(../images/dots_row.gif) bottom left repeat-x;
	}
	
#site_help #main_content h1 {
	display: none;
	}


	
/* FAQs
------------------------------------------------------------*/

#site_help .faq {
	width: 100%;
	margin-bottom: 24px;
	padding-bottom: 24px;
	background: url(../images/dots_row.gif) bottom left repeat-x;
	}
	
#site_help .faq:last-child {
	margin-bottom: 0;
	background: none;
	}

#site_help .faq h3 {
	margin-bottom: .4em;
	padding-left: 24px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3em;
	}
	
#site_help .faq h3 a { color: #222; }
#site_help .faq h3 a:hover { color: #444; }

	
#site_help .faq ul {
	margin: 0 0 0 24px;
	}
	
#site_help .faq ul li {
	padding-left: 14px;
	line-height: 21px;
	list-style-type: none;	
	background: transparent url(../images/help_arrow_faq.gif) no-repeat left center;
	}
	
	
/* Top Faqs
------------------------------------------------------------*/
	
#site_help #top_faq {
	background: #222;
	}
	
#site_help #top_faq h3 {
	float: left;
	margin: 24px 0 12px 0;
	color: #fff;
	}
	
#site_help #top_faq ul {
	clear: both;
	}
	
#site_help #top_faq ul li {
	font-size: 15px;
	line-height: 1.7em;
	background: transparent url(../images/help_arrow_topfaq.gif) no-repeat left center;
	}

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

#sec_content {
	width: 144px;
	float: right;
	}
	
	
/* Search
------------------------------------------------------------*/

#sec_content #search {
	width: 144px;
	height: 26px;
	background: url(../images/search_bg.gif) 0 0 no-repeat;
	}

#sec_content #searchform {
	float: left;
	width: 100%;
	}

#sec_content input#s {
	float: left;
	height: 18px;
	width: 102px;
	margin: 0;
	padding: 8px 8px 0 8px;
	background: none;
	border: none;
	outline: none;
	font-size: 10px;
	color: #777;
	}

#btn_search {
	float: right;
	width: 26px;
	height: 26px;
	background: url(../images/btn_search.gif) 0 0 no-repeat;
	}
	
	
/* Pods
------------------------------------------------------------*/

#sec_content .pod {
	margin-bottom: 32px;
	}
	
#sec_content h2 {
	margin-bottom: 8px;
	line-height: 12px;
	display: block;
	text-indent: -9999em;	
	}
	
#sec_content #help h2 {
	width: 35px;
	height: 17px;
	background: transparent url(../images/help_hdr_help.jpg) no-repeat;
	}
	
#sec_content #help h2 a {
	width: 35px;
	background: transparent url(../images/help_hdr_help.jpg) no-repeat;
	}	

#sec_content #forums h2 {
	width: 64px;
	background: transparent url(../images/help_hdr_forums.jpg) no-repeat 0 0;
	}

#sec_content #forums h2 a.button {
	width: 80px;
	height: 16px;
	background: transparent url(../images/help_hdr_forums.jpg) no-repeat left top;
	}
	
#sec_content #contact h2 {
	width: 65px;
	background: transparent url(../images/help_hdr_contact.jpg) no-repeat left top;
	}	
		
#sec_content #contact h2 a.button {
	width: 83px;
	height: 16px;
	background: transparent url(../images/help_hdr_contact.jpg) no-repeat left top;
	}		
	
#sec_content .pod p {
	font-size: 11px;
	line-height: 15px;
	color: #777;	
	}
		
#sec_content ul {
	margin-top: 13px;
	margin-left: 0;
	border-top: 1px solid #eee;
	}	

#sec_content li {
	font-size: 12px;
	list-style-type: none;
	border-bottom: 1px solid #eee;
	}

#sec_content li a {
	display: block;
	width: 100%;
	padding: 7px 0 6px 0;
	}
	
#sec_content .current-cat a {
	color: #ccc;
	}


/* Pagination
------------------------------------------------------------*/					

#pagination {
	clear: both;
	margin: 0 0 16px 0;
	/*padding-top: 16px;*/
	width: 100%;
	overflow: hidden;
	background: #fff;
	/*border-top: 2px solid #f3f6ea;*/
	}		

#pagination li {	
	height: 16px;	
	font-size: 11px;
	list-style-type: none;
	}

#pagination #older_entries {
	float: right;
	background: transparent url(../images/blog_arrow_newer.gif) no-repeat right top;
	}
	
#pagination #older_entries a{
	float: right;
	padding: 0 20px 0 0;
	background: transparent url(../images/blog_arrow_newer.gif) no-repeat right top;
	}
	

#pagination #newer_entries {
	float: left;
	background: transparent url(../images/blog_arrow_older.gif) no-repeat left top;
	}

#pagination #newer_entries a{
	float: left;
	padding: 0 0 0 20px;	
	background: transparent url(../images/blog_arrow_older.gif) no-repeat left top;
	}




/*============================================================
 Article
============================================================*/

.article {
	float: left;
	width: 100%;
	background: #fff;
	}


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

.article .article_header {
	margin-bottom: 28px;
	padding: 0 0 16px 0;
	border-bottom: 4px solid #eee;
	}

#main_content .article .article_header h1,
#main_content .article .article_header h2 {
	margin-bottom: 0;
	padding: 0 0 .2em 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.1em;
	color: #222;
	border: none;
	background: none;
	color: #8eac1a;
	padding-left: 24px;
	background: url(../images/icon_question_green.gif) 0 6px no-repeat;
	}

#main_content .article .article_header h2 {
	padding-left: 24px;
	background: url(../images/icon_question_green.gif) 0 6px no-repeat;
	}

.article .article_header p {
	margin-bottom: 0;
	padding-left: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #999;
	}


/* Article Body
------------------------------------------------------------*/

.article .article_body,
.article #article_children {
	float: left;
	clear: both;
	display: inline;
	width: 399px;
	margin: 0 24px;
	}

.article .article_body p,
.article .article_body ul li, 
.article .article_body ol li  {
	color: #777;
	}

.article .article_body ol {
	margin-left: 24px;
	}
		
.article .article_body h3 {
	margin: 1.5em 0 .75em 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3em;
	}
	
.article .article_body h3:first-child {
	margin-top: 0;
	}

	
.article .article_body strong {
	color: #666;
	}


/* Article Code Definition List
------------------------------------------------------------*/

.article .article_body dl dt {
	margin-bottom: .2em;
	font-weight: bold;
	}
	
.article .article_body dl dd {
	margin-bottom: 32px;
	}
	
.article .article_body dl dd p {
	margin-bottom: .7em;
	}


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

.article .article_footer {
	float: left;
	width: 100%;
	widows: 100%;
	overflow: hidden;
	margin-top: 16px;
	padding: 16px 0 8px 0;
	background: transparent url(../images/dots_row.gif) repeat-x left top;
	}

.article .article_footer ul {
	margin: 0;
	padding: 0;
	}

.article .article_footer ul li {
	font-size: 11px;
	color: #777;
	list-style-type: none;
	}

.article .article_footer ul li.categories {
	float: left;
	}			

.article .article_footer ul li.comments {
	float: right;
	padding-right: 13px;
	background: transparent url(../images/blog_icon_bubble.gif) no-repeat right 1.6px;
	}
	
.article .article_footer ul li.editpost {
	float: left;
	margin-left: 11px;
	padding-left: 10px;
	}		


/* Category
------------------------------------------------------------*/

#site_help_category .article {
	clear: both;
	float: left;
	margin-bottom: 36px;
	background: url(../images/dots_row.gif) bottom left repeat-x;
	}	




/*============================================================
 Code Format
============================================================*/

.args {
	margin: 0 2px;
	font-size: 12px;
	font-weight: normal;
	color: #b9b99e;
	}

#main ul.options {
	margin: 10px 0 0 0;
	padding: 0;
	}

#main ul.options li {
	margin-bottom: 2px;
	padding: 3px 0 3px 15px;
	background: #f0f0e4;
	font-size: 11px;
	list-style-position: inside;
	}

.code {
	background: #f9fbf4;
	padding: 10px 15px 10px 12px;
	}

.wp_syntax {
	margin: 1.5em 0;
	background-color: #fff;
	border: none;
	border-left: 3px solid #ececde;
	font-family: Monaco, monospace;
  	font-size: 11px;
  	line-height: 17px;
  	color: #595750;
	overflow: auto;
	}	

/* IE FIX */
.wp_syntax {
  	overflow-x: auto;
  	overflow-y: hidden;
  	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  	width: 100%;
	}

.wp_syntax table {
  	border-collapse: collapse;
	}

.wp_syntax td {
  	vertical-align: top;
  	padding: 2px 4px;
	}

.wp_syntax .line_numbers {
  	text-align: right;
  	background-color: #def;
  	color: gray;
  	overflow: visible;
	}

/* potential overrides for other styles */
.wp_syntax pre {
 	margin: 0;
  	width: auto;
  	float: none;
  	clear: none;
  	overflow: visible;
	}


/*============================================================
 Stats
============================================================*/
	
img#wpstats {
	width: 0;
	height: 0;
	padding: 0;
	border: none;
	overflow: hidden;
	}


/*============================================================
 Search
============================================================*/

.searchterm1,
.searchterm2,
.searchterm3,
.searchterm4,
.searchterm5,
.searchterm6,
.searchterm7,
.searchterm8,
.searchterm9,
.searchterm10 {
	background: #f0ff9d;
	}

#incoming {
	display: none;
	}


/*============================================================
 Domain instructions
============================================================*/

#instructions {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 36px 0;
	background: #f3f6ea;
	}

#instructions fieldset {
	border: 3px solid #e0e4d5;
	}

#instructions fieldset dl {
	float: left;
	width: 100%;
	}

#instructions fieldset dt {
	padding: 16px 18px 4px 18px;
	}


#site_help_detail .article .article_body #instructions dl dd, 
#site_help_category .article .article_body #instructions dl dd {
	margin-bottom: 0;	
	}

#instructions fieldset dd {
	padding: 0 18px 18px 18px;
	font-size: 12px;
	color: #777;
	border-bottom: 1px solid #e0e4d5;
	}

#instructions fieldset dt.first  {
	border: none;
	}

#instructions fieldset dt label {
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	}

#instructions fieldset dd label {
	padding-left: 4px;
	}

#instructions fieldset input.text {
	width: 220px;
	margin: 0;
	padding: 2px;
	}

#instructions fieldset li {
	line-height: 18px;
	}

#instructions fieldset li label {
	padding-left: 6px;
	font-size: 11px;
	font-weight: normal;
	color: #595750;
	}

#instructions fieldset li label span {
	font-size: 9px;
	color: #918862;
	}

#instructions fieldset p {
	display: block;
	margin: 8px 0 0 0;
	font-size: 10px;
	line-height: 14px;
	color: #918862;
	}

#instructions p.error {
	color: #c82c5a;
	}

#get_instructions {
	background: #e0e4d5;
	}

#btn_get_instructions {
	margin: 16px 0 16px 18px;
	}

#bigcartel_url {
	width: 200px;
	margin: 0 4px;
	padding: 4px;
	}

#custom_url {
	width: 280px;
	margin: 0 4px;
	padding: 4px;
	}




/*============================================================
 Debris
============================================================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */