/*
Theme Name: ZSO Grasweek Werving Thema
Theme URI: http://www.milanvanbruggen.nl/wordpress/
Description: Wordpress thema voor www.zwolssymfonieorkest.nl.
Version: 1.0
Author: Milan van Bruggen
Author URI: http://www.milanvanbruggen.nl/
*/

/* FIND & REPLACE DEZE KLEUREN

Achtergrond: ebe8e8
Links: 687731
Menu: 31380f
Sidebar H2: 3a1f31

/*

/* In memoriam */

#post-705 h2 { text-align: center; } 

/* Begin Typography & Colors */

html, body {
  height: 100%;
}

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  margin: 0px;
  padding: 0px;
  background: #ebe8e8 url(images/bg/background.jpg) no-repeat;
}

/* Layout */

#container {
  float: left;
  width: 855px;
  margin: 0px;
  padding: 0px;
  font-size: 1.2em;
  line-height: 1.5em;
  height: 100%;
}

#left {
  float: left;
  width: 158px;
  height: 86px;
}

#right {
  float: right;
  width: 697px;
  height: 100%;
}
	
	#header {
	  float: left;
	  width: 697px;
	  padding: 30px 0 30px 0;
	}
		
		#header img {
			vertical-align: top;
			border: 0px;
		}
	
	#content_container {
	  float: left;
	  background: #fff;
	}
	
		#content {
		  float: left;
		  display: inline;
	  	  width: 394px;
		  padding: 20px;
		  background: #fff;
		}
		
			.alignleft {
				float: left;
				margin: 0 10px 0 0;
			}
			
			.alignright {
				float: right;
				margin: 0 0 0 10px;
			}
			
			.gallery-item {
				float: left;
			}
		
		#sidebar {
		  float: right;
		  display: inline;
		  background: #fff;
		  width: 223px;
		  padding: 20px;
		}
		
			#sidebar ul {
			  list-style: none;
			  padding: 0px;
			  margin: 10px 0 10px 0;
			}

/* Concert tabel */

.concert {
  width: 100%;
  padding: 5px;
  border: 1px dotted #3a1f31;
}

/* Headings */

h1, h2, h3 {
  font-family: 'Trebuchet MS', Verdana, Arial;
  margin: 0 0 20px 0;
}

h1 {
  font-size: 1.7em;
  color: #282323;
}

h2 {
  font-size: 1.5em;
  color: #282323;
}

h3 {
  font-size: 1.3em;
  color: #282323;
}

/* Links */

a {
  color: #687731;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0px;
}

/* Sidebar */

#sidebar h2 {
  display: block;
  height: 13px;
  padding: 3px 0 7px 5px;
  background: #3a1f31;
  color: #fff;
  font-size: 1.1em;
  margin: 10px 0 10px 0 !important;
}

/* Kalender */

#wp-calendar caption {
  text-align: left;
  margin: 0 0 5px 0;
  text-transform: capitalize;
  font-weight: bold;
}

/* Drop-down menu */

#menu {
  float: left;
  width: 687px;
  background: #31380f;
  height: 27px;
}

#menu {
  padding: 0 0 0 10px;
}			

#suckerfishnav {
background: #31380f !important;
font-size: 13px !important;
font-family: verdana, sans-serif !important;
font-weight: bold !important;
border: 0px !important;
}

#suckerfishnav, #suckerfishnav ul, #suckerfishnav ul ul {
float:left !important;
list-style:none !important;
line-height:27px !important;
padding:0 !important;
margin:0 0 0px 0 !important;
}

#suckerfishnav a, #suckerfishnav a a {
display:block !important;
color:#ffffff !important;
text-decoration:none !important;
padding:0px 10px !important;
}

#suckerfishnav li {
float:left !important;
padding:0 !important;
background: #31380f !important;
}

#suckerfishnav li ul {
position:absolute !important;
left:-999em !important;
height:auto !important;
width:150px !important;
font-weight:normal !important;
margin:0 !important;
line-height:27px !important;
}

#suckerfishnav li li {
width:150px !important;
font-weight: bold !important;
background: #31380f !important;
}

#suckerfishnav li li a {
font-size:13px !important;
color:#ffffff !important;
}

#suckerfishnav li a:hover, #suckerfishnav li li a:hover, #suckerfishnav li li a {
color:#ffffff !important;
}

#suckerfishnav li ul ul {
margin:-27px 0 0 150px v;
}

#suckerfishnav li a:hover {
color:#ebe8e8 !important;
}

#suckerfishnav li li a:hover {
background:#3a1f31 !important;
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
left:-999em !important;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {
left:auto !important;
background:#31380f !important;
}

/* Post */

.post {
	border-bottom: 1px dashed #cccccc;
	padding: 0 0 5px 0;	
	margin: 0 0 10px 0;
}

.more-link {
	font-weight: normal;
	font-size: 0.8em;
}

.alignright, .alignleft {
	padding: 0 0 5px 0;	
}

.contactform label,
.contactform input {
	clear: both;
	float: left;
}

/* Share block */

.share {
	clear: both;
	background: #ebe8e8;
	padding: 5px;
}

	.share .retweet,
	.share .hyves_tip,
	.share .facebook_like {
		padding: 5px 0 0 5px;
	}