/*
Theme Name: Giesen Coffee Roasters
Theme URL: http://www.giesencoffeeroasters.eu
Description: Versie 3 van het bedrijf Giesen Coffee Roasters
Version: V3.0
Author: Davey Giesen
Author URL: http://www.devion.nl
Tags: GCR, Giesen, buddypress
*/

/* ******=== Body & Tags === ****** */
body{
	background: url(images/background.jpg);
	background-position: center;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0;

}

a { 
	color: #fff;
	text-decoration: underline;
}

img {
	border: 0;
}

#clear{
	clear: both;
}
/* ******=== Body & Tags === ****** */

/* ******=== CSS Koptekst === ****** */
#top_header{
	background: url(images/top.png);
	background-repeat: repeat-x;
	height: 190px;
	width: 100%;

}

#header{
	width: 1000px;
	margin: 0 auto;
}

#navigation{
	height: 30px;
	margin: 0 auto;
}

#flags{
	font-size: 9px;
	width: 310px;
	height: 50px;
}

#flags li{
	float: left;
}
#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
/* ******=== CSS Koptekst === ****** */


/* ******=== Content === ****** */
#mid_page{
width: 1000px;
margin: 0 auto;
}

#wrapper{
	width: 700px;
        float: left;

}
.content{
	width: 600px;
	margin-right: 100px;
	margin-bottom: 50px;
	float:left;
}

.title_content{

}

.info_content{
	text-align: right;
	font-style: italic;
	font-size: 9px;
}

.text_content{
	font-size: 12px;
}

.text_content li{
	margin-left: 15px;
}

.more{
	background: #333;
	color: #FFF;
	text-align: right;
	font-style: italic;
	font-size: 14px;
	border: #000 solid 1px;
	width:70px;
	float: right;
}
#locations{
	width: 600px;
	height: 100%;
}
.vak{
	width: 185px;
	float: left;
	height: 200px;
	padding-left: 5px;
	border: 1px solid #000;
}

.vak img{
margin-left: 3px;
}
/* ******=== Content === ****** */

/* ******=== Roasters === ****** */
#roasters{
	height: 500px;
	width: 700px;
	margin-top: 30px;
}
#roasters img{
	border: 0;
}
#roasters_w1{
	float: left;
	margin-right: 30px;
}
#roasters_w6{
	float: left;
	margin-right: 30px;
}
#roasters_w15{
	float: left;
}

/* ******=== Roasters === ****** */

/* ******=== Sidebar === ****** */
#flags{
	float: right;
}
#mc_signup_form1{
	margin-left: 20px;
}
.qtrans_language_chooser{
	height: 12px;
	width: 80px;
	margin-left: 200px;
	list-style: none;
	float: left;
}
#qtrans_select_qtranslate-4-chooser{
	margin-left: 20px;
	margin-bottom: 10px;
}

.qtrans_language_chooser li{
	float: left;
	margin-right: 4px;
}

.qtrans_flag qtrans_flag_nl{
	float: left;
	mar
}

qtrans_flag qtrans_flag_de{
	float: left;
}

#sidebar{
	width: 285px;
	float: left;
	height: 100%;
	/*background: url(images/left_bar.png) left repeat-y;*/
	padding-left: 15px;
}

.tml-user-links{
	list-style: square;
	margin-left: 15px;
	padding: 0;
}

.login {
    padding: 5px;
list-style: square;
}
    
.login p.error {
    padding: 5px;
    border: 1px solid #c00;
    background-color: #ffebe8;
    color: #333;
}

.login p.message {
    padding: 5px;
    border: 1px solid #e6db55;
    background-color: #ffffe0;
    color: #333;
}
    
.login form label {
    display: block;
}
    
.login form p.forgetmenot label {
    display: inline;
	
}

ul.tml-links{
	list-style: none;
	padding: 0;
	margin-left: 3px;
}

#mc_signup_submit{
	float: left;
	margin-left: 3px;
}

#mc-indicates-required{
	margin-left: 5px;
}

#sidebar .title{
	background: url(images/top_vak.png);
	font-weight: bold;
	height: 30px;
	padding-left: 15px;
	padding-top:10px;
}

.contact_infotop{
	width: 270px;
	font-weight: bold;
	height: 30px;
	padding-left: 15px;
	padding-top:10px;
	background: url(images/top_vak.png);
}
.contact_info{
	width: 285px;
	padding-left: 15px;
	padding-top:5px;
	margin-left: 5px;
}
#tml-1{
	margin-left: 15px;
}
/* ******=== Sidebar === ****** */

/* ******=== Contact === ****** */
#contact{
	width: 700px;
}
#contact div{
	margin-bottom: 15px;
}
#contact_left{
	width: 350px;
	float: left;
	text-align: right;
}
#contact_right{
	width: 350px;
	float: left;
}
/* ******=== Contact === ****** */

/* ******=== Footer === ****** */
#footer{
	width: 100%;
	height:400px;
	background:url(images/footer.png);
	background-repeat: repeat-x;
	color: #FFF;
	float:left;
clear: both;
}

#footernote {
	background: url(images/footernote.png);
	width: 300px;
	height: 290px;
	margin: 0 auto;
	padding-top: 110px;
	padding-left: 700px;
}

/* ******=== Footer === ****** */


/* ******=== MailChimp === ****** */
.mc_error_msg { color: red; }
.mc_success_msg { color: green; }
.mc_merge_var{ padding:0; margin:0; }
#mc_signup_form { width:99%;}
#mc_signup_form { float:left; padding-top:.5em;   }
#mc_signup_form .mc_var_label, #mc_signup_form .mc_input { float:left; margin-left: .5em; margin-top: .1em; clear:both; }
#mc_signup_form legend { padding:.5em;margin:0; }
#mc-indicates-required { float:left; clear:both; }
#mc_display_rewards { clear:both; }
#mc_interests_header { font-weight:bold; clear:both; padding-top:.2em; margin-left: .5em;}
div.mc_interest{ clear:both; margin-left: .5em;}
input.mc_interest { float:left; margin-left: .5em; margin-top: .2em; clear:left; }
label.mc_interest_label {float:left; clear:right; margin-left: .3em; margin-top: .2em;}
.mc_signup_submit { width:100%; text-align:center; clear:both; padding:.2em; }

/* ******=== MailChimp === ****** */