/*
THEME NAME: TIIH
THEME URI: http://TIIH.org
DESCRIPTION: Custom theme for TIIH.oorg
VERSION: 1.0
AUTHOR: <a href="http://jimdoran.net/">Jim Doran</a> &amp; <a href="http://www.plaintxt.org/">Sandbox</a>
TEMPLATE: sandbox
 
*/
 /* Begin Resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;} li { list-style:none;}caption, th { text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}abbr, acronym {border:0;font-variant:normal;}input, textarea, select {font-family:inherit;font-size:inherit;}
/* end resets */
body {background: #fd8; font-family: verdana, arial,  sans-serif;font-size: 11px;text-align:left;line-height: 1.5em;
color: #333;}
/* HEADER */
#header {width:975px; /*background: url(http://tiih.org/images/tagline.png) top right no-repeat;*/ }
#headerLogo { display:inline; float:right; height:120px; width:700px; }
#title, #blog-description, #searchform label  {display: block;height: 0;overflow: hidden;}
.skip-link {position:absolute; left:-99999px; top:0; }
#searchform { display:inline; float:right; }
/* NAV */
#access {display: block;float: left;width:950px;height:50px;margin: 20px 0 0 20px;font-family: verdana, sans-serif;font-size: 1em;text-transform: uppercase;}
#access img {margin-top:1px;}
ul.menu {position:relative; z-index:100;padding:0; 	margin:0; list-style-type: none;  /*border-top:3px solid #3a6aaa;*/padding-top:.5em;text-transform: uppercase;}
ul.menu li {position: relative;	float:left; 	padding: 0 20px 0 0;}
ul.menu a {	text-decoration:none; color: #444;	}
ul.menu a:hover { color:#444;font-weight: bold;	}
ul.menu ul {width: 650px; visibility: hidden;	position:absolute;	top:100%; 	left:0;	padding-top:10px; text-transform:none;	}
ul.menu li:hover ul,ul.menu li a:hover ul {	visibility: visible;	}
.current_page_item > a {font-weight: bold; }
/* WP PAGE STUFF*/
#wrapper { width:37.50em; }
/*#leftdiv { display:inline; float:leftt; margin-right:5px; width:212px;  }
#leftdiv blockquote {font-style:italic;}*/
/* home */
#home { background:url(http://tiih.org/images/home_spheres.png) top left no-repeat; padding-left:585px; width:35em; height:950px;}
#home .entry-content { font-family: Georgia,Serif;font-style: italic;font-size: 20px;text-align: justify; line-height:2em;}
#homeright { display:inline; float: left; }
/* news, Contact  */
#news { background:url(http://tiih.org/images/spheres/contact_sphere.png) top  left no-repeat; padding-left:475px; width:38em;   margin-top:75px;}
.meta-nav { display:inline;}
/*#news #content { margin-top:120px;}*/
#contact{background:url(http://tiih.org/images/spheres/contact_sphere.png) top  left no-repeat; padding-left:260px; margin-top:75px; width:700px; height:515px; }
#contact #leftdiv { display:inline; float:left; margin-right:5px; width:212px;   text-align:left; color: #47a; line-height:1.5em;}
#contact #content { float:right; display:inline; width:468px; }
/* forum */
#forum { background:url(http://tiih.org/images/spheres/projects_sphere.png) top left no-repeat; padding-left:248px; margin-top:75px; width:700px; height:550px; }
#forum  #leftdiv { display:inline; float:left; margin-right:5px; width:212px; font-family: Georgia,Serif; font-style: italic; font-size: 16px; text-align: right; color: #47a; line-height:1.5em;}
#forum #content { float:right; display:inline; width:468px; }
 /* training */
#training{ background:url(http://tiih.org/images/spheres/contact_sphere.png) top left no-repeat; padding-left:248px; margin-top:75px; width:700px; height:515px; }
#training  #leftdiv { display:inline; float:left; margin-right:5px; width:212px; font-family: Georgia,Serif; font-style: italic; font-size: 16px; text-align: right; color: #47a; line-height:1.5em;}
#training #content { float:right; display:inline; width:468px; }
/* Public Engagement */
#public{ background:url(http://tiih.org/images/spheres/scholars_sphere.png) top left no-repeat; padding-left:260px; margin-top:75px; width:700px; height:515px; }
#public  #leftdiv { display:inline; float:left; margin-right:5px; width:212px;   text-align:left; color: #47a; line-height:1.5em;}
#public #content { float:right; display:inline; width:468px; }
#public ol li {list-style:decimal; list-style-position:outsidee; margin:0 0 .25em 4em;}
/* History */
#history { background:url(http://tiih.org/images/spheres/history_sphere.png) top left no-repeat; padding-left:260px; margin-top:75px; width:700px; height:515px; }
#history #leftdiv { display:inline; float:left; margin-right:5px; width:212px;font-family: Georgia,Serif; font-style: italic; font-size: 16px; text-align: right; color: #47a; line-height:1.5em;}
#history #content { float:right; display:inline; width:468px; }
#history ol li {list-style:decimal; list-style-position:outsidee; margin:0 0 .25em 4em;}
/* support */
#support { background:url(http://tiih.org/images/spheres/support_sphere.png) top  left no-repeat; padding-left:475px; width:38em;   margin-top:75px; height:500px;}
/*contact*/
.contactinfo { text-align:right; color:#000;}
/* about us */
#aboutus { background:url(http://tiih.org/images/spheres/mission_sphere.png) top left no-repeat; padding-left:248px; margin-top:75px; width:700px; height:550px }
#aboutus  #leftdiv { display:inline; float:left; margin-right:5px; width:212px; font-family: Georgia,Serif; font-style: italic; font-size: 16px; text-align: right; color: #47a; line-height:1.5em;}
#aboutus #content { float:right; display:inline; width:468px; }
/*integrative */
#integrative { background:url(http://tiih.org/images/spheres/health_sphere.png) top left no-repeat; padding-left:260px; margin-top:75px; width:700px; height:515px; }
#integrative #leftdiv { display:inline; float:left; margin-right:5px; width:212px;font-family: Georgia,Serif; font-style: italic; font-size: 16px; text-align: right; color: #47a; line-height:1.5em;}
#integrative #content { float:right; display:inline; width:468px; }
#integrative ol li {list-style:decimal; list-style-position:outsidee; margin:0 0 .25em 4em;}
/* our team */
#ourteam { background:url(http://tiih.org/images/left_spheres.png) top left no-repeat; padding-left:260px; margin-top:75px; width:700px; height:515px; }
#ourteam #leftdiv { display:inline; float:left; margin-right:5px; width:212px; text-align: left; color: #47a; line-height:1.5em;}
#ourteam #content { float:right; display:inline; width:468px; }
#ourteam ol li {list-style:decimal; list-style-position:outsidee; margin:0 0 .25em 4em;}
/* acknowledgement */
#acknowledgement { background:url(http://tiih.org/images/spheres/projects_sphere.png) top left no-repeat; padding-left:248px; margin-top:75px; width:700px; height:550px; }
#acknowledgement  #leftdiv { display:inline; float:left; margin-right:5px; width:212px; font-family: Georgia,Serif; font-style: italic; font-size: 16px; text-align: right; color: #47a; line-height:1.5em;}
#acknowledgement #content { float:right; display:inline; width:468px; }
#footer22 { width:975px; padding:1em 0;}
#footer22 p { text-align:right; margin:auto;}
/* GENERIC STUFF */
h3 { color:#444; font-weight:bold; margin-bottom:1em; font-size:1.15em;}
p { margin-bottom:.75em;}  ol { margin-bottom:1em;}
.quote { font-size:.85em;}
.clearfloat {clear:both;height:0;font-size: 1px; line-height: 0px;}
.logofloatright { float:right; display:inline;}
.entry-title, #container #content .author, #container #content .entry-date {display: block;height: 0;overflow: hidden;}
a:link, a:visited {text-decoration: none; color: #227777;}
a:hover , a:focus, a:active{text-decoration: underline; color: #336699;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:1em 1em 0 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
div.gallery {clear:both;height:180px;margin:1em 0;width:100%;}
p.wp-caption-text{font-style:italic;}
div.gallery dl{margin:1em auto;overflow:hidden;text-align:center;}
div.gallery dl.gallery-columns-1 {width:100%;}
div.gallery dl.gallery-columns-2 {width:49%;}
div.gallery dl.gallery-columns-3 {width:33%;}
div.gallery dl.gallery-columns-4 {width:24%;}
div.gallery dl.gallery-columns-5 {width:19%;}
/* POST STUFF - here to override hiding the page H2 tags */
#container #content {background:url(http://tiih.org/images/spheres/contact_sphere.png) top left no-repeat; padding-left:255px; margin-top:75px; width:695px;  }
#container #content .entry-title { font:bold; height:auto; overflow:auto; font-size:1.5em; margin-bottom:1em; line-height:1.35em;}
#container #content .entry-meta {margin-bottom:2em;}
#durden { clear:both;} .floatright { display:inline; float:right;}

/* CUSTOM FRONT PAGE CSS */

/* LANDING PAGE BODY */
#custombody {
     background: #ffdd88 url(http://www.tiih.org/images/spheres/tiih.circle.web.new7-29B.c2.png) top left no-repeat;
     background-size: 263px 428px;
     font-family: verdana, arial,  sans-serif;
     font-size: 11px;text-align:left;
     line-height: 1.5em;
     color: #333;
     }

/* LANDING PAGE NAV and HEADER */
#access_l {
     display: block;
     float: left;
     width: 650px;
     height:50px;
     margin: 20px 0px 0px 20px;
     font-family: verdana,sans-serif;
     font-size: 1em;
     text-transform: uppercase;
     }

ul.menuL {
     position:relative;
     z-index:100;
     padding:0;
     margin:0;
     list-style-type:none;
     padding-top:1em;
     }

ul.menuL li {
     position:relative;
     float:left;
     padding: 0px 20px 0px 0px;
     }

ul.menuL a {
     text-decoration:none;
     color: #444;
     }

ul.menuL a:hover {
     color:#444;
     font-weight: bold;
     }

ul.menuL ul {
     width: 650px;
     visibility: hidden;
     position:absolute;
     top:100%;
     left:0;
     padding-top:10px;
     }

ul.menuL li:hover ul,ul.menuL li a:hover ul {
     visibility: visible;
     }

.current_page_item > a {
     font-weight: bold;
     }

#access_r {
     display: block;
     float: right;
     width: 200px;
     height:50px;
     margin: 20px 10px 0px 0px;
     }

#access_r img {
     margin-top: 6px;
     }

#headerLogoL {
     float: right;
     margin-right: 60px;
     width: 510px;
     }

/* LANDING PAGE MAIN CONTENT AREA */


#contentL {
     width: 975px;
     background: #ffffff;
     }


/* LANDING PAGE LEFT BLANK SIDEBAR */

#sidebarL_l
 {
     float: left;
     width: 263px;
     margin: 0px 0px 0px 0px;
     }

/* LANDING PAGE MIDDLE SECTION */

#middleL {
     float: left;
     width: 438px;
     margin: 0px 0px 0px 0px;
     border-top: 1px solid #ffffff;
     }

