/*   
Theme Name: Advanced Hearing Center
Theme URI: www.advancedhearingctr.com
Description: Thematic child theme for the Advanced Hearing Center blog.
Author: Aaron Wilsford
Author URI: http://tribaldawn.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*Elements*/
html,body,div,span,p,img,table,tr,td,form,input,textarea,h1,h2,h3,h4,h5,h6{
margin: 0px;
padding: 0px;
border: 0px;
} 

html{
width: 100%;
height: 100%;
background: #fff;
color: #003e1c;
}

h1,h2,h3,h4,h5,h6{
clear: none;
}

#wrapper{
color: #003e1c;
}

#wrapper a{
color: #167940;
text-decoration: none;
}

#wrapper a:hover{
text-decoration: underline;
}

#wrapper a:active, #wrapper a:hover{
color: #26bf96;
}



/*Header*/
#branding{
padding: 10px 0px;
}

#blog-title{
width: 940px;
height: 147px;
background: url('images/main_title.jpg') no-repeat center top;
}

#blog-title span a{
width: 210px;
height: 147px;
display: block;
overflow: hidden;
text-indent: -800px;
margin-left: 80px;
}

#blog-title a:active, #blog-title a:hover{
color: #26bf96;
}

#blog-description{
display: none;
}

#siteinfo{
text-align: right;
}



/*Menu*/
#access{
display: none;
}

.sf-menu, .sf-menu li, .sf-menu li:hover{
background: transparent;
border: 0px;
}

.sf-menu a, .sf-menu a:hover{
width: 220px;
height: 28px;
background: url('images/nav_item.jpg') no-repeat transparent;
color: #fff;
border: 0px;
}



/*Contact*/
.wpcf7-form .form_line{
width: 500px;
overflow: hidden;
margin: 0px 0px 15px 100px;
}

.wpcf7-form .wpcf7-text, .wpcf7-form .form_line textarea{
width: 344px;
height: 25px;
background: #bac3a5;
color: #003e2e;
font-size: 105%;
margin-bottom: 10px;
padding: 3px 2px 0px;
border: 1px #003e2e solid;
}

.wpcf7-form .checkbox{
clear: left;
margin: 0px 15px 5px 15px;
}

.wpcf7-form .form_line label, .wpcf7-form .wpcf7-text, .wpcf7-form .checkbox, .wpcf7-form .form_line textarea, .wpcf7-form .submit{
display: block;
float: left;
}

.wpcf7-form .line_info label, .wpcf7-form .line_message label{
width: 150px;
height: 25px;
color: #003e2e;
font-size: 105%;
line-height: 25px;
margin-bottom: 10px;
}

.wpcf7-form .line_reason label{
width: 250px;
}

.wpcf7-form .line_message label{
clear: right;
}

.wpcf7-form .line_message textarea{
width: 494px;
height: 150px;
}

.wpcf7-form p{
display: inline;
margin: 0px;
padding: 0px;
}

.wpcf7-form .wpcf7-list-item{
display: list-item;
list-style: none;
}

.wpcf7-form .wpcf7-submit{
background: #167940;
color: #e5e7d9;
margin-left: 275px;
padding: 2px 4px;
border: 1px #003e2e solid;
cursor: pointer;
}



/*Entries*/
#main{
padding-top: 0px;
}

#container{
float: right;
margin-right: 100px;
}

#content{
width: 700px;
margin: 0px;
}

.hentry, .post{
min-height: 300px;
height: auto !important;
height: 300px;
background: url('images/content_bg.gif') repeat-y #fff;
margin-bottom: 30px;
border-bottom: 6px #76f4d2 solid;
}

#wrapper .entry-title{
height: 303px;
background: url('images/content_top.jpg') no-repeat;
color: #fff;
font-size: x-large;
margin-bottom: -250px;
padding: 25px 135px 0px 25px;
}

#wrapper .entry-title a{
color: #fff;
}

.entry-meta{
padding: 0px 20px 0px 40px;
}

.entry-content, .entry-utility, #noresults-searchform{
padding-left: 20px;
padding-right: 20px;
}

.entry-utility{
margin-bottom: 0px;
}

#content p, #content h2, #content h3{
padding: 0px 30px 15px;
}



/*Comments*/
#wrapper #comments{
padding: 0px;
}

#comments-list ol{
border: 0px;
}

#comments-list li, #comments-list li.alt{
background: url('images/blog_comment_bg.gif');
margin-bottom: 10px;
padding: 0px;
border-bottom: 6px #13b287 solid;
}

#comments-list .comment-meta, #comments-list .comment-author{
padding-left: 66px;
}

#comments-list .comment-author{
background: url('images/blog_comment_top.jpg') no-repeat;
padding-top: 35px;
}

