/*
Theme Name: HOA Institute
Theme URI: http://www.skyhookinternetmarketing.com/
Description: The blank template set for Skyhook wordpress development, based on default theme.
Version: 1.0
Author: Skyhook Internet Marketing
URI: http://www.skyhookinternetmarketing.com/

*/

/* global and wp classes */
/* see wp.css */
	
/* General Styles
--------------------------------------------*/

body {
	background-color: #321213;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}

h1 { color:#662720; font-size:24px; }
h1#blog-title a{ color: #333333; font-size: 18px; text-decoration: none; }
h2{ font-size: 14px; }
h2.pagetitle{ font-size: 12px; }
ul { list-style:disc; }

a { font-weight: bold; }
a:link { color: #731604; text-decoration: underline; }
a:visited { color: #731604; text-decoration: underline; }
a:hover { color: #666666; text-decoration: none; }
a:active { color: #731604; text-decoration: underline; }

.style1 { font-size: 11px;}
.style2 { font-size: 13px; }
.style3 { color: #333333; font-size: 8.5pt;}

/* Wrapper Styles
--------------------------------------------*/
#page-content { height:225px; min-height:225px; padding:0 25px 20px; vertical-align:top; overflow:auto; }

/* Header Styles
--------------------------------------------*/
#header-menu { background:#333; margin:0 14px 0 13px;  padding:0 4px; }
#header-menu li { float:left; list-style:none; }
#header-menu li a { background:#333; color:#fff; display:block; _display:inline; font-family:'Arial Black', Arial, Helvetica, sans-serif; height:15px; padding:4px 30px 7px; font-weight:black; font-size:12px; text-decoration:none; }
#header-menu li a:hover { background:#662720; }
#header-menu li.current_page_item a, div#header-menu li.current_page_parent a { background:#df7b0b; }

/* Content Styles 
--------------------------------------------*/
.bookstore-wrap div { margin:0 auto; }
span.req { color:#662720; }
ol#user-agreement { list-style:upper-alpha; }
ol#user-agreement li { margin:10px 0; padding-left:35px; }
td.mincart p.mincart{ margin: 5px 0px; padding: 0px;  }
#howmuch, #terms { border:none; }
.indent.paragraph{ margin-left: 30px;  width: 650px;  }
p.thank-you a{ color: #DF7B0B; }
.ntcgreen { font-weight:bold; color:green; }
.ntcred { font-weight:bold; color:red; }
.red { color:#731604; }
.payment-other input { border:1px solid #333333; margin: 2px; padding:3px; }
.payment-other input.ppsubmit { background:#333; color:#fff; }
.payment-other input.ppsubmit:hover { background:#731604; cursor:pointer; }
.expired { border:1px solid red; background:#900; color:#fff; text-align:center; padding:8px 0; margin:0 0 4px 0; }
.expired a{ color: #FFFFFF; font-weight: bold; }

/* -- Blog -- */
.blog-content,  #single-content { float:left; margin-top:15px; width:493px; }
.post { margin-bottom:40px; }
.category-questions-answers{ margin-bottom: 20px;  }
.post-info { font-size:11px; }
#post-4 td { background-repeat:no-repeat; }
.entry, .q-a-entry { line-height:19px; }
.q-a-entry { margin-top:15px; }
#single-content { padding-top:10px; }
#single-content h1 { line-height:22px; margin:0; }
#single-content h2 { line-height:18px; margin:0 0 7px;  padding-top:5px; }
.sociable { border-top:3px solid #efefef; border-bottom:3px solid #efefef; font-size:12px; padding: 7px 0 3px;	 }
.sociable_tagline { float:left; padding-right:10px; }
.time { text-transform:uppercase; }

/* -- Comments -- */
ol.commentlist { list-style:none; padding:0; 	 }
.comment-content { float:left; margin-bottom:10px; }
.commentlist .comment-author-avatar { float:left; margin-right:30px; }
.commentlist .comment-author, .commentlist .comment-author a { font-size:16px; font-style:normal; text-decoration:none; }
.commentlist .comment-meta a { color:#333; font-size:10px; font-style:normal; text-decoration:none; text-transform:uppercase; }
#respond textarea, #respond input[type="text"] { text-align:left; width:90%; }
#respond td { padding:3px 0; vertical-align:top;  }
.text-right { text-align:right; }
.qa-list a { text-decoration:none; }

/* -- Ask a Question -- */
#ask-a-question { background:#333; margin:10px 13px 0; padding:10px 15px; }
#ask-a-question .gform_wrapper{ margin: 0px; max-width: 100%; }
#ask-a-question .question-answer-form ul{ padding: 0px; margin: 0px; margin-bottom: 10px; width: 100%; }
#ask-a-question .question-answer-form ul li{ overflow: visible; width: 100%; }
#ask-a-question .question-answer-form label{ color: #FFFFFF; margin: 5px 0px; font-size:24px; }
#ask-a-question .question-answer-form textarea{ height: 100px; padding: 5px;  width: 100%; }
#ask-a-question .gform_wrapper .gform_footer { margin-top: 5px; padding: 0px; }\
#ask-a-question .gform_wrapper .gform_footer input.button{ float: right; }
#ask-a-question .validation_error{ color: #FFFFFF; margin-bottom: 0px; }
#ask-a-question .gfield_error{ background-color: transparent !important; border: none; margin: 0px !important; padding: 0px !important; }
#ask-a-question .gfield_error .gfield_label{ color: #FFFFFF; }
#ask-a-question .gfield_error input,
#ask-a-question .gfield_error textarea{ border: 1px solid red !important; }
#ask-a-question .gfield_error .validation_message{ display: none; }

/* -- Login Form --*/
#login-form{ height:auto; margin: 20px 0px;  width:794px; }
#login-form #al_loginForm, #login-form #al_lostPasswordForm, #al_loading { background: #f0f0f0; margin: 0 auto; position: relative; width: 340px;  }
#login-form #al_loginForm table, 
#login-form #al_lostPasswordForm table{ width: 100%; }
#login-form #al_loginForm .title, 
#login-form #al_lostPasswordForm .title, 
#al_loading .title, .payment-other .title{ background: #333333; color: #FFFFFF;  padding: 0px;  text-align: center;	 }
#login-form #al_loginForm .title h2, 
#login-form #al_lostPasswordForm .title h2, 
#al_loading .title h2, .payment-other .title h2{ margin: 0px;  padding: 5px 0px;  }
#login-form #al_loginForm td.field, 
#login-form #al_lostPasswordForm td.field{ padding: 5px 10px 10px 15px;  }
#login-form #al_loginForm td.field input, 
#login-form #al_lostPasswordForm td.field input{ border: 1px solid grey; padding: 5px;  }
#login-form #al_loginForm td.field input#Submit, 
#login-form #al_lostPasswordForm td.field input#Submit{ background-color: #333333;  color: #FFFFFF; cursor: pointer; float: right;  font-weight: bold;  margin-right: 10px; }
#login-form #al_loginForm td.error, 
#login-form #al_lostPasswordForm td.error{ background-color:red; color:#FFFFFF; margin:auto; padding: 0px 5px; text-align:center; width:100%; }
#login-form #al_loginForm td.success, 
#login-form #al_lostPasswordForm td.success{ background-color: green; color:#FFFFFF; margin:auto; padding-bottom: 5px; text-align:center; width:100%; }
#login-form #al_loginForm td.field input#Submit:hover, #login-form #al_lostPasswordForm td.field input#Submit:hover{ background-color: #662720; }
#logout-content{ border: 1px solid grey;  margin: 15px 15px 0px 15px; height: 60px;   padding-top: 20px;  text-align: center; }

/* Contact Us Page */
#gform_wrapper_1{margin-left:20px; max-width:655px;}
#gform_wrapper_1 p{ margin: 0px; }
#gform_wrapper_1 ul{ height: 665px; position: relative;  width: 665px; }
#gform_wrapper_1 ul li{ width: 665px; }
#gform_wrapper_1 ul li label{ float: left; width: 200px; }
#gform_wrapper_1 ul li .ginput_container{ float: right; width: 455px; }
#gform_wrapper_1 ul li.gfield{ left: 0px; position: absolute; overflow: visible; }
#gform_wrapper_1 ul li.gfield .ginput_complex{ overflow: visible; width: 455px; }
#gform_wrapper_1 ul li.gfield .gfield_description{ float: right; width: 458px;  }
#gform_wrapper_1 ul li.name{ top: 0px; }
#gform_wrapper_1 ul li.address{ top: 40px; }
#gform_wrapper_1 ul li.email{ top: 210px; }
#gform_wrapper_1 ul li.phone{ top: 250px; }
#gform_wrapper_1 ul li.fax{ top: 290px; }
#gform_wrapper_1 ul li.message{ top: 330px; }
#gform_wrapper_1 ul li.captcha{ top: 540px; }
#gform_wrapper_1 ul li input,
#gform_wrapper_1 ul li input.ginput_full{ border: 1px solid #333333; padding: 3px 5px; width: 426px !important; }
#gform_wrapper_1 ul li.captcha input{ padding: 0px; width: 302px !important; }
#gform_wrapper_1 ul li.gfield .ginput_complex .ginput_left{ float: left; width: 250px; }
#gform_wrapper_1 ul li.gfield .ginput_complex .ginput_right{ float:right; overflow:visible; width:177px; }
#gform_wrapper_1 ul li.gfield .ginput_complex .ginput_left input{ width: 234px !important; }
#gform_wrapper_1 ul li.gfield .ginput_complex .ginput_right input,
#gform_wrapper_1 ul li.gfield .ginput_complex .ginput_right select{  width: 160px !important; }
#gform_wrapper_1 ul li.gfield .ginput_complex .ginput_right p { margin: 0px; }
#gform_wrapper_1 ul li textarea{ border: 1px solid #333333; padding: 3px 5px; width: 426px; }
#gform_wrapper_1 ul li select{ border: 1px solid #333333; padding: 3px 0px; }
#gform_wrapper_1 .gform_footer{}
#gform_wrapper_1 .gform_footer input.button{
	background-color:#311111;
	border:1px solid transparent;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-left:300px;
	margin-top:30px;
	padding:10px 50px;
}
#gform_wrapper_1 .gform_footer input.button:hover{ background-color: #DF7B0B; }

/* Validation */
#gform_wrapper_1 .gfield_error{ background-color: transparent !important; border: none; margin: 0px !important; padding: 0px !important; }
#gform_wrapper_1 .gfield_error .gfield_label{ color: #333333; }
#gform_wrapper_1 .gfield_error input,
#gform_wrapper_1 .gfield_error textarea{ border: 1px solid red !important; }
#gform_wrapper_1 .gfield_error .validation_message{ display: none; }


/* Sidebar Styles
--------------------------------------------*/
#sidebar { float:right; padding-top:15px; width:223px; }
#sidebar ul  { margin:0; padding:0;	 }
#sidebar ul ul { margin:auto; padding:0; }
#sidebar li { list-style:none; line-height:17px; margin-bottom:20px; }
#sidebar li li { margin-bottom:auto; }
#sidebar h2 { border-bottom:3px solid #eaeaea; margin-bottom:10px; padding-bottom:2px; }
#sidebar a h2 {	cursor:pointer; }
#sidebar a:hover h2 { color:#333; }
#sidebar h2#subscribe { background-image:url('/wp-content/themes/hoa/images/rss.png'); background-repeat:no-repeat; background-position:95px 0; }
#sidebar #tags a { text-decoration:none; }

/* -- Subscribe Form -- */
#sidebar #subscribe{ }
#subscribe-widget p{ margin: 0px; margin-bottom: 5px;  }
#subscribe p{ margin: 5px 0px;  padding: 0px; }
#subscribe input{ background-color: #333333; border:1px solid #333333; color: #FFFFFF; cursor: pointer; margin: 2px; padding:3px; }
#subscribe label.mc_var_label{ margin-bottom:5px; margin-left:2px; }
#subscribe input#mc_mv_EMAIL{ background-color: #FFFFFF; border: 1px solid #999999; color: #000000; cursor: text; width: 272px; }
#sidebar #subscribe input#mc_mv_EMAIL{ width: 200px; }
#subscribe .mc_custom_border{ padding: 0px;}
#subscribe .mc_signup_submit{ float: left; }
#subscribe input.button{ float: left; }
#subscribe .mc_merge_var{ float: left; }
#sidebar #subscribe .mc_merge_var{ margin: 0px; }
#subscribe #mc_signup_form legend{ padding: 0px; }
#subscribe #mc_message{ float:left; margin-bottom:5px;}

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