/*
Theme Name: Exove III theme
Theme URI: http://www.exove.fi
Description: Exove III theme
Version: 3.0
Author: Janne Kalliola
Author URI: http://www.kallio.la

*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End reset */

body {
  background: #fff url(images/bg-red.gif) repeat-x top center;
  color: #333;
  font: normal 16px/1.5em Georgia, Times, serif;
  text-align: center;
  min-width: 960px;
}

h1, .h1 {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 0.3em;
}

h2, .h2 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.0em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

h2.blog {
  margin-top: 2.5em;
}

h2.blog-first {
  margin-top: 1.5em !important;
}

h3, .h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
} 

.h1, .h2, .h3 {
  display: block;
}

h3.bigger {
  font-size: 20px;
  line-height: 1.2em;
}

h5 {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  color: #999999;
  text-transform: uppercase;
  padding-bottom: 10px;
}

h1 a, h2 a, h3 a, h5 a, h1 a:visited, h2 a:visited, h3 a:visited, 
h5 a:visited,
.h1 a, .h2 a, .h3 a, .h5 a, .h1 a:visited, .h2 a:visited, 
.h3 a:visited, .h5 a:visited {
  color: #333;
  text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h5 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h5 a:hover,
a:hover .h1, a:hover .h2, a:hover .h3, a:hover .h5 {
  text-decoration: underline;
}

p {
  margin-bottom: 1em;
}

ul li {
  list-style: disc;
  margin-left: 1.25em;
  margin-bottom: 0.5em;
}

ol li {
  list-style: decimal;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}

td {
  vertical-align: top;
  padding-right: 20px;
}

input, textarea {
  border: 1px solid #999;
  padding: 3px;
  color: #333;
  font: normal 13px/1.5em Georgia, Times, serif;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

a, a:active, a:visited {
  text-decoration: none;
  color: #d42a23;
}

a:hover {
  text-decoration: underline;
}

a.nostyle, a.nostyle:visited {
  text-decoration: none;
  color: #333 !important;
}

a.nostyle:hover strong, a.nostyle:hover h3, a.nostyle:hover .h3 {
  text-decoration: underline !important;
}

a.anchor {
  height: 0px;
  display: none;
}

body.body-red {
  background: #fff url(images/bg-red.gif) repeat-x top center;
}

body.body-blue {
  background: #fff url(images/bg-blue.gif) repeat-x top center;
}

body.body-darkblue {
  background: #fff url(images/bg-dblue.gif) repeat-x top center;
}

body.body-green {
  background: #fff url(images/bg-green.gif) repeat-x top center;
}

body.body-cyan {
  background: #fff url(images/bg-cyan.gif) repeat-x top center;
}

body.body-orange {
  background: #fff url(images/bg-orange.gif) repeat-x top center;
}

body.body-purple {
  background: #fff url(images/bg-purple.gif) repeat-x top center;
}

a.blog {
  color: #006479;
}

strong.red {
  color: #d42a23;
}

.block-blue h1, .block-blue h1 a, .block-blue h2, .block-blue h3, 
.block-blue .h1, .block-blue .h1 a, .block-blue .h2, .block-blue .h3, 
.block-blue a, strong.blue, body.body-blue a, body.body-blue a:visited {
  color: #005fa8;
}

.block-darkblue h1, .block-darkblue h1 a, .block-darkblue h2, 
.block-darkblue h3, .block-darkblue .h1, .block-darkblue .h1 a, 
.block-darkblue .h2, .block-darkblue .h3, .block-darkblue a, strong.darkblue, 
body.body-darkblue a, 
body.body-darkblue a:visited {
  color: #262e7a;
}

.block-green h1, .block-green h1 a, .block-green h2, .block-green h3, 
.block-green .h1, .block-green .h1 a, .block-green .h2, .block-green .h3, 
.block-green a, strong.green, body.body-green a, body.body-green a:visited {
  color: #77aa38;
}

.block-cyan h1, .block-cyan h1 a, .block-cyan h2, .block-cyan h3, 
.block-cyan .h1, .block-cyan .h1 a, .block-cyan .h2, .block-cyan .h3, 
.block-cyan a, strong.cyan, body.body-cyan a, body.body-cyan a:visited {
  color: #006479;
}
   
.block-orange h1, .block-orange h1 a, .block-orange h2, .block-orange h3, 
.block-orange .h1, .block-orange .h1 a, .block-orange .h2, .block-orange .h3, 
.block-orange a, strong.orange, body.body-orange a, body.body-orange a:visited {
  color: #c04e26;
}
   
.block-purple h1, .block-purple h1 a, .block-purple h2, .block-purple h3, 
.block-purple .h1, .block-purple .h1 a, .block-purple .h2, .block-purple .h3, 
.block-purple a, strong.purple, body.body-purple a, body.body-purple a:visited {
  color: #681499;
}

.body-red .copy-color {
  color: #d42a23;
}

.body-blue .copy-color {
  color: #005fa8;
}

.body-darkblue .copy-color {
  color: #262e7a;
}

.body-green .copy-color {
  color: #77aa38;
}

.body-cyan .copy-color {
  color: #006479;
}

.body-orange .copy-color {
  color: #c04e26;
}

.body-purple .copy-color {
  color: #681499;
}

#topbar {
  height: 64px;
  width: 940px;
  margin: 0px auto;
  text-align: left;
}

#slogan {
  color: #fff;
  padding-top: 31px;
}

