@import url("jstuff.css");

body {
	width: 100%;
}

#content100 {
	float:left;
}
#header_items {
	width: 100%;
}
#header.block_holder, #slideshow.block_holder, #footermenu.block_holder {
	padding:0;
}
.module_margin, .maincontent, .side_margins {
	margin:5px;
}

.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2  {
	float: left;
}
.block_holder {
	padding:0px;
}

/*--Framework Classes--*/
.block_holder {}

.container {
	width:100%;
//	border-bottom: 5px solid #DFC166;
}

.container_bg {
	width:100%;
}

.wrapper960 {
	width:960px;
	margin:0 auto;
}

.clear {
	clear:both;
}
.menu{
	width:100%;
}

#content_full {
	margin: 20px;
}

/*--Header Div--*/
#header {}

/*  */
#search {
	padding: 15px;
	z-index:10;
	display: inline-block;
}
#search form {
	margin:0;
}
#search .inputbox {
	border:medium none;
	margin:0;
	padding:5px;
}
#search form .search label{
	display: none;
}

/* Custom Module (located in the header) */
#custom {
	padding: 3px;
	position: absolute;
	z-index: 10;
	top:105px;
	right:0px;
}

#custom p, #custom .module_margin{
	margin:0px;
}


/*--Logo & Slogan Layout--*/
#logo {
}
.logo_container {
	margin:0;
	padding:0;
	background: url('/images/banners/fiehnlab.png') no-repeat;
	background-size: contain;
	position: absolute;
}
h1.logo a {
}
h1.logo-text, h1.logo a {
	padding: 20px 15px;
	font-size: 2em;
//    color: #dfc166;
}
h1.logo-text a {
	white-space:nowrap;
	outline:none;
	position:relative;
	text-decoration:none;
	width:100%;
	line-height: 32px;
}

/*-----------------------------------------------------------------------------------*/
/* Social Media */
/*-----------------------------------------------------------------------------------*/

#social {
	padding:0;