#middleL p {
     padding: 3px 8px 5px 31px;
     }

#middleL_top {
     width: 438px;
     margin: 0px 0px 0px 0px;
     border-bottom: 1px solid #ffffff;
     }

#homeL {
     padding-left: 0px;
     width: 975px;
     }

#scholar_img {
     width: 438px;
     height: 88px;
     border-top: 1px solid #ffffff;
     border-bottom: 1px solid #ffffff;
     margin: 10px 0px 0px 0px;
     }

#scholar_img img {
     padding: 0px 0px 0px 0px;
     float: left;
     }

#scholar_roll {
     width: 438px;
     height: 18px;
     }

#scholar_txt {
     width: 438px;
     border-top: 1px solid #ffffff;
     border-bottom: 1px solid #ffffff;
     }

#video_c {
     width: 438px;
     border-top: 1px solid #ffffff;
     border-bottom: 1px solid #ffffff;
     margin: 10px 0px 0px 0px;
     }

#video_l {
     width: 265px;
     float: left;
     }

#video_r {
     width: 173px;
     height: 100px;
     float: right;
     }

#middleL a, #middleL a:visited, #middleL a:hover {
     color:#333333;
     text-decoration:none;
     }

#middleL h2 {
     margin: 5px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     }

#middleL h2 a, #middleL h2 a:visited {
     background: #ffdd88 url(http://www.tiih.org/images/sm.c.open.10.8.png) center left no-repeat;
     font-family: verdana;
     font-size: 13px;
     line-height: 13px;
     color: #000000;
     margin: 5px 0px 0px 15px;
     padding: 0px 0px 0px 15px;
     text-decoration: none;
     height: 13px;
     }

