/*
-----------------------------------------------
CSS rules
IRC - April 2008
----------------------------------------------- */

/*
-----------------------------------------------
01. Structure
02. Type
03. Header
04. Content
05. Footer
06. Lists
07. Forms
08. Various
----------------------------------------------- */

/* =Structure (01)
----------------------------------------------- */
*,body,h1,h2,h3,h4,h5,h6,p,img,div,ul,li,form,fieldset,input {
	margin: 0;
	padding: 0;
	}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #447691 url('../../../../../../extension/julian/design/ircstandard/images/bg.gif') repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* Base size for all elements; other size definitions relates to this */
	line-height: 1.2em;
	}

pre, code {
	font-size: 1.2em;
	line-height: 1.2em;
}

pre {
	margin: 1em 0;
}	
#wrapper,
#footer {
	width: 99%;
	margin: 0 auto;
	max-width: 985px;
	min-width: 765px;
	text-align: left;
	background: #F2F6F9;
	position: relative;
	}

* html #wrapper,
* html #footer {
	overflow: visible;
	}

/* =Type (02)
----------------------------------------------- */
h1 {
	font-size: 160%;
	margin: 0 0 5px;
	font-weight: normal;
	color: #57463F;
	line-height: 1.2em;
	}

#main-content h1,
.warning h1,
.warning h2 {
	color: #fff;
	}

h2, h3, h4 {
	margin: 0 0 5px;
	font-weight: normal;
	}

h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 10px 0 5px;
	}

h2.events-month,
.source-header {
	background: #CCDBE3;
	margin: 15px 10px 5px;
	padding: 15px 15px 10px;
	}

h2, h2 a:link, h2 a:visited {
	color: #57463F;
	text-decoration: none;
	}

h2 a:hover  {
	text-decoration: underline;
	}
	
#main-content h2 {
	color: #ffffff;
} 

h3,
h4 {
	font-size: 1.1em;
	line-height: 1.1em;
	color: #555;
	font-weight: bold;
/*	text-transform: uppercase;  */
	padding: 5px 15px 0 0;
	}

#commentlist h4 {
	color: #fff;
	padding: 0;
	}

#commentlist h4 {
	text-transform: none;
	}

h5 {
	font-size: 1.3em;
	color: #555;
	padding: 15px 15px 10px;
	}

h6 {
	font-size: 1.2em;
	padding: 10px 15px 0;
	border-top: 1px solid #fff;
	height: 1%;
	}

p {
	margin: 0 0 10px;
	}

p.updated {
	font-style: italic;
	color: #999;
	font-size: 0.9em;
	margin: 0 0 15px;
	}

a, a:link, a:visited {
	color: #008AC3;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

.hr {
	color: #A2D1E3;
	background-color: #A2D1E3;
	border: none;
	height: 2px;
	margin: 20px 0 15px;
	overflow: hidden;
	}

span.gray {
	color: #666;
	}

/* =Header (03)
----------------------------------------------- */
#header {
	height: 116px;
	width: 100%;
	font-size: 80%;
	border: 5px solid #000;
	background: #fff;
	}

div#header {
	border: none;
	}

#logo {
	position: absolute;
	top: 0;
	width: 100%;
	}

#logo a {
	float: left;
	text-decoration: none;
	outline: none;
	}

#logo img {
	border: none;
	margin: 0;
	padding: 0;
	}

#topmenu {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	text-align: right;
	}

#topmenu img {
	border: none;
	}

/* =Content (04)
----------------------------------------------- */
#content {
	float: right;
	width: 80%;
	border-top: 1px solid #D8EFF7;
	border-left: 1px solid #D8EFF7;
	margin: -35px 0 0 -1px;
	background: #fff;

	}

#content,
#leftcol {
	font-size: 80%;
	}

#main {
	float: left;
	width: 70%;
	border-right: solid 1px #fff;
	margin-top: 10px;
	}

#breadcrumb p {
	margin: 0 10px 10px 10px;
	}