//  right: 0px;
//  top: 0px;
//  z-index: 1;
//  position: absolute;
}
#social ul{
	list-style: none;
	margin: 0 0 0px 0;
	float: right;
}
#social ul li{
	display:block;
	float: left;
	margin:0;
	padding:0 0 0px 0;
}
#social ul li a{
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	background-position: 0px -40px;
	background-repeat: no-repeat;
	opacity: 0.6;
	padding-bottom: 1px;
}
#social ul li a{
	opacity: 1;
}
#social a:hover{
	background-position: 0px -40px !important;
	opacity: 1;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-ms-transition-property: background-color;
	transition-property: background-color;
}
.social-facebook a { background: url(../images/social/facebook.png) no-repeat 50% 50% }
.social-facebook a:hover { background-color: #3b5998 }
.social-twitter a { background: url(../images/social/twitter.png) no-repeat 50% 50% }
.social-twitter a:hover { background-color: #48c4d2 }
.social-googleplus a { background: url(../images/social/googleplus.png) no-repeat 50% 50% }
.social-googleplus a:hover { background-color: #d94a39 }
.social-youtube a { background: url(../images/social/youtube.png) no-repeat 50% 50% }
.social-youtube a:hover { background-color: #f45750 }
.social-pinterest a { background: url(../images/social/pinterest.png) no-repeat 50% 50% }
.social-pinterest a:hover { background-color: #cb2027 }
.social-dribbble a { background: url(../images/social/dribbble.png) no-repeat 50% 50% }
.social-dribbble a:hover { background-color: #ef5b92 }
.social-flickr a { background: url(../images/social/flickr.png) no-repeat 50% 50% }
.social-flickr a:hover { background-color: #f1628b }
.social-skype a { background: url(../images/social/skype.png) no-repeat 50% 50% }
.social-skype a:hover { background-color: #18b7f1 }
.social-digg a { background: url(../images/social/digg.png) no-repeat 50% 50% }
.social-digg a:hover { background-color: #2882c6 }
.social-linkedin a { background: url(../images/social/linkedin.png) no-repeat 50% 50% }
.social-linkedin a:hover { background-color: #71b2d0 }
.social-vimeo a { background: url(../images/social/vimeo.png) no-repeat 50% 50% }
.social-vimeo a:hover { background-color: #62a0ad }
.social-yahoo a { background: url(../images/social/yahoo.png) no-repeat 50% 50% }
.social-yahoo a:hover { background-color: #ab64bc }
.social-tumblr a { background: url(../images/social/tumblr.png) no-repeat 50% 50% }
.social-tumblr a:hover { background-color: #3a5976 }
.social-deviantart a { background: url(../images/social/deviantart.png) no-repeat 50% 50% }
.social-deviantart a:hover { background-color: #d0de21 }
.social-delicious a { background: url(../images/social/delicious.png) no-repeat 50% 50% }
.social-delicious a:hover { background-color: #3274d1 }
.social-rss a { background: url(../images/social/rss.png) no-repeat 50% 50% }
.social-rss a:hover { background-color: #fe9900 }

/*-----  End of Social Media  ------*/

/*--Breadcrumb Divs--*/
#breadcrumb .module_padding {
	padding:0px;
}

/*--Main Content and Side Columns Divs--*/
#main {
	font-size: 14px;
	font-family: "Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif";
	border-left: 1px solid #e7e7e7;
	/*  border-radius: 5px;*/
}

#sidecol_a, #sidecol_b {
	height:100%;
}

/*--Bottom Modules Divs--*/
#bottom_modules {
}

/*--Base Modules and footer Divs --*/

#copyright {}

#copyright a {
	color:#bbb;
	text-decoration:none;
}

#copyright.module_margin {
	margin:0px !important;
}

div#footermenu.block_holder div.module_margin{margin:0px !important;}

/* Module Styling */
.module h3, .module_menu h3 {
	padding:0;
	margin:0;
}

.module p, .module_menu p {
	margin:0;
}

.module_padding {
	height:100%;
	padding:5px;
}

.module_content {
	padding:5px 0;
}

#sidecol .module {
	margin-bottom:10px;
}

/* Module Styling - Menus */
.module ul, .module_menu ul {
	list-style-type: none;
}
.module ul a, .module_menu ul a {
	display:block;
	text-decoration: none;
}

#breadcrumb-1, #footer-1, #footer-2, #footer-3 {
	float: left;
	width:100%;
}


/** Hornav **/
#hornav {width:100%;}
#hornav ul {margin:0;}
#hornav a span {cursor:pointer; display:block;}
#hornav li{list-style:none outside none; position:relative; text-indent:0;}
#hornav li li a span, #hornav li li a:hover span {}
#hornav a:hover {cursor:pointer; display:block; text-decoration:none;}
#hornav a:hover span{cursor:pointer; display:block;}
#hornav li ul li, #hornav li ul li ul li {margin-top: 0px;}

/* Hornav - Parent Styling */
#hornav ul a, #hornav ul ul a, #hornav .separator {white-space:nowrap; margin:0; margin-bottom:3px; cursor:pointer;}
#hornav li, #hornav li li {float:left; z-index: 10;}
#hornav ul a, #hornav .separator {
	display:block;
	padding: 5px 18px 0;
	text-decoration: none;
	z-index: 9999;
	margin-bottom: 3px /*dropdown gap*/;
}
#hornav li:hover {}
#hornav ul ul a {display:block; line-height:20px; padding: 1px 10px; text-decoration: none; z-index: 9999; border:none;}

/* Hornav - Child Styling */
#hornav li li a, #hornav li li.active a, #hornav li li.visited a {color:#555555 !important; text-transform: none;}
#hornav li li a, #hornav li li a:hover, #hornav li li.active a, #hornav li.active ul li a {background:none !important;}

/* Hornav - Child Block Styling */
#hornav li li, #hornav li li li {clear:left; float:left; margin:0; padding: 2px 0px 4px !important; white-space: nowrap; z-index: 9999 !important;}
#hornav li li:last-child, #hornav li li li:last-child {background:none !important;}

/* Hornav - Dropdown Block Styling */
#hornav ul li ul{
	height:auto;  left:-999em;  margin:0;  padding:5px;  position:absolute; z-index:99999 !important;}

/* Hornav - Image 16*16 Styling */
#hornav ul li ul img {padding:3px 6px 3px 0px;}

/* Hornav - Sub-Child Block Styling */
#hornav li ul li ul {height:auto; left:-999em; margin:0; padding:5px; position:absolute; top:0;}

/* Hornav - General */
#hornav li:hover ul ul, #hornav li:hover ul ul ul, #hornav li:hover ul ul ul ul, #hornav li.iehover ul ul, #hornav li.iehover ul ul ul, #hornav li.iehover ul ul ul ul {left: -999em;}
#hornav li:hover ul, #hornav li li:hover ul, #hornav li li li:hover ul, #hornav li li li li:hover ul, #hornav li.iehover ul, #hornav li li.iehover ul, #hornav li li li.iehover ul, #hornav li li li li.iehover ul {left:0; z-index:99999 !important;}
#hornav li li, #hornav li li li {min-width: 180px;}
#hornav li ul li ul {margin-left: 187px;}
#hornav .menu li:first-child, .module .latestnews li:first-child {margin-top: 0 !important;}
#menu li li.parent {cursor: pointer !important;}
#hornav li:hover {left:0; z-index:5001 !important;}
#hornav ul li ul {margin-top: 0px;}


/* MenuMatic */
/* SubMenus box */
#subMenusContainer ul {
	border: 1px solid #ccc;
}


/* Just sub menu links */
#subMenusContainer a, #hornav li li a {
	padding: 10px;
	text-align:left
}

#subMenusContainer a:hover { color: #dfc166; }

/* ----[ OLs ULs, LIs, and DIVs ]----*//* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none; position: absolute; overflow:hidden; padding:0 2px; margin:0 0 0 -2px;}

/* All ULs and OLs */
#subMenusContainer ul, #subMenusContainer ol {padding: 0; margin: 0; list-style: none; line-height: 1em; min-width:170px}

/* All submenu OLs and ULs */
#subMenusContainer ul, #subMenusContainer ol{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; border:1px solid #777; left:0; padding-bottom:5px}
#subMenusContainer li{list-style: none; background: none;}
#subMenusContainer li:hover{background-color: #335379;}
#subMenusContainer{display:block; position:absolute; top:7px; left:0; width:100%; height:0; overflow:visible; z-index:1000000000;}

/** Top Menu **/
#topmenu {
	position:absolute;
	z-index:3;
}
#topmenu ul li{
	float: left;
	list-style:none;
}
#topmenu ul li a {
	display:block;
	text-decoration: none;
}

/** Footer Menu **/
#footermenu {
}
#footermenu ul li{
	display: inline-block;
}
#footermenu ul li a {
	display: block;
	text-decoration: none;
}
#footermenu ul li:last-child a {
	border:none;
}