#middleL h2 a:hover {
     background: #ffdd88 url(http://www.tiih.org/images/sm.c.fill.10.8.png) center left no-repeat;
     font-family: verdana;
     font-size: 13px;
     line-height: 13px;
     color: #000000;
     margin: 5px 0px 0px 15px;
     padding: 0px 0px 0px 15px;
     text-decoration: none;
     height: 13px;
     }

/* LANDING PAGE RIGHT SIDEBAR */

#sidebarL_r {
     float: left;
     width: 273px;
     margin: 0px 0px 0px 0px;
     border-top: 1px solid #ffffff;
     border-left: 1px solid #ffffff;
     }
     
#sidebarL_r h2 {
     margin: 5px 0px 0px 10px;
     }

#sidebarL_r h2 a, #sidebarL_r h2 a:visited {
     background: url(http://www.tiih.org/images/sm.c.open.10.8.png) center left no-repeat;
     font-family: verdana;
     font-size: 13px;
     line-height: 13px;
     color: #000000;
     margin-top: 5px;
     padding: 0px 0px 0px 15px;
     text-decoration: none;
     font-style: normal;
     }

#sidebarL_r h2 a:hover {
     background: url(http://www.tiih.org/images/sm.c.fill.10.8.png) center left no-repeat;
     font-family: verdana;
     font-size: 13px;
     line-height: 13px;
     color: #000000;
     margin-top: 5px;
     padding: 0px 0px 0px 15px;
     text-decoration: none;
     font-style: normal;
     }

