/*
Theme Name: Quackenbush
Theme URI: http://forthilldesign.com
Description: A WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Sarah Thornton and Robert Chatelle
Author URI: http://bobchatelle.net/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Sarah Thornton and by Robert Chatelle,
	whose blog you will find at http://bobchatelle.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

        Some templates in this theme contain location dependent information:
             pronewproduct.php -- connection data
             BHChildren.php -- Breath Hold page id
             WCChildren.php -- Wrist Coil page id
             pageofpostsWide.php -- pages and categories
             pageofpostsbyorder.php -- pages and categories

*/


/* Begin Typography & Colors */
@import url("base.css");

/*@import url("kubrick.css");*/

img#wpstats{display:none}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

/* add modifications */

/* medspira proper */

strong, b {
     font-weight: bold;
}

em {
     font-style: italic;
}

body {
        font-size: 62.5%; /* Resets 1em to 10px */
        font-size: 1em;
	color: #333;
	text-align: center;
        background: url("images/background.jpg") repeat-x scroll 0 0 #3078bd;
        font-family: Arial, Helvetica, sans-serif;
}

#page {
     width: 980px;
     background: white;
     margin: auto;
     border: 0;
     text-align: left;
     //font-size: 62.5%;
}

#header {
     background: white;
     width: 980px;
     height:210px;
     /*border: 1px solid green;*/
     border-bottom: 8px solid #3abb9b;
     margin: auto;
}

#headerimg 	{
	/*border: 1px solid red;*/
        height: 188px;
}

#headerimg h1 {
     text-align: left;
     float: left;
     width: 485px;
     border: 0px solid red;
     padding: 0;
}

#menucontainer {
     border-bottom: 8px solid #3abb9b;
     height: 26px;
     position: relative;
     font-size: 62.5%;
}

#header #menu {
     text-align: right;
     background: white;
     font-weight: bold;
     /*border-bottom: 8px solid #3abb9b;*/
     font-size: 1.35em;
     list-style: none;
     border: 0px solid red;
     float: right;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 99;
}

#header #menu ul {
     margin:0;
     border: 0;
     padding: 0;
     list-style: none;
}

#header #menu li {
     float: left;
     height:20px;
     background: #282828;
     padding-top: 2px;
}

#menu li ul {
     position: absolute;
     width: 10em;
     left: -999em;
}

#header #menu li li {
     padding-left: 0px;
     width: 98px;
     text-align: left;
     background: green;
     background: #3abb9b;
     background: #3078bd;
     background: #282828;
     color: white;
     padding-top: 5px;
     font-size: .9em;
}

#header #menu li li a, #header #menu li li a:hover {
     color: white;
     border: 0;
}

#menu li:hover ul, #menu li ul:hover {
     left: auto;
}

#header #menu a {
     color: #5c5e5e;
     color: white;
     background: #3078bd;
     background: #282828;
     padding: 0 10px;
     border-right: 1px solid white;
}

.video {
    list-style: none;
    padding-bottom: 40px;
}

.video li {
     display: inline;
     float: left;
     font-weight: bold;
     border-right: 1px solid black;
     margin: 0 5px 0 0;
     padding: 0 5px 0 0;
}

.bhmenunew {
     border-bottom: 0px solid black;
     /*width: 743px;*/
     margin: 0 0 20px;
}

.bhmenunew li {
     display: inline;
     font-size:15px;
     font-family: Georgia, serif; 
     font-size: 18px; 
     color:#777777; 
     border-right:1px solid black; 
     padding: 0 5px 0 0
}

#header #menu a.last {
     border-right: 0px solid white;
}

#header #portfolio {
     float: right;
     width: 485px;
     height: 175px;
     border: 0px solid red;
     position: relative;
}

#header #portfolio .slide {
     position: absolute;
     top: 0;
     left: 0;
     width:485px;
     height: 175px;
     /*background: pink;*/
     /*background-image: url(images/BreathHoldBG.png);*/
}

#header #portfolio .slide img {
     height: 175px;
     float: left;
     margin-right: 10px;
}

#header #portfolio .slide .text {
     font-size: 11pt;
     margin: 10px;
}

hr {
     display: none;
}

#content {
     background: none;
     font-size: 11pt;
     border: 0px solid red;
     font-size: 100%;
}

.post {
     line-height: 1.4;
     text-align: left;
     clear: both;
     border-top: 0px solid black;
}

.onepost {
     border-top: 1px solid black;
     clear: both;
     margin-top: 10px;
}

.entry p {
     margin: 10px 0 10px 0;
}

.widecolumn {
     width: 940px;
     margin: 0 20px;
     padding: 10px 0 20px;
}