hr {
	border: 1px solid #1a3e68;
}

/** Scroll to Top **/
.scrollup{
	width:40px;
	height:40px;
	border-radius:50%;
	position:fixed;
	bottom:70px;
	right:25px;
	display:none;
	text-indent:-9999px;
	background: url(../images/scroll.png) no-repeat;
	background-color: #000000;
	z-index:1000;
	opacity:0.7;
}

/** Login Module **/
.userdata{
	padding: 10px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	width: 40%;
	margin: 10px auto;
}

#login {
	height: 35px;
	padding: 15px;
	float: right;
	z-index: 10;
	display: inline-block;
}

#login .icon-lock,
.sclogin a,
.sclogin .logout-link {
	font-size: 1em;
	color: #6361A4;
	text-decoration: none;
}

.sclogin a:hover {
	color: #6361A4;
}

/* table styling */
#projects,
#projects tbody tr,
#projects tbody tr td {
	border-collapse: collapse;
}

#projects {
	border-spacing: 0;
	padding: 8px;
	border: 0;
	width: 100%;
	margin: 5px auto;
}

#projects thead tr {
	border-bottom: 2px solid #ddd;
}

#projects tbody tr:nth-child(odd) {
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#projects tbody tr td {
	padding: 8px;
}

.module_quotes {
	width: 50%;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.tableContainer {
	display: table;
	width: 100%;
}

.tableContainer td, .tableContainer th {
  margin: 10px;
  padding: 5px;
}

.tableRow {
	display: table-row;
}

.items-leading {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	background-color: #dfc166;
}

td.justified {
	text-align: justify;
}

td.centered {
	text-align: center;
}

#tobiasmenu {
	font-size: 0.8em;
	overflow: hidden;
	display: table-cell;
	width: 160px;
	min-width: 155px;
	padding: 3px 10px;
	vertical-align: top;
}

#tobiasmenu ul {
	margin: 0 0 0 10px;
	list-style-type: none;
}

#tobiasmenu .module ul.menu {
	margin: 0;
}

#tobiasmenu .module ul.menu li a,
#tobiasmenu .module ul.menu li ul li a {
	margin: 0;
	padding 2px 2px 2px 10px;
}

.tcontent {
	text-align: justify;
	margin-left: 20px;
}

#tobiasmenu .moduletable {
	border: 1px solid #ccc;
	border-radius: 5px;
}

#code, .code {
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #eee;
	font-size: .8em;
	font-style: normal;
	font-family: Monaco, monospace;
	overflow: scroll;
}

.thumblist {
	display: inline-block;
}

table.bordered {
	border-collapse: collapse;
	width: 100%;
}

td.bordered, tr.bordered {
	padding: 2px;
	border: 1px solid #ccc;
}

.slide-desc-text-default .slide-title {
	font-size: 1em;
}