/* CSS Document

--------------------------------
EMO.cz
Webdesign (c) Metallic Relation, 2008
Last edited: 2008-12-04
--------------------------------

Structure:
	width
	height
	display
	position
	float
	clear
	z-index
	overflow
	margin
	padding
	border
	background
	color
	font
	align

Colors Used:
	- Red: #B92630
	- Blue: #1D3B54

	- Grey 1: 333
	- Grey 2: 555
	- Grey 3: 777
	- Grey 4: #939598
	- Grey 5: #bbb
	- Grey 6: #ccc
	- Grey 7: #ddd
	- Grey 8: #eee

*/



/*---------------------------------------------------------------
GENERAL ELEMENTS
---------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background-color: #fff ;
	color: #555;
	font: normal .75em arial, sans-serif;
	text-align: center;
	line-height: 135%;
}

/* Headings */
h1 {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 1.5em 0 .8em 0;
	padding-bottom: .2em;
	border-bottom: 2px solid #ddd;
	color: #1D3B54;
	font-size: 160%;
	font-weight: bold;
}
h3 {
	margin: 1.5em 0 .6em 0;
	color: #333;
	font-size: 135%;
}
h4 {
	margin: 1em 0 .2em 0;
	color: #333;
	font-size: 110%;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

ul {
	list-style-type: square;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

/* Tables */
table {
	margin: 1em 0 2em 0;
	border-collapse: collapse;
}
caption {
	padding: .3em 0;
  color: #333;
	font-weight: bold;
	text-align: center;
}
td, th {
	padding: .3em 1.5ex;
	border: 1px solid #ddd;
	text-align: center;
}
th {
	background-color: #B92630;
	color: #fff;
	font-weight: bold;
}
tr.odd td {
	background-color: #eee;
}
td, tr.even td {
	background-color: #fff;
}

table.layout {
	margin: 0;
}
table.layout td {
	border-style: none;
	background-color: transparent;
	text-align: left;
	padding: .3em 0;
}

/* Forms */
form, fieldset {
	margin: 0;
	padding: 0;
}
fieldset {
	border-style: none;
}

/* Links */
a, a:link, a:visited, #contents h2 a:link, #contents h3 a:link, #contents h4 a:link {
	color: #1D3B54;
	text-decoration: underline;
}
a:hover, #contents h2 a:hover, #contents h3 a:hover, #contents h4 a:hover {
	color: #B92630;
}
a:active, #contents h2 a:active, #contents h3 a:active, #contents h4 a:active {
	color: #000;
}
#contents h3 a:visited, #contents h4 a:visited {
	color: #4D575F;
}

/* Links in Content */
a.red:link, a.red:visited, #contents a:link {
	color: #B92630;
}
#contents a:hover {
	color: #1D3B54;
}
#contents a:visited {
	color: #8A2831;
}

a img {
	display: block;
	border-style: none;
}

/* Custom Align */
.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}

/* Hidden */
.hidden {
	display: none;
}



/*---------------------------------------------------------------
LAYOUT
---------------------------------------------------------------*/

div.clearer {
	height: 0;
	clear: both;
	font-size: 0;
	line-height: 0;
}



/* DOCUMENT */

#document {
	width: 1000px;
	margin: 0 auto 1em auto;
	text-align: left;
}



/* HEADER */

#header {
	height: 150px;
	position: relative;
	background: #1D3B54 url("../images/bg_header.jpg") no-repeat;
}

/* Logo */
#logo {
	position: absolute;
	top: 0;
	left: 0;
}
#logo h1 {
	margin: 0;
	padding: 0 0 25px 0;
	background: transparent url("../images/half-pipe.jpg") no-repeat 0 117px;
	font-size: 270%;
	font-weight: bold;
	letter-spacing: 12px;
}
#logo h1 a {
	display: block;
	padding: 115px 0 36px 173px;
	background: transparent url("../images/logo.png") no-repeat 20px 10px;
	color: #fff;
	text-decoration: none;
}

/* Language Selection */
#language-selection {
	float: right;
	clear: right;
	margin-top: 10px;
	padding-right: 10px;
}
#language-selection img {
	display: inline;
	margin-left: 10px;
}

/* Motto */
#motto {
	position: absolute;
	bottom: 43px;
	right: 10px;
	color: #fff;
	font-size: 140%;
}

/* Search */
#search {
	position: absolute;
	bottom: 7px;
	right: 10px;
	text-align: right;
}
#search input.text {
	width: 152px;
	margin-right: 3px;
	padding: 3px;
	border: 2px solid #bbb;
}
#search input.search {
	width: 12px;
	height: 14px;
}



/* LEFT SIDEBAR */

#sidebar-left {
	width: 190px;
	float: left;
	margin-bottom: 100px;
}

/* Menu */
#menu {
	margin: 31px 0;
}
#menu ul {
	margin: 0;
	padding: 2px 0 0 0;
}
#menu ul li {
	display: inline;
}

