@charset "UTF-8";

/*
Theme Name: Rinault
Theme URI: http://www.stichtingrino.nl/
Description: A theme designed for the Rino Foundation
Version: 0.3
Author: Jasper Woudenberg
Author URI: http://www.jasperwoudenberg.com/
*/

/* No default margins or paddings */
* {
  padding:      0;
  margin:       0;
}

/* GENERAL FONTS AND FORMATTING */
body {
	font-size:		80%;
	font-family:	Georgia, "Times New Roman", serif;
	line-height:	160%;
  background-color: #fff;
  color:        #333;
}

h1, h2, h3, h4, h5, h6, #nav1, #nav2, #nav3 {
	font-family:	"Trebuchet MS", Helvetica, sans-serif;
  color:        #222;
}

h2 {
  font-size:    1.6em;
  font-weight:  700;
  margin-bottom:0.6em;
}

h3 {
  font-size:    1.3em;
  font-weight:  700;
  margin:       1.2em 0 0.2em 0;
}

h4 {
  font-size:    1.1em;
  font-weight:  700;
  margin:       1.2em 0 0.2em 0;
}

h5 {
  font-size:    1.0em;
  font-weight:  700;
  margin-bottom:0.1em;
}

h6 {
  font-size:    1.0em;
  font-weight:  400;
  margin-bottom:0.1em;
}

p, ul, ol, table {
  margin-bottom:0.6em;
}

ul, ol {
  padding-left: 2em;
}

a {
  color:        #405D96;
  text-decoration: none;
}

/* CONTAINERS */
#container {
	width:				880px;
  padding:      0 20px 0 20px;
	margin:				auto;
}

#top {
  margin:       30px 0 40px 0;
}

#middle {
  float:        left;
  width:        100%;
  margin-bottom:65px;
}

#footer {
  clear:        both;
  padding:      15px 2% 0 2%;
  border-top:   1px solid #ddd;
  margin:       0 25% 20px 15%;
}

#sidebar-left, #content, #sidebar-right {
	float:        left;
}

#sidebar-left {
	width:				15%;
  margin-right: 5%;
  margin-top:   0.5em;
}

#content, .content-both {
	width:				40%; /* Default value */
}
.content-left {
	width:				80% !important;
}
.content-right {
	width:				70% !important;
}
.content-none {
	width:				100% !important;
}

#sidebar-right {
	width:				35%;
  margin-left:  5%;
  margin-top:   0.5em;
}

/* HEADER */
#header {
  display:      inline;
  font-size:    3em;
  font-weight:  700;
}

/* NAVIGATION 1 */
#nav1 {
  display:      inline;
  list-style:   none;
  padding:      0;
  margin-left:  30px;
}

#nav1 li {
  display:      inline;
  padding-right:1em;
}

#nav1 li a {
  padding:      0.7em 0.3em 0.1em 0.3em;
  color:        #3b60af;
  font-size:    1.6em;
  text-decoration:none;
  text-transform: lowercase;
  letter-spacing: 0.05em;
}
/* Special styling for part of the site you're currently visiting */
#nav1 .current a {
  background-color: #3b60af;
  color:        #fff;
}

/* NAVIGATION 2 */
#nav2 {
  list-style:   none;
  padding:      0;
  border-left:  1px solid #ddd;
}

#nav2 li {
  margin-bottom:0.5em;
}

#nav2 li a {
  display:      block;
  width:        100%;
  margin:       0 0 0.7em 0.8em;
  color:        #3b60af;
  font-size:    1.2em;
  text-decoration:none;
  text-transform: lowercase;
  letter-spacing: 0.04em;
}
/* Special styling for the page you're currently viewing */
#nav2 .current a {
  color:        #444;
}

/* SIDEBAR */
.thumbnail {
  width:        100%;
  border:       1px solid #ddd;
  margin-bottom:20px;
}

/* FOOTER */
#footer .logo {
  height:       50px;
  padding-right:20px;
  border:       0;
}

/* SPECIAL CONSTRUCTS */
/* Navigation 3 */
#nav3 {
  float:        right;
  list-style:   none;
  padding:      0;
  margin-left:  30px;
}

#nav3 li {
  display:      inline;
  padding-left: 1em;
}

#nav3 li a {
  color:        #3b60af;
  font-size:    1.1em;
  text-decoration:none;
  text-transform: lowercase;
  letter-spacing: 0.05em;
}

/* News list */
.newslist-date {
  float:        left;
  clear:        both;
  width:        6.5em;
  margin-right: 1em;
  text-align:   right;
}

.newslist-title {
  float:        left;
}

/* Gallery */
.gallery {
  margin:       1.2em 0 0.6em 0;
}

.gallery .gallery-item {
  width:        150px;
  border:       1px solid #ddd;
  margin:       0 10px 10px 0;
}

.image {
  width:        100%;
  margin-top:   1.2em;
  border:       1px solid #ddd;
}