.widecolumn .entry p {
	font-size: 1.05em;
        font-size: 105%;
	}

.narrowcolumn {
     width: 700px;
     margin: 0 20px;
     float: left;
}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h2 {
	font-size: 1.4em;
        font-size: 140%;
	}

#content h2 {
     color: #017fd6;
     margin: 30px 0 10px;
     text-align: left;
     line-height: 1.2;
     font-size: 1.6em;
     font-size: 160%;
}

#content #left {
     float: left;
     width: 410px;
     border: 0px solid red;
     padding: 0;
}

#content .right {
     float: left;
     width: 510px;
     border: 0px solid green;
     margin-top: 60px;
     margin-left: 15px;
     padding: 0;
     font-size: 100%;
}

#content .right img {
     height: 165px;
}

#portal {
     width: 535px;
     border: 0px solid red;
     float: right;
     font-size:1.6em;
     font-size: 100%;
     font-weight: normal;
     margin-bottom: 20px;
}

#content #main {
     width: 980px;
     padding: 0 20px;
}

.bio {
     border-bottom: 1px solid black;
}

.bio #lpic {
     width: 286px;
     float: left;
     margin: 0 25px 20px 0;
}

.bio #rpic {
     width: 286px;
     float: right;
     margin: 0 0 20px 25px;
}

.prod {
     border-bottom: 0px solid black;
     clear: both;
}

.prod #lpic {
     width: 286px;
     float: left;
     margin: 0 25px 20px 0;
}

.prod #rpic {
     width: 286px;
     float: right;
     margin: 0 0 20px 25px;
}


.bio h2 {
     /*float: left;*/
}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover, h2 a:hover, h3 a:hover {
	color: #147;
        text-decoration: underline;
	}


#content .right .item {
     border-left: 12px solid #3abb9b;
     border-right: 12px solid #3abb9b;
     padding: 0 5px;
     border-top: 1px solid #3abb9b;
     border-bottom: 1px solid #3abb9b;
     margin-bottom: 20px;
     
}

#content .right .item .text {
     position: absolute;
     top: 0;
     right: 0;
     text-align: left; 
     width:180px;
     padding-top: 20px;
}

#excerptbox {
     border: 1px solid black;
     clear: both;
     padding: 0 20px;
}

#excerptbox img {
     float: left;
}

#excerptbox li {
     margin-bottom: 10px;
}

#excerptbox h2 {
     margin-top: 10px;
}

#rpics {
border-top : 1px solid #e6e7e8;
/*border: 1px solid red;*/
float : right;
width : 213px;
margin-left : 20px;
}

.caption {
font : normal 9px/10px Arial, Helvetica, sans-serif;
color : #999;
display : block;
text-align : left;
padding : 2px 8px;
}
.caption strong {
color : #000;
}

.images {
     float: left;
     margin: 0 20px 20px 0;;
}

.images .caption {
     font-size:12pt;
     color: black;
     margin-top: 10px;
}

.images img {
     height:100px;
}

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

#sidebar {
     margin-left: 785px;
     width: 190px;
     font-size: 11pt;
}



#rsidebar {
     width: 190px;
     float: right;
     border: 0px solid red;
     padding-right: 10px;
     margin-top: 50px;
     font-size: 62.5%;
}

#bhmenu {
     margin-top:110px;
}

#wcmenu {
     margin-top: 470px;
}

table.protocols {
display : table;
text-align : left;
width : 396px;
border : 0;
border-bottom : 1px solid #f2f2f2;
margin : 0;
padding : 10px 0 0 0;
}
table.protocols tr td {
width : 128px;
padding : 2px;
vertical-align : bottom;
}
table.protocols tr.protocols-head, table.protocols tr.protocols-head td {
background-color : #d8e8ff;
font : bold 11px/12px Arial, Helvetica, sans-serif;
color : #000;
text-align : left;
}
table.protocols tr.row-a, table.protocols tr.row-a td {
background-color : #fff;
font : normal 10px/12px Arial, Helvetica, sans-serif;
color : #333;
text-align : left;
}
table.protocols tr.row-b, table.protocols tr.row-b td {
background-color : #f2f2f2;
font : normal 10px/12px Arial, Helvetica, sans-serif;
color : #333;
text-align : left;
}

.mripics {
border-top: 1px solid #e6e7e8;
/*border: 1px solid red; */
float: left;
width:313px;
margin-right: 20px;
}



form, form#Protocols_dropdown {
padding : 3px 0 0;
margin : 0;
}

#footer {
     background: #3078bd;
     width: 980px;
     color: white;
     text-align: center;
     padding: 10px 0 0 0;
     clear: both;
     margin: auto;
     font-size: 62.5%;
}

