/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "boilerplate/boilerplate.css";
@import "boilerplate/plugins.css";
@import "formtastic.css";
@import "awesome-buttons.css";

/* Common */

body {background: #5d5c4f url(/images/momo_pohja.jpg) repeat scroll top left; }
body,p,ul,ol,dl,input,textarea { font-family: 'century gothic', 'lucida sans', 'lucida grande', 'bitstream vera sans', 'verdana', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Georgia, serif; font-weight:normal;}
a {text-transform: uppercase; font: 14px 'century gothic', 'lucida sans', 'lucida grande', 'bitstream vera sans', 'verdana', sans-serif; color: #57a8a6; font-weight: bold;}
h2 {color: #D4231A; font-size:30px;}
h3 {color: #91a337; font-size:16px;}
p {font-size:14px;}
.apartment_data {color: #c25222;}
.pagination {font-size: 14px; text-transform: uppercase;}
.clear { clear: both;}

#flashes { background: #FFFFFF; border-bottom: 1px solid #91A337; position: absolute; width: 100%; padding:8px 0; top: 0; z-index: 10;}
#flashes div { font-size: 14px; line-height: 28px; padding-left: 30px; margin: 10px auto; width: 800px;}
#flashes span { color: #000; font-family: helvetica; font-size: 15px; padding: 0 .3em; float: right;}

/* Layout */

#wrapper { margin: 0 auto; width: 800px;}
#apartments_navigation { font-size: 2em; margin-bottom: 50px; }
#apartments_navigation .navigation_link { font-weight: bold; }
#apartments_navigation .navigation_link a { font-weight: normal; color: #000; }
.filter_navigation {margin-left: 240px; margin-top: 20px; font-size: 1.4em;}
.filter_navigation .navigation_link a { font-weight: normal; color: #000; }
.filter_navigation .active a { font-weight: bold;  }
#sidebar { float: right; width: 232px;}
#sidebar h2 {font-size: 20px; line-height: 10px; margin: 0;}
#sidebar .upper_section { 
  background: url(/images/sidebar_upper_sprite.gif) no-repeat scroll top left;
  width: 233px;
  height: 232px;
  left:-3px;
  position:relative;
}
#sidebar .hover {background-position: 0px -232px;}
#sidebar .upper_section a {font-size: 24px; text-transform: none; color: #FFF; font-family: 'century gothic', 'lucida sans', 'lucida grande', 'bitstream vera sans', 'verdana', sans-serif; padding:14px; display: block; font-weight: normal; padding:8px 14px; line-height:30px;}
#welcome_text a {text-transform: uppercase !important; font: 14px 'century gothic', 'lucida sans', 'lucida grande', 'bitstream vera sans', 'verdana', sans-serif !important; font-weight: bold !important; padding: 30px 14px 37px !important;}
#sidebar .news .in {background-color: #8fa533; height: 111px;}
#sidebar .news a {font-size: 18px; text-transform: none; color: #FFF; font-family: 'century gothic', 'lucida sans', 'lucida grande', 'bitstream vera sans', 'verdana', sans-serif; padding:18px; display: block; font-weight: normal;}
#sidebar .full {width: 221px;}
#sidebar .clickable {padding: 0;}
#sidebar .clickable a {text-decoration: none;}
#sidebar .basic_section h2 {margin-bottom:0.75em;}
#sidebar .links ul {list-style-type: none; margin-left: 0;}
#sidebar .links ul li {margin-bottom: 5px;}

.top_content { float: left; margin-bottom: 20px;}
.top_content .in {width: 515px; padding: 20px;}

#topbar { height: 90px;}
h1 {float: left; margin-top: 30px; margin-right: 10px; margin-bottom: 0;}
h1 a {background: url(/images/lahiokoti_logo.png) no-repeat scroll top left; padding: 10px; width: 200px; height:21px; text-indent:-9999px; display: block;}
#main_navigation { position: relative; top: 55px;}
#main_navigation a {color: #FFF; font-size: 14px; padding: 8px 4px;}
#main_navigation .navigation_item {float: left; margin-right: 5px;}
#main_navigation .last_item {margin-right: 0;}
#language_switcher {float: right; margin-right:10px; position: relative; top: -10px;}
#language_switcher a {text-transform: uppercase; color: #FFF; font-size: 12px;}

#yle_logo {float:left; width: 105px;}
#yle_logo a  {height:24px; display: block; color: #FFF;}
#footer_navigation {float:left; width: 520px}
#footer_navigation a {color: #FFF; font-size: 14px;}
#footer_navigation .navigation_item {float: left; margin-right: 20px;}
#copyright {float:left; color: #FFF;}
#copyright p {margin-bottom: 0;}
a#momokoti_logo  {background: url(/images/momokoti_logo.png) no-repeat scroll top left; height:37px; width: 55px; text-indent:-9999px; display: block; position: relative; top:-40px; left: 125px;}

  /* Boxes */
  
  .out {
    display:block; 
    background:#464540;
    position:relative;
    margin: 12px 0;
    margin-left: 10px;
  }
  .in {
    background:#fff; 
    position:relative; 
    padding: 18px;
    font-weight:normal;
    left: -12px;
    top: -12px;
  }
  /*.full {width: 801px;}*/

  /* Forms */
  
  form.formtastic input, form.formtastic textarea, form.formtastic select { font-size: 125%; }
  form.formtastic label { font-size: 115%; }
  form.formtastic legend {color: #91a337; font-size:16px; font-family: Georgia, Times, serif; font-weight: normal;}
  form.formtastic .date legend { font-size: 115%; }
  textarea { height: 100px;}
  form.formtastic select {width: 25%;}
  form.formtastic fieldset ol li label {float: none; width: 100%;}
  form.formtastic fieldset ol li.string input {  width:71%;}
  form.formtastic fieldset ol li.text textarea { width:72%;}
  form.formtastic fieldset ol li.password input {width:71%;}
  form.formtastic fieldset ol li.numeric input { width:71%;}
  form.formtastic fieldset.buttons {padding-left: 0;}
  form.formtastic fieldset ol li p.inline-errors {margin-left: 0;}
  input.area { width: 25% !important;}
  form.formtastic p strong {font-weight: bold;}
  
    /* Picture upload screen */
    form.picture_editing fieldset ol li .label { display:block; float:left; padding-top:0.2em; width:25%; font-size:115%; font-weight:bold;}
    form.picture_editing li.tags {padding-left: 25%; margin-bottom: 3.5em;}
    form.picture_editing li.tags fieldset {position: relative; top: -1em;}
    form.picture_editing li.tags ol {padding-left: 0;}
    form.picture_editing li.tags legend {font-size: 1.0em;}
    form.picture_editing li.tags .label {top: -2em;}
    form.picture_editing li.tags li label {font-weight: normal;}
  
  /* Buttons */
  
  button.awesome,
  input.awesome,
  a.button.awesome {
    background-color: #3ACC00;
    padding: 5px 10px 6px !important;
    font-weight: bold !important;
  }

/* Front page */

#competition_banner {background: black; height: 76px; width: 100%; clear: both;}
#competition_banner a {color: white; display: block; padding: 20px;}
#slideshow .in {height: 303px; padding: 20px;}
#competition_sidebar { float: right; width: 320px; height: 200px; font-size: 1.4em; padding: 20px;}
#featured h2 {font: 36px Georgia, Times, serif; color: #d4231a;}
#featured #more_homes {float: right; position: relative; top: 20px;}
#featured .sidebar {float: left; width: 190px; }
#featured .sidebar p {margin-bottom: 0; font-size: 14px;}
.small_apartment {float: left; width: 220px;; padding: 0 10px;}
.small_apartment .hearts {float: right;}
.featured_apartment {float: left; width: 121px; padding: 0 10px;}
#description_section h2 {font-weight: normal; font-size: 40px; line-height: 1em; margin-bottom:0.5em;}
#description_section p {font-size: 14px;}
#description_section .sidebar {float: right; width: 215px;}
#tip_friend_badge {text-indent: -9999px; background: url(/images/frontpage_badge.png) no-repeat scroll top left; height:162px; margin-top: 10px;}
#tip_friend_badge a {height: 162px; width: 162px; display: block;}
.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }

/* Apartments */

.century_navigation ul {list-style: none; margin-left: 0;}
.century_navigation a {font: 30px Georgia, Times, serif; text-transform: none; color: #8cd3dd;}
.century_navigation a.current {color: #57A8A6;}
#large_pictures_container {text-align:center; width: 520px; height: 330px;}
#large_pictures {margin: 0 auto; width: 520px; height: 330px; margin-bottom: 20px; margin-top: 10px;}
#large_pictures img {margin: 0 auto; }
#large_pictures_navigation {float: right;}
#large_pictures_navigation a {padding: 5px;}
#large_pictures_navigation a.activeSlide {color: #000;}
.picture p {font-size: 12px;}
input.favorite_link {border: none; background: none; font-size: 14px; padding-bottom:28px; color: #fe694c; cursor: pointer;}
input.favorite_link:hover {color: #b0392b;}
.favorite_widget {float: right;}
.favorite_widget span {float: right; position:relative; right:10px; top:-22px;}
span.hearts { color: #fe694c;}
span.hearts img {position: relative; top: 4px;}

/* Pictures */

#pictures { width: 640px; margin-left: 240px;}
#pictures .picture {text-align: center; border-bottom: none;}
#pictures .picture .description {text-align: left;}
#pictures .picture img {margin: 5px; border: 1px solid #000;}

/* FAQ and Participations */

h3.question_header {margin-bottom: 0; margin-top:10px; cursor: pointer;}
.not_clickable {cursor: default !important;}
#more_questions {margin-top: 10px;}
hr.form_separator {margin: 20px 0; border: 1px solid #000; border-left: none; border-right:none; height: 5px;}