#slogan a {
  color: #fff;
  text-decoration: none;
}

#logo {
  float: right;
  padding-top: 14px;
}

#page {
  text-align: left;
  width: 940px;
  margin: 0px auto;
}

#header {
  padding-top: 12px;
}

#header-left {
  float: left;
  width: 220px;
  text-align: right;
}

#header-language {
  float: left;
}

#header-left a {
  color: #000;
  text-transform: uppercase;
}

#header-menu {
  margin-left: 240px;
  width: 710px;
}

#header-mainmenu li {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0px;
  float: left;
}

.header-mainmenu-en li {
  padding-right: 21px;
}

.header-mainmenu-fi li {
  padding-right: 17px;
}

#header-mainmenu li.last, #header-mainmenu li.last {
  padding-right: 0px;
}

#header-mainmenu li a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

#header-mainmenu li a:hover {
  text-decoration: underline;
}
    
.body-red #header-mainmenu li.current a {
  color: #d42a23 !important;
}

.body-blue #header-mainmenu li.current a {
  color: #005fa8 !important;
}

.body-darkblue #header-mainmenu li.current a {
  color: #262e7a !important;
}

.body-green #header-mainmenu li.current a {
  color: #77aa38 !important;
}

.body-cyan #header-mainmenu li.current a {
  color: #006479 !important;
}

.body-orange #header-mainmenu li.current a {
  color: #c04e26 !important;
}

.body-purple #header-mainmenu li.current a {
  color: #681499 !important;
}

#header-submenu {
  clear: both;
}

#header-submenu li {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0px;
  float: left;
  font-size: 13px;
  padding-right: 20px;
}

#header-submenu li.last {
  padding-right: 0px;
}

#header-submenu li a {
  color: #000;
  text-decoration: none;
}

#header-submenu li a:hover {
  text-decoration: underline;
}
    
#header-submenu li.current a {
  color: #d42a23 !important;
}

.body-red #header-submenu li.current a {
  color: #d42a23 !important;
}

.body-blue #header-submenu li.current a {
  color: #005fa8 !important;
}

.body-darkblue #header-submenu li.current a {
  color: #262e7a !important;
}

.body-green #header-submenu li.current a {
  color: #77aa38 !important;
}

.body-cyan #header-submenu li.current a {
  color: #006479 !important;
}

.body-orange #header-submenu li.current a {
  color: #c04e26 !important;
}

.body-purple #header-submenu li.current a {
  color: #681499 !important;
}

#content {
  clear: both;
  padding-top: 128px;
  margin-left: 240px;
}

#body-front #content {
  margin-left: 320px;
}

.block {
  clear: both;
}

.block-end {
  clear: both;
  height: 0px;
}

.line {
  background: url(images/greyline.gif) repeat-x;
}

.whiteline {
  background: #fff;
}