/* Level 1 */
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
	display: block;
	margin-bottom: 2px;
	padding: .3em 2ex;
	background-color: #B92630;
	color: #fff;
	text-decoration: none;
}
#menu ul li a:hover {
	background-color: #1D3B54;
	background-image: none;
}
#menu ul li a.active {
	background-color: #1D3B54;
	background-image: none;
	font-weight: bold;
}
ul.level-1 a.expand {
	background-image: url("../images/expand.png") !important;
	background-repeat: no-repeat;
	background-position: 172px center;
}

/* Level 2 */
#menu ul.level-2 {
	margin-left: 0;
	padding-top: 0;
}
#menu ul.level-2 a, #menu ul.level-2 a:link, #menu ul.level-2 a:visited {
	padding-left: 22px;
	border-bottom: 1px solid #ddd;
	background: #fff url("../images/bg_menu_level-2.jpg") repeat-y top right;;
	color: #555;
}
#menu ul.level-2 a:hover {
	background-color: #ddd;
	background-image: none;
}

/* Level 3 */
#menu ul.level-3 {
	margin-left: 0;
	padding-top: 0;
}
#menu ul.level-3 a, #menu ul.level-3 a:link, #menu ul.level-3 a:visited {
	padding-left: 36px;
	border-bottom-color: #ccc;
	background: #eee url("../images/bg_menu_level-3.jpg") repeat-y top right;;
	color: #555;
}
#menu ul.level-3 a:hover {
	background-color: #ddd;
	background-image: none;
}

/* Poll Box */
ul.poll {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.poll li {
	display: block;
	margin-bottom: .8em;
}
ul.poll a, span.disabled {
    width: 80%;
	float: left;
	margin-bottom: .2em;
}
span.pct {
	float: right;
}
span.bar {
	height: 12px;
	display: block;
	clear: both;
	margin-top: .2em;
	background-color: #ddd;
}
span.bar span {
	display: block;
	height: 100%;
	background-color: #1D3B54;
}



/* RIGHT SIDEBAR */

#sidebar-right {
	width: 190px;
	float: right;
}

/* Boxes */
div.box {
	margin: 7px 0;
	padding: 0 10px .5em 10px;
	background-color: #eee;
}
div.box h2 {
	margin: 0 -10px 1em -10px;
	padding: .3em 10px;
	border-bottom: 2px solid #fff;
	background: #B92630 url("../images/bg_red-gradient5.jpg") repeat-y top right;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}
div.box p {
   width: 100%;
   overflow: auto;
}
div.box img, div.box a img {
	border: 1px solid #ccc;
}

/* Picassa Slideshow */
#slideshow {
	padding: 10px;
	background-color: #1D3B54;
	color: #fff;
}

/* Events Box */
p.event {
	margin: .7em 0;
	padding-bottom: .7em;
	border-bottom: 2px solid #ddd;
}

/* Calendar */
table.calendar {
	width: 170px;
	margin: 0 0 .3em 0;
	border-collapse: collapse;
}

table.calendar caption {
	margin: 0;
	padding: .5em 0;
	text-align: center;
}
table.calendar caption a, table.calendar caption a:link, table.calendar caption a:visited {
	width: 20px;
	height: auto;
	padding: .2em 0;
	background-color: #bbb;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
table.calendar caption a:hover {
	background-color: #555;
}
table.calendar a.previous {
	float: left;
}
table.calendar a.next {
	float: right;
}
table.calendar caption strong {
	width: 130px;
	float: left;
	line-height: 170%;
}

table.calendar th, table.calendar td {
	padding: 0;
	border-style: none;
	border-bottom: 1px solid #ccc;
	line-height: 200%;
}
table.calendar th {
	background-color: #B92630;
	color: #fff;
	font-weight: bold;
}
table.calendar td {
	background-color: #fff;
}
table.calendar a, table.calendar a:link, table.calendar a:visited {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #eee;
	font-weight: bold;
}
td.passed {
	color: #999 !important;
	font-style: italic;
}
table.calendar td.today {
	background-color: #555;
	color: #fff;
}
td.today a, td.today a:link, td.today a:visited {
	background-color: transparent;
	color: #fff;
}
td.today a:hover {
	background-color: #000;
	color: #fff;
}

/* Banners */
#banners div {
	margin-bottom: .5em;
	text-align: center;
}
#banners div a img {
	display: inline-block;
}



/* CONTENTS */

#contents {
	margin: 0 190px;
}
#contents-inner {
	padding: 1.5em 4ex;
	line-height: 150%;
}
#contents-contents {
	width: 100%;
	float: left;
	padding-bottom: 2em;
}



/* FOOTER */

#footer {
	height: 32px;
	position: relative;
	clear: both;
	margin-top: 1em;
	padding: 1em 0;
	background: #F8F8F8 url("../images/bg_footer.jpg") repeat-x;
	color: #666;
	text-align: center;
}
#footer-logo {
	width: 87px;
	height: 95px;
	position: absolute;
	top: -75px;
	left: 66px;
	background: transparent url("../images/logo-footer.jpg") no-repeat;
}
#footer div.partners {
	margin-bottom: 1em;
}
#footer div.partners a {
	padding: 0 3ex;
	font-weight: bold;
	letter-spacing: .5ex;
}
#footer a, #footer a:link, #footer a:visited {
	color: #666;
}
#footer a:hover {
	color: #000;
}
span.pipe {
	padding: 0 1.5ex;
}