/*
Theme Name: Zoom8
Theme URI: http://www.anglia.fi/
Description: 
Version: 1.0
Author: Jaakko Alajoki
Author URI: http://www.anglia.fi
Tags: 

*/

/* ALUEET */

body {
    margin: 0;
    padding: 0;
    font-family: "tahoma", "trebuchet ms", verdana, sans-serif;
    font-size: 0.8em;
    line-height: 150%;
    color: #336;
    background: #fff url('images/back.gif') top right repeat-y;
}

body#popup {
    margin: 10px;
    background: #fff;
}

#top {
    display: none;
    background: #fff;
    border-bottom: solid #3a7ea1 1px;
}

#header {
    background: #fff url('images/topGrad.jpg') top left repeat-x;
    height: 123px;
}

#header img {
    margin-top: 40px;
    margin-left: 30px;
    border: 0;
}

#container {
}

#text {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 123px;
    left: 0;
    right: 260px;
}

#navigointi {
    text-align: left;
    position: absolute;
    right: 52px;
    top: 60px;
}

.col3 {
    float: left;
    width: 32%;
    margin: 0 0 0 2%;
    padding: 0;
    display: inline; /* IE hack */
}

.col12 {
    padding: 0;
    float: left;
    margin-left: 2%;
    width: 63%;
}

.col123 {
    padding: 0;
    margin: 0 0 0 2%;
}

#footer {
    clear: both;
    height: 30px;
}

#sponsorit {
    margin: 0;
}

#kisalinkit {
    margin: 20px 0 0 0;
}

#sponsorit p {
    margin: 0 0 20px 0;
}

#sponsorit ul,
#kisalinkit ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sponsorit ul li,
#kisalinkit ul li {
    margin: 1em 0 0 0;
}

#sponsorit img,
#kisalinkit img {
    border: 0;
    max-width: 200px;
    width: auto !important;
    width: 200px;
}

#kisalinkit {
}

/* OTSIKOT */

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #669;
}

h1 {
    background: url('images/headerPic.jpg') top right no-repeat;
    height: 123px;
}

body#popup h1 {
    background: none;
    height: auto;
}

h2 {
    margin: 20px 0;
    color: #c40;
    font-size: 1.8em;
}

.col3 h2 {
    background: none;
    border: 0;
    margin: 20px 0;
    padding: 0;
    color: #3a7ea1;
    border-bottom: solid #3a7ea1 1px;
    font-size: 0.8em;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
}

h3 {
    color: #3a7ea1;
    font-family: "trebuchet ms", georgia, garamond, verdana;
    text-transform: none;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

#jollaWrapper h3 {
    margin-top: 30px;
}

.col3 h3, h4 {
    font-size: 0.8em;
    margin: 20px 10px 0 0px;
    color: #d40;
    font-weight: normal;
    text-transform: uppercase;
}

/* LINKIT */


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

a:hover, a:active {
    text-decoration: underline;
    color: #333;
}

#navigointi a {
    text-decoration: none;
}

#navigointi a:link, #navigointi a:visited {
    color: #056ba5
}

#navigointi a:hover, #navigointi a:active {
    color: #769e9e;
}

p.img {
    float: left;
    margin: 5px 10px 5px 0;
    padding: 0;
}

p.img a {
    display: block;
    padding: 3px;
    border: 1px solid #c4c4c2;
}

p.img a:hover {
    border: 1px solid #333;
}

/* YLEISIA MAARITYKSIA */

.invisible {
    display: none;
}

.visible {
    display: block;
}

table, td, th {
    font-size: 1em;
}

img {
    border: 0;
}

label {
    display: block;
    width: 140px;
    margin-right: 20px;
    float: left;
    font-weight: bold;
}

input, textarea, select {
    padding: 3px;
}

input, textarea {
    background: #fff url('images/inputback.jpg') top left repeat-x;
}

/* SEKALAISIA MAARITYKSIA */

.navigation {
	padding: 5px 0 10px;
}

.navigation .alignleft {
	float: left;
}

.navigation .alignright {
	float: right;
}

.keskitetty {
    text-align: center;
}

#navigointi ul {
    font-size: 1.8em;
    line-height: 130%;
}

#navigointi img {
    margin: 0 0 20px 20px;
}

p.aika {
    padding: 0;
    margin: 0;
    font-size: 0.8em;
    font-weight: normal;
    color: #666;
    text-transform: uppercase;
}

p.teksti, div.teksti {
    margin: 10px 10px 30px 10px;
}

#seuraWrapper ul, .float-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#seuraWrapper li, .float-list li {
    float: left;
    width: 230px;
    margin-right: 10px;
}

#navigointi ul {
    padding: 0;
    margin: 0;
    margin-left: 15px;
    list-style: none;
    text-transform: lowercase;
}

#jollaWrapper p, #hallitusWrapper p {
    margin: 10px;
}

form div {
    clear: both;
    margin-top: 15px;
}

#navigointi div {
    margin-left: 10px;
}

#navigointi label {
    clear: both;
    float: none;
}

#navigointi input[type="text"], #navigointi input[type="password"] {
    background: transparent;
    border: solid #3a7ea1 1px;
}

input#txtEsto {
    display: none;
}

span.hakusana {
    font-weight: bold;
    background: #fe0;
}

table.aiheet,
table#tiedostot,
table#kalenteritaulu,
table#tulokset,
table#ranking  {
    margin-bottom: 30px;
}

table.aiheet th,
table#tiedostot th,
table#kalenteritaulu th {
    text-align: center;
    padding: 5px;
    border-bottom: solid #000 1px;
    font-size: 1.2em;
}

