/*  
Theme Name: pipeline 2012
Theme URI: http://
Description: Wordpress theme for Pipeline from LONI.
Version: 1.0
Author: Fred Vuong
Author URL: http://www.loni.ucla.edu
*/

html { height:100%; }

body {background:#EDEDED; color: #666666; margin:0; font: normal 14px Helvetica, Arial, Verdana, sans-serif; 
//border-top: solid black 4px; height:100%;
}
a { /*color:#6666ff;*/ color: #000f7c; text-decoration:none; font-weight:bold; }
a:hover { text-decoration: underline; }
img { border:none; }
a img { border:none; }


h1 {
color: #000000;
font-size:2em;
}

h2 {
color: #333366;
font-size:1.5em;
}

h3 {
color: #333366;
font-size:1.4em;
}

.entry h3 {
clear:both;
	letter-spacing:.1em;
    height: 17px;
    line-height: 16px;
    position: relative;
    /*border-bottom: 2px solid #333366;*/
padding:10px 0 10px 30px;
background: #31406E;
color: white;
}



h4 {
color: #333366;
font-size:1.2em;
}

h5 {
font-weight:normal; 
font-family:Times, "Times New Roman", Serif; 
font-style:italic; 
}

.underlined {
border-bottom: solid 1px #b1b1c5;
width:3%;
}

.underlinedlong {
border-bottom: solid 1px #b1b1c5;
}

.underlined h3 {
/*top: -40px;
left: 20px;
background-color: white;
padding: 1px;
position:relative;*/
}

hr {
color: #b1b1c5;
}

#homepage h2 {
margin-top: 0;
}

.entry li {
margin:5px 0;
}

/*- Logo -*/
#header { height:219px; color: #000000; width:1024px; float:right; z-index:999; position:absolute; background: url(images/new-pipeline-header.png) no-repeat; } 

#socialheader {
    margin-left: 100px;
    margin-top: 35px;
    position: absolute;
}
#socialheader img { float: left; margin: 0 20px 0 0; }
#searchbox { 
width:200px;
overflow:visible;
margin-right: 40px;
margin-top:25px;
float:right;
}

/*- Nav / Dropdowns-*/
#nav { margin:95px 0 0; list-style:none; }
#nav a { display: block; color: #000000; text-decoration: none; font-weight:normal; padding:0 20px}
#nav li:hover { background: url(images/menu-over-dk-smaller.jpg) repeat-x; }
#nav ul  {  list-style: none; padding:0; margin:0;}
#nav li { float: left; padding:0; 
line-height:42px;
text-indent: 0;
font-size: 1.2em;
text-shadow: 0.05em 0.05em #E6E6E6;
}

#nav li:hover a {
color:white;
text-shadow: -.05em -.05em #666666;
}

#nav li ul li:hover {
background:none;
}

#nav li:hover ul li a {
color:black;
text-shadow:none;
}

#nav li:hover ul li:hover a {
color:#6666ff;
}

#nav ul li { float: none; }

#nav li ul { left:-999em; padding-top:0; position: absolute; background: url(images/sidebar-gradient.png) bottom repeat-x #f8f9f9; 
-moz-box-shadow: 0 5 10px #000;
-webkit-box-shadow: 0 5 10px #000;
box-shadow: 0 5px 10px #000; }
#nav li ul li { margin-left:0; padding: 15px 10px 5px; font-size:.85em; margin-top:0; line-height:1em; text-shadow:none;}

#nav li:hover ul {
	left: auto;
	z-index:999;
	}
#nav ul li:hover {

}

#nav li ul li a{
padding:0;
}


/*- page sections -*/

#container{  width:1024px; margin: 0 auto; background:white; padding-top:5px;}

#page { background:#ffffff; margin: 0; }

#breadcrumbs {
	margin-left: 20px;
	color: #999999;
	float: left;
	margin-top: 20px;
}
#breadcrumbs a {
font-weight:normal;
}

#gallery {
width: 100%;
background: #ededed;
padding-bottom: 10px;
}
#gallery img {
width:100%;
}

#ssnav img {
border-bottom:solid 6px #ededed;
}



#homepage {
color: black;
}

#lefthome { 
width: 300px;
float: left;
}

#righthome {
float:right;
width: 630px;
}

