/*
Theme Name: moles
Theme URI: http://pixelube.com
Author: Pixelube
Author URI: http://pixelube.com
Description: Custom design theme from pixelube for MolES
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* @import url( css/all.css ); */

* { 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}
h1, h2, h3, h4, h5, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:9px;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
	/* border:1px solid #ccc; */
	/* padding:5px; */
        /* text-align:left; */
	vertical-align:top;
}

ul li, ol li{list-style-position:inside;}
ul li{list-style-type:disc;}
body{
	margin:0;
	color:#424138;
	/* padding-bottom:15px; */
	font:12px/18px Arial, Helvetica, Verdana, sans-serif;
	/* background:#d7d7cd url(../images/bg-page.png) repeat-x; */
}
img {border-style:none;}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

a{
	text-decoration:none;
	color:#5c8728;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
	font:italic 11px Arial, Helvetica, Verdana, sans-serif;
	vertical-align:middle;
	color:#56554c;
	margin:0;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{
	display:block;
	margin:0 auto;
}
#pagewrapper{
	background:#d7d7cd url(../images/bg-page.png) repeat-x;
	padding:0 44px 0 45px;
	margin:0;
}
#wrapper{
	height:100%;
	width:911px;
	margin:0 auto;
	overflow:hidden;
}
.home{
	width:100%!important;
	padding:0!important;
}
#main{
	background:url(./images/bg-main.png) no-repeat 0 100%;
	padding-bottom:26px;
	margin:0 -44px 34px -45px;
}
.home #main{
	width:910px;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 33px 1px;
	background:none;
}
.main-holder{
	overflow:hidden;
	padding:0 44px 50px 45px;
	background:#fff;
	min-height:509px;
}
.logo{
	width:226px;
	height:52px;
	background:url(./images/moleslogo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:35px 0 0;
}
.logo a{
	display:block;
 	height:100%;
}
#content h1{
	font:21px/23px 'PT Serif', Georgia, 'Times New Roman', serif;
	margin:0 0 9px;
}
#content-wide h1{
	font:21px/23px 'PT Serif', Georgia, 'Times New Roman', serif;
	margin:0 0 9px;
}
#h2{
#	font-face: 'PT Serif', Georgia, 'Times New Roman', serif;
#	margin:0 0 5px;
#}
.home #content h2{margin-bottom:6px;}
.news-box h2{margin-bottom:6px;}
.panel h2{margin:0 0 4px -2px;}
#main .aside h2{
	color:#fff;
	margin-bottom:8px;
}
#main .results-list h2{font:14px/18px Arial, Helvetica, Verdana, sans-serif;}
#main .results-list h2 a{
	text-decoration:underline;
	color:#305688;
}
#main .results-list h2 a:hover{text-decoration:none;}
#main .news-list h2{
	font-size:21px;
	line-height:23px;
	margin-bottom:9px;
}
#main .news-list h2 a{color:#2f5688;}
#main h3{
	font-size:12px;
	line-height:18px;
	margin:0;
}
#main h3 a{color:#434138;}
#header{
	padding:0 0 2px;
	overflow:hidden;
}
.home #header{
	width:911px;
	margin:0 auto;
}
.icon-holder{float:right;}
.icon-holder img{display:block;}
#nav{
	height:1%;
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding: 24px 0 13px;
	position:relative;
	z-index:3;
	background:#fff;
}
.home #nav{
	width:911px;
	margin:0 auto;
}
#nav:after{
	display:block;
	content:"";
	clear:both;
}
#nav ul{
	float:right;
	margin:0;
}
#nav li{
	float:left;
	list-style:none;
	margin:0 0 0 14px;
	list-style-position:outside;
}
#nav a{
	color:#424138;
	float:left;
	padding:9px 16px 7px;
}

