﻿body {
    background-color: white;
    background-image: url(images/bkgBody.png);
    background-repeat: repeat-x;
    background-position: 2.5em 2.5em; 
}
.topDateTime {
    float:left;
    background-color:transparent;
  color:rgba(0, 0, 0, 0.701961) !important;
  display:block;
  font-family:Verdana !important;
  font-size:0.75em !important;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:9px 5px;
  text-decoration:initial;
  /*text-shadow:rgba(0, 0, 0, 0.701961) 0 1px 0;*/
  text-transform:uppercase;

}
.topNav ul {
    list-style:none;
    float:right;
}
.topNav ul li {
    float:left;
}
.topNav ul li a{
      background-color:transparent;
  color:rgba(0, 0, 0, 0.701961) !important;
  display:block;
  font-family:Verdana !important;
  font-size:0.75em !important;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:9px 5px;
  text-decoration:initial;
  /*text-shadow:rgba(0, 0, 0, 0.701961) 0 1px 0;*/
  text-transform:uppercase;
}
#site-title
{
    background-image: url(/themes/yoko/images/Fotbollsplan.png); 
    background-position-x: right; 
    background-repeat: no-repeat;
}


#page {
    background-color: transparent;
    margin: 12px auto;
    max-width: 1102px;
    padding: 0 30px 30px;
    z-index: 0;
    font-size: 0.95em;
    line-height: 1.6;
}
#ctl00_cphBody_divText ul{
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

#colophon
{
    width:100%;
}
.bottomImage
{
    height:auto;
    width:100%;
    padding:0;
    margin:0;
}

#content .entry-header h2.entry-title
{
    font: bold 2em/1.4 'Arial black',arial,sans-serif;
    text-shadow:rgba(0, 0, 0, 0.701961) 0 1px 0;
    margin: 0 0 12px;
}
#content h1, #content #contact h1 {
    font: bold 2.5em/1.4 'Arial black',arial,sans-serif;
    text-shadow:rgba(0, 0, 0, 0.701961) 0 1px 0;
    margin: 26px 0 12px;
}
#content #contact {
    border: 1px solid #808080;
  }
#content #contact input {
    border: 1px solid #808080;
    width: 95%;
}

#content #contact textarea {
    border: 1px solid #808080;
    width: 95%;
   
}
#googlemap
{
    border: 1px solid #808080;  
}
#PicasaAlbum img
{
    border: 0.3em solid white;
    margin: 0.7em;
   -webkit-box-shadow:  0px 2px 5px 2px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 2px 5px 2px rgba(0, 0, 0, 0.5);  
}
#PicasaAlbum li
{
    float: left;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
      

}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;

}
/* 3 Column settings */
.threecol {
	background:transparent;		/* right column background colour */
    /*background-image: url(/themes/yoko/images/bkgBody.png);
    background-repeat: repeat-x;*/
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:transparent;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:transparent;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.resultTable
{
    width: 95%;
    font-size: 80%;
}