/*	Colours	
	----------------	


b green: c3ff93
d green: 777946

*/



/*	Reset
	-----------------------
	Based on work by Eric Meyer:
	* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }



/*	Typography
	--------------------- */

p {
	margin: 0 0 1em;
}

p.intro {
	font-weight: bold;
}

h1 {
	font-weight: bold;
	font-size: 1.7em;
	margin-bottom: .5em;
}

h1 span {
	font-size: .7em;
	color: #c3ff93;
}

#inner-wrap a:focus, #inner-wrap a:hover { color: #777946; background-color: #fff; }
#inner-wrap a {
	color: #fff;
	background-color: #777946;
	text-decoration: none;
	padding: 0 2px 1px;
}

blockquote {
	font-style: italic;
	margin: 0 0 1em;
}






/*	Header & Navigation
	----------------------	*/
	

#logo {
	display: block;
	margin: 0 0 7px 34px;
	padding: 41px 0 0;
}


ul#nav {
	position: absolute;
	top: 0;
	right: 104px;
	width: 351px;
	list-style: none;
	background-image: url(news_01.html);
}

#nav li {
	float: left;
	width: 115px;
	margin-right: 2px;
	background: url('../images/nav_bg.png') no-repeat;
}

#nav li#nav-articles {
	background-position: 0 -48px;
}
#nav li#nav-news {
	background-position: -117px -48px;
}
#nav li#nav-blog {
	background-position: -234px -48px;
}


#nav a {
	height: 48px;
	display: block;
	text-indent: -5000px;
	background: url('../images/nav_bg.png') no-repeat -351px 0; /* Hidden */
}

#nav li#nav-articles a:hover,
.article #nav li#nav-articles a {
	background-position: 0 0;
}
#nav li#nav-news a:hover,
.news #nav li#nav-news a {
	background-position: -117px 0;
}
#nav li#nav-blog a:hover,
.blog #nav li#nav-blog a {
	background-position: -234px 0;
}

/*	Global
	----------------------	*/

body {
	background: url('../images/body_tile.png') repeat;
  	/* The font-size percentage is of 16px (0.75 * 16px = 12px) */
	font-size: 75%;
	line-height: 1.4;
	font-family: Georgia, serif;
	color: #fff;
	background-color: #513f28;
} 
	

#outer-wrap {
	background: url('../images/body_gradient.png') repeat-x;
}

#header, #inner-wrap, #footer {
	position: relative;
	margin: 0 auto;
	width: 888px;
}

#main {
	width: 548px;
	float: left;
}

#side {
	width: 338px;
	float: right;
}



.panel {
	float: left;
	margin-bottom: 2px;
	padding-bottom: 21px;
}

.panel h2 {
	height: 65px;
	text-indent: -5000px;
	background-repeat: no-repeat;
}


#main .panel {
	width: 548px;
	background: url('../images/main_panel_bottom.png') no-repeat left bottom;
}

#main .panel div {
	padding: 0 34px 0;
	width: 480px;
	float: left;
	background: url('../images/main_panel_middle.png') repeat-y scroll top left;
}



#side .panel {
	width: 338px;
	background: url('../images/side_panel_bottom.png') no-repeat left bottom;
}

#side .panel div {
	padding: 0 34px;
	width: 270px;
	float: left;
	background: url('../images/side_panel_middle.png') repeat-y scroll top left;
}



/*	Panels
	----------------	*/

.intro-block h2 {
	background-image: url('../images/main_panel_h2_introduction.png');
}

.news-block h2 {
	background-image: url('../images/main_panel_h2_news.png');
}

.pub-block h2 {
	background-image: url('../images/main_panel_h2_publications.png');
}

.contact-block h2 {
	background-image: url('../images/side_panel_h2_contact.png');
}

.artlist-block h2 {
	background-image: url('../images/side_panel_h2_articlelist.png');
}

.article-block h2 {
	background-image: url('../images/main_panel_h2_articles.png');
}

/*	Publication
	----------------	*/

ul.pub-list {
	list-style: none;
	float: left;
	width: 240px;
}

.pub-list li {
	margin-bottom: .3em;
}

#inner-wrap .pub-list a:focus, #inner-wrap .pub-list a:hover,
#inner-wrap .pub-list a {
	color: #fff;
	background-color: transparent;
	padding: 0;
}

#inner-wrap .pub-list a:focus span, #inner-wrap .pub-list a:hover span {
	color: #777946;
	background-color: #c3ff93;
	background-position: 100% 4px;
}
#inner-wrap .pub-list a span {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 0 14px 1px 4px;
	background: #777946 url('../images/arrow_right_green.gif') no-repeat 100% -36px;
}

.pub-cta a {

}

.pub-img {
	display: block;
	padding-bottom: 10px;
}


/*	Footer
	----------------	*/

#creator {
	display: block;
	text-indent: -5000px;
	background: url('../images/creator.png') no-repeat scroll top left;
	width: 157px;
	height: 16px;	
	margin: 13px 34px;
}


/*	Microformats
	----------------	*/

.vcard {
	list-style: none;
	font-weight: bold;
	color: #c3ff93;
}

.vcard li {
	margin-bottom: 2px;
}

.vcard .label {
	float: left;
}

.email, .tel {
	float: right;
	width: 220px;
	color: #fff;
}


/* Clearing floats without extra markup
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix { display: inline-block; }   
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }