/* Style goes here */



/*typography nad top-level settings - add elements if needed*/

body { font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 62.5%; margin:0; padding:0; }

p, li, th, td, blockquote { font-size: 1.2em; }

table { position:relative; margin-left:10px; }

td, th { margin:0; padding:2px; }

a { color:#0a4a5a; text-decoration:none; }

a:hover { color:#3a7a8a; text-decoration:underline; }



blockquote { background:#ddf; border: 1px dotted #000; font-style:normal; padding:10px; }



/*general settings for header*/

#header { position:relative; width:100%; border-bottom: 1px dotted #333; }



/*title image and link*/

#maintitle { position:relative; margin:0; padding:0; width:100%; height:69px; } /*fix height to fit the title image depending on slicing */

#maintitle { background: url("http://muutos2011.fi/img/top_bar_1.jpg") top left repeat-x; }

#maintitle a { display:block; height:64px; width:300px; /*Use image dimensions*/ text-decoration: none; border:0; }

#maintitle a { background: url("http://muutos2011.fi/img/muutos_2011.gif") top left no-repeat; }

/*Hide text inside link*/

#maintitle a span { visibility:hidden; }



/*top language menu*/

#langmenu { position:relative; float:right; clear:both; margin:-2em 10px 0 0; }

#langmenu ul, #langmenu li { list-style:none; margin:0; padding:0 0 0 2px; display:inline; font-size: 1em; }



/*top menu*/

#topmenu { position:relative; float:right; clear:both; margin:2px 5px; }

#topmenu ul, #topmenu li { list-style:none; margin:0; padding:0; display:inline; }

#topmenu li { padding: 0 5px; border-left: 2px solid #0a4a5a; font-size:1em; }

#topmenu li:first-child { border-left:0; }

#topmenu a { font-weight:bold; }



/*main content area*/

#container { position:relative; clear:both; width:840px; }

/*move to right side*/

#col1 { position:relative; float:right; padding: 10px; width:540px;}

/*move to left side*/

#col2 { position:relative; float:left; padding: 10px 0; width:280px; }



#footer { width: 100%; border-top: 1px dotted #333; }



/*------ DO NOT REMOVE COMMENTS below this line ------*/

/*SIDEMENU*/

/* Eric Meyer's simple separators

   from http://css.maxdesign.com.au/listamatic/vertical06.htm */

#navlist { padding-left: 0; margin-left: 0; width: 280px; }

#navlist li { list-style: none; margin: 0; padding: 10px 0 0 10px; width:260px; border-bottom: 1px dotted gray; }

#navlist li a { display:block; text-decoration: none; width:100%; font-weight:bold; }



/*CLEARFIX*/

/* slightly enhanced, universal clearfix hack

   from http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */

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

.clearfix { display: inline-block; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */

/*------ DO NOT REMOVE COMMENTS above this line ------*/