#homenews {
color: black;
background: #EDEDED;
padding:5px 20px 15px;
}
#homenews h3:before {
content: '';
}

#homenews h3 {
margin-bottom:0;
display:block;
}

#homenews h3 a {
margin-left:10px;
}

#homenews a {
text-decoration: none;
}

#homenews li, #homenews ul {
padding: 0;
margin: 0;
}

#homenews li {
padding-top: 10px;
padding-bottom: 10px;
list-style:none;
}

#homenews .li-title {
font-weight: bold;
}

#homenews p {
padding:0;
margin:0;
font-size: .9em;
}

#homenews img { 
float:left;
}

#centercol {
/*margin: 0 20px;*/
clear: left;
padding: 10px 20px 20px 10px;
min-height:450px;
margin-left:10px;
}

/*
Learn Page
*/

#learnbanner {
margin-top:10px;
margin-bottom:20px;
}

#learnbanner h1 {
//padding-top:20px;
//margin-bottom:0;
}

#learntext {
font-size:1.2em;
}

#learntext p {
margin:0;
padding:0;
}



/*
Feature box CSS
*/

#featuresarea {
width: 620px;
margin-left:45px;
}

.fbutton {
width: 291px;
height: 129px;
background: url(images/boxbutton.png) no-repeat;
margin-top: 15px;
}

.fbutton1 {
float: left;
}

.fbutton2 {
float:right;
margin-right:15px;
}

.fbutton .details, .fbutton .details1 { margin: 10px 0 0 10px; float: left; /*font-size: .9em;*/ font-size:11px; width: 210px; color:black;}
.fbutton .details1 { width: 190px;}
.fbutton p { font-family: arial; margin:5px 0;}
.fbutton h3 { margin: 0; padding: 0; font-size:1.2em; background: none; letter-spacing:0; color:black;}
.fbutton h3:before { content:''; }
.fbutton img { float: right; margin-right: 10px; margin-top: 35px;}
a .fbutton { text-decoration:none; }
#community {
margin-top:10px;
width:100%;
}

/*
Community buttons/Quick start buttons
*/
.cbutton {
padding: 10px 20px;
margin-bottom:4px;
background: #ededed;
color: #000f7c;
vertical-align: center;
}

.cbutton:hover {
background:#c0c0c0;
}

.cbutton img {
float:left;
}

.cbutton p {
float:left;
margin-left: 10px;
}


/*
explore page
*/
.explore-banner {
border: solid 4px #cccccc;
}

.center-table {
margin: 0 auto;
}

.logo-table td {
padding:20px 0;
}


/*
Learn category page
*/
#manual-list, #video-list, #morehelp-list, #resource-list {
 width: 48%;
}

#manual-list a, #video-list a, #morehelp-list a, #resource-list a {
text-decoration:none;
}

#manual-list,#morehelp-list {
float:left;
}

#video-list,#resource-list {
float:right;
}

/*sticky footer*/
html, body {height: 100%;}

#wrap {background: none repeat scroll 0 0 white;
    margin: 0 auto;
    min-height: 100%;
    width: 1024px;}

#container {overflow:visible;
	padding-bottom: 265px;}  /* must be same height as the footer */


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/*- Footer -*/
#footer { background: #dfdfdf; 
color: #666666; 
padding: 20px 0; 
height: 225px; 
padding: 0 auto; 
min-width:1024px;

clear:both;
position:relative;
margin-top: -265px; 
}

#footerlinks a { display:block; }
#footercontent{width:1024px; margin: 0 auto; }
#rightfooter { width: 310px;  float: right; font-size:.8em; }
#rightfooter p { margin-top: 0; }
#rightfooter a { font-weight:normal; }
#footerlinks { float: left; padding: 0;}
#footer td {
padding-left:20px;
}
#footer td.nopadding {
padding-left:0px;
}

#footernav { padding:0;list-style: none; margin: 0; }
#footernav a { display: block; color: #666666; text-decoration: none;}
#footernav li { margin-right: 15px; padding:0 15px 0 0; list-style:none; float: left; font-size: .9em; font-weight: bold; border-right: solid #d5d5d5 1px; height:220px; text-indent:0; max-width:140px; }
#footernav li ul { padding: 0; margin:10px 0 0; }
#footernav li ul li { border:none; display:block; padding-right:0; float:none; height:auto; font-weight:normal; margin: 3px 0; }
#footernav li ul li a:hover { text-decoration: underline; }



