/*  
Theme Name: NBIRN
Theme URI: http://www.nbirn.net
Description: Wordpress theme for NBIRN from LONI.
Version: 1.0
Author: Robert De La Cruz, Carlos Mena, & Amanda Hammond
Author URL: http://www.loni.ucla.edu
*/
body { background-color: #ffffff; margin:0; padding:10px 0; font: normal 15px Calibri, Trebuchet MS, Trebuchet, Tahoma, Arial, Helvetica, sans-serif;}
a {	color: #bbdb89;	text-decoration:none;}
a:hover { text-decoration:underline;}
.rightpanel a{ color: #c2f24e; }


/*- page sections -*/
#canvas {  width: 844px; margin:auto;}
#container{  border: solid 1px #648997; width: 836px; z-index:1;}

#homepage { background: url(images/bgr-homebody.jpg) no-repeat; color:#ffffff;}

.content{ padding: 40px 30px 30px 30px;}
.contentsp{ padding: 20px 10px 20px 30px;}

.rightpanel{ float: left; padding-left:30px; width: 520px;}

/*- Logo -*/
#header { background: url(images/bgr-header.jpg) no-repeat; height:125px;}
#header h1{ margin-top:15px; float: left; text-indent: -9999px;}
#header h1 a{ display: block; height: 80px; width: 240px;}
#header h1 a:hover{ text-decoration: none; }

/*- typography -*/
.fl {float:left;}
.fr {float:right;}
.ac {text-align: center;}
.al {text-align:left;}
.ar {text-align:right;}
.entry p {line-height:150%; letter-spacing: normal;}
.rightpanel p {margin-top:4px; margin-bottom:14px;}
.wp-caption-text {font-size:11px; background: #f1f5ed;padding:3px 3px 3px 6px; margin:0px 10px 0 0;}
.alignleft {float:left; margin: 6px 8px 0 0;}

/*- Nav / Dropdowns-*/
#nav, #nav ul{ padding: 0; float:left; list-style: none; margin:0 0 0 10px;}
#nav { padding: 0; margin-top: 50px;}
#nav a { display: block; font-family:Arial, Helvetica, sans-serif;}
#nav li { float: left; line-height:20px;}
#nav li a{ font-size:16px; padding: 0 7px 0 7px; color:#9ebec4; font-weight:bold;}
#nav li a:hover { background: none; color:#ffffff; text-decoration:none;}
#nav li ul { position: absolute; width: 15em; left: -999em; padding-top:1px;}
#nav li ul li a { color:#244e64; text-decoration:none; font-size: 14px;  font-weight: normal;}
#nav li:hover ul, #nav li.sfhover ul {	left: auto;	z-index:1000;}
#nav li ul li { background-color: #eef3e8; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding: 8px; width:15em; line-height:normal;}
#nav li ul li:hover { background-color: #9ebec4; }
#nav .page_item { border-right: solid 1px #9ebec4;}
#nav ul .page_item { border-right: none;}
#nav li ul ul {margin: -26px 0 0 233px;}
#nav li ul ul ul {margin: -41px 0 0 233px;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} 


.clearfix{ clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden;}

/*- shadow -*/
.shadowleft { background: url(images/shadow-leftside.jpg) repeat-y left; width: 8px;}
.shadowbottom { background: url(images/shadow-bottom.jpg) repeat-x left; height: 8px;}

/*- search -*/
#search { margin-bottom: 10px;}
#search #s{ color: #a3a192; font-size: 12px; width: 130px; padding:3px;margin-right:5px;}
#search input.btn { margin:0px 0px -7px 0px;}

/*- subpages -*/
#subpage {color: #666666;}
#subpage h2{color: #3b7a83; font: normal 24px Georgia, "Times New Roman", Times, serif; margin: 0px;}
#subpage h3{color: #3b7a83; font: normal 16px Georgia, "Times New Roman", Times, serif;}
#centercol {float:left; width:550px; color:#666666; size:14px; margin:0px 20px 20px 20px; padding:0px;}
#centercol li{margin-bottom: 8px;}
#subpage a {	color: #7eae32;	text-decoration:none;}
#subpage a:hover { text-decoration:underline;}
.searchblock{ padding:0px 0px 30px 0px; border-top: dotted #CCCCCC;}

/*- sidebar -*/
.homesidebar { width: 200px; text-align: right; float: left;}
#sidebar { float:right; z-index:1; margin-right:-1px; margin-top:10px; width:218px;}
#sidebar .thissection{ background: url(images/hdr-section.gif) no-repeat right top; line-height:51px; width:218px;}
#sidebar .search{ background: url(images/hdr-search.gif) no-repeat right top; line-height:51px; width:218px;}
#sidebar .wiki{ background: url(images/hdr-wiki.gif) no-repeat right top; line-height:51px; width:218px;}
#sidebar #search { margin: 20px 0px 20px 0px;}
#sidebar ul{padding:0 0 0 10px; margin:0px;}
#sidebar li{line-height:20px; color:#c1cec5;}
#sidebar a { color:#437f88 ; text-decoration:none; font-family:Calibri,Trebuchet MS,Trebuchet,Tahoma,Arial,Helvetica,sans-serif;}

/*- Footer -*/
#footerhome { font-size: 11px; margin:0px; padding:0px;}
#footerhome .footerlinks{ background-color:#4a7a8d; color:#e2e3e4;}
#footerhome .footerlinks a {color:#e2e3e4;}
#footerhome .footertext { text-align:center; padding:10px;}
#footerhome #footernav .page_item { border-right: solid 1px #e2e3e4;}
#footerhome #footernav li a:hover{ background-color:#4a7a8d;position:relative;}

#footersub { font-size: 11px; margin:0px; padding:0px;}
#footersub .footerlinks{ background-color:#cdd9db; color:#808383; padding:0px; margin:0px;}
#footersub .footerlinks a {color:#336699;}
#footersub .footertext { text-align:center; padding:10px;}
#footersub #footernav .page_item { border-right: solid 1px #336699;}
#footersub #footernav li a:hover{ background-color:#cdd9db;position:relative;}

#footernav, #footernav ul { float:left; list-style: none; margin:9px 0px 9px 20px; padding:0px;}
#footernav li { float: left; line-height:12px; padding:0 10px 0 10px; position:relative; margin:0px;}

/*- Hacks -*/
#nav li.page-item-104{ border:none;} /* remove last item border on the nav */
#footerhome #footernav .page-item-28 { border-right: none;} /* remove last item border on the home footer */
#footersub #footernav .page-item-28 { border-right: none;} /* remove last item border on the subpage footer */

/*- table of contents -*/
div.toc { border: 1px solid #fff; font-size: .75em; margin: 0px; width: 25%; float:left; margin:0px 35px 10px 10px}
div.toc.toc-left { max-width: 22em; float: left; margin: 5px 5px 5px 0;}
div.toc.toc-right {	max-width: 22em; float: right; margin: 5px 0 5px 5px;}

div.toc a.toc-header {display: block; background-color: #f1f5ed; background-image: url('/wp-content/uploads/2009/08/history_16.png'); background-repeat:no-repeat; background-position:5% 70%; border-top: 1px solid #fcfcfc; border-left: 1px solid #fcfcfc; border-bottom: 1px solid #f0f0e0; border-right: 1px solid #f0f0e0; color: #777;
/** Styling regarding TOC title: **/
	padding: 4px 2px; text-align: left;	font-size: 1.25em; font-weight: normal;}
#centercol a.toc-header {
	color: #a9b4ac;
	font-size:11px;
	padding-left:26px;
	padding-top:6px;
}
/*
div.toc a.toc-header:hover { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc;}
*/
div.toc ul { list-style: none; margin: 0px; padding: 5px; background-color: #f7faf4; /* overflow: hidden; */ /* white-space: nowrap; */}
div.toc.auto-collapse ul { display: none;}
div.toc li a { text-decoration: none; border: 0 none; color: #777;}
div.toc li.toc-level-1 { font-weight: bold;}
#centercol div.toc li.toc-level-2 { font-weight: bold; padding-left: .25em;}
#centercol div.toc li { margin-bottom: 6px; padding-left: .75em;}
div.toc li.toc-level-4 { padding-left: 1em;}