/*
File:			    Custom CSS For Thesis
Description:	Custom CSS for Haas Acupuncture
*/

/*--:[ Thesis Reset ]:--*/
.custom a { outline:none; }
.custom .menu { border:none; }
.custom .menu li { background:none; border:none; }
.custom #header { border-bottom:none; }
.custom #feature_box { border-bottom:none; }
.custom #content_box { background:none; }
.custom .sidebar h3 { font-variant:normal; letter-spacing:0; }
.custom #column_wrap { background:none; }
.custom #footer { border-top:none; }

/*--:[ Background ]:--*/
body.custom {background: #CCCCCC url('/images/haas_acupuncture_main_bg.gif');}

.custom #container { width: 97em; padding: 0 0.7em; background: url('images/bg-body.png') repeat-y;}
.custom #page {padding: 0;}

/*--:[ Header ]:--*/
.custom #header { position: relative; height: 155px; padding: 0; background: #6d1212; border: none;}
.custom #header #logo a { position: absolute; top: 5px; left: 0px; display: block; height: 150px; width: 675px; background: url('/images/haas_acupuncture_header.jpg') no-repeat; outline: none; }

.custom #header #logo { text-indent: -9999px; } /* pushaway title and tagline */
.custom #header #tagline { text-indent: -9999px; }
.custom #header .headertext {color: #ffcd75; font-family: arial black, impact, Century Gothic, sans-serif; font-size: 20px; padding-right: 20px; padding-top: 90px;}

/*--:[ Thesis Nav ]:--*/
.custom .menu { background: #222222; border-bottom: 1px solid #857E7E;}
.custom .menu li a { border-right: 1px solid #857E7E; }


/*--:[ Searchbar ]:--*/
.custom .menu input {
  background: #FFFFFF url('/images/redsearchicon.png') no-repeat right;
  border:1px solid #232323;
  color: #333333;
  text-transform: none;
  font-size: 1.2em;
  padding: 0.4em; 
  margin: 0.3em 0em 0em 1.2em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width: 14.5em;
}

/*                       */
/* Breadcrumb Navigation */
/*                       */
.custom #breadcrumb {
	background:#FAFAFA none repeat scroll 0 0;
	border-bottom:1px dotted #E0E0E0;
	color:#666666;
	font-size: 10px;
	padding-left: 1em;
	text-transform: uppercase;
	line-height: 25px;}
.custom #breadcrumb a {	color: #6d1212; }
.custom #breadcrumb a:hover { color: #222222; }

.custom div.fb_share_button {margin-top: 0.5em;}
.custom div.share_byline { margin: 10px 0 0;}
.custom #tweetme, #fbshare {float: left; display: block; margin-right: 10px;}



/* feature box */
.custom #feature_box { background: #ffffff; padding: 0em 0em;} 

/*--:[ Content ]:--*/
.custom #content_box {width: 97em;}
.custom #content {width: 67%;}

.custom #content_box, .custom .no_sidebars #content {background:#fff;}
.custom h1, .custom h2 { color: #6d1212; font-weight: bold; }
.custom .headline_area h1,
.custom .headline_area h2 { font-weight:bold; border-bottom:1px solid #CCCCCC;}
.custom .bottomborder { border-bottom: 1px solid #CCCCCC; }
.custom .bold {font-weight: bold;}

.custom .alignleft 		{ float: left; }
.custom .alignright 	{ float: right; }

.imgright {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	float:right;
	margin:0 0 12px 12px;
	padding:3px;
}

/* style links in content */
.custom #content a { font-weight: bold; text-decoration: none;} /* color: #333333; */
.custom #content a:hover {color: #333333;} /* #6d1212 */
.custom a img:hover {opacity: 0.8;}

/*--:[ Sidebars ]:--*/

.custom .sidebar h3 {
	border-bottom:medium none;
	font-size:16px;
	font-weight:bold;
	border-bottom: 1px solid #CCCCCC;
	text-transform: none;
}
/* testing new look */
/* .custom .sidebar .widget h3 {
	color: #464646;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#DFDFDF url(/images/gray-grad.png) repeat-x scroll left top;
	text-shadow:0 1px 0 #FFFFFF;
	margin 0px;
	padding: 7px 9px;
}
.custom .sidebar .widget {
	-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
} */

.custom .sidebar p {
	color:#444444;
	font-size:12px;
	line-height:18px;
	margin:0 0 8px;
	padding-bottom:5px;
	font-weight: bold;
}
.custom .sidebar a { color : #222222; font-weight: bold; text-decoration: none;} 
.custom .sidebar a:hover {color: #6d1212;} 

.custom .sidebar ul.sidebar_list {padding: 1.5em;}
.custom .sidebar li.widget {padding:5px; width:90%;	margin-bottom: 0.5em;} 

/* Testimonial Widget - Stray Quotes */
.custom .widget_stray_quotes {font-size: 1.5em; font-weight: bold; color: #333333; }

/* Text Widget styling */
.custom .sidebar li.widget_text {
	background:#F6F6F6 none repeat scroll 0 0;
	border:1px solid #c9d0d8;
	height:100%;
	margin-bottom:1.5em;
	margin-top:0.5em;
	overflow:hidden;
	padding:5px;
}
.custom .sidebar #text-449075782 {border:3px dashed #6d1212;}
.custom .sidebar #text-449075782 h3 {text-align: center; color: #6d1212; }
.custom .sidebar #subscriptions li {border-bottom: none;}
.custom .sidebar li.widget_text {font-size: 1.2em; }
.custom .sidebar #text-449075786 {border: none; background: none;}

/* Location Widget Styling */
.custom #text-449075784 a {font-size: 1.2em; font-weight: bold; }

/* Subscriptions Widget styling */
.custom .sidebar li.thesis_widget_subscriptions {background:#fff; border:1px solid #c9d0d8;	margin-top: 10px;}
.custom .sidebar li.thesis_widget_subscriptions ul li { padding:0.3em 0 0.3em 0.5em; }


/*--:[ Footer ]:--*/
.custom #footer {
  background: #222222;
  color:#ccc;
  overflow:auto;
  padding:0.75em 1em;
  border-top: solid 1px #CCCCCC;
}
.custom #footer a { border:none; color:#ccc; }
.custom #footer a:hover { color: #FFFFFF; } /* color: #6d1212; */
.custom #footer p { font-weight:bold; }
.custom #fatfooter { background: #f6f6f6 !important; color: #000; border-top: solid 1px #e3e3e3; height: 13em;}
.custom #footer1 { width: 30.6em; float: left; padding: 1em 0.8em; border-right: solid 1px #e3e3e3; height: 11em;}
.custom #footer2 { width: 30.6em; float: left; padding: 1em 0.8em; border-right: solid 1px #e3e3e3; height: 11em;}
.custom #footer3 { width: 30.7em; float: right;padding: 1em 0.8em; height: 11em;}
.custom #fatfooter h3 {color: #333333; font-weight: bold; font-size: 14px; padding: 0 0.5em;}
.custom #fatfooter a { font-weight: bolder;} /* color: #222222; */
.custom #fatfooter a:hover {color: #222222; } /* color: #6d1212; */
.custom #fatfooter p { color:#444444; font-size:1.3em; line-height:18px; margin:0 0 8px; padding: 0 0.5em; }
.custom ul#social_links li {display: inline; margin: 0 1.5em;}
.custom ul#social_links {margin-top: 2em;}

.custom p.email { background:transparent url('/images/i_mail.png') no-repeat left; margin-bottom: -0.3em; font-weight: bold; text-indent: 20px; } /* removed scroll 0 3px */

/* Hover for Subscribe and Contactsubmit buttons */
.custom #contactsubmit:hover { background:#6d1212 none repeat scroll 0 0; color: #FFFFFF; }
.custom #contactsubmit { -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); background-color:#EEEEEE; border-color:#999999 #999999 #888888;}

/*============= Home Page Banner ===============*/
.custom #home_banner {
	background:#F6F6F6 url('/images/team2.jpg') no-repeat scroll 25px;
	height:250px;
	overflow:hidden;
	padding:10px 20px;
}

.custom #home_banner .home_banner_text {
	float:left;
	font-family:Arial,Georgia,"Times New Roman",Times,serif;
	font-size:1.3em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:15px 0 0 350px;
	width:550px;
}


/* Steps on Home Page */
.custom #steps { margin: 1em; padding: 1em 0 0 1em;}
.custom .step {
	background:transparent url(/images/bg-hz_separator.gif) no-repeat scroll center top;
	overflow:hidden;
	display: block;
	height: 100%;
	padding: 20px 0 20px;}
.custom .step_num {
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#BBBBBB;
	float:left;
	font-size:7em;;
	line-height: 1em;
	text-align:center;
	width:100px;}
.custom .step_content {
	float:right;
	height:100%;
	overflow:hidden;
	padding:3px 0 0 10px;
	width:500px;}
.custom #content .step p {font-size: 1.4em;}
.custom #content #steps h2 {font-size: 3em; margin: 0.25em 0 0.5em;}
.custom #content .step_content h3 {color: #555555; font-size: 2em; font-weight: bold; margin: 0em 0 0.5em;}

/* Home Page Big Links */
#hp_biglinks {padding: 1.5em 1.5em 0 1.5em;}
#hp_biglinks .biglink h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.8em;
}
#hp_biglinks .biglink a {
	font-size: 1.1em;
	color: #6d1212;
	text-decoration: none;
}
#hp_biglinks .biglink p {
	font-size: 1.5em;
	margin-bottom: 0.2em;
}
#hp_biglinks .biglink {
	background: #F6F6F6;
	border:3px solid #CCCCCC;
	border-bottom-color: #888888;
	border-right-color: #888888;
	padding: 10px;
	float: left;
	width: 270px;
	margin: 0 0.75em;
	text-align: center;
}
#hp_biglinks .hover {
	background: #FFCD75;
	cursor: pointer;
	border: 3px solid #6d1212;
	border-bottom-color: #5E0A0A;
	border-right-color: #5E0A0A;
	-webkit-box-shadow: rgb(102, 102, 102) 0px 0px 5px;
	-moz-box-shadow:0 0 5px #666666;
}

#special {padding: 0.5em; margin: 0.5em; margin-left: 0.75em; font-size: 2.5em; color: #fff; font-weight: bold; text-align: center; width: 450px; border: 1px solid #6d1212; background: #6d1212; float: none; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*============= Blog Banner ===============*/
.custom #blog_banner {
	background:#000000 url('/wp-content/themes/thesis/custom/images/photo.png') no-repeat scroll 25px bottom;
	height:180px;
	overflow:hidden;
	padding:20px 20px 10px 20px;
}
.custom #blog_banner blockquote {
	background:transparent url('/wp-content/themes/thesis/custom/images/bquote1.png') no-repeat scroll left 5px;
	padding:3px 0 0 30px;
	border-left: none;
	color:#BBBBBB;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:10px;
}
.custom #blog_banner h2, #blog_banner h3 {
	color:#FFFFFF;
	font-size:22px;
	margin:0 0 8px;
}
.custom #blog_banner .quote {
	background:transparent url('/wp-content/themes/thesis/custom/images/bquote2.png') no-repeat scroll right bottom;
	padding-right:8px;
}
.custom #blog_banner .bcontent {
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:10px 0 0 190px;
	width:340px;
}
.custom #blog_banner #questions { 
	border-left:1px solid #333333;
	float:right;
	margin-top:10px;
	padding:0 10px 0 15px;
	width:340px;
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #BBBBBB;
	font-size: 12px;
	font-weight:bold;
	line-height:18px;
}
.custom #blogcontactbutton {background: #bbbbbb; padding: 0.25em 0.5em;   -moz-border-radius:5px; -webkit-border-radius:5px;}
.custom #blogcontactbutton a { color: #000000; }