.left-column-4 {
  width: 300px;
  float: left;
  margin-left: -240px;
  padding-top: 16px;
  margin-right: 20px;
  margin-bottom: 1em;
}

#body-front .left-column-4 {
  margin-left: -320px !important;
}

.left-column-3-up {
  width: 220px;
  float: left;
  margin-left: -240px;
  padding-top: 4px;
}

.left-column-4-up {
  width: 300px;
  float: left;
  margin-left: -240px;
  padding-top: 4px;
}

.main-column-5 {
  width: 380px;
  padding-top: 16px;
  float: left;
}

.main-column-6 {
  width: 460px;
  padding-top: 16px;
  float: left;
}

.main-column-8 {
  width: 620px;
  padding-top: 16px;
  float: left;
}

.main-column-9 {
  width: 700px;
  padding-top: 16px;
  float: left;
}

.main-column-6-left-3 {
  width: 460px;
  padding-top: 16px;
  float: left;
  margin-left: -240px;
  padding-left: 240px;
  margin-bottom: 1em;
}

.main-column-6-left-3 h2, .main-column-6-left-3 .h2 {
  float: left;
  width: 220px;
  padding-right: 20px;
  margin-left: -240px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.main-column-4 {
  width: 300px;
  float: left;
  padding-top: 16px;
}

.right-column-4 {
  width: 300px;
  float: right;
  padding-top: 16px;
}

.right-column-3 {
  width: 220px;
  float: right;
  padding-top: 16px;
}

.main-column-3-8 {
  width: 193px;
  float: left;
  margin-right: 20px;
}

.main-column-3-9 {
  width: 220px;
  float: left;
  margin-right: 20px;
}

.left-image {
  float: left;
  margin: 8px 20px 0px -240px;
}

.left-half-image {
  float: left;
  margin: 8px 20px 0px -170px;
}

.image-borders {
  padding: 8px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.half-padding {
  padding-top: 8px !important;
}

.smallertext, .smallertext strong {
  font-size: 13px;
  line-height: 1.5em;
}

.accordion .block {
  width: 700px;
  background: no-repeat top right;
  border-top: 1px #ccc solid;
}  

.accordion .main-column-4 {
  padding: 0px !important;
  height: 40px;
  overflow: hidden;
}

.accordion h3 {
  text-transform: uppercase;
  width: 680px !important;
  height: 24px;
  padding-top: 11px;
  padding-bottom: 5px;
  padding-left: 20px;
  z-index: -1;
  background: url(images/bg-accordion.gif) no-repeat;
  margin-top: 0px;
  margin-bottom: 0px;
}

.accordion h3:hover {
  background: url(images/bg-accordion-hover.gif) no-repeat;
}

.accordion .selected h3, .accordion .selected h3:hover {
  background: url(images/bg-accordion-active.gif) no-repeat;
}

.accordion-image {
  height: 360px;
}

.accordion-end {
  border-top: 1px #ccc solid;
  width: 700px;
  height: 1px;
}

.carousel {
  padding-top: 0px !important;
}

.carousel li {
  padding: 0px;
  margin-left: 0px;
  margin-right: 20px;
  list-style: none;
  min-height: 140px; /* ##TODO## Support IE6 */
}

.carousel-navi {
  clear: both;
  height: 20px;
}

.carousel-navi-buttons {
  float: left;
  line-height: 1.0em;
  padding-top: 3px;
  display: block;
  margin-top: -6px;
}

.carousel-navi-buttons span {
  cursor:pointer; 
}

.carousel-navi-strip {
  float: right;
  height: 11px;
}

.carousel-navi-circle {
  display: block;
  float: left;
  width: 11px;
  height: 11px;
  background: url(images/cmarker.gif) no-repeat;
  cursor:pointer; 
  overflow: hidden;
}

.carousel-navi-selected {
  background-position: 0px -11px;
}

#front-events-list li {
  list-style: none;
  margin-left: 0px;
}

#commenttable td {
  padding-bottom: 3px;
}

#map {
  width: 218px;
  height: 145px;
  border: 1px solid #333;
}

.border {
  border: 1px solid #333;
}