#nav .current-menu-item a,
#nav .current-page-ancestor a,
#nav .current_page_parent a,
#nav .active a,
#nav a:hover{
	text-decoration:none;
	background:#ebece2;
}
#nav ul ul{
	position:absolute;
	left:0;
	top:100%;
	letter-spacing:0;
	font-family:Helvetica;
	font-weight:normal;
	background:#ebece2;
	text-transform:none;
	z-index:2;
	width:168px;
	display:none;
	padding:1px 0 4px;
}
#nav ul ul ul{
	left:100%;
	top:-2px;
	padding:3px 0 8px;
	width:164px;
	border-left:1px solid #7e7062;
}
#nav ul ul ul li{padding:0 14px 0 10px;}
#nav ul ul li{
	float:none;
	margin:0;
	padding:0 13px;
}
#nav ul ul li a{
	display:block;
	padding:6px 0 5px 2px;
	overflow:hidden;
	border-top:1px solid #7e7162;
}
#nav ul ul li:first-child a{border:0;}
#nav ul ul a{
	float:none;
	padding:0;
}
#nav li:hover{position:relative;}
#nav li:hover ul{display:block;}
#nav li:hover ul ul{display:none;}
#nav ul ul li:hover ul{display:block;}
#nav li:hover a{background:#ebece2;}
#nav li:hover ul ul a{background:none;}
#nav ul ul li:hover{background:url(./images/bg-drop-over.gif) repeat-y;}
#nav ul ul ul li:hover{background-position:-4px 0;}
#nav ul ul li:hover .has-drop-down-a,
#nav ul ul .has-drop-down-a{background:url(./images/arrow-brown.png) no-repeat 99% 12px!important;}
#nav ul ul li:hover a{background:none;}
#nav ul ul li .has-drop-down-a:hover{background:url(./images/arrow-brown.png) no-repeat 99% 12px;}
#intro{
	background:#fff;
	overflow:hidden;
	width:910px;
	margin:-2px auto 36px;
	padding:0 0 0 2px;
}
#intro .bar{
	float:left;
	width:291px;
}
.bar ul{
	margin:0 36px 15px 0;
	font:14px/19px 'PT Serif', Georgia, 'Times New Roman', serif;
}
.bar li{
	list-style:none;
	border-bottom:1px solid #7f7163;
	list-style-position:outside;
	padding:8px 0 9px 33px;
	background:url(./images/dividers.gif) no-repeat 19px -48px;
}
.bar a{color:#424138;}
#intro .visual{
	float:right;
	width:619px;
	position:relative;
}
#intro .visual h2{
	position:absolute;
	margin:0;
	padding:9px 4px 12px 14px;
	bottom:0;
	left:0;
	width:600px;
	background:url(./images/bg-text-box.png);
}
#intro .visual h2 a{
	color:#333333;
	padding:0 7px 0 0;
	background:url(./images/arrow-white.png) no-repeat 100% 9px;
}
/*
Slider meteor slide show.

*/


div.captionBox{
	position: relative;
	display: block;
	z-index: 1000;
	top: -40px;
	color: #424137;
	background-image: url(images/bg-text-box.png);
	border-style: none;
	height: 40px;
	font: 1.25em Georgia, "Times New Roman", serif;
	line-height: 1.5em;
	text-indent: 10px;
	padding-top: 7px;
}



.top-panel{
	height:1%;
	margin:0 0 14px;
	background:#fff;
	border-top:1px solid #7e7062;
}
.top-panel:after{
	display:block;
	content:"";
	clear:both;
}
.category{
	float:left;
	min-width:125px;
	color:#fff;
	margin:-1px 3px 0 0;
	max-width:450px;
	padding:0 5px 1px 22px;
	background:#9fbe34 url(./images/colour-boxes.gif) no-repeat 0 -79px;
	font:14px/26px 'PT Serif', Georgia, 'Times New Roman', serif;
}
.category a{
	color:#fff;
	font-style:none;
}
.category a:hover{
	font-style:none;
}