#main-content,
.warning,
.feedback,
.block,
.block-article,
.block-childrenlist,
.block-contactform,
.block-document,
.block-event,
.block-faq,
.block-file,
.block-folder,
.block-link,
.block-local_link,
.block-login,
.block-organisation,
.block-person,
.block-publication,
.block-small,
.block-user,
.block-vacancy,
.block-white,
.block-who,
.ContentPage,
.intro-event,
.source {
	background: #D8E1D0;
	margin: 0 10px 10px 10px;
	padding: 15px 15px 10px;
	}

div.rightmorecontent {
	background: #C4947E;
	}


.rightblock .block,
.rightblock .block-article,
.rightblock .block-childrenlist,
.rightblock .block-contactform,
.rightblock .block-document,
.rightblock .block-event,
.rightblock .block-faq,
.rightblock .block-file,
.rightblock .block-folder,
.rightblock .block-link,
.rightblock .block-local_link,
.rightblock .block-login,
.rightblock .block-organisation,
.rightblock .block-person,
.rightblock .block-publication,
.rightblock .block-small,
.rightblock .block-user,
.rightblock .block-vacancy,
.rightblock .block-white,
.rightblock .block-who {
	background: none;
	margin: 0;
	padding: 10px 0;
	}

.rightblock .readmore {
	padding: 10px 0 0;
	}


#rightcol .block-logo {
	text-align: center;
}

#main-content {
	background: #406F77;
	color: #fff;
	overflow: hidden;
	}

#main-content a {
	color: #fff;
	font-style: italic;
	text-decoration: underline;
	}

.block .intro-event {
	margin: 0 0 10px;
	padding: 0;
	border-bottom: 1px solid #fff;
	}

.warning {
	background: #D44A25;
	color: #fff;
	}

.feedback {
	background: #D0E1C7;
	}

.block-childrenlist {
	background: #EEF5F8;
	padding: 5px;
	}

.block-date {
	font-size: 0.85em;
	font-style: italic;
	}

.block-header {
	margin: 15px 10px 3px;
	padding: 0 0 0 3px;
	color: #555;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	}

.block-small {
	margin: 0 10px;
	padding: 15px 15px 10px;
	border-top: 1px solid #A2D1E3;
	}

.block-white {
	background: #fff;
	}

#infocus {
	float: right;
	display: inline;
	width: 165px;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	background: #3C8DA8;
	margin: 0 0 10px 10px;
	color: #fff;
	z-index: 1;
	font-size: 0.95em;
	line-height: 1.3em;
	}

#infocus h2 {
	color: #fff;
	padding: 10px 10px 0;
	font-weight: bold;
	}

#infocus a {
	color: #fff;
	}

#infocus p {
	padding: 10px 10px 0;
	}

#infocus p.block-date {
	display: none;
	}

#infocus img {
	border-bottom: 1px solid #fff;
	}

#pagination,
#pageicons {
	height: 20px;
	margin: 5px 10px 10px;
	padding: 0 15px;
	text-align: center;
	}

#pagination {
	border: 1px solid #EFF0E0;
	background: #F7F7F0;
	overflow: hidden;
	}

#pageicons {
	margin: 40px 10px 10px;
	}

#pagination p.left,
#pageicons p.left {
	float: left;
	width: 100px;
	text-align: left;
	}
#pagination p.right,
#pageicons p.right {
	float: right;
	width: 100px;
	text-align: right;
	}

#pageicons p.left,
#pageicons p.right {
	width: 150px;
	}

#pagination span.current {
	font-weight: bold;
	}

#pageicons img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 15px;
	vertical-align: middle;
	}

#comments {
	background: #919FA6;
	margin: 0 10px 5px;
	padding: 5px 15px;
	height: 1.4em;
	}

#comments img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 15px;
	vertical-align: middle;
	}

#commentlist {
	background: #A4BBC5;
	margin: 0 10px;
	padding: 15px 15px 0;
	}