#overlay {
z-index:1000;
position:absolute;
-moz-box-shadow: 0 2px 10px #000;
-webkit-box-shadow: 0 2px 10px #000;
box-shadow: 0 2px 10px #000;
}

/*
Clear fixes
*/
.clearfix { clear:both; height: 1px; margin: 0; overflow:hidden; width:100%; }
.sidebarfix { width:20%; clear: right; }
.headerfix { height:219px; }
/*
Sidebar CSS
*/

.withsidebar {
float:left;
width:73%;
padding-right:0 !important;

}

.news a {
color: #000f7c;
text-decoration:none;
}

.news-tags { font-size: .8em; }

.sidebar, #request-button {
float:right;
width:15%;
padding:0 20px;
}

.sidebar h4, .sidebar h5 {
color: #666666;
margin: 15px 0 10px;
font-style:normal;
font-size:1.2em;
font-family: Helvetica,Verdana, sans-serif;
}

.sidebar h4 {
letter-spacing:.1em; 
}

.categories a {
margin:5px 0;
}

.updates li {
margin: 5px 0;
list-style:outside;

}

.updates ul {
padding:0;
}

#request-button {
color: white;
height:42px;
background: url(images/request-button.jpg) repeat-x;
margin:0 20px;
line-height:42px;
align:center;
}

.sidebar {
border-top:solid black 3px;
background: url(images/sidebar-gradient.png) bottom repeat-x #f4f5f7;
margin:20px 20px 5px;
padding-bottom: 10px;
}

.updates li {
line-height:1.3em;
margin-left:15px;
}


.guides a {
text-decoration:none;
}

.guidelist {
padding-left: 0;
margin-left:15px;
}

.guides li {
margin: 10px 0;
}


/*
Archives and News Page
*/
li.newspage {
list-style:none;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom:solid 1px #E9e9e9;
}

li.newspage .news-title a {
text-decoration:none;
font-size: 1.5em;
color:#333366;
}
li.newspage .news-details {
font-size:.8em;
}

/*
Google Search Bar
*/

.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    /*background-color: #FFFFFF;*/
  }
  .gsc-control-cse .gsc-table-result {
    font-family: Arial, sans-serif;
  }
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #D9D9D9;
  }
  input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #2F5BB7;
    background-color: #357AE8;
    background-image: none;
    filter: none;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #CCCCCC;
    background-color: #FFFFFF;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #CCCCCC;
    border-bottom-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #CCCCCC;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #1155CC;
  }
  .gsc-cursor-page {
    color: #1155CC;
  }
  a.gsc-trailing-more-results:link {
    color: #1155CC;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #009933;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #009933;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: none;
  }
  .gs-promotion div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #CCCCCC;
    background-color: #FFFFFF;
    color: #1155CC;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #CCCCCC;
    background-color: #FFFFFF;
    color: #1155CC;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #F6F6F6;
    background-color: #F6F6F6;
  }
  .gsc-completion-title {
    color: #1155CC;
  }
  .gsc-completion-snippet {
    color: #333333;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #1155CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #009933;
  }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

img.imgborder {
border:solid black 1px;
}



/*slide show */
#navigation{background:#fff;}
#navigation .about > *{background:#eee;}
#navigation-slideshow{width:100%;height:370px;margin:auto;overflow:hidden;position:relative; left:0; /*top: 49px;*/}
#navigation-slideshow .navdiv{position:absolute;left:0; right:0; height:320px; width:960px; }
#navigation-slideshow ul{position:absolute;top:200px;left:0px;width:200px;z-index:2;color:#000;padding:0;margin:0;list-style:none;text-align:center;cursor:default;}
#navigation-slideshow li{display:inline-block;margin-right:10px;}
#navigation-slideshow a{display:block;width:20px;height:20px;background:rgba(0,0,0,0.5);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;}
#navigation-slideshow a:hover,
#navigation-slideshow a.current{background:rgba(0,0,0,0.75);}
.tip-wrap{z-index:3;}
.tip{background:rgba(255,255,255,0.5);color:#000;width:200px;height:auto;padding:10px;font-size:85%;text-align:center;}
.tip-top{height:0;width:0px;border-style:solid;border-color:transparent transparent rgba(255,255,255,0.5) transparent;border-width:10px;margin-left:100px;}


.gallerytext {
float:left; position: absolute; top:50px; width: 375px; margin-left:65px;
}

.gallerytext p {
 font-size:1.25em;
 line-height:1.2;
}

.gallerytext a {
color:#2dfffe !important;
text-decoration:none;
}

#ssnav {
width:1024px;
height:480px;
}