/*==================== { Contact us }========================= */

.custom #contactform {color:#000; background:url(/wp-content/themes/thesis/custom/images/at.png) no-repeat 380px 225px; }
.custom #cformsform {width:600px;}
.custom .cform input, .custom .cform textarea {	width: 280px; }
.custom .cform textarea { height: 150px;}
.custom p.cf-sb {text-align: left;}
.custom .cform input.sendbutton {margin-left: 103px; font-size: 1em; font-weight: bold; margin-bottom: 1em;}
.custom span.reqtxt, .custom span.emailreqtxt {color: #6d1212;}
.custom .cform input:hover, .custom .cform textarea:hover {background: #CCCCCC;}
.custom .cform input.sendbutton:hover {background: #6d1212; color:#fff;}
.custom .cform label span {font-weight: bold;}
.custom p.linklove {display: none;}
.custom div.success {border: 1px solid #888888; color: #6d1212;}

.custom #cforms2form {width:600px;}

/*============= Sitemap Page CSS ============= */

.custom #content .sitemap_list { width:165px; overflow:hidden; margin-right:38px; float:left; margin-top: -2em; }
.custom #content .sitemap_list li a { color:#666; }
.custom #content .sitemap_list li a:hover { color:#6d1212; }

/* ============== Services CSS ============= */

.custom #content h2, h3 {margin-bottom: 5px; font-size: 18px;}
.custom #content .subcolumns h3 { margin-bottom: 0px; font-size: 18px;}
.custom #content .subcolumns p { margin-bottom: 0em;}
.custom #content .subcolumns { width: 275px; margin-top: -1.5em; padding-bottom: 1em;}
.custom #content .articleimg { border-bottom:3px solid #CCCCCC;	margin-bottom:5px; margin-top: -15px; padding:0;}

/* Whitequotes used on HOME and ACUPUNCTURE pages */
.custom blockquote.whitequote {
	background:transparent url('/wp-content/themes/thesis/custom/images/b2_quote.png') no-repeat scroll left 5px;
	padding:15px 0 0 30px;
	border-left: none;
	color:#333333;
	font-size:14px;
	font-style: italic;
	font-weight:bold;
	line-height:18px;

}
.custom p.whitequote {
	background:transparent url('/wp-content/themes/thesis/custom/images/b2_quote2.png') no-repeat scroll right bottom;
	padding:5px 8px 10px 200px;
	color:#333333;
	font-size:14px;
	font-style: italic;
	font-weight:bold;
	line-height:18px;
	margin-bottom:20px;
}

/* ============= FAQ/Health Conditions CSS ================== */
.custom #content .message_list ol {list-style:none;	margin:0; padding:0;}

.custom #content .message_list li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none; 
	background:transparent url('/wp-content/themes/thesis/custom/images/bullet8.png') no-repeat 0 10px;
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
}

.custom #content .message_head, .custom #content .message_head h2, .custom #content .message_head h3  {
	font-size: 14px;
	font-weight: bold;
	color:#6d1212;
	border-bottom:none;
	margin:0;
	padding:5px 0 0;
}

.custom #content .message_head:hover {
	color:#222222;
	cursor: pointer;
}

.custom #content .message_subhead {
	border-bottom:medium none;
	font-weight:bold;
	font-size: 13px;
	margin:0 0 5px;
	padding:5px 0 0;
}
.custom #content .message_head .timestamp {
	font-size:95%;
	position:absolute;
	right:10px;
	top:5px
}
.custom #content .message_head cite {color:#606060;}

