/*   
Theme Name: GRIT Lab Theme
Theme URI: GRIT Lab Homepage
Description: GRIT Lab Wordpress Template
Author: Mahan Javadi
Author URI: mahanjavadi.com
Version: 1.0
*/

* {
	margin:0px;
	/*height:100%;*/
}

body {
	margin:0px auto;
	padding:134px 0 0 0;
	overflow:auto;
	width:1100px;
}

.bg-splash {
	background:url(images/backgrounds/old/Splash.jpg) repeat-x center top; background-size: 1980px 1980px;
	background-size: 1980px 1980px;
}

.bg-gw {
	background:url(images/backgrounds/old/About_Areas_of_Investigation_GW.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-gr {
	background:url(images/backgrounds/old/About_Areas_of_Investigation_GR_revised.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-monitoring {
	background:url(images/backgrounds/old/About_Real_Time_Monitoring_Tools.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-pv {
	background:url(images/backgrounds/old/About_Areas_of_Investigation_PV.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-research {
	background:url(images/backgrounds/old/About_Multi_Disciplinary_Research.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-timeline {
	background:url(images/backgrounds/old/About_Project_Timeline.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-training {
	background:url(images/backgrounds/old/About_Training_Innovation.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-contact {
	background:url(images/backgrounds/old/Contact.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-biodiversity {
	background:url(images/backgrounds/About_Areas_of_Investigation_GW.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-evaporative {
	background:url(images/backgrounds/old/Data_Categories_Evaporative_Cooling_GR_revised.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-drawings {
	background:url(images/backgrounds/old/Data_Drawings_Videos.jpg) repeat-x center top; background-size: 
	1980px 1980px;
}

.bg-results {
	background:url(images/backgrounds/old/Data_Results_Reports.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-stormwater {
	background:url(images/backgrounds/old/Data_Categories_Stormwater_Mgmt_GR_revised.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-thermo {
	background:url(images/backgrounds/old/Data_Categories_Leaf_Coverage_GW.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-live-feed {
	background:url(images/backgrounds/old/Data_Roof_Live_Feed.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-news {
	background:url(images/backgrounds/old/News.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-researchers {
	background:url(images/backgrounds/old/People_Researchers_revised.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-sponsors {
	background:url(images/backgrounds/old/People_Sponsors_revised.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

.bg-collab {
	background:url(images/backgrounds/old/People_Collaborators_revised.jpg) repeat-x center top; 
	background-size: 1980px 1980px;
}

/* BACKGROUND IMG */ 
img.bg {
	min-height: 100%;
	min-width: 1000px;
	width: 100%;
	height: auto;
	position:fixed;
	top: 0;
	left: 0;
	z-index:-1000;
}

.gallery {
	width:625px;
}

.gallery-item {
	font-size:11px;
	text-align:left !important;
	line-height:13px;
	padding-right:8px;
	width:195px !important;
}

.gallery-icon {
	padding-bottom:5px;
}

.researchers  img{
	float:right;
	padding:3px 0 10px 15px;
}

img {
	border:none !important;
}

#gritlogo {
	margin-top:10px;
}

#header {
	background-image:url(images/template-files/titlebar_bg.png);
	background-repeat:repeat-x;
	position:absolute;
  	top:0;
  	left:0;
	width:100%;
	min-width:1100px;
	height:155px;
	z-index:1000;
}

hr {
	margin:10px 0px;
}

/* @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
	background-image:url(images/Splash.jpg);
	background-position:top center;
	height:100%;
  	overflow:auto;
  	position:relative;
 }*/

#bginfo {
	float:right;
	color:#FFF;
	font-family:'Lato', sans-serif;
	font-size:13px;
	padding:10px 16px 13px 16px;
	width:240px;
	height:auto;
	background-color:#323DCC;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.80;
}
 
#navbars {
	margin: 0px auto;
	width:1120px;
	height:134px;
}

#menu {
	padding-top:10px;
}

#logos {
	width:220px;
}

#nav {
  width:848px;
  float:right;
  }    

 #nav li {
  float:left;
  display:block;
  width:auto;
  position:relative;
  z-index:500;
  margin:0px;
  padding:5px 10px 0px 10px;
}
  
#nav li.menu {
  float:left;
  display:block;
  width:auto;
  position:relative;
  z-index:500;
  margin-right:15px;
  padding:8px;
}
 
#nav li.menu:hover {
  background-color:#FFEF00;
}

#nav li.news {
  float:left;
  display:block;
  width:auto;
  position:relative;
  z-index:500;
  margin-left:20px;
  margin-top:-5px;
  padding:8px;
}
 
 #nav li.news:hover {
  background-color:#FFEF00;
}
  
#nav li a {
  display:block;
  text-align:left;
 }    

#nav li a:hover {
  color:#fff;
}

#nav a.selected {
  color:#fff;
    background: #111;
}

#nav ul {
  position:absolute;
  background-color:#FFEF00;
  left:0;
  display:none;
  margin-top:5px;
  padding:0px;
  list-style:none;
}
  
#nav ul li {
  min-width:100px;
  float:left;
}

#nav ul li.wider {
  width:335px;
  float:left;
 }

#nav ul a {
  display:block;
  padding:0 0 0 5px;
  color:#000;
}

#nav ul a:hover {
  text-decoration:none;   
 }
 
#newsdrop {
	color:#EF4135;
	margin:0px 0px 0px 465px;
	font-family:'Lato', sans-serif;
	font-size:13px;
	float:left;
	background-color:rgb(250, 221, 227);
	background-color:rgba(250, 221, 227, 0.9);
	width:403px;
	height:auto;
	padding:15px;
	z-index:1000;
}

a:link {
	color:#323DCC;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#323DCC;
}

a:visited {
	color:#323DCC;
}

a.morenews:link {
	float:right;
	margin:-15px;
	color:#FADDE3;
	background-color:#323DCC;
	padding:10px;
}

a.morenews:hover {
	color:#FADDE3;
}

a.morenews:visited {
	color:#FADDE3;
}

a.morenews:active {
	color:#FADDE3;
}

p {
	padding:5px 0px;
	line-height:20px;
}

#frontpg {
	float:right;
	position:absolute;
	bottom:50px;
	width:393px;
	height:auto;
	padding:15px 20px 15px 20px;
	margin-left:677px;
	background-color:rgb(239, 65, 53);
	background-color:rgba(239, 65, 53, 0.85);
	z-index:500;
}

#aboutbox {
	position:absolute;
	bottom:50px;
	width:500px;
	height:auto;
	padding:15px 20px;
	background-color:rgb(239, 65, 53);
	background-color:rgba(239, 65, 53, 0.85);
	z-index:500;
}

#contactbox {
	position:absolute;
	bottom:50px;
	width:500px;
	height:auto;
	padding:15px 20px 15px 20px;
	background-color:rgb(239, 65, 53);
	background-color:rgba(239, 65, 53, 0.85);
	z-index:500;
}

#blogcontent {
	position:relative;
	width:617px;
	height:600px;
	margin-top:22px;
	padding:20px 25px 20px 25px;
	background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.85	);
	z-index:500;
}

#blogcontent-small {
	position:relative;
	width:600px;
	height:auto;
	margin-top:11px;
	padding:20px 25px 20px 25px;
	background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.85	);
	z-index:500;
}

#content {
	width:600px;
}


#content table {
	border-collapse:separate;
	border-spacing:10px 10px 10px 0px;
}

#content table td {
	/*vertical-align:top;*/
	padding-bottom:20px;
}
	
#content td img{
	text-align:left;
	/*vertical-align:top;
	float:left;*/
	padding-bottom:5px;
}

#scroll {
	width:625px;
	height:595px;
	overflow:scroll;
}

#submenu {
	width:300px;
	height:auto;
	position: absolute;
	bottom:25px;
	right:125px;
}

