/*
 * Theme Name: Austin Bariatric Clinic Custom Theme
 * Theme URI: http://www.austinbariatricclinic.com
 * Description: Custom Wordpress Theme built by Glide Design for Austin Bariatric Clinic
 * Version: 1.0
 * Author: Chris Canada for Glide Design
 * Author URI: http://www.glidedesign.com/
 */


/* ********************** GLOBAL - Reset *********************** */

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


/* *************** GLOBAL - Rules and Typography *************** */

body {
	margin-bottom: 20px;
	text-align: center;
	font: 12px "Arial", "Helvetica", sans-serif;
	background: url(images/header-bg.gif) repeat-x #f2f0e2;
}
#container {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.red {
	color: #d20000;
}
.new,
.new a {
	font-weight: bold !important;
	color: #ff0000 !important;
}
.clear {
	clear: both;
}
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */





/* ************************* HEADER ************************** */

#header {
	margin-bottom: 10px;
	height: 110px;
}


/* ********************** HEADER - Logo ********************** */

#logo {
	float: left;
	width: 50%;
	height: 80px;
}


/* ********************** HEADER - Info ********************** */

#info {
	padding-top: 20px;
	float: right;
	width: 50%;
	height: 60px;
	text-align: right;
	font-size: 10px;
	color: #ffffff;
}
#info #phone {
	padding-top: 3px;
	font-size: 16px;
	font-weight: bold;
}


/* ******************** HEADER - Navigation ****************** */

#main-nav-container {
	clear: both;
	height: 30px;
}
#main-nav {
	list-style-type: none;
}
#main-nav li {
	float: left;
}
#main-nav a {
	display: block;
	float: left;
	margin-bottom: 1px;
	border-right: 1px solid #bd9a55;
	border-left: 1px solid #f9d396;
	padding: 0 15px;
	height: 30px;
	text-decoration: none;
	line-height: 30px;
	color: #584827;
	background: url(images/nav-off-bg.gif) repeat-x;
}
	#main-nav .current_page a,
	#main-nav .current_page a:hover,
	#main-nav .current_parent a,
	#main-nav .current_parent a:hover {
		border-right: 1px solid #c8c6bc;
		border-left: 1px solid #ffffff;
		padding-bottom: 1px;
		color: #54544f;
		background: url(images/nav-on-bg.gif) repeat-x #f2f0e2;
	}
#main-nav a:hover {
	border-right: 1px solid #3293b1;
	border-left: 1px solid #92dcf3;
	color: #ffffff;
	background: url(images/nav-over-bg.gif) repeat-x;
}
#after {
	border-left-width: 1px solid #bd9a55;
}
#main-nav ul,
#main-nav ul ul {
	display: none;
}





/* ************************ BREADCRUMB *********************** */

#breadcrumb {
	clear: both;
	padding-left: 30px;
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	color: #666666;
}
#breadcrumb .currentPage {
	font-weight: normal;
	color: #ff9966;
}
#breadcrumb a {
	color: #666666;
}


/* ************************* CALLOUT ************************* */

#callout {
	overflow: auto;
	border-bottom: 1px solid #d8dfe7;
	padding: 0 30px;
	width: 410px;
	background: url(images/callout-bg.gif) no-repeat right top;
}
#callout h2 {
	padding-top: 15px;
	padding-bottom: 15px;
	font: normal 28px "Century Gothic", "Century", "Arial", sans-serif;
	color: #3293b1;
}
#callout p {
	padding-bottom: 30px;
	line-height: 17px;
	color: #3b3b3b;
}
#callout img {
	margin-left: 15px;
}


/* ************************* CONTENT ************************* */

#content-footer-container {
	background-color: #ffffff;
}
#content {
	overflow: visible;
	float: left;
	margin-right: 30px;
	width: 470px;
}


/* ********************** CONTENT - Main ********************* */

#main {
	overflow: visible;
	margin: 25px 0 30px;
	padding: 0 30px;
	width: 410px;
}
#main h3 {
	padding: 5px 0 10px;
	font: normal 18px "Century Gothic", "Century", "Arial", sans-serif;
	color: #3293b1;
}
#main a {
	color: #003a98;
}
#main a:hover {
	color: #cc3333;
}
#main p {
	margin-bottom: 15px;
	padding-left: 20px;
	line-height: 17px;
	color: #3b3b3b;
}
#main ol,
#main ul {
	margin: 0 0 15px 38px;
}
#main li {
	line-height: 17px;
	color: #3b3b3b;
}
#main dl {
	padding-left: 20px;
	line-height: 16px;
	color: #3b3b3b;
}
#main dt {
	padding-bottom: 3px;
	font-weight: bold;
}
#main dd {
	margin-bottom: 10px;
	color: #3b3b3b;
}
p.active8 {
	font-size: 16px;
	padding-top: 10px !important;
	line-height: 24px !important;
}
p.active8 a {
	text-decoration: none;
}
.ddsg-wrapper h2,
.ddsg-wrapper div {
	display: none;
}
.ddsg-wrapper ul {
	list-style-type: none;
}


/* ******************* CONTENT - Main - FAQ ****************** */

.dhtmlgoodies_question{	/* Styling question */
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	display: block;
	color: #003A98;
	text-decoration: underline;
	margin-left: 20px;
	line-height: 17px;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	background-color:#edf2f9;
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	border-top: 1px solid #e8ecf1;
	border-right: 1px solid #c4ccd5;
	border-bottom: 1px solid #c4ccd5;
	border-left: 1px solid #e8ecf1;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	position:relative;
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	padding: 10px 10px 10px 0px;
}
ul.dhtmlgoodies_list{	/* Content that is slided down */
	margin-left: 20px !important;
	padding-left: 20px !important;
	margin-bottom: 16px !important;
}