.custom .hr3 {
	color:#ccc;
	border:none;
	border-bottom:1px solid #ccc;
	clear:both;
	margin:10px 0
}

.custom #content .message_body p {padding:5px 10px 0 0}
/*----------- Testimonials -----------------*/
.custom #content .testimonials {
	background:transparent url('/wp-content/themes/thesis/custom/images/quote.png') no-repeat scroll left top;
	border-bottom:1px solid #CCCCCC;
	height: 100%;
	margin-bottom: 15px;
	padding:0 0 0 20px;
}
.custom #content .testimonials .timg_left {
	border:3px solid #CCCCCC;
	float:left;
	margin:5px 10px 10px 0;
}

/*----------- About Us ---------------------*/
.custom #content .profile_section {
overflow:hidden;
height:100%;
margin-top:22px;
margin-bottom:15px
}
.custom #content .profile {
border-bottom:1px solid #ccc;
width:280px;
overflow:hidden;
height:100%;
}
.custom #content .profile_item {
background:#f7f5f5;
border:2px solid #ddd;
border-bottom-color: #888888;
border-right-color: #888888;
width:265px; /* 265 */
overflow:hidden;
height:100%;
padding:5px 10px 0 8px
}
.custom #content .profile_item.hover {
	border: 2px solid #6d1212; 
	-webkit-box-shadow: rgb(102, 102, 102) 0px 0px 7px;
	-moz-box-shadow:0 0 7px #666666;
}
.custom .imgleft {
border:1px solid #ccc;
background:#fff;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
float:left;
margin:0 12px 12px 0;
padding:3px;
}

