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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body {
	background-color: #f0f1f2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px 0px 25px 0px;
	padding: 0px;
	text-align: center;
}

form {
	padding: 0;
	margin: 0;
}

a {
	color: #D00063;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

.spacer1 {
	clear: both;
	height: 1px;
	font-size: 1px;
	background-color: transparent;
}

#outerframe {
	width: 700px;
	margin: 0px auto;
	padding: 0 150px 0 0;
	position: relative;
}

#mainframe {
	width: 700px;
	margin: 0px auto;
	text-align: left;
}

#topbar {
	height: 64px;
	background-color: #D00063;
	background-image: url(../gfx/logo.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* navbar */
	/* form */

#nav, #nav ul {
	padding: 37px 0 0 13px;
	margin: 0;
	list-style: none;
	Xline-height: 1.5;
	z-index: 100;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	border-color: #e880b1;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	padding: 0px 8px;
}

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

#nav li a.on {
	color: #000;
	background: #BDD719;
}

#nav li a.last { border: 1px #e880b1 solid; }

#nav li ul {
	padding: 0;
	margin-top: -1px;
	background: #fff;
	border-color: #e880b1;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
}

#nav li li a {
	font-size: 90%;
	color: #000;
	border-width: 1px 0px 0px 0px;
	border-color: #e880b1;
	border-style: solid;
	padding: 1px 2px 1px 5px;
}

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

	/* function */
#nav li {
	/* all list items */
	float: left;
}

#nav li ul li {
	/* 2nd level item */
	width: 260px /* width needed or else Opera goes nuts */;
}

#nav li ul {
	/* second-level lists */
	position: absolute;
	width: 260px;
	left: -999em /* using left instead of display to hide menus because display: none isn't read by screen readers */;
}

#nav li:hover ul,
#nav li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
}

/* end-navbar */


#main { background-color: #f0f1f2; }

#path {
	height: 37px;
	background: #fff;
	font-size: 80%;
	padding: 0 13px;
}

#path a:link { color: ; }
#tree { background: #fff; }

#tree ul {
	border-top: 16px #dc408a solid;
	background-image: url(../gfx/e880b1.gif);
	background-color: #D00063;
	background-repeat: repeat-y;
	background-position: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#tree ul li {
	border-bottom: 1px #e880b1 solid;
	padding: 0px 5px 0px 18px;
}

#tree ul li a {
	color: #fff;
	font-size: 90%;
}

#tree ul li.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul li.on a { font-weight: bold; }
#tree ul li.level1 { background-color: #fff; }
#tree ul li.level1 a { color: #D00063; }

#tree ul#debate {
	background: #fff;
	font-size: 100%;
}

#tree ul#debate li.debate a { color: #D00063; }
#tree ul#debateentry li span.author,
#tree ul li span.date { font-size: 80%; }

#tree ul#debateentry li.level2 {
	background: #fff;
	padding-left: 28px;
}

#tree ul#debateentry li.level3 {
	background: #fff;
	padding-left: 38px;
}

#tree ul#debateentry li.level4 {
	background: #fff;
	padding-left: 48px;
}

#tree ul#debateentry li.level5 {
	background: #fff;
	padding-left: 58px;
}

#tree ul#debateentry li.level6 {
	background: #fff;
	padding-left: 68px;
}

#tree ul#debateentry li.level7 {
	background: #fff;
	padding-left: 78px;
}

#tree ul#debateentry li.level8 {
	background: #fff;
	padding-left: 88px;
}

#tree ul#debateentry li.level9 {
	background: #fff;
	padding-left: 98px;
}

#tree ul#debateentry li.level2.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul#debateentry li.level3.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul#debateentry li.level4.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul#debateentry li.level5.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul#debateentry li.level6.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul#debateentry li.level7.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul#debateentry li.level8.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul#debateentry li.level9.on {
	background-image: url(../gfx/treebg_on.gif);
	background-repeat: repeat-y;
}

