/*
Theme Name: Northwest Spine Clinic 
Theme URI: http://www.marketingepic.com/
Description: Custom design for Northwest Spine Clinic
Version: 1
Author: Claye Stokes
Author URI: http://www.marketingepic.com/
Tags: 
*/

@import url("style/css/reset.css");

* {outline: none; padding:0px; margin:0px;}
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	color:#000;
	background: #e6e6e6 url(images/bg.gif) left top repeat-x;
	font-size: 13px;
}
#post-30 h3 {clear: both;} 
h1 {font-size: 24px; color:#1457a2; padding:10px 0px;}
h2 {font-size: 18px; color:#323232; padding: 20px 0px 5px;}
h3 {font-size: 16px; color:#060; padding:15px 0px 5px;}
h4 {text-transform: uppercase; color:#323232; font-weight:bold; padding:15px 0px 0px;}

p {padding: 5px 0px; line-height:1.2em;}
ul, ol {padding: 10px 10px 10px 30px;}
ol li, ul li {padding: 5px; line-height:1.2em;}
a:link {color: #1457a2;}
a:visited {color: #369;}
a:hover, a:active {color: #393;}

.wrapper {margin: 0px; padding:0px;}
#header, #nav-wrapper, #banner, #container, #footer {width: 960px; margin:0px auto;}
#header {height:105px; overflow:hidden;}
#header .logo {margin-top: 10px; float:left; border:0px none;}
#header .right {text-align: right; float:right; width: 500px; color:#c6c6c6; margin-top:6px;}
#header .phone {font-weight: bold; color:#FFF; font-size:1.2em; display:block; padding:0px; margin:0px;}
#header .right .tagline {color:#3c3d3e;}

#suckerfishnav {font-size:14px;}
#suckerfishnav, #suckerfishnav ul {list-style:none;line-height:29px; height:29px;padding:0px;margin:0px;width:100%; z-index:9999;}
#suckerfishnav a {display:block;color:#fff;text-decoration:none;padding:0px 25px;line-height:29px; height:29px; float:left;}
#suckerfishnav li {float:left;padding:0;line-height:29px; height:29px; position:relative; background: url(images/nav-divider.gif) left center no-repeat; cursor:pointer;}
#suckerfishnav li.page-item-3 {background: none;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto;width:252px; padding:0px;font-weight:normal;margin:0;line-height:1;	border:0;border-top:1px solid #161616;}
#suckerfishnav li.haschildren a, #suckerfishnav li.page-item-12 a, #suckerfishnav li.page-item-14 a {background: url(images/nav-arrow.gif) 95% 50% no-repeat;}
#suckerfishnav li li {	width:250px;border-bottom:1px solid #161616;border-left:1px solid #161616;border-right:1px solid #161616;font-weight:bold;font-family:verdana,sans-serif; background-image:none; padding:0px;}
#suckerfishnav li li a, #suckerfishnav li.haschildren li a, #suckerfishnav li.page_item page-item-12 li a, #suckerfishnav li.page_item page-item-14 li a {padding:4px 10px; display:block;font-size:12px;color:#FFF; background-image: none!important;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}
#suckerfishnav li li:hover {background:#161616;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color: #B2C472;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#ddd;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#dddddd;}#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:0px; top:29px; background:#0B0B0B;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {} 

#banner-wrapper {background: url(images/banner-bg.jpg) center top no-repeat; height:314px;}
#content-top {background: url(images/content-top.gif) left top no-repeat; width: 984px; margin:0px auto; height:10px;}
#container-shadow {width: 984px; margin:0px auto; background: url(images/content-shadow.gif) left top no-repeat;}
#container {background: #fff url(images/container-bg.gif) right top repeat-y;}

#content {width: 700px; float:left; padding:15px 0px 40px;}
.home #content {padding: 0px 0px 40px;}  
 .post {padding: 0px 15px;}

#sidebar {width: 240px; float:right;  padding:15px 5px;}
#sidebar ol, #sidebar ul, #sidebar ul li, #sidebar ol li {list-style: none; padding:0px; margin:0px 0px;}
#sidebar .widget {margin-bottom: 15px;}
#sidebar h2 {padding-left: 5px; font-size:16px;}
#sidebar p {padding-left: 5px;}
.widget_links ul li {padding-left: 10px!important;}

#sidebar #cforms-2 {background: url(images/small-form-bg.png) left top no-repeat; width: 240px; padding:6px 0px 0px; margin:0px 0px 0px 5px;}
#sidebar #cforms-2 h2 {background: url(images/contact-us.png) left top no-repeat; width: 118px; height:31px; padding:0px; margin:0px auto; padding:0px; text-indent:-9999px;}
#sidebar form.cform {padding: 0px 15px 10px; background: url(images/small-form-bottom.png) left bottom no-repeat;}
#sidebar .cform fieldset {padding: 0px; margin:0px; border:none;}
#sidebar .cform legend {display: none;}

#sidebar .textonly {font-size: 11px; width: 205px;}
#sidebar .cform label {display: block; font-size:14px; color:#fff; margin: 0px;}
#sidebar .cform input.single {background: url(images/text-input-bg.png) left top no-repeat; width: 196px; height:11px; padding:5px; border:none; display:block;}
#sidebar .cform .reqtxt, #sidebar .cform .emailreqtxt {display: block; font-size:10px; color:#fff; text-align:right; width: 200px;}
#sidebar .cform textarea {width: 202px; background: url(images/small-textarea-bg.png) left top no-repeat; width: 196px; height:53px; border: none; padding:5px; margin-bottom:15px;}
#sidebar .cform li#li--7 label {font-size: 12px; margin-top:5px;}
#sidebar .cform select {display: block; width: 202px; border:1px solid #0c517e; height:25px; line-height:25px;}

#sidebar .cf-sb {padding: 10px 5px 0px; margin:0px; text-align:center;}
#sidebar .sendbutton {background: url(images/send-btn.png) left top no-repeat; border:none; width: 96px; height:27px; text-indent: -9999px; *color: transparent; *text-transform: capitalize;}
#sidebar #cforms-2 .failure, #sidebar #cforms-2 .cf_info {background: #f4f4f4; font-weight:bold; padding:5px;}
.failure {color: red;}

div#usermessagea.cf_info  {display: none;}
#sidebar li#li--3 {padding-bottom: 16px;}

/* Footer */
#footer-wrapper {background: url(images/footer-bg.png) left top repeat-x; padding:15px 0px;}
#footer {color: #fff; width: 960px; margin:0px auto; font-family: Georgia, "Times New Roman", Times, serif;}
#footer .left {float: left; width: 310px;}
#footer .right {float: right; width: 630px;}

#footer a {color: #fff; text-decoration: underline;}

#footer .right div.widget {width: 39%; padding:0px 5%; float:left;}
#footer .aktt_widget {border-left: 1px dotted #2a4d67; font-size:80%}
#footer .aktt_widget p {padding-top: 10px;}

#footer .right h2 {color: #fff;}
#footer ul {margin: 0px; padding: 10px 0px;}
#footer ul li {list-style: none; border-bottom: 1px dashed #fff; margin:4px 0px; line-height:18px;}
#footer .aktt_widget ul {padding-top: 0px;}
/* Home Page */


.home #banner, #banner {height: 314px; width:960px; margin:0px auto;position:relative;}


#home-box {width: 675px; background:#D7DEB3; margin-left: 5px; margin-top:5px; margin-bottom:35px; padding:15px 10px;-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-top-right-radius: 5px;-khtml-border-radius: 5px;}

#tabs {width: 430px; float:left;}
#tabs div {background: #fff;-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-top-right-radius: 5px;-khtml-border-radius: 5px; }
.ui-tabs {zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0;  height:23px; line-height:23px;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; display: block; height:23px; line-height:23px; padding:0px 10px; color:#34435a; font-size:12px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background: url(images/home-white-box-nav-left.png) left top no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background: url(images/home-white-box-nav-right.png) right top no-repeat;padding:0px 35px; color:#1456a1; font-weight:bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; clear:both; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-panel p {width: 390px;}

#tabs h2 {font-size: 16px; padding-top:5px;}
#tabs a.read-more {display: block; margin: 5px; background: url(images/doc-thumb.jpg) left top no-repeat; height:21px; line-height:21px; padding:0px 0px 0px 25px;}

#tabs-1 blockquote {padding: 10px 0px; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; margin:15px 0px;}
#tabs-1 blockquote p {background: url(/images/left-quotes.gif) left top no-repeat; padding: 5px 0px 0px 50px; font-size:90%; width: 325px; margin:5px 0px;}

#home-testimonials {float: right; width:230px; padding:10px 0px;}
#home-testimonials h3 {text-transform: uppercase;}
#home-testimonials div {background: url(images/blue-bubble-bg.png) left top repeat-y; width: 214px; margin:10px auto;}
#home-testimonials blockquote {background: url(images/blue-bubble-top.png) left top no-repeat; padding: 10px 0px 0px;}
#home-testimonials blockquote p {padding: 5px 5px 20px; background: url(images/blue-bubble-bottom.png) left bottom no-repeat; color:#0e4b8f; font-style:italic;}
#home-testimonials blockquote cite {display: block; padding:5px; text-align:right; color:#323232;}

#map {width:394px; height:300px; line-height:1.5em; font-weight:bold; }
#map a {font-weight: normal;}
#map div {background: transparent;}

/* Testimonials Page */
#post-16 blockquote {
	margin: 0px 10px 25px; border-bottom:1px solid #ccc; padding:5px 0px 25px;

	}
#post-16 blockquote p {
	padding: 5px 25px;
}
#post-16 blockquote cite {display: block; font-size: 1.3em; font-weight:bold; padding:5px 0px; font-style:normal;} 
#post-16 cite span {}

blockquote cite:before {content: " - ";}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; padding-right: 8px; padding-bottom:8px;}
.alignright { float:right; padding-left:8px; padding-bottom: 8px; }
.wp-caption { border:1px solid #ccc; text-align:center; background:#ccc; padding:4px; margin:10px; }
.alert { background:red; color:white; }
.dotted-line {background: url(images/dotted-bg.jpg) left top;height: 1px; width: 60%px; margin: 12px auto;}
.post-edit-link {display: block; line-height: 30px; font-size:20px; background: url(/images/edit-image.png) left center no-repeat; color:#900; text-decoration:none; border-bottom: 1px dashed #ccc; padding-left: 35px; padding-bottom: 10px;font-weight:bold; }