#submenu a:link {
	text-decoration:underline;
	color:#000;
}

#submenu a:hover {
	text-decoration:none;
	color:#000;
}

#submenu a:visited {
	color:#000;
}

h2 {
	font-size:17px;
	text-decoration:none;
	padding-bottom:10px;
}

.menu-item {
	padding:5px 0px;
}

.posttitle {
	font-size:17px;
	text-decoration:none;
	padding-bottom:10px;
}

.content {
	font-family:'Museo300Regular', sans-serif;
	font-size:14px;
	color:#FFEF00;
}

.content a:link {
	text-decoration:underline;
	color:#FFEF00;
}

.content a:hover {
	text-decoration:none;
	color:#FFEF00;
}

.content a:visited {
	color:#FFEF00;
}

.content-white {
	font-family:'Lato', sans-serif;
	font-size:14px;
	color:#000;
}

.content-whitebg-redtxt {
	font-family:'Lato', sans-serif;
	font-size:14px;
	color:#EF4135;
}

#bginfo a:link {
	text-decoration:underline;
	color:#FFF;	
}

#bginfo a:hover {
	text-decoration:none;
	color:#FFF;
}

#bginfo a:visited {
	text-decoration:underline;
	color:#FFF;
}


#aboutsidebar {
	width:250px;
	padding-right:10px;
	float:right;
}

ul {
	list-style:none;
	padding:0px;
}