.academics .category,.academics.category{background:#d42034 url(./images/colour-boxes.gif) no-repeat 0 -116px;}
.contact .category,.contact.category{background:#434039 url(./images/colour-boxes.gif) no-repeat 0 -153px;}
.research .category,.research.category{background:#245787 url(./images/colour-boxes.gif) no-repeat 0 -264px;}
.news .category,.news.category{background:#71afde url(./images/colour-boxes.gif) no-repeat 0 -190px;}
.search-results .category,
.people .category,.people.category{background:#5b8424 url(./images/colour-boxes.gif) no-repeat 0 -227px;}

#intro .bar .category{
	float:none;
	width:269px;
	display:block;
	padding:3px 0 5px 22px;
	background:#d32033 url(./images/colour-boxes.gif) no-repeat 0 0;
	margin:0 0 2px;
}
.breadcrumbs{
	float:left;
	margin:0;
	overflow:hidden;
	padding:6px 0 0;
}
.breadcrumbs li{
	float:left;
	font-size:11px;
	margin-left:-3px;
	padding:0 9px;
	list-style:none;
	background:url(./images/dividers.gif) no-repeat 0 5px;
}
.search{
	float:right;
	overflow:hidden;
	width:214px;
	height:27px;
	margin-top:-1px;
	padding:0 7px 0 0;
	background:url(./images/bg-box-search.gif) no-repeat;
}
.bar .search{
	float:none;
	width:229px;
	padding:0 8px 0 0;
	margin:0;
	background-position:0 -27px;
}
.search-form{padding-left:17px;}
.text{
	border:0;
	background:none;
	float:left;
	width:170px;
	padding:7px 10px 6px;
}
.bar .text{
	width:200px;
	padding:3px 4px 2px;
	font-size:10px;
}
.btn-search{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	width:17px;
	height:14px;
	background:url(./images/ico-search.gif) no-repeat;
	float:right;
	cursor:pointer;
	border:0;
	margin:7px 0 0;
}
.bar .btn-search{
	background-position:0 -20px;
	width:12px;
	height:10px;
	margin-top:5px;
}
input[type=submit]:hover{cursor:pointer;}
.panel{
	background:#b1b09c;
	line-height:16px;
	margin-bottom:28px;
}
.panel .holder{
	width:911px;
	margin:0 auto;
	padding:21px 0 23px 1px;
}
.panel ul{
	margin:0 -16px 0 0;
	overflow:hidden;
	background:url(./images/bg-panel-boxes.gif) repeat-y;
}
.panel li{
	float:left;
	width:165px;
	margin-right:14px;
	padding:7px 15px 14px 17px;
	background:url(./images/arrow-dark-grey.gif) no-repeat 0 12px;
	list-style:none;
}
.panel .faculty{margin-right:15px;}
.panel .grey{
	width:213px;
	margin-right:28px;
	padding:7px 31px 9px 20px;
	font:14px/19px 'PT Serif', Georgia, 'Times New Roman', serif;
	background:url(./images/arrow-grey.gif) no-repeat 100% 12px;
}
.panel p{margin:0;}

#twocolumns,
#content{
	float:right;
	width:642px;
	overflow:hidden;
	padding-top:20px;
}

#content-wide{
	width:100%;
	overflow:auto;
	padding-top:20px;
}

#twocolumns #content{padding-top:0px}

.home #content{
	width:578px;
	padding:17px 20px 18px;
	background:#fff;
}
.people #content{
	margin-top:4px;
	overflow:hidden;
}
#twocolumns #content{
	float:left;
	width:396px;
}
#content p{margin-bottom:15px;}
.home #content p{margin-bottom:5px;}
#content .post p,
#content .results-list p{margin:0;}
#content ul{
	margin:0 0 11px 31px;
}
#content li{
	list-style-position:outside;
	list-style:none;
	padding:0 0 4px 12px;
	background:url(./images/bullet.gif) no-repeat 0 6px;
}
#content .results-list{
	border-top:1px solid #7e7062;
	margin:0 1px;
	padding:19px 0 0;
}
#content .results-list li{
	background:none;
	padding:0 0 19px;
}
.results-count{
	color:#786767;
	display:block;
	margin:5px 0 15px 1px;
}
#content .news-list{
	margin:-15px 0 0;
	overflow:hidden;
}
#content .news-list li{
	background:none;
	padding:21px 0 22px;
	margin-top:-1px;
	border-top:1px solid #7e7162;
	min-height: 150px;
}
.news-list .date{
	display:block;
	font-style:normal;
	font-weight:bold;
	margin-bottom:1px;
}
#content .stuff-list{
	overflow:hidden;
	margin:-1px -51px 0 0;
}
#content .stuff-list li{
	float:left;
	width:290px;
	padding:11px 6px 23px 0;
	margin:0 49px 0 0;
	border-top:1px solid #7e7162;
	background:none;
}
.stuff-list .text-holder{overflow:hidden;}
.stuff-list.details .text-holder{
	float:left;
	width:210px;
	margin-right:25px;
}
.stuff-list .mail{font-weight:bold;}
.stuff-list .alignleft{margin:4px 17px 0 0;}
.phone{display:block;}
#content .stuff-list.details{
	overflow:hidden;
	margin:1px 0 0;
}
#content .stuff-list.details li{
	float:none;
	width:640px;
	margin:-1px 0 0;
	padding:11px 1px 16px 0;
	border-top:1px solid #7e7162;
}
.detail-info{
	margin:0;
	overflow:hidden;
}
.detail-info dt{font-weight:bold;}
.detail-info dd{padding-bottom:15px;}
#content .links{
	margin:0;
	color:#5c8728;
}
#content .detail-info .links li{
	display:inline;
	width:auto;
	margin:0;
	border:0;
	padding:0;
}
.more{
	background:url(./images/dividers.gif) no-repeat 100% -119px;
	padding-right:8px;
}
#sidebar{
	float:left;
	width:217px;
}
.home #sidebar{width:257px;}
.box-sidebar{
	background:#e4e4df url(./images/triangle-white.png) no-repeat -2px 15px;
	color:#434039;
	margin:19px 0 22px;
	padding:15px 12px 9px 20px;
}
.box-sidebar2{
	background:#e4e4df url(./images/triangle-white.png) no-repeat -2px 15px;
	color:#434039;
	margin:19px 0 22px;
	padding:15px 12px 9px 20px;
}