#tree ul#debateentry li.level2 a { color: #D00063; }
#tree ul#debateentry li.level3 a { color: #D00063; }
#tree ul#debateentry li.level4 a { color: #D00063; }
#tree ul#debateentry li.level5 a { color: #D00063; }
#tree ul#debateentry li.level6 a { color: #D00063; }
#tree ul#debateentry li.level7 a { color: #D00063; }
#tree ul#debateentry li.level8 a { color: #D00063; }
#tree ul#debateentry li.level9 a { color: #D00063; }

#tree ul#addons {
	background-color: #fff;
	background-image: none;
}

#tree ul#addons h3 {
	padding: 8px 0 8px 13px;
	margin: 0;
	font-size: 90%;
	border-bottom: 1px #f0f1f2 solid;
}

#tree ul#addons a { color: #D00063; }

#tree ul#addons li {
	padding: 0px 5px 4px 13px;
	margin: 2px 0 0 0;
	border-bottom: 1px #f0f1f2 solid;
}

#tree ul#addons li .body {
	font-size: 80%;
	padding: 0;
	margin: 0;
}

#tree ul#cronoimages { border-top: 0; }
#tipser li.level1 { font-size: 80%; }

#tipser input {
	font-size: 80%;
	width: 150px;
}

#tipser .buttcon {
	text-align: right;
	padding: 8px 0;
}

#article #content, #folder #content, #movie #content, #debate #content { background: #fff; }

#article h1, #folder h1, #movie h1, #debate h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 4px 15px 2px 15px;
	font-size: 135%;
	background-color: #BDD719;
}

#article .date, #article .author {
	color: #000;
	font-size: 80%;
	float: right;
	clear: right;
	margin-right: 1px;
}

#article .author a { color: #000; }

#article .caption, #folder .caption, #movie .caption, #debate .caption {
	padding: 30px 15px 0px 15px;
	font-weight: bold;
}

#folder .caption2 { padding: 30px 15px 0px 15px; }
#article .body, #movie .body, #debate .body { padding: 30px 15px 30px 15px; }
#article hr { text-align: center; }

#article #event table tr th {
	font-size: 90%;
	text-align: left;
}

#article #event tr.borderb td,
#article #event tr.borderb th { border-bottom: 1px #e880b1 solid; }

#article .media .item h2 {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

#folder .children a { font-weight: bold; }

#folder .children {
	font-weight: normal;
	padding: 0 0 16px 0;
}

#folder #prevnext {
	font-size: 90%;
	margin: 8px;
}

#folder #prevnext .next { float: right; }
#folder #prevnext .prev { float: left; }
ul#searchresults, ul.searchresults { padding: 0 0 0 13px; }

/* movie also used for play */
#movie .row, #movie table tr td {
	clear: both;
	border-top: 1px #e880b1 solid;
}

#movie .row.sub, #movie table tr.rolelist td { border-color: #f0f1f2; }
#movie table tr td.label { font-weight: bold; }

#movie .row span.label {
	float: left;
	width: 33%;
	text-align: left;
	font-weight: bold;
}

#movie .row span.label.sub,
#movie table tr.rolelist td.label {
	font-weight: normal;
	padding-left: 8px;
}

#movie .row span.element {
	float: right;
	width: 66%;
	text-align: left;
}

#movie .row span.element .item,
#movie td.element .item {
	text-align: center;
	font-size: 90%;
	margin: 8px 0;
}

#movie .row span.element .item .title,
#movie td.element .item .title { font-weight: bold; }
#movie .row span.element .item img,
#movie td.element .item img { border-width: 1px; }

#movie .row span.element .item .body,
#movie td.element .item .body {
	font-style: italic;
	padding: 0;
	margin: 0;
}

#movie #rolelist { clear: both; }

#movie #rolelist .label {
	border-top: 2px #f0f1f2 solid;
	padding: 0 8px;
}

#movie #rolelist .element { border-top: 2px #f0f1f2 solid; }
#debate .body { padding: 15px 15px 30px 15px; }

#debate h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0;
}

#debate #content .caption,
#debate #content .body { background: #fff; }
#debate #content { background: #f0f1f2; }