#sidebarL_ra {
     margin-top: 4px;
     }

#sidebarL_ra a, #sidebarL_ra a:visited, #sidebarL_ra a:hover {
     font-family: georgia;
     font-size: 16px;
     font-style: italic;
     color: #467A57;
     margin-top: 0px;
     padding: 0px 0px 0px 0px;
     text-decoration: none;
     }

#sidebarL_ra p {
     padding: 0px 0px 10px 25px;
     }

#sidebarL_rb {
     margin-top: 4px;
     }

#sidebarL_rb a, #sidebarL_rb a:visited, #sidebarL_ra a:hover {
     font-family: georgia;
     font-size: 16px;
     font-style: italic;
     color: #3E69AB;
     margin-top: 0px;
     padding: 0px 0px 0px 0px;
     text-decoration: none;
     }

#sidebarL_rb p {
     padding: 0px 0px 10px 25px;
     }

#sidebarL_rc {
     margin-top: 4px;
     }

#sidebarL_rc a, #sidebarL_rc a:visited, #sidebarL_ra a:hover {
     font-family: georgia;
     font-size: 16px;
     font-style: italic;
     color: #006666;
     margin-top: 0px;
     padding: 0px 0px 0px 0px;
     text-decoration: none;
     }

#sidebarL_rc p {
     padding: 0px 0px 10px 25px;
     }

