/* 
Theme Name: whiteboard
Theme URL: http://whiteboardframework.com/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 2.0.1

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

body {
	font-family:Arial, Helvetica, sans-serif;
}
#container {
width:991px;
margin-left:auto;
margin-right:auto;
}

#header {
width:991px;
height:94px;
background-image:url(http://www.tibion.com/wp-content/uploads/2010/07/header.jpg);
}

#topnav {
	background: #1c3d66;
	margin: 0 auto;
	width: 693px;
	list-style: none;
	display:block;
	float:left;
}
#topnav .menu-header,
div.menu {
list-style: none;
	font-size: 14px;
	margin-left: 12px;
}
#topnav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#topnav .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#topnav a {
	display:block;
	text-decoration:none;
	color:#aaa;
	padding:0 10px;
	line-height:38px;
}
#topnav ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#topnav ul ul li {
	min-width: 180px;	
}
#topnav ul ul ul {
	left:100%;
	top:0;
}
#topnav ul ul a {
	background:#001e41;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}
#topnav li:hover > a,
#topnav ul ul :hover > a {
	color:#fff;
	background:#001e41;
}
#topnav ul li:hover > ul {
	display:block;
}
#topnav ul li.current_page_item > a,
#topnav ul li.current-menu-ancestor > a,
#topnav ul li.current-menu-item > a,
#topnav ul li.current-menu-parent > a {
	color: #fff;
}
 
* html #topnav ul li.current_page_item a,
* html #topnav ul li.current-menu-ancestor a,
* html #topnav ul li.current-menu-item a,
* html #topnav ul li.current-menu-parent a,
* html #topnav ul li a:hover {
	color:#fff;
}
#topnavFeatureBig {
	
	background: #1c3d66;
	margin-left: auto;
	
	width: 991px;
	list-style: none;
	float:left;
	height:100%;
}
#topnavFeatureBig .menu-header,
div.menu {
height:100%;
list-style: none;
	font-size: 14px;
	margin-left: 12px;
}
#topnavFeatureBig .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#topnavFeatureBig .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#topnavFeatureBig a {
	display:block;
	text-decoration:none;
	color:#aaa;
	padding:0 10px;
	line-height:38px;
}
#topnavFeatureBig ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#topnavFeatureBig ul ul li {
	min-width: 180px;	
}
#topnavFeatureBig ul ul ul {
	left:100%;
	top:0;
}
#topnavFeatureBig ul ul a {
	background:#001e41;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}
#topnavFeatureBig li:hover > a,
#topnavFeatureBig ul ul :hover > a {
	color:#fff;
	background:#001e41;
}
#topnavFeatureBig ul li:hover > ul {
	display:block;
}
#topnavFeatureBig ul li.current_page_item > a,
#topnavFeatureBig ul li.current-menu-ancestor > a,
#topnavFeatureBig ul li.current-menu-item > a,
#topnavFeatureBig ul li.current-menu-parent > a {
	color: #fff;
}
 
* html #topnavFeatureBig ul li.current_page_item a,
* html #topnavFeatureBig ul li.current-menu-ancestor a,
* html #topnavFeatureBig ul li.current-menu-item a,
* html #topnavFeatureBig ul li.current-menu-parent a,
* html #topnavFeatureBig ul li a:hover {
	color:#fff;
}
#content-wrapper {
width:991px;
}
#contentFeatureBig  {
width:991px;
color:#1c3d66;
font:14px;
float:left;
}
#featureBig {

width:991px;
height:607px;
background-image: url('http://www.tibion.com/wp-content/uploads/FeatureBG.jpg');
background-repeat: repeat-x;

}
h2.featureBig {
color: #fff;
font-size:26px;
line-height: 28px;
}

#feature-left{
margin-top:12px;
display: block;
float: left;
width: 472px;
margin-left: 12px;
}
#feature-right {
margin-top: 12px;
display: block;
float: right;
width: 472px; 
margin-left: 12px; 
margin-right: 12px;
}


#content{
color:#1c3d66;
font:14px;
float:left;
width:693px;

}
#content h2 {
font-weight:bold;
padding-left:0px;
padding-top:10px;
font-size:28px;
color:#1c3d66;
}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}




#sidebar{
color:#fff;
float:right;
padding-left:14px;
width:284px;
height: 100%;
}

.istatus {

}
#sidebar a, h2 a {
font-size:18px;
color:#fff;
text-decoration:none;
}
#sidebar h2 a:hover {
color:#1c3d66;
}
#sidebar ul {
list-style-type: none;
margin: 0;
padding: 0 0px 0 0px;
}
#sidebar input {
font-size: 14px;
background-color: #f8a927;
color: #fff;
border: none;
height: 1.2em;
padding: 10px;
width: 264px;
}

#sidebar ul li {
margin-bottom:2px;
background-color: #7895ba;
}
#sidebar ul li h2 {
padding-left: 10px;
padding-top: 10px;
}
#sidebar ul li li {
padding: 8px 10px 8px 10px;
}
#sidebar ul li h1 {
text-align: right; 
font-size: 13px;
color: fff;
}
#sidebar ul li h2 {
text-align: left;
font-size: 18px;
color: #fff;
}



#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}



#footer{
margin-top:50px;
width:100%;
background-color: #7895ba;
background-image:url('http://www.tibion.com/wp-content/uploads/2010/07/footer_bg1.jpg');
background-repeat:repeat-x;
min-height:200px;
display:block;
float:left;
color:#d5ccbe;
list-style:none;
}



#footerwrap {
margin-top:15px;
width:990px;
margin-left:auto;
margin-right:auto;
}
#footer-sidebar1 {
display:block;
float: left;
width: 320px;
margin-left:5px;
margin-right:5px;
}

#footer-sidebar2 {
float: left;
width: 320px;
margin-right:5px;
}

#footer-sidebar3 {
float: left;
width: 320px;
}
.sstatus h3 {
margin-top:2px;
line-height:.8em;
font-size:50px;
position: relative;
top: 15px;
display:inline;
overflow:hidden;
}

.sstatus {
line-height:1em;
position: relative;
top:-20px;
}
.case {
align: top;
}
.case {
width: 693px;
margin-top: 10px;
min-height: 220px;
}
.directors {
align:top;
}
.directors {
width: 640px;
margin-top: 10px;
min-height: 300px;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
#pagewrap {
width: 693px;
overflow: none;
}
#pagewrap p {
margin-top: 10px;
}
#pagewrap h3 {
margin-top: 10px;
}
#pagewrap h2 {
font-weight:bold;
padding-left:0px;
padding-top:10px;
font-size:28px;
color:#1c3d66;
}
#pagewrap ul {
margin-bottom: 10px;

margin-left:40px;
}
#patientwrap {
width: 693px;
overflow: none;
float:left;
}
#patientwrap p {
margin-top: 10px;
}
#patientwrap h3 {
margin-top: 10px;
}
#patientwrap h2 {
font-weight:bold;
padding-left:0px;
padding-top:10px;
font-size:28px;
color:#1c3d66;
}
#patientwrap ul {
margin-bottom: 10px;

margin-left:40px;
}
strong {
font-weight: bolder;
}
em {
font-style:italic;
}
ul li.odd {
margin-top:8px;
list-style: square url("http://www.tibion.com/wp-content/uploads/2010/07/YellowBullet.gif");
}
ul li.even {
margin-top:8px;
list-style: square url("http://www.tibion.com/wp-content/uploads/2010/07/BlueBullet.gif");
}
img.casethumb {
padding:5px;
border:3px solid #fbd08a;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#bpwrap {
background-image: url('http://www.tibion.com/wp-content/uploads/2010/08/BPCase.jpg');
background-position:right; 
width:693px;
height:461px;
}
h2 a {
font-weight:bold;
font-size:28px;
color:#1c3d66;
}
h2 a:hover { 
color: #fff;
}
.postex {
padding-left: 15px;
padding-top: 15px;
}
.posteven {

width:678px;
height: 285px;
background-image: url('http://www.tibion.com/wp-content/uploads/2010/08/YellowSquareBG.png');
}
.postodd {
width: 678px;
height: 285px;
background-image: url('http://www.tibion.com/wp-content/uploads/2010/08/BlueSquareBG.png');
}

.borderit img{

border: 5px #1c3d66 solid;
}

.borderit:hover img{
border: 5px #fff solid;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}
a {
color: #1c3d66;
}
a:hover {color:#11253e;}
a:visited {}

p { padding-top:7px; }
#recentposts img {
float: left; 
margin:0 1em 1em 0
}
#recentposts h3 {
margin: none;
}
#recentposts h3 a:hover { color:#11253e;}
#recentposts img { border: 5px #fff solid; }
#recentposts a:hover img  { border: 5px #11253e solid; }

#presentation { margin-left: 100px; margin-right: auto; }