#footer a {
     color: white; 
}

#footer #copyright {
     margin: auto;
}

.pform {
     background: white;
     padding-top: 5px;
     padding-bottom: 20px;
}

.pform fieldset	{
	margin-top:10px;
	padding:10px 0 10px 0;
	border:1px solid #adadad;
	border-left-color:#ececec;
	border-top-color:#ececec;
	background:#f7f7f7;
       margin: 1.5em 0 0 20px;  
       padding: 10px 10px 10px 10px;
       border: 1px solid green;
       width: 800px;
}

.pform legend {
	margin-left:10px;
	padding: 0 2px;
	font:normal 20px Times;
	color:#666666;
margin-left: 1em;  
color: #000000;  
color:green;
font-weight: bold;
border: 1px solid green;
}

.pform label {
	width:200px;
	margin:0px 10px 0 0;
	text-align:left;
	font-size: 10px;
        font-size: 12pt;
	display:block;
	color:#888888;
	background:#fefefe;
	padding:2px;
        color: black;
}

.pform input,
.pform textarea,
.pform select {
	margin:0 0 8px 0;
	padding:3px;
	background: #fbfbfb;
        background: white;
	border:none;
	border-top: 1px solid #f0f0f0;
	vertical-align:top;
        color: black;
        border: 1px solid black;
}
.pform input:hover,
.pform textarea:hover,
.pform select:hover	{
	background:#CEDDDF;
}

.pform input:focus,
.pform textarea:focus,
.pform select:focus	{
	background:#F3F8F8;
}

.pform textarea,
.pform input {
	/*width:415px;
        width: 675px;*/
}
.pform select {
	width:421px; /* attempt to have equal length */
}

.pform select.cfselectmulti	{
	height:6.5em;
}

.pform textarea, .pform input {
	font-family: arial;
        font-family: Verdana;
	font-size: 0.9em;
	/*height: 6em;*/
	overflow:auto;
}

.pform input.cf_date {
	width:395px;
}

.pform input.submit {
     width:120px;
     clear: both;
     color: black;
     background: #3abb9b;
     margin-top: 20px;
     margin-left: 277px;
}

.pform input {
     height: 2em;
}

.vidbox {
     margin: 5px 0 30px;
     /*text-align: center;*/
     width: 480px;
     border: 1px solid black;
}

.vidbox.centered {
     text-align: center;
     width: 640px;
     width: 500px;
     width: 490px;
     border: 0px solid red;
     float: left;
     margin-right: 25px;
}

.vidbox #caption {
     font-weight: bold;
     text-align: center;
}

.vidbox br {
     display: none;
}

.vidmenu img {
     width: 280px;
     float: left;
     margin: 0 20px 20px;
}

.vidmenu a {
     font-weight: bold;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

p img {
     max-width: 100%
     padding: 0;
}
/* End Images */
#popbox {
     margin: 0 0 0 5px; 
     font-size: 15px; 
     font-weight: bold; 
     font-family: Arial,Helvetica,sans-serif;
}

#mapDiv {
     height:800px;
}

.login h1 {
    height: 100px;
}

#mcompass {
     font-style: italic;
     font-family: 'Garamond Pro', Cambria,'Times New Roman','Nimbus Roman No9 L','Freeserif',Times,serif;
     color: black;
}

#mcompass #tagline {
position: relative; 
bottom:35px; 
left: 240px; 
font-size:14pt;
font-size: 117%; 
//font-family: Georgia; 
color: #888888;
}

#mcompass #caveat {
     color: red; 
     font-size: 18pt; 
     font-size: 150%;
     font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
     margin:0 100px 0 120px; line-height: 1.2;
}

#mcompass #left {
     float: left; 
     width:66%; 
     border:0px solid red; 
     font-size: 16pt; 
//     font-family: Georgia, serif;
}

#mcompass #left p.indent {
     margin-left: 20px; 
     font-size: 18pt; 
     font-size: 113%;
     line-height: 1.6;
}

#mcompass #imgframe {
     top:-10px;
}

#mcompass #right {
     float: right; 
     width: 30%; 
     border: 0px solid green;
//     font-family: Georgia, serif;
}

#mcompass #right p {
     font-size:18pt;
     font-size: 150%;
     color: black;
     line-height: 1.3;
}

#mcompass #right p.x16pt {
     font-size: 16pt;
     font-size: 134%;
}

#mcompass #right ul {
     font-size: 16pt; 
     font-size: 134%;
     color: black; 
     line-height: 1.3;
     line-height: 1.6;
}

.button {
     float: left; 
     border: 1px solid black;
     padding: 5px; 
     margin-right: 10px;
}