#comments-list li .avatar{
left: 20px;
}

#comments-list .comment-content{
padding: 10px 20px 0px;
}



/*Widgets*/
.main-aside{
width: 220px;
right: 0px;
float: left;
clear: left;
}

#primary{
width: 220px;
padding: 0px;
border: 0px;
}

#primary ul{
margin: 0px;
padding: 0px;
}

#primary .nav li{
width: 220px;
height: 28px;
background: url('images/nav_item.jpg');
font-weight: bold;
line-height: 28px;
list-style: none;
margin: 0px 0px 3px;
padding: 0px;
}

#primary .nav li a, #primary .nav li a:active, #primary .nav li a:hover{
height: 28px;
line-height: 28px;
display: block;
color: #fff;
text-decoration: none;
padding-left: 30px;
}

#primary .trib_best{
text-align: center;
line-height: 19px;
line-height: 19px;
margin-bottom: 25px;
}

#primary .trib_best b{
font-size: 110%;
}

#primary .locations, .locations li{
margin: 0px;
padding: 0px;
}

#primary .locations{
width: 220px;
overflow: hidden;
margin: 25px 0px 0px;
background: url('images/left_bar_bg.gif');
border-bottom: 3px #76f4d2 solid;
}

#primary .locations li{
font-weight: bold;
text-align: center;
list-style: none;
padding: 0px 15px 25px;
}

#primary .locations li p{
margin: 0px;
}

#primary .locations .header{
height: 343px;
background: url('images/left_bar_top.jpg');
margin-bottom: -280px;
padding: 0px;
}

#primary .locations .form_line{
width: 190px;
margin: 0px;
}

#primary .locations .text_input{
width: 100px;
height: 25px;
background: #bac3a5;
color: #003e2e;
font-size: 105%;
padding: 2px;
border: 1px #003e2e solid;
}

#primary .locations .submit{
width: auto;
height: 100%;
background: #167940;
color: #e5e7d9;
margin: 0px;
padding: 2px;
border: 1px #003e2e solid;
cursor: pointer;
}

#secondary{
clear: left;
background: url('images/blog_sidebar_bg.gif') repeat-y;
padding: 0px;
border: 0px;
border: 0px #27bf98 solid;
border-width: 6px 0px;
}

#secondary .widgettitle{
font-style: normal;
font-weight: bold;
padding: 0px 10px;
}

#secondary #search{
min-height: 1px;
height: auto !important;
height: 1px;
/*adding height here forces IE6 to show a background image. IE6 is broke as hell.*/
background: url('images/left_bar_top.jpg');
}

#secondary #search h3{
padding-top: 50px;
border-top: 0px;
}

#secondary .widgetcontainer li{
margin-left: 10px;
}

.main-aside ul{
padding: 0px;
}

.aside input{
width: 190px;
margin-left: 10px;
}

#wp-calendar{
width: 220px;
}

#wp-calendar th, #wp-calendar td{
font-size: small;
text-align: center;
padding: 3px;
}

#footer{
margin: 0px;
padding: 0px;
border: 0px;
}



/*Home*/
.post-8{
font-size: 110%;
}

.coupon{
width: 250px;
display: block;
float: right;
text-align: center;
margin: 0px 0px 10px 10px;
}



/*Self test*/
.selftest{
margin: 0px;
padding: 0px 0px 0px 40px;
}

.selftest li{
width: 660px;
overflow: hidden;
padding: 0px 0px 25px;
list-style: none;
}

.selftest .header{
font-weight: bold;
list-style: none;
}

.selftest .header .radio{
min-height: 40px;
position: relative;
}

.selftest .header .radio span{
width: 70px;
display: block;
position: absolute;
left: 0px;
bottom: 0px;
}

.selftest label{
width: 320px;
min-height: 20px;
float: left;
}

.selftest div{
width: 70px;
float: left;
text-align: center;
font-weight: bold;
padding: 0px 5px;
}

.selftest_calculate{
color: #00a57a;
font-size: large;
font-weight: bold;
margin: 30px auto 0px;
padding: 5px;
border: 3px #00a57a solid;
}

.selftest_score{
width: 300px;
display: block;
color: #00a57a;
text-align: center;
font-size: x-large;
font-weight: bold;
margin: 0px auto;
padding: 5px;
}

.selftest_score_table{
width: 500px;
margin: 25px auto 0px;
padding: 5px;
border: 0px;
border-collapse: separate;
border-spacing: 5px;
}

.selftest_score_table td{
background: #a0ecd8;
padding: 2px;
}

.selftest_score_table .header_row td{
background: transparent;
font-weight: bold;
font-size: large;
text-align: center;
}

.selftest_score_table .title_row td{
color: #003e1c;
font-weight: bold;
}