#debate #content .author {
	text-align: right;
	padding: 8px 15px 0px 15px;
}

#debate #content .author span.date { font-size: 80%; }
#debate #content .deletor { float: right; }
#debate #content .deletor .butt { margin: 0; }

#debate .newpost, #debate .deletepost {
	padding: 15px 15px 30px 15px;
	background-color: #f0f1f2;
}

#debate #content input,
#debate #content textarea,
#debate #content .deletepost input.deletepass {
	width: 100%;
	font-size: 90%;
}

#frontpage { background: #fff; }
#frontpage #bar { height: 40px; }
#frontpage #bar img.captiontxt { padding-top: 9px; }
#frontpage #caption img { padding-left: 8px; }

#frontpage #language img {
	padding-right: 8px;
	border: 0;
	padding-top: 10px;
}

#frontpage #search { text-align: right; }

#frontpage #search input.field {
	font-size: 10px;
	width: 100px;
	margin-right: 8px;
	border: 1px #000 solid;
}

#frontpage #search input.butt {
	background: #D00063;
	border: 0;
	font-size: 10px;
	color: white;
	font-weight: bold;
	margin-right: 8px;
}

#frontpage #leftcol { margin-left: 8px; }
#frontpage #rightcol { margin-right: 8px; }
#frontpage .news { background: #C8DB00; }

#frontpage .news .header {
	font-weight: bold;
	padding: 2px 4px;
	font-size: 75%;
	border-bottom: 1px #E4ED80 solid;
}

#frontpage .news .item h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	padding: 4px 4px 8px 4px;
	margin: 0;
}

#frontpage .news .item .caption {
	font-size: 80%;
	padding: 0 4px;
}

#frontpage .news .item a.readmore {
	display: block;
	font-size: 75%;
	text-decoration: underline;
	padding: 4px 4px 8px 4px;
	border-bottom: 1px #E4ED80 solid;
}

#frontpage .news a.morenews {
	display: block;
	text-align: right;
	font-size: 75%;
	color: #000;
	padding: 2px 4px;
}

#frontpage #leftcol .triviabox {
	margin: 0;
	padding: 0;
}

#frontpage #leftcol .triviabox .left {
	width: 155px;
	background: #D00063;
}

#frontpage #leftcol .triviabox .middle {
	width: 5px;
	background: #fff;
}

#frontpage #leftcol .triviabox .right {
	width: 155px;
	background: #D00063;
}

#frontpage #leftcol .triviabox .header {
	font-weight: bold;
	font-size: 75%;
	color: #fff;
	padding: 2px 4px;
	border-bottom: 1px #e880b1 solid;
}

#frontpage #leftcol .triviabox .content {
	font-size: 80%;
	color: #fff;
	padding: 8px 4px 8px 4px;
}

#frontpage #leftcol .triviabox button#svar,
#popquiz button, #fullformat button, #bigquiz button {
	background: #fff;
	border: 0;
	font-size: 10px;
	color: #000;
	font-weight: bold;
	margin: 8px 0px 0px 4px;
}

#frontpage #leftcol .triviabox a.morequestions,
#frontpage #leftcol .triviabox form#testfriend a {
	display: block;
	text-align: right;
	font-size: 75%;
	color: #fff;
	padding: 2px 4px;
	border-top: 1px #e880b1 solid;
}

#frontpage #leftcol .spacer8 {
	clear: both;
	height: 8px;
	font-size: 8px;
	background-color: transparent;
}

#frontpage .media {
	clear: both;
	background: #f0f1f2;
	margin-bottom: 8px;
}

#frontpage .media .header {
	font-weight: bold;
	font-size: 75%;
	padding: 2px 4px;
	border-bottom-width: 0 !important;
	background-color: transparent !important;
	color: #000 !important;
}

#frontpage .media .item {
	font-size: 80%;
	padding: 4px 4px;
	border-top: 1px #787879 solid;
}

#frontpage #rightcol .header,
#frontpage #morearticles .header {
	font-weight: bold;
	font-size: 75%;
	color: #fff;
	background: #D00063;
	padding: 2px 4px;
	border-bottom: 1px #e880b1 solid;
}