.icon {
  float: left;
  padding: 5px 10px 5px 0px;
}

.blog-date {
  float: left; 
  font-weight: bold;
}

.image-caption {
  font-style: italic;
  font-size: 13px;
  line-height: 1.5em;
}

.pane {
  font-size: 13px;
  line-height: 1.5em;
  padding-top: 16px;
  padding-bottom: 16px;
}

.itemlist li {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0px;
  padding-bottom: 16px;
}

.sidebar-archive-pane {
  width: 220px;
  overflow: hidden;
}

#sidebar-archive {
  padding-left: 45px;
  width: 205px;
}

#sidebar-archive strong {
  display: block;
  clear: both;
  float: left;
  width: 45px;
  margin-left: -45px;
  color: #fff;
}

#sidebar-archive strong a {
  float: none;
}

#sidebar-archive a, #sidebar-archive span {
  display: block;
  width: 30px;
  float: left;
}

#sidebar-archive span {
  color: #fff;
}

.sidebar-categories-pane {
  background: url(images/greyline.gif) repeat-x left center;
}

#sidebar-categories ul li {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0px;
}

#sidebar-events ul li {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0px;
}

#searchsubmit {
/*  padding-top: 3px;*/
}

#contact-area {
  clear: both;
}

#contact-form {
  background-color: #d42a23;
}

body.body-blue #contact-form {
  background-color: #005fa8;
}

body.body-darkblue #contact-form {
  background-color: #262e7a;
}

body.body-green #contact-form {
  background-color: #77aa38;
}

body.body-cyan #contact-form {
  background-color: #006479;
}

body.body-orange #contact-form {
  background-color: #c04e26;
}

body.body-purple #contact-form {
  background-color: #681499;
}

#contact-form {
  display: none;
  color: #fff;
  padding: 16px;
}

#contact-form a {
  color: #fff !important;
}

#contact-form #contact, #contact-form #msg {
  width: 420px;
  margin-bottom: 1em;
}

#contact-link-p {
  float: right;
  margin: 0px !important;
}

#contact-form-throbber {
  display: none;
}

#contact-form-throbber img {
  padding: 6px 0px;
}

#contact-messages {
  display: block;
  margin-top: 0.5em;
}

#contact-form-details, #contact-form-success, #contact-form-error {
  display: none;
  font-weight: bold;
}

#content-end {
  clear: both;
  height: 20px;
}

#page-footer {
  clear: both;
  background-color: #808080;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 20px 0px;
  font-size: 13px;
  line-height: 1.5em;
}

#footer {
  width: 940px;
  text-align: left;
  margin: 0 auto;
}

#footer-contact {
  margin-left: 240px;
}

#body-front #footer-contact {
  margin-left: 320px;
}

.footer-address {
  width: 160px;
  height: 80px;
  float: left;
  margin-right: 20px;
}

#body-front .footer-address {
  width: 140px;
}

.footer-address-last {
  margin-right: 0px !important;
}

.footer-address a {
  color: #fff !important;
}

#footer-menu {
  margin-left: 240px;
  clear: both;
  padding: 20px 0px;
}

#body-front #footer-menu {
  margin-left: 320px;
}

#footer-mainmenu li {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0px;
  float: left;
  padding-right: 20px;
}

#footer-mainmenu li.last {
  padding-right: 0px;
}

#footer-mainmenu li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.left-tab {
  display: block;
  float: left;
  width: 100px;
  padding-right: 10px;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.full-width {
  width: 100%;
}  

.error {
  font-style: italic;
}

.exove-form-table td {
  padding: 2px;
}

.exove-form-table tr {
  border-bottom: 1px solid white;
}

.exove-form-missing, .exove-form-error {
  display: none;
  color: #c00;
}

.exove-form-thanks {
  display: none;
  color: #090;
}

.exove-form-throbber, .exove-form-file {
  display: none;
}

.missing-field {
  background-color: #ddd;
}

.polaroid {
  border: 1px solid #333;
  padding: 10px;
  width: 300px;
  margin-bottom: 1em;
}

.polaroid img {
  border: 1px solid #333;
}

.last {
  padding-right: 0px;
  margin-right: 0px;
}