#nav1, #nav2, #nav3 {
position: absolute; top: 141px;
filter:inherit;
}

#ssnav img {
width:1024px;
height:327px;
float:right;
}

ul.navigation-slideshow {position:absolute;top:400px;width:200px;z-index:90;color:#000;padding:0;margin:0 0 0 65px;list-style:none;text-align:center;cursor:default; }
.navigation-slideshow li{display:block; float:left;}
.navigation-slideshow a{display:block;width:25px;height:30px;background:rgba(0,0,0,0.5); /*border: solid 1px white; background:#b2b4bc;*/ text-decoration:none; color: white; margin:0; padding:0; }


.navigation-slideshow #previous { background: url(images/button-pause.png) no-repeat #b2b4bc;}
.navigation-slideshow #next { background: url(images/button-play.png) no-repeat #b2b4bc;}
.navigation-slideshow #one { background: url(images/button-1.png) no-repeat #b2b4bc; }
.navigation-slideshow #two { background: url(images/button-2.png) no-repeat #b2b4bc; }
.navigation-slideshow #three { background: url(images/button-3.png) no-repeat #b2b4bc; }

.lighttext, .lighttext h1 {
color: white;
}




/*
Miscellaneous fixes
*/

.continue a { text-decoration: none; }

#video-table {
color: #999999;
background:black;
}
#video-table a {
color:#6699ff;
}

.no-margin {
margin:0;
}

.pipeline-feature-box { clear:both; }

.linksnounderline a{
text-decoration: none;
}

.featureshome {
margin-left:0;
}

.checkboxitem {
border:solid 1px #dfdfdf;
width:99%;
min-height:47px;
margin-right: 10px;
}

.checkboxitem img { margin-left:10px; }
.nobottommargin { margin-bottom:0; }
.checkbox { list-style:none; }
.entry td.subcheckbox { font-size: 1.15em; font-weight:bold; }
.checkboxitem table { margin-left:70px; }
.biggertext { font-size: 1.15em; font-weight:bold; margin-left:20px; }
.checkboxlist {
padding-left: 10px;
}

/*** Collaborator with loni.ucla.edu site ***/

.box {
background: none repeat scroll 0 0 white;
    padding-bottom: 15px;
    z-index: 3;
padding: 0 20px 20px;
border:none;
}

#wrap.collaborator, #page.collaborator, #container.collaborator {
background: white !important;
}

#page.collaborator {
margin:0 auto;
width:580px;
}

#container.collaborator {

}

.collaborator h1 {
background: #CED8E2;
margin-top:0;
padding-left: 20px;
}

.collaborator a {
font-weight:normal;
}

.collaborator .entry {
border: 1px solid #DEDBD1;

}

.loginTextTitle {
color:red;
}

small {
color:#666666;
}

.collaborator #centercol .post {
margin-top:100px;
}

.collaborator h3 {
margin-top:0;
}

#nav li.page-item-4125 { margin-left:20px; }
#nav li.page-item-4232 { margin-left:290px; }
#nav li.page-item-4236 { margin-left:40px; }
#nav li.page-item-404 { margin-left:40px; }
#logo-href {     height: 200px;
    margin: 0 0 0 400px;
    position: absolute;
    width: 200px;
    z-index: 9999999;
}
 /*======= MM HEADER =====*/

 #mm-header-container {
   width: 100%;
   background-color: #201f1b;
}

#mm-header {
   height: 40px;
   width: 960px;
   line-height: 46px;
   margin: 0 auto;
}

#mm-logo {
   height: 15px;
   display: inline-block;
   vertical-align: middle;
   margin: 12.5px 10px;
   }
#mm-usc-logo {
   float: right;
   height: 25px;
   margin: 7.5px 10px}