#frontpage #rightcol form {
	font-weight: bold;
	font-size: 75%;
	color: #fff;
	background: #D00063;
	padding: 2px 4px;
	border-bottom: 1px #e880b1 solid;
}

#frontpage #rightcol form select {
	font-size: 95%;
	padding: 0;
	margin: 1px;
}

#frontpage #rightcol form span.label {
	width: 50px;
	display: block;
	float: left;
	padding-top: 3px;
}

#frontpage #activitycal button.actbutt {
	background: #fff;
	border: 0;
	font-size: 10px;
	color: #000;
	font-weight: bold;
	margin: 4px;
}

#frontpage #activitycal table td { font-size: 80%; }
#frontpage #activitycal table#selector tr td { font-size: 100%; }

#frontpage #rightcol #activitycal table tr.tabhead td a {
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

#frontpage #rightcol ul,
#frontpage #morearticles ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#frontpage #rightcol ul li,
#frontpage #morearticles ul li {
	border-bottom: 1px #e880b1 solid;
	padding: 4px 2px 4px 2px;
}

#frontpage #rightcol ul li span.date,
#frontpage #morearticles ul li span.date { font-size: 75%; }

.rightalign {
	text-align: right;
	padding: 5px 0;
}

button.butt, input.butt {
	background: #D00063;
	border: 0;
	font-size: 10px;
	color: white;
	font-weight: bold;
	margin-right: 8px;
}

#popquiz, #fullformat, #bigquiz, #eventor { background: #D00063; }
#popquiz img, #eventor img { margin: 10px; }
#popquiz a { color: #fff; }

#fullformat .head, #bigquiz .head {
	background: #D00063;
	padding: 10px;
}

#fullformat .content, #bigquiz .content, #eventor .content {
	background: #f0f1f2;
	padding: 10px;
}

#fullformat .body {
	padding: 10px;
	text-align: left;
}

#bigquiz ul {
	list-style: none;
	text-align: left;
}

#bigquiz ul li { padding: 10px; }

#bigquiz .wrong {
	color: red;
	font-weight: bold;
}

#bigquiz table td { font-size: 80%; }
#eventor form#eventselect { padding-bottom: 20px; }
#eventor table#fieldtab { margin: 0 50px; }
#eventor tr.borderb td,
#eventor tr.borderb th { border-bottom: 1px #787879 solid; }

#eventor th {
	font-size: 70%;
	text-align: left;
}

#eventor td { font-size: 70%; }
#eventor #eventfields input,
#eventor #eventfields textarea { width: 99%; }
#eventor #eventfields input.butt,
#eventor #eventfields input.checker { width: auto; }
.playlist ul li { padding: 0 0 1ex 0; }

.sitatcontainer {
	width: 700px;
	height: 144px;
	background-image: url(../gfx/frontline.jpg);
	background-repeat: no-repeat;
}

.sitatruter {
	width: 285px;
	float: right;
	background-image: url(../gfx/ruter.gif);
	margin: 10px;
	margin-right: 6px;
}

.sitathvit {
	width: 259px;
	float: right;
	background-color: #ffffff;
	padding: 5px;
	color: #D60063;
	font-size: 11px;
}

#sponsors {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 140px;
	height: 195px;
	border: 1px #787879 solid;
	background: #f0f1f2;
	padding-bottom: 5px;
}

#sponsors h4 {
	margin: 0;
	font-size: 75%;
	text-transform: uppercase;
	background: #fff;
	padding: 2px;
	border-bottom: 1px #787879 solid;
}

#sponsors img { margin-top: 40px; }


#ibsensearch #hitlist {
	margin-top: 10px;
}

#ibsensearch #hits {
	margin-bottom: 10px;
}

#ibsensearch #pages {
	margin-bottom: 10px;
}

#ibsensearch div.hit {
	margin-bottom: 5px;
}

#ibsensearch div.hit h3 {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

#ibsensearch div.hit h3 span {
	font-size: 0.8em;
	color: #444;
}

#ibsensearch div.hit div.caption {
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}