/*
Theme Name: Idealist
Theme URI: http://idealist.fi/
Description: Theme of idealist.fi
Version: 1.0
Author: Vesa Vänskä
Author URI: http://idealist.fi
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Reset */
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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* -------------------------------------------------------------- 
   TYPOGRAPHY
-------------------------------------------------------------- */

body {background: #FFF; color: #000; font-size: 14px; font-family: "Times New Roman", serif; text-align: center; }

/* HEADINGS */
h1 { font-size: 30px; line-height: 50px; margin: 10px 0; }
h2 { font-size: 20px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 15px; line-height: 30px; }
h4 { font-size: 14px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 14px; line-height: 20px; }

/* TEXT ELEMENTS */
p, ul, ol, dl { margin-bottom: 20px; font-size: 14px; line-height: 20px; }
ul, ol { padding-left: 20px;}
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { padding-left: 10px; }
abbr, acronym { text-decoration: underline; }
a { color: #009; text-decoration: none; }
a:hover { text-decoration: none; }
blockquote { margin: 20px 0; padding-left: 10px; }
dfn { font-style: italic; font-weight: bold; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 10px monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }

/* TABLES */
table { margin-bottom: 20px; }
th,td { padding: 5px 10px 5px 0; }


/* -------------------------------------------------------------- 
   FORMS
-------------------------------------------------------------- */

label { font-weight: bold; }
fieldset { padding: 9px; margin-bottom: 20px; border: 1px solid #ddd; }
legend { padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 20px; }
textarea { padding: 10px; }

div#page { text-align: left; margin: 0 auto; width: 810px;}
a {color: #000; text-decoration: none;}
.clear { clear: both;}
ul { padding: 0;}
.clickable { cursor: pointer;}
/*p { margin: 1em 0 2em 0; padding: 0;}*/

h1 {text-align: center;}
h1 a {text-decoration: none;}
h1, h2, h3 {text-transform: uppercase; color: #333;}
small {line-height: 20px; font-size: 11px;}

div#sidebar { width: 190px; float: left; height: 498px;}
#sidebar a {text-decoration: none; text-transform: uppercase; font-size: 11px;}
/*div#content { float: left;}*/
.narrowcolumn { width: 450px;}
div#header {margin: 35px 0px;}

div#sidebar ul li { list-style: none;}

/* Landing page */
body.home a {text-decoration: underline;}
body.home h1 a {text-decoration: none;}
#landing_picture {width: 800px; height: 454px; background: url('images/landing.jpg');}

/* Home page */
table { border-spacing: 0;}

#home_menu {position: relative;}
div#investment {position: absolute; top: 0px; left: 400px;}
div#institute {position: absolute; top: 338px; left: 400px;}
div#production {position: absolute; top: 0px; left: 0px;}
div#enterprises {position: absolute; top: 150px; left: 400px;}
div#hall_of_envy {position: absolute; top: 150px; left: 680px;}

.page-template-home-php #line {margin-top: 510px; width:790px;}

div#main_menu_wrapper {}
ul#main_menu { text-transform: uppercase; padding-left: 3px; margin: 20px auto 0 auto; text-align: center;}
ul#main_menu li {list-style-type: none; margin-bottom: 6px; display: inline; margin-right: 10px;}
ul#main_menu li a {padding: 10px 10px;}
li.last_item {margin-right: 0px !important;}
#idealist-enteprise {width: 1000px; height: 1000px;}
/*#main_menu img {position: relative; left:0px; top: -1px;}
#home_menu img {position: relative; left:0px; top: -1px;}*/
#main_menu .fade {top: 1px;}
.fade_hover {position: relative; left:0px; top: 0px;}

/* Company */

div.section { width: 216px;  margin-right: 50px; float: left;}
div.wide_section { width: 532px; margin-right: 0px; float: right; margin-top: 20px;}

/* Individual Company pages */

/*.page-template-company-php #content { margin-top: 46px;}
.page-template-company-php #content p { text-transform: uppercase; font-size: 24px; line-height: 36px; }*/
h3#idealist_group_title {background: url('images/title-idealist-group.jpg');}
h3#our_mission_title {background: url('images/title-our-mission.jpg');}
h3#people_title {background: url('images/title-people.gif');}
h3#news_title {background: url('images/title-news.gif');}
h3#hall_of_envy_title {background: url('images/title-hall-of-envy.gif');}
h3#contact_title {background: url('images/title-contact.gif');}
h3#news_archive_title {background: url('images/title-news-archive.gif');}
h3#uutiset_title {background: url('images/title-uutiset.gif');}
.swap {background-repeat:no-repeat !important; height:18px;}
.swap span {display: none;}
.swap_div {display: none;}

/* Archives */
div.navigation { margin: 20px 0;}

/* Hall of envy */

#content a {text-decoration: underline;}
.page-template-home-php #content a {text-decoration: none;}
#hall-of-envy-explanation { margin: 20px 0px;}

/* Sidebar */

#idealist_group_text {margin-bottom: 20px;}
hr.sidebar_divider {margin: 30px 0 20px 3px; height: 1px; background-color: #333; border: none;}
.sidebar_navigation {margin-left: 5px;}

#line {border-bottom: 1px solid #333; margin-top: 20px; width:800px;}
#language_switch {float:right; position: relative; top: -18px; right: 10px;}
.page-template-home-php #language_switch {right: 20px;}