/*
Theme Name: Quintet
Theme URI: http://our_wordpress_url
Description: Theme for Q-Rail.eu (Maart 2012/Januari 2013)
Version: 1.1
Author: Berend Schotanus
Author URI: http://firstflamingo.nl
*/

@import url(reset.css);
@import url(basic.css);

body {
	margin:0px;
	background: #889196 url(images/moerdijk.jpg) no-repeat center top;
}

header {
    display: block;
    position: relative;
	width: 960px;
    height: 220px;
	margin: 0 auto;
}

header hgroup {
	display: none;
}

/* //////// Navigation //////// */

#langbar, #topbar {
	position: absolute;
    width: 100%;
	top: 10px;
}

.languages {
    position: relative;
    width: 950px;
	margin: 0 auto;
    text-align: right;
}

.languages li {
    display: inline;
    list-style: none;
    background: none;
    padding: 0;
    font-size: 0.9em;
    border-left: 1px solid #333;
    padding: 0 2px 0 5px;
}

.languages li a {
    color: #333;
    text-decoration: none;
}

.languages li a:hover {
    text-decoration: underline;
}

.languages ul>:last-child {
    border-right: 1px solid #333;
    padding-right: 5px;
}

.blobs {
    position: relative;
    width: 960px;
	margin: 0 auto;
}

.blobs li {
    display: block;
    float: left;
    background-color: #EEE;
    background-image: none;
    width: 150px;
    height: 100px;
    margin: 100px 0 0 48px;
    padding: 0;
	border: 1px solid #000;
    border-radius: 10px;
	box-shadow: 3px 3px 8px #111;
}

.blobs ul>:first-child {
    margin: 0 0 0 5px;
    padding-top: 100px;
}

.blobs li a {
    display: block;
    width: 150px;
    height: 20px;
    padding: 75px 0 5px;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

#menu-item-38,
#menu-item-43,
#menu-item-124,
#menu-item-143,
#menu-item-148,
#menu-item-153,
#menu-item-173,
#menu-item-201 {
    background: url(images/q-logo.png);
}

#menu-item-37,
#menu-item-42,
#menu-item-123,
#menu-item-142,
#menu-item-147,
#menu-item-152,
#menu-item-172,
#menu-item-200 {
    background: #EEE url(images/materieel.gif);
}

#menu-item-37.current-menu-item,
#menu-item-42.current-menu-item,
#menu-item-123.current-menu-item,
#menu-item-142.current-menu-item,
#menu-item-147.current-menu-item,
#menu-item-152.current-menu-item,
#menu-item-172.current-menu-item,
#menu-item-200.current-menu-item {
    background: #EEE url(images/materieel.jpg);
}

#menu-item-35,
#menu-item-41,
#menu-item-122,
#menu-item-141,
#menu-item-146,
#menu-item-151,
#menu-item-171,
#menu-item-199 {
    background: #EEE url(images/transport.gif);
}

#menu-item-35.current-menu-item,
#menu-item-41.current-menu-item,
#menu-item-122.current-menu-item,
#menu-item-141.current-menu-item,
#menu-item-146.current-menu-item,
#menu-item-151.current-menu-item,
#menu-item-171.current-menu-item,
#menu-item-199.current-menu-item {
    background: #EEE url(images/transport.jpg);
}

#menu-item-36,
#menu-item-40,
#menu-item-121,
#menu-item-140,
#menu-item-145,
#menu-item-150,
#menu-item-170,
#menu-item-198 {
    background: #EEE url(images/consulting.gif);
}

#menu-item-36.current-menu-item,
#menu-item-40.current-menu-item,
#menu-item-121.current-menu-item,
#menu-item-140.current-menu-item,
#menu-item-145.current-menu-item,
#menu-item-150.current-menu-item,
#menu-item-170.current-menu-item,
#menu-item-198.current-menu-item {
    background: #EEE url(images/consulting.jpg);
}

#menu-item-34,
#menu-item-39,
#menu-item-120,
#menu-item-139,
#menu-item-144,
#menu-item-149,
#menu-item-169,
#menu-item-197 {
    background: #EEE url(images/matchmaking.gif);
}

#menu-item-34.current-menu-item,
#menu-item-39.current-menu-item,
#menu-item-120.current-menu-item,
#menu-item-139.current-menu-item,
#menu-item-144.current-menu-item,
#menu-item-149.current-menu-item,
#menu-item-169.current-menu-item,
#menu-item-197.current-menu-item {
    background: #EEE url(images/matchmaking.jpg);
}

#paper {
	border: 1px solid #000;
	width: 950px;
	margin: 0 auto;
    background: #EEE url(images/sidebar-pattern.gif);
    border-radius: 10px;
	box-shadow: 3px 3px 8px #111;
}

#content {
	width: 550px;
    margin: 0 150px;
	padding: 30px 50px 50px;
    background: #FFF;
}

h2.entry_title {
    margin-bottom: 20px;
}

.post {
    margin-bottom: 20px;
}

.post_date {
    font-size: 0.8em;
	color: #66747F;
}

#pushbottom {
	clear: both;
}

/* //////// Images //////// */

#content .alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}

#content .alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}

#content .aligncenter {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

#content .wp-caption {
	margin-top: 5px;
	margin-bottom: 10px;
}

#content .wp-caption-text {
	font-size: 0.8em;
	color: #66747F;
	margin-bottom: 0;
}

/* ///////// Form ////////// */

.label {
    font-size: 0.85em;
    font-weight: bold;
    float: left;
    width: 105px;
    text-align: right;
    clear: left;
    margin-right: 15px;
}

.formQuestion {
    font-size: 0.7em;
    margin-left: 120px;    
}

.sendButton {
    margin-left: 120px;
    margin-bottom: 20px;
}

.validationWarning {
    font-size: 0.6em;
    font-weight: bold;
    color: red;
}

/* //////// Sidebar //////// */

.sidebar {
    width: 150px;
}

#leftbar {
    float: left;
}

#rightbar {
    float: right;
}

.sidebar ul li {
	padding: 0;
	background-image: none;
}

.sidebar h2 {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    background: #CCC;
    margin-bottom: 0;
}

.sidebar ul ul {
    background: #EEE;
    border-bottom: 2px solid #CCC;
    padding: 0 10px;
    margin-bottom: 10px;
}

.sidebar ul ul li {
    padding: 5px 0;
    font-size: 0.9em;
}

.sidebar ul ul a {
    text-decoration: none;
    color: #000;
}

.sidebar ul ul a:hover {
    text-decoration: underline;
}

.sidebar ul ul a:visited {
    color: #666;
}

/* //////// Footer //////// */

footer {
    display: block;
	width: 950px;
	margin: 0 auto;
}

footer p {
	margin-top: 15px;
	font-size: 0.7em;
}

footer a:link {
    color: #333;
}

footer a:visited {
    color: #555;
}

footer a:hover {
    color: #000;
}