#rightcol {
	float: right;
	display: inline;
	width: 28.5%;
	background: #E8ECEB;
	margin-top: 10px;
	margin-right: 1%;
	}

#whatsnew {
	background: #CEDBE3;
	border-bottom: 10px solid #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#rightimg,
.rightblock {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 10px solid #fff;
	}

.rightblock,
.rightblock  h5, 
.rightblock  span,
.rightblock  h2 a 
 {
	color: #000;
	}

	
.rightblocklatest {
	background: #96B8C2;
	}

#rightimg img {
	width: 100%;
	height: auto;
	}

.rightblock h2,
.rightblock h3 {
	margin: 5px 15px;
	}

.rightblock p {
	margin: 2px 15px;
	}

#morecontent {
	height: 1%;
	margin: 0;
	padding: 0 0 5px;
	border-bottom: 10px solid #fff;
	}

#morecontent p {
	padding: 0 15px;
	}

#leftcol {
	float: left;
	width: 20%; /*display: table; border-collapse:collapse; table-layout:fixed;*/
	}

/* =Footer (05)
----------------------------------------------- */
#footer {
	background: #447691;
	border: none;
	border-top: 10px solid #fff;
	padding: 10px 0px 20px;
	font-size: 70%;
	color: #fff;
	}

#footer p {
	margin: 0 20px;
	padding: 0;
	line-height: 15px;
	vertical-align: top;
	}

#footer img {
	margin: 0;
	padding: 0;
	line-height: 15px;
	vertical-align: top;
	}

#footer a {
	color: #fff;
	}

/* =Lists (06)
----------------------------------------------- */
ul, ol {
	padding: 5px 20px 10px;
	}

#topmenu ul {
	float: right;
	margin: 0;
	padding: 0;
	}

#topmenu ul li {
	display: inline;
	float: left;
	border-left: 1px solid #C5A79D;
	padding: 0.5em 0.6em 0;
	}

#topmenu ul li.first {
	border: none;
	}

#topmenu ul li a {
	padding: 0.2em 0.3em;
	color: #666;
	text-decoration: none;
	display: inline;
	}

#topmenu ul li#flagcolour a {
	color: #A15438;
	}

#topmenu ul li a:hover,
#topmenu ul li#flagcolour a:hover {
	background-color: #A15438;
	color: #fff;
	}

#topmenu ul li.whitebg a:hover {
	background: none;
	}

#leftcol ul {
	list-style-type: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #DBE0D9;
	border-top: 1px solid #fff;
	}

#leftcol li ul {
	border-top: none;
	background: #F5F9FC;
	}

#leftcol li a,
#leftcol li.in-path a,
#leftcol span.current {
	display: block;
	width: 100%;
	margin: 0;
	padding: 3px 0 3px 15px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	}

#leftcol li ul a,
#leftcol li.in-path ul li.current,
#leftcol li.in-path ul li a {
	padding: 2px 0 2px 25px;
	border-bottom: 1px solid #ddd;
	font-size: 0.85em;
	}

#leftcol li.in-path ul li span.current {
	padding: 0;
	border-bottom: none;
	}

#leftcol li a,
#leftcol li a:link {
	color: #333;
	text-decoration: none;
	}

#leftcol li a:hover,
#leftcol li.in-path a,
#leftcol li.current{
	background: #416C7D;
	color: #fff;
	}

#leftcol li.in-path ul li a {
	background: none;
	color: #000;
	}

#leftcol li ul a:hover,
#leftcol li.in-path ul li a:hover,
#leftcol li ul li.current,
#leftcol li ul li.in-path a {
	background: #6E8690;
	color: #fff;
	}

ul#useroptions {
	list-style-type: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 10px 0 0;
	background: #ECFAF5;
	border-top: 1px solid #ccc;
	}

ul#useroptions li span.username,
ul#useroptions li.username a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 3px 0 3px 15px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	background: #D44A25;
	color: #fff;
	}

ul#useroptions a,
ul#useroptions a:link {
	color: #333;
	text-decoration: none;
	}