#sidebarL_r p.footer {
     font-size: 8px;
     text-align: center;
     }

/************************************************

*	scholar_img hovers					*

************************************************/

div.c {
     height:0;clear:both;
     }

div#scholar_img ul, div#scholar_img ul li {
     padding:0;
     margin:0;
     }

div#scholar_img ul li {
     list-style-type:none;
     }


div#scholar_img ul li.brainard, div#scholar_img ul li.hammerschlag, div#scholar_img ul li.hughes, div#scholar_img ul li.jones, div#scholar_img ul li.kaplan, div#scholar_img ul li.lary {
     float:left;
     }

div#scholar_img ul li a {
     display:block;
     height:88px;
     }

div#scholar_img ul li.brainard {
     display: block;
     text-indent: -9999em;
     width: 73px; height: 88px;
     background: url(http://www.tiih.org/images/scholars/1.88.73.jpg) no-repeat;
     }

div#scholar_img ul li.brainard a {
     width:73px;
     }

div#scholar_img ul li.hammerschlag {
     display: block;
     text-indent: -9999em;
     width: 73px; height: 88px;
     background: url(http://www.tiih.org/images/scholars/2.88.73.jpg) no-repeat;
     }

div#scholar_img ul li.hammerschlag a {
     width:73px;
     }

div#scholar_img ul li.hughes {
     display: block;
     text-indent: -9999em;
     width: 73px; height: 88px;
     background: url(http://www.tiih.org/images/scholars/3.88.73.jpg) no-repeat;
     }

div#scholar_img ul li.hughes a {
     width:73px;
     }

div#scholar_img ul li.jones {
     display: block;
     text-indent: -9999em;
     width: 73px; height: 88px;
     background: url(http://www.tiih.org/images/scholars/4.88.73.jpg) no-repeat;
     }

div#scholar_img ul li.jones a {
     width:73px;
     }

div#scholar_img ul li.kaplan {
     display: block;
     text-indent: -9999em;
     width: 73px; height: 88px;
     background: url(http://www.tiih.org/images/scholars/5.88.73.jpg) no-repeat;
     }

div#scholar_img ul li.kaplan a {
     width:73px;
     }

div#scholar_img ul li.lary {
     display: block;
     text-indent: -9999em;
     width: 73px; height: 88px;
     background: url(http://www.tiih.org/images/scholars/6.88.73.jpg) no-repeat;
     }

div#scholar_img ul li.lary a {
     width:73px;
     }

     
div#scholar_img ul li.brainard:hover {
     background: url(http://www.tiih.org/images/scholars/1.88.73.dot.w.jpg) no-repeat;
     }

div#scholar_img ul li.hammerschlag:hover {
     background: url(http://www.tiih.org/images/scholars/2.88.73.dot.w.jpg) no-repeat;
     }

div#scholar_img ul li.hughes:hover {
     background: url(http://www.tiih.org/images/scholars/3.88.73.dot.w.jpg) no-repeat;
     }

div#scholar_img ul li.jones:hover {
     background: url(http://www.tiih.org/images/scholars/4.88.73.dot.w.jpg) no-repeat;
     }

div#scholar_img ul li.kaplan:hover {
     background: url(http://www.tiih.org/images/scholars/5.88.73.dot.w.jpg) no-repeat;
     }

div#scholar_img ul li.lary:hover {
     background: url(http://www.tiih.org/images/scholars/6.88.73.dot.w.jpg) no-repeat;
     }


#footerfix {
width: 375px;
margin: 0px 0px 0px 600px;
padding: 0px 0px 5px 0px;
}
     
/* Clearfix for floating divs */

.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     }

.clearfix {
     display: inline-block;
     }  /* for IE/Mac */

<!--[if IE]>
<style type="text/css">
.clearfix {
     zoom: 1;
     display: block;
     }  
</style>
<![endif]-->