.custom #content .profile2 p {
font-size:12px;
line-height:18px;
margin:0 0 8px;
padding:0;
}

/*----------- Read More Links---------------*/
.custom #content .more, .custom #footer_widgets .more, .custom #feature_box .more {
	color:#333;
	font-size: smaller;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.custom #content .more:hover, .custom #footer_widgets .more:hover, .custom #feature_box .more:hover {
	color:#6d1212;
	text-decoration: none;
}
.custom #footer_widgets .more, .custom #feature_box .more { color: #999999;}


/* ------------ Footer Badges -------------------- */
.custom ul.badges { list-style-type: none;}
.custom ul.badges li {display: inline; padding: 1em;}


/* ------------ Image Captions ------------ */
/* ------------ use caption property in WP */
.format_text .aligncenter { display: block; margin: 0 auto 1.571em auto; float: none; clear: both; }
.format_text .alignnone { display: block; margin: 0 auto 1.571em 0; clear: both; }
.format_text .wp-caption { background-color: #f3f3f3; border: 0.071em solid #ccc; text-align: center; padding: 0.714em; }
.format_text .wp-caption p { font-size: smaller; font-style: italic; margin-bottom: 0; }


/*-------------Comments --------------------*/
/*---- make all admin comments blue --------*/
.custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor>div {background: #E7F8FB none repeat scroll 0 0; padding-top:20px;}

/* make reply a button */
.custom dl#comment_list dd p.reply { margin: 1em 0 1.5em 0; }
.custom dl#comment_list dd p.reply a {background: #2f2c28; color: #FFF;font-size: 11px;font-weight: normal;padding: 4px 6px;text-transform: uppercase;}
.custom dl#comment_list dd p.reply a:hover {background:#46382d; border: 0;}

/*--taber --------------------------------------------------- -*/
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {border-bottom: 1px solid #e5e5e5;}
ul.tabbernav li {padding: 0.5em; background:#FFFFFF url(images/whitefade_bg.gif) repeat-x scroll 0 0;}
ul.tabbernav li a:link {color: #7c7c7c;}
ul.tabbernav li a:visited {color: #667;}
ul.tabbernav li a:hover {color: #000;}
ul.tabbernav li.tabberactive a {
	background: #F6F6F6;
	color:#6d1212 !important; /* #ef181e !important */
	border: 1px solid #aaaaaa;
	border-bottom: 3px solid #EEEEEE;
	-webkit-box-shadow: rgb(102, 102, 102) 0px 0px 5px;
	-moz-box-shadow:0 0 5px #666666;
}
ul.tabbernav li.tabberactive a:hover {color: #333;}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
/*--taber --------------------------------------------------- -*/
.tabberlive .tabbertabhide {display:none;}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {clear:both;}
.tabberlive { margin-bottom: 10px;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {	margin:0;	padding: 3px 0;	font: bold 11px Arial, Helvetica, sans-serif;}
ul.tabbernav li {	list-style: none;	margin: 0;	display: inline;}
ul.tabbernav li a {
	padding: 3px 5px 3px 5px;
	margin:0 ;
	line-height:22px;
	margin-left: 3px;
	text-decoration: none;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}
#sidebar ul.tabbernav li { border-bottom:none; }
#sidebar ul.tabbernav li a { padding: 3px 3px 2px 3px;  line-height:23px; }
#sidebar ul.tabbernav li a { margin-left:-10px; font-weight:bold; font-size:11px;}
#content ul.tabbernav li a { margin-left:3px; font-weight:bold; font-size:12px;}
ul.tabbernav li.tabberactive a {text-decoration:none;}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/

.tabberlive .tabbertab {
	padding:5px;
	border-top:0;
	margin-top:-18px;
	border: 1px solid #AAAAAA;
	-webkit-box-shadow: rgb(102, 102, 102) 0px 0px 5px;
	-moz-box-shadow:0 0 5px #666666;
	background:#F6F6F6 none repeat scroll 0 0;
	/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
}
/* If desired, hide the heading since a heading is provided by the tab */

#sidebar .tabberlive .tabbertab { margin-top:-3px;}
#content .tabberlive .tabbertab { margin-top:0px;}
.tabberlive .tabbertab h2 {	display:none;}
.tabberlive .tabbertab h3 {	display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tablog_ { }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab {	height:150px;	overflow:hidden;}