ul#useroptions a:hover {
	background: #C54624;
	}	

ul#useroptions li ul a:hover {
	background: #DA6242;
	}

.children-list {
	margin: 10px 15px 15px 10px;
	padding: 5px 5px 10px 20px;
	font-size: 0.95em;
	}

.children-list li {
	margin: 0 0 5px;
	}

.children-list a {
	color: #555;
	}

.children-list a:hover {
	text-decoration: underline;
	}

.block-who ul.children-list {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.block-who ul.children-list li {
	margin:  0 0 5px;
	padding:  0 0 5px;
	border-bottom: 1px solid #fff;
	}

.block-who ul.children-list li a {
	color: #008AC3;
	}

.rightblock ul.children-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #fff;
	width: 100%;
	}

.rightblocklatest ul.children-list {
	border-top: 1px solid #E3EEF2;
	}

.rightblock ul.children-list li {
	height: 1%;
	margin: 0;
	border-bottom: 1px solid #fff;
	}

.rightblocklatest ul.children-list li {
	border-bottom: 1px solid #E3EEF2;
	}

.rightblock ul.children-list li a,
.rightblock ul.children-list li a:hover {
	display: block;
	margin: 0;
	padding: 2px 15px;
	overflow: hidden;
	}

.rightblock ul.children-list li a:hover {
	background: #F2F3F5;
	text-decoration: none;
	}

#commentlist ul {
	width: 90%;
	margin: 0;
	}

ul.intro-listing {
	margin: 0 10px;
	padding: 10px 15px;
	list-style-type: none;
	background: #D8E1D0;
	border-bottom: 10px solid #fff;
	}

ul.intro-listing li {
	background: #D8E1D0;
	}

ul.events-toc {
	list-style-type: none;
	margin: 0 10px;
	padding: 15px 15px 0px;
	}

ul.events-toc li {
	font-weight: bold;
	display: block;
	margin: 0.5em 0;
	}

ul.events-toc li ul {
	display: inline;
	list-style-type: none;
	padding-left: 1em;
	}

ul.events-toc li ul li {
	display: inline;
	margin-right: 1em;
	font-weight: normal;
	}

dl.info-list div {
	clear: left;
	margin: 0.15em 0;
	padding: 0;
	}

dl.info-list a {
	text-decoration: none;
	}

dl.info-list a:hover {
	text-decoration: underline;
	}

dl.info-list dt {
	float: left;
	display: block;
	width: 7em;
	margin: 0!important;
	padding: 0;
	}

dl.info-list dd {
	display: block;
	margin: 0 0 0 7em;
	padding: 0;
	}

dl.info-list dd p {
	margin: 0 !important;
	}

* html dl.info-list dd {
	height: 1%;
	}

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

table.stafflist td {
	border-bottom: 1px solid #fff;
	padding: 5px 0;
	}

dl.attributes dt {
	font-weight: bold;
	margin: 0 !important;
	}

dl.attributes dd {
	margin: 0 0 1em 1em !important;
	}

/* =Forms (07)
----------------------------------------------- */
form#searchform {
	float: right;
	display: inline;
	clear: right;
	text-align: right;
	width: 250px;
	margin: 15px 10px 0 0;
	}

form#searchform input.halfbox {
	background: #E3EBEE;
	border: 1px solid #ABBDC7;
	padding: 1px;
	vertical-align: middle;
/*	*vertical-align: text-bottom; */
	}

form#searchform input.searchbutton {
	background: #98424D;
	border: 1px solid #761F2B;
	color: #fff;
	vertical-align: middle;
/*	*vertical-align: text-bottom; */
	}

fieldset {
	margin: 20px 0 10px;
	padding: 1em;
	border: 1px solid #fff;
	}

fieldset div br {
	display: none;
	}

input.user-block {
	width: 170px
	}	

label {
	display : block;
	}

#buttonblock {
	padding: 15px 0 0;
	}

