/*
Theme Name: Marma Vastgoed 
Theme URI: http://www.marma.nl
Author: O.J. van der Heijden 
Author URI: http://wordpress.org/
Description: The Marma theme. 
Version: 1.1
*/

/* Layout */

#top_bar{
  height: 76px;
  width: 100%;
}

#bottom_bar{
  width: 100%;
  height: 200px;
  background-color: #002589;
  float: bottom;
}

#logo_text{
  position: absolute;
  top: 28px;
}

#main{
  width:1000px;
  margin: 0 auto;
  border: 1px solid #CDCDCE;
  background-color: white;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 5px 5px #888;
  -webkit-box-shadow: 0 5px 5px #888;
  box-shadow: 0 5px 5px #888;
  padding: 20px;
}

#content-left{
  width: 20%;
  height: 100%;
  float: left;
  margin-top: 50px;
}

#content-body{
  width: 55%;
  margin: 0 auto;
}

#content-right{
  width: 20%;
  height: 100%;
  float: right;
}

#bottom_box_container{
  width: 100%; 
  padding-left: 20px;
  padding-right: 20px;
}

#bottom_box{
  width: 25%;
  display: inline-block;
  vertical-align: top;
}

#header-image{
  width: 1000px;
  height: 250px;
  padding-top:75px;
  margin-top:30px;
  background-position: left top;
  background-repeat: no-repeat;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#header-quote{
  height: 150px;
  float:right;
  width: 400px;
  background-color: black;
  opacity: 0.7;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#header-quote h1{
  color: white;
  font-family: 'Open Sans', sans-serif;
}

#header-quote h2{
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
}

/* Summary posts om the home page */

#post-home{
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

#post-home h3{
  font-size: 15px;
  letter-spacing: 1px;
  word-spacing: 2px;
  margin-bottom: 5px;
  margin-top: 10px;
}

p.post-date, div.post p i{
  color: gray;
  font-size: 10px;
  font-style: italic;
  padding: 0px 0px 0px 0px;
}

.post-home-readmore{
  padding-left: 55px;
  margin: 0px;
}

.post-home-date{
  color: gray;
  font-size: 10px;
  font-style: italic;
  padding-left: 40px;
  margin: 0px;
}

/* verhuur widget */

#verhuur-post{
  background-color: #f3f3f3;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

h2.verhuur{
  padding: 0px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: -5px;
  text-align: center;
}

img.verhuur-thumb{
  display: inline;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0px 0px 0px 0px;
}

#post-summary-verhuur h3, #post-summary-verhuur p, #post-summary-verhuur a{
  padding: 0px 0px 0px 15px;
}

/* Formatting */

body{
  margin: 0 0 0 0;
  background-color: #f8f8f8;
  font: 11px/20px verdana; 
  color: #333; -webkit-font-smoothing: antialiased; 
  overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6,strong { color:#000; font-family: 'Open Sans'; }
h1,h2,h3,h4 { font-weight: none; }
h2,h3,h4 { line-height: 18px; }
h1,h2 { margin-bottom: 18px; }
h1 { font-size: 20px; line-height: 36px; padding-left: 30px}
h2 { font-size: 16px; padding-left: 35px;}
h3 { font-size: 1em; padding-left: 40px;}
h4 { font-size: 10px; padding-left: 45px;}

a { color: #08c;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

img{
  padding: 10px 10px 10px 10px;
  
}

.alignleft{
  float: left;
  margin-right: 10px;
}

.alignright{
  float: left;
  margin-left: 10px;
}

p{
  padding-left:55px;
}

p.logo_text{
  font-family: arial;
  font-weight: bold;
  font-size: 12px; 
  letter-spacing: 8px;
  color: white;
  margin-left: 50px;
  padding: 0px;
}

p.copy{
  font-family: verdana;
  font-size:8px;
  text-align: center;
  color: gray;
}

hr{
  border: 0;
  width: 100%;
  color: red;
  background-color: #D3D3D3;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* top menu formatting */

#nav-menu-top {
  position: absolute;
  margin-top: -5px;
  width: 100%;
}

nav ul{
  padding: 0px;
  list-style-type: none;
}

nav ul li{
  display: inline;
}

nav ul li ul li{
 display: block;
}

nav ul li a{
  font-size: 13px;
  color: #404040;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 0px;
  padding-right: 13px;
  padding-top:10px;
  padding-bottom:10px;
}

nav ul ul{
  display: none;
}

nav ul li:hover > ul{
  position: absolute;
  display: inline-table;
  width: 200px;
  top: 40px;
  margin-left: -80px;
  border: 1px solid gray;
  padding: 5px;
  background-color: white;
}

li.current_page_item, li.current-menu-item{
  font-weight: bold;
}



/* footer menu formatting */

ul.footer-nav-1{
  padding-left: 30px;
}

ul{
  list-style-type: square;
  padding-left: 100px;
}

.widget_nav_menu{
  list-style-type: none;
}

/* Reset slider css */
.slider-wrapper, .theme-default, .ribbon, .nivoSlider, img{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px
}

.twtr-tweet-text {font size: 12px; font-family: Serif !important;}
 .twtr-hyperlink {font size: 12px; font-family: Serif;!important;}
  .twtr-atreply {font size: 12px; font-family: Serif; !important;}
   .twtr-hashtag {font size: 12px; font-family: Serif; !important;}
    .twtr-tweet-wrap {font size: 12px; font-family: Serif; !important;}
     .twtr-avatar {font size: 12px; font-family: Serif; !important;}
      .twtr-img {font size: 12px; font-family: Serif; !important;}