/*
Theme Name: Alpha Ede
Theme URI: http://www.alpha-ede.nl
Description: De layout voor de website van Alpha Ede.
Version: 1.0
Author: Hylmar Lindeboom
Author URI: http://www.vicalavidi.com/

Template: bp-default
Tags: buddypress

	Alpha Ede 1.0
	http://www.alpha-ede.nl

	Dit thema is ontworpen en ontwikkeld door Hylmar Lindeboom.
*/

@import url( style_forum.css );

/* Begin basis layout */
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font-size: 62.5%; /* Reset 1em naar 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #0e180f;
	background: url('images/bg-body.jpg') center top;
}

#blue {
	position: absolute;
	z-index: -999;
	left: 70%;

	width: 30%;
	height: 37px;

	background-color: #010080;
}

#container {
	margin: 0 auto -100px; /* Laatste waarde gelijk aan hoogte #footer */
	width: 960px;
	height: auto !important;
	min-height: 100%;
}

#header-photo {
	position: relative;
	top: 60px;
	left: 650px;
	z-index: -1000;
	background: url('images/header-photos/1.jpg');
	width: 300px;
	height: 200px;
}

#header {
	height: 200px;
	
	background: url('images/header.png') no-repeat;
}

#bp-login-header {
	width: 300px;
	position: relative;
	float: left;
	top: 158px;
	left: 300px;
	font-size: 1.2em;
}
#bp-login-header a {
	border: 0;
	color: #010080;
	padding: 0;
	text-decoration: none;
}
	#bp-login-header a:hover {
		text-decoration: underline;
	}
#login-text {
	float: left;
}
#fbLoginButton {
	float: right;
	margin-top: -10px;
}

#sponsors {
	position: absolute;
	width: 160px;
	height: 30px;
	top: 182px;
	margin-left: 120px;
}
	#sponsors a {
		display: block;
		width: 160px;
		height: 30px;
		background: url('images/sponsors.png') top left no-repeat;
	}
		#sponsors a:hover {
			background-position: bottom;
		}
	#sponsors a span {
		display: none;
	}
		

#banner-studentenlink {
float: right;
}

ul#mainmenu {
	list-style: none;
	position: absolute;
	margin-top: 58px;
	margin-left: 200px;
	
	font-size: 1.2em;
	text-transform: uppercase;
}
ul#mainmenu li {
	float: left;
	margin-right: 15px;
	padding-top: 58px;
	height: 12px;
}
ul#mainmenu li.current_page_item, ul#mainmenu li.current_page_ancestor {
	background: url('images/li-active-main.png') center top no-repeat;
}

#content {
	margin-bottom: 50px;
	padding: 0 10px;

	font-size: 1.2em;
}

#maincolumn {
	float: right;

	margin-top: 20px;
	margin-right: 30px;
	padding: 40px 45px;
	width: 480px;

	font-size: inherit;
	background: url('images/bg-maincolumn.png') repeat-y;
}
#maincolumn-home {
	float: right;

	margin-top: 20px;
	margin-right: 30px;
	padding: 40px 45px;
	width: 360px;

	font-size: inherit;
	background: url('images/bg-maincolumn.png') repeat-y;
}
#maincolumn ul {
	margin-left: 30px;
}
#maincolumn ul li {
	margin-bottom: 5px;
}

#agendacolumn {
	width: 880px;
	margin-left: 30px;
}
#forumcolumn {
	margin-top: 30px;
	width: 800px;
	margin-left: 30px;
	background-color: #ffffff;
	padding: 20px 40px;
}
	#forumcolumn h2 {
		background: none;
		padding: 0;
	}
a img {
	border: 0;
}
#forumcolumn a:visited {
	color: #888888;
}

#sidebar {
	float: left;
	
	margin: 50px 0 0 30px;

	width: 270px;
}

#footer, #push {
	clear: both;
	
	margin: auto;
	width: 960px;	
	height: 100px; /* Waarde gelijk aan margin-bottom #container */
}

#footer {
	font-size: 1.2em;
	color: #0E180F;
}
#notes {
	float: left;
	padding: 0 40px;
	position: absolute;
}

#voetbalk {
	
}
	#voetbalk h3 {
		color: #0E180F;		
	}
	#voetbalk a img {
		border: 0;
	}
	#voetbalk .item-avatar {
		float: left;
		margin-right: 5px;
	}
/* Einde basis layout */


/* Begin editorial */
p {
	margin-bottom: 10px;
	line-height: 1.6em;
}
.edit {
	margin: 10px 0;
	clear: both;
}
/* Einde editorial */


/* Begin koppen */
h2 {
	padding-left: 10px;
	margin-bottom: 20px;
	
	font-size: 2em;
	color: #010080;
	background: transparent url('images/h-lijn.png') bottom left no-repeat;
}
#sidebar h2 {
	font-size: 1.5em;
	color: #0e180f;
	margin-bottom: 10px;
}
#sidebar h2 a {
	color: #0e180f;
}
h3 {
	margin-top: 25px;
	margin-bottom: 10px;
	color: #010080;
}
/* Einde koppen */