#addcomments,
#commenticon {
	float: left;
	height: 20px;
	line-height: 20px;
	}

.submittext {
	text-align: left;
	background-color: transparent;
	text-decoration: none;
	border: none;
	color: #fff;
	}

input.submittext:hover {
	color: #000;
	}

textarea {
	width: 90%;
	}

form.EntryForm {
	border: 1px solid #fefefe;
	background-color: #e5f0f1;
	color: #000000;
	margin: 15px 0 10px;
	padding: 20px;
	}

form#forum_reply,
form.lightbox {
	background: #A4BBC5;
	margin: 0 10px 10px;
	padding: 15px;
	color: #fff;
	}

/* =Various (08)
----------------------------------------------- */
* html body #wrapper,
* html body #footer {width: 985px /* fallback value */; width:expression(((document.compatMode &&document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth : document.body.clientWidth)>(970/12) * parseInt(document.body.currentStyle.fontSize)?
  "985px" : (((document.compatMode &&document.compatMode=='CSS1Compat') ?
  document.documentElement.clientWidth :document.body.clientWidth) < 765 ? "759px" : "99%")); }
  
@media screen and (min-width: 0px) { 
/* temporary hack to save older Opera-versions (Opera 8+) from the large padding-bottom */ 
html:first-child>body #wrapper .equal,
html:first-child>body #footer .equal {padding-top: 30000px; margin-top: -30000px;}
/* correcting back for Opera 9+ */
html:first-child>body #wrapper div.equal[class^="eq"],
html:first-child>body #footer div.equal[class^="eq"] {padding-top: 0; margin-top: 0;}
}

.flr {float: right; margin: 3px;}
.clrleft {clear: left;}
.clrright {clear: right;}
.clrboth {clear: both;}

.floatright, .imageright {
	float: right;
	margin-left: 20px;
	}

.floatleft, .imageleft {
	float: left;
	margin-right: 20px;
	}

.caption {
	font-size: 0.85em;
	font-style: italic;
	padding: 0 0 10px;
	}

.authors {
	font-style: italic;
}
	
address {
	padding: 10px 0;
	}
	
img {
	border: none;
}


div.class-image {
	float: left;
	margin: 10px;
	padding: 0px;
	background-color: #d8e1d0;
	vertical-align: bottom;
}

div.attribute-image  {
	vertical-align: bottom;
}

.content-navigator ul {
	list-style-type: none;
	margin: 0 0 1em;
	padding: 0;
	text-align: right;
}

.content-navigator ul li {
	display: inline;
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	border-left: 1px solid #000;
}

.content-navigator ul li.disabled   {
	color: #666;
}

#main-content .content-navigator ul li  a {
	font-style: normal;
	text-decoration: none;
}

.content-navigator ul li  a:hover {
	text-decoration: underline;
}

.content-navigator ul li:first-child {
	border-left: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */
  /* for IE/Mac */


#leftcol  div.logos {
	margin-top: 20px;
}

div.logoleft {
	clear: both;
	text-align: center;
	float: left;
	width: 49%;
	margin: 10px 0;
}

div.logoright {
	text-align: center;
	float: right;
	width: 49%;
	margin: 10px 0;
}

div.logolast {
	clear: both;
	text-align: center;
	margin: 10px 0;
}

div.logofull {
	margin-bottom: 1em;
}

/* From core.css */

div.block div.element, div.buttonblock div.element /* Use this style if several objects are to be stacked horizontally within the same block */
{
    padding-right: 1em !important;
    float: left;
}

div.break /* Used this style to terminate floating elements, to clear all floating attributes */
{
    clear: both;
    font-size: 1px;
    height: 1px;
}

div.message-confirmation, div.message-feedback, div.message-warning, div.message-error
{
    margin: 0.5em 0 1em 0;
    padding: 0.25em 1em 0.75em 1em;
    border: 1px solid #000000;
    background-color: #f8f8f4;
}


div.message-error
{
    border-color: #d98078;
}