.people .box-sidebar,.people.box-sidebar{background:#e4e4df url(./images/triangle-white.png) no-repeat -2px 15px;}
.box-sidebar blockquote{
	margin:0;
}
.box-sidebar blockquote q{
	font:14px/19px 'PT Serif', Georgia, 'Times New Roman', serif;
	display:block;
	margin-bottom:6px;
}
.box-sidebar blockquote cite{
	font-size:10px;
	font-style:normal;
	line-height:13px;
}
.box-sidebar blockquote cite span{display:block;}
.nav-bar{padding:4px 0 0;}
.nav-bar ul{
	margin:0;
	padding:1px 0 0;
	font-size:11px;
}
.nav-bar li{
	list-style-position:outside;
	list-style:none;
	padding-bottom:2px;
}
.nav-bar h2{
	padding-top:20px;
}
.aside{
	width:221px;
	background:#92c3e9 url(./images/bg-aside.gif) repeat-x 8px 0;
	float:right;
	font-size:11px;
	line-height:16px;
	margin:20px 0 0;
}
.visual img{display:block;}
.aside .visual{margin-bottom:18px;}
#sidebar .visual{
	margin:4px 0 11px;
	padding-top:15px;
}
.visual p{margin:0}

.aside .holder{
	padding:17px 22px 25px 20px;
	overflow:hidden;
	background:url(./images/triangle-white.png) no-repeat 0 153px;
}
.aside p{margin-bottom:10px;}
.aside .link{
	color:#fff;
	font-weight:bold;
}
.news-box{
	background:#fff;
	margin-bottom:17px;
	line-height:16px;
	padding:14px 21px 8px;
	height: 145px;
}
.news-box ul{margin:0;}
.news-box li{
	list-style:none;
	list-style-position:outside;
	padding-bottom:8px;
}
.home #content .alignleft{margin:3px 20px 0 0;}
.home #content .text-holder{overflow:hidden;}
.services-link{
	display:block;
	overflow:hidden;
	padding:3px 4px 4px 20px;
	background:#89ac2c url(./images/colour-boxes.gif) no-repeat 0 -44px;
}
.services-link .inner{
	color:#fff;
	float:left;
	padding:0 0 0 12px;
	background: url(./images/triangle-white-small.gif) no-repeat 0 5px;
}
#footer{
	width:905px;
	margin:0 auto;
}
.add-nav{
	overflow:hidden;
	margin:0 -60px 0 0;
	font-size:11px;
	line-height:16px;
}
.add-nav ul{margin:0;}
.add-nav li{
	float:left;
	list-style:none;
	width:175px;
	margin-right:17px;
	list-style-position:outside;
}
.add-nav .research{margin-right:53px;}
.add-nav .people{width:141px;}
.add-nav ul li{float:none;}
.add-nav a{color:#424138;}
.head-footer{display:block;}
.add-nav dl{
	overflow:hidden;
	margin:0 0 8px;
}
.add-nav dt{
	margin-right:3px;
	float:left;
}
.copyright{
	font-size:10px;
	line-height:11px;
	margin:0;
}

.paging{
	list-style:none;
	margin:0;
	padding:20px 20px 22px 0;
	font-size:15px;
	text-align:center;
}
.paging li{
	display:inline-block;
	padding:0 5px;
}

#content .paging li{
	background:none;
}

*+ html .paging li{
	display:inline;
	padding:0 8px;
}
.paging .prev{
	padding:0 15px 0 0;
	background:url(./images/divider-03.gif) no-repeat 100% 50%;
}
.paging .next{
	padding:0 0 0 15px;
	background:url(./images/divider-03.gif) no-repeat 0 50%;
}
.paging a:hover,
.paging .active a,
.paging a.current{
	text-decoration:none;
	color:#474344;
}

.contactleft {
	float:left;
	width:50%;
}
.contactright {
	float:right;
	width:50%;
}

span.wpcf7-list-item { display: block; }

#pup{
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}

div#superMenu {
	width: 500px;
	display: block;
	position: relative;

}
ul#sup_nav.menu li{
	list-style-image: none;
	list-style: none;
	padding-right: 4px;
	padding-left: 4px;
	border-right: 1px solid #b1b09c;
	float: left;
}
ul#sup_nav.menu li:last-child{
	border-right-style: none;
}