/* Begin links */
#maincolumn a, #maincolumn a:visited {
	text-decoration: none;
	color: #0e180f;
	background-color: #cff2ac;
}
#maincolumn a:hover {
	text-decoration: underline;
	color: #010080;
	background-color: #cff2ac;
}

#maincolumn h2 a {
	background: none;
	color: #7edb1e;
}
#maincolumn h2 a:hover {
	text-decoration: none;
	color: #0e180f;
}

#maincolumn .edit a.post-edit-link {	
	background-color: red;
	color: #ffffff;
}

ul#mainmenu li a {
	bottom: 0;

	font-weight: bold;
	text-decoration: none;
	color: #7edb1e;
}
ul#mainmenu li a:hover {
	color: #ffffff;
}
ul#mainmenu li.current_page_item a {
	color: #ffffff;
}



#social-links {
	background: url('images/social-links.png');
	width: 265px;
	height: 68px;
	float: left;
	margin-right: 40px;
	margin-left: 140px;
}
.social-link, .social-link:hover, .social-link:visited {
	display: block;
	text-decoration: none;
	background: none;
	z-index: 500;
}
.social-link span {
	visibility: hidden;
}
#social-link-facebook {
	position: relative;
	left: 115px;
	width: 150px;
	height: 35px;
}
#social-link-twitter {
	position: relative;
	top: 10px;
	left: 150px;
	width: 115px;
	height: 25px;
}
/* Einde links */


/* Begin #sidebar */
#sidebar ul {
	list-style: none;
	
	margin: 0 0 50px 0;
	padding: 20px 30px;

	background-color: #e1ffc1;
}

li.widget {
	margin-bottom: 20px;
}

#sidebar ul li ul {
	margin: 0 0 20px 0;
	padding: 0;
}

#sidebar #sub-page-menu ul {
	clear: both;
}

#sidebar #sub-page-menu ul li {
	padding: 2px 0 0 25px;
	
	background: url('images/li-cross.png') left 2px no-repeat;
}

#sidebar #sub-page-menu ul li a {
	display: block;
	text-decoration: none;
	color: #0e180f;
}
#sidebar #sub-page-menu ul li a:hover, #sidebar #sub-page-menu ul li.current_page_ancestor a {
	background: url('images/li-hover.png') left center no-repeat;
}
#sidebar #sub-page-menu ul li.current_page_item a {
	background: url('images/li-active.png') left center no-repeat;
}


#sidebar #sub-page-menu ul li ul.children {
	margin-top: 5px;
}

#sidebar #sub-page-menu ul li  ul.children li {
	padding: 2px 0 0 25px;
	
	background: url('images/li-dot.png') left 2px no-repeat;
}

#sidebar #sub-page-menu ul li  ul.children li a {
	display: block;
	text-decoration: none;
	color: #0e180f;
	background: none;
}
#sidebar #sub-page-menu ul li  ul.children li a:hover {
	background: url('images/li-hover.png') left center no-repeat;
}
#sidebar #sub-page-menu ul li  ul.children li.current_page_item a {
	background: url('images/li-active.png') left center no-repeat;
}

children


/* Einde #sidebar */


/* Begin kalender */
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        line-height:1.2em;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        font-size: 1.4em;
        background: url('images/h-lijn.png') bottom center no-repeat;
     }
     .calendar-next {
        width:40%;
        text-align: left;
     }
     .calendar-prev {
        width:40%;
        text-align: right;
     }
     .calendar-prev a, .calendar-next a {
        color: #ffffff;
        text-decoration: none;
        font-size: 0.8em;
     }
     .calendar-prev a:hover, .calendar-next a:hover {
     	text-decoration: underline;
     }
     .calendar-month {
        width:20%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        width:25px;
        height:25px;
        font-size:1em;
        background-color: #0E180F;
        color: #ffffff;
        text-align: center;
     }
     .weekend-heading {
        width: 25px;
        height: 25px;
        font-size: 1em;
        background-color: #0E180F;
        color: #ffffff;
        text-align: center;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
		background-color: #ffffff;
		padding: 5px;
     }
     .day-with-date span.daynr {
     	font-size: 0.75em;
     }
     .no-events {
		background-color: #E1FFC1;
     }
     .day-without-date {
        width:60px;
        height:60px;
        background-color: #E1FFC1;
     }
     span.weekend {
        color: #666666;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
		padding: 5px;        
		border: 1px double #7EDB1E;
     }
     span.event {

     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
		display: none;
     }
     .calnk a:hover span span.event-title {
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        }
     .calnk a:hover span span.event-title-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
     }
     .calnk a:hover span span.event-content-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
     }
     .page-upcoming-events {
        font-size:80%;
     }
     .page-todays-events {
        font-size:80%;
     }
/* Einde kalender */


/* Begin Formidable */
.form-field {
	text-align: right;
}
.form-field label {
	float: left;
	width: 100px;
}
.form-field input, .form-field textarea {
	width: 370px;
	border: 1px solid #cccccc;
	padding: 2px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 62.5%; /* Reset 1em naar 10px */
	font-size: 1.2em;		
}
p.submit {
	text-align: right;
}
/* Einde Formidable */


/* Begin Gallery */

.ngg-album {
	float: left;
	width: 160px;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* Einde Gallery */