/* *************** CONTENT - Main - Testimonials ************* */

#content-footer-container #main #testimonials dl {
	margin: 0px;
	line-height: 16px;
	color: #3B3B3B;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#content-footer-container #main #testimonials dt {
	font-weight: bold;
	margin: 0px 0px 10px;
	padding: 0px;
	color: #003A98;
}
#content-footer-container #main #testimonials dd {
	margin: 0px;
	padding: 0px;
	color: #3B3B3B;
}


/* ****************** CONTENT - Main - Forms ***************** */

.formholder {
	margin-top: 0px !important;
	padding-right: 0px !important;
}
#content .mh_title {
	font-size: 24px;
	font-family: "Century Gothic", Century, Arial, sans-serif;
	color: #3293B1;
	font-weight: normal;
	padding-top: 30px;
	margin: 0px;
	padding-left: 30px;
	padding-bottom: 10px;
}
#content .mh_step {
	font-weight: normal;
	color: #333333;
}
#sidebar .mh_img {
	margin-top: 30px;
}
#content-footer-container #intForm {
	overflow: visible;
	padding-left: 30px;
	margin-bottom: 30px;
	width: 440px;
}
#bmiform ul {
	margin-left: 20px;
	list-style-type: none;
}
#bmiform input {
	margin: 5px 0;
}
#bmiform .label {
	font-weight: bold;
}


/* ****************** CONTENT - Main - Blog ****************** */

.post {
	margin-top: 30px;
	border-top: 1px dashed #6e6861;
	padding-top: 20px;
}
	#main.blog div:first-child {
		margin-top: 0;
		border-top: none;
		padding-top: 0;
	}
.archive-post-title a {
	font-weight: bold;
}


/* ************************** SIDEBAR ************************ */

#sidebar {
	float: left;
	width: 230px;
	text-align: left;
}
#sidebar img {
	margin-bottom: 30px;
}
#sidebar p {
	margin-bottom: 20px;
	line-height: 17px;
	color: #3b3b3b;
}
.widget-list {
	list-style-type: none;
}
#sidebar .testimonialQuote {
	margin-bottom: 30px;
	padding: 20px;
	height: 76px;
	text-align: justify;
	line-height: 18px;
	font-family: "Century Gothic", "Century", "Arial", sans-serif;
	color: #3293b1;
	background: url(images/quotes.gif) no-repeat center center;
}


/* ******************** SIDEBAR - Navigation ***************** */

#sidebar-nav {
	margin-bottom: 30px;
	list-style-type: none;
	text-align: left;
}
#sidebar-nav a {
	display: block;
	border-bottom: 1px dotted #cccccc;
	padding-left: 10px;
	height: 24px;
	text-decoration: none;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	color: #003a98;
	background: url(images/bullet.gif) no-repeat left center;
}
	#sidebar-nav .active8 a {
		background-color: #f8f4bb;
	}
#sidebar-nav a:hover {
	border-bottom: 1px solid #a6bcdd;
	padding-left: 10px;
	background: url(images/bullet-over.gif) no-repeat left center #dde7f4;
}
	#sidebar-nav .active8 a:hover {
		background-color: #f2ed9f;
	}


/* ************************ HOME PAGE ************************ */

#lower {
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	clear: both;
	float: left;
}
#masthead {
	height: 230px;
	background-color: #999999;
	margin-bottom: 25px;
}
#intMasthead {
	height: 230px;
	margin-bottom: 25px;
}
#homeBody {
	background-color: #FFFFFF;
}
#homeBody #sidebar.home {
	width: 220px;
	float: left;
	margin-right: 20px;
	padding-left: 15px;
}
#homeBody #homeContent {
	float: right;
	width: 470px;
	margin-right: 20px;
	clear: right;
}
#homeBody #homeContent img {
	float: left;
	margin-bottom: 25px;
	margin-right: 25px;
}
#homeBody #homeContent h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 5px;
	padding: 0px;
	color: #51A1D4;
	font-family: "Century Gothic", Century, Arial, sans-serif;
}
#homeBody #homeContent p {
	margin: 0px 0px 5px;
	padding: 0px 20px 0px 50px;
	line-height: 16px;
	color: #6C6C6C;
}
#homeBody #homeContent a {
	color: #003A98;
}
#homeBody #homeContent #contentOne,
#homeBody #homeContent #contentTwo,
#homeBody #homeContent #contentThree {
	clear: both;
}





/* ************************* FOOTER ************************** */

#footer {
	clear: both;
	margin-bottom: 20px;
	border-top: 5px none #51a1d4;
	padding-bottom: 20px;
	background-color: #ffffff;
}
#footer a {
	color: #999999;
}
#legal {
	clear: both;
	margin: 5px 20px 0;
	border-top: 1px solid #cccccc;
	padding-top: 5px;
	font-size: 10px;
	color: #999999;
}
#container #legal a.glide {
	color: #999999;
}
#footer #legal a.glide:hover {
	color: #cc3333;
}
#content-footer-container #intFooter {
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}


/* ******************* FOOTER - Navigation ******************* */

#footer-nav-container {
	margin: 0 20px;
	border-top: 5px solid #51a1d4;
	padding-top: 10px;
	height: 12px;
}
#footer-nav {
	list-style-type: none;
}
#footer-nav li {
	float: left;
}
#footer-nav a {
	display: block;
	float: left;
	margin-left: 5px;
	border-left: 1px solid #999999;
	padding-left: 5px;
	height: 12px;
	text-decoration: none;
	line-height: 12px;
	font-size: 11px;
	color: #666666;
}
	#footer-nav .page-item-1 a {
		margin-left: 0;
		border-left: none;
		padding-left: 0;
	}
#footer-nav a:hover {
	text-decoration: underline;
	color: #333333;
}