table#ranking th,
table#tulokset th {
    text-align: left;
    padding: 2px;
    border-bottom: solid #000 1px;
    font-size: 1em;
}

table.aiheet td,
table#tiedostot td,
table#kalenteritaulu td {
    border-bottom: solid #ccc 1px;
    padding: 5px;
}

table#kalenteritaulu td.pvm {
    white-space: nowrap;
}

table#ranking td,
table#tulokset td {
    border-bottom: solid #ccc 1px;
    padding: 2px;
}

.viestiBot {
    text-align: right;
    color: #888;
    text-transform: uppercase;
    font-size: 0.8em;
    clear: both;
    margin-top: 10px;
}

div.viestiNimi {
    margin-top: 20px;
    border-bottom: solid #333 1px;
    padding: 5px;
    font-weight: bold;
}

#porssiWrapper div.viestiNimi span.left {
    color: #c40;
}

div.viestiNimi span.right {
    float: right;
    text-align: right;
}

div.viestiNimi span.left {
    float: left;
    text-align: left;
}

div.viesti {
    margin: 10px;
    margin-bottom: 40px;
}

div.spacer {
    clear: both;
    height: 1px;
}

#uutiset dl,
#keskustelu dl,
#kalenteri dl {
    margin: 0 0 0 10px;
    padding: 0;
}

#uutiset dt,
#keskustelu dt,
#kalenteri dt {
    margin: 0;
    padding: 0;
    clear: both;
    color: #666;
    font-size: 0.9em;
}

#uutiset dd,
#keskustelu dd,
#kalenteri dd {
    margin: 0 0 0 10px;
    padding: 0;
}

#porssiWrapper dt {
    margin: 0;
    padding: 0;
    display: block;
    font-weight: bold;
    float: left;
    width: 120px;
}

#porssiWrapper dd {
    margin: 0 0 3px 120px;
    padding: 0;
}

div.ilmoitus {
    margin: 10px;
}

ul#kuvat {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#kuvat li {
    margin: 10px;
    float: left;
}

div.hupsis {
    float: left;
	width: 100px;
}

div.hupsis img {
    clear: both;
    float: none;
	width: 80px;
	height: 80px;
}

div.hupsis p {
    text-align: center;
    margin: 0;
}

td.pisteet {
    text-align: center;
    font-weight: bold;
    background: #eee;
    border-left: solid #ccc 1px;
}

td.sijat {
    text-align: center;
    border-left: solid #ccc 1px;
    min-width: 25px;
}

td.yhteispisteet {
    text-align: center;
    border-left: solid #ccc 1px;
}

td.parillinen {
    background: #fcfcfc;
}

td.pariton {
    background: #fff;
}

div.ajank {
}

dl#kisatiedot {
    margin: 20px 0 0 0;
    padding: 0;
}

dl#kisatiedot dt {
    font-weight: bold;
    width: 190px;
    float: left;
    margin-right: 10px;
}

dl#kisatiedot dd {
    padding: 0;
    margin: 0;
}

.col3 ul {
    margin: 10px 0 0 35px;
    padding: 0;
}

img#zoom8em {
    float: right;
    margin-right: 50px;
}

.overline {
    color: #bbb;
}

/* KESKUSTELU */

ol.viestit {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}

ol.viestit li {
    border: solid #ccc 1px;
    margin: 0 0 15px 0;
}

ol.viestit li div.ylarivi {
    border-bottom: solid #ccc 1px;
    background: #fafafa;
    padding: 5px;
}

ol.viestit li div span.left {
    float: left;
}

ol.viestit li div span.right {
    float: right;
}

ol.viestit li div.viesti {
    margin: 0;
    padding: 10px;
}

td.keskitetty {
    text-align: center;
}

ul#arkisto {
    margin: 0 0 0 20px;
    padding: 0;
}

ul#arkisto li ul {
    margin: 20px 0 20px 20px;
    padding: 0;
}

dl#enLinks {
    margin: 20px 0 0 0;
    padding: 0;
}

dl#enLinks dt {
    border-bottom: solid #ccc 1px;
}

dl#enLinks dd {
    margin: 0 0 20px 0;
    padding: 10px;
}

p.english {
    margin-bottom: 20px;
}



/***** GALLERY *****/

ul.imageList
{
  list-style: none;
}

ul.imageList li
{
  padding: .5em;
  border: solid #ccc 1px;
  float: left;
  margin: .5em;
}

ul.imageList li img
{
  height: 50px;
  display: block;
}


/***** FORMS *****/

.formRow
{
  margin: 0 0 .5em 0;
}

.formRow label
{
  width: 140px;
  float: left;
}

.formRow input, .formRow select
{
  width: 200px;
}

/***** MARKET *****/

.market-success { text-align: center; padding: 20px; margin-bottom: 10px; background: #AEFF00; }
.market-error { text-align: center; padding: 20px; margin-bottom: 10px; background: #FF6F00; color: #ffffff;}
.market-item { margin-bottom: 20px; border: 1px solid #cccccc; }
	.market-title { padding: 10px; background: #cccccc;}
	.market-meta { padding: 10px 10px 2px 10px; }
	.market-content { padding: 2px 10px 10px 10px; }
.market-form-left { float: left; width: 300px; padding-top: 20px; margin: 0; clear: none; }
.market-form-right { float: left; width: 300px; padding-top: 20px; margin: 0; clear: none; }
.market-form-left textarea, .market-form-left input, .market-form-right input, .market-form-right select { width: 90%; }
.market-form-left textarea { height: 200px; }
	
/***** GENERAL *****/

.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 */