/*  
	Theme Name: Hangar29
    Theme URI: http://www.computer-team.be
    Description: Design Hangar29 
    Author: Geert Heremans, Wim Wittesaele
    Author URI: http://www.computer-team.be/
    Version: 1.0
*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
a:link { color:#333333;}
a:hover { text-decoration: none;}
a:visited { color:black;}

/*remove borders from images */
a:link img { border:0px solid #fff; }

body { background-color: #666666;padding-bottom: 20px; }

img { border:0px solid #FFF;}
/**************************************/
/*              TYPOGRAPH             */
/**************************************/

h1,h2 {
	font-family: Verdana,Arial,"sans-serif";
	font-size: 1.1em;
	text-transform: uppercase;
	color:#A68E33;
}
body#contact h1,
body#contact h2,
body#contact h3 { color:#A68E33; }

body#page-wie-zijn-we h1,
body#page-wie-zijn-we h2,
body#page-wie-zijn-we h3 { color:#990066; }

body#page-wie-zijn-we h1 { text-indent: -999px;position: absolute;}

h1#page-title { text-indent: -999px;position: absolute;}

p {
	font-family: Verdana,Arial,Helvetica,"sans-serif";
	font-size: 11px;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header {
	background:#000 url(images/header_bg.jpg) no-repeat bottom left;
	height:143px;
}
#logo-hangar {
	position: relative;
	top:18px;
	left:0;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#home-menu { 
	position:relative;
	top:373px;
	left:251px;
	color:#FFF;
}
#home-menu ul.menu li {
	background: transparent url(images/home-menu-but-bg.jpg) no-repeat top left;
}	

ul.menu { margin-left: 0;margin-top:0;padding-left: 0; }
ul.menu li { 
	list-style: none;
	margin-left: 0;
	margin-bottom: 3px;
	text-align: center;
	padding-top:4px;
	width: 193px;
	height: 22px;
	}
ul.menu li a:link,
ul.menu li a:active,
ul.menu li a:visited { text-decoration: none;padding:0;color:#FFF;text-transform: uppercase;}

#main-menu { position:relative;top:27px;width:100%;margin-left:0;padding-left: 0;text-align: center;}
#main-menu li { float: left;width:25%;}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/


#main { min-height:501px;  }
body#page- #main,
body#page-home #main { background: #CCC url(images/content-home-bg.jpg) no-repeat top left; }

/*main background starts 390px from the left because the left sidebar is in the way */
body#page-contact-reservaties #main,
body#page-kalender #main,
body#page-handleiding #main,
body#page-evenement-hangar29 #main { background: #FFF url(images/content-bg.jpg) repeat-y 390px 0px; }
body#page-wie-zijn-we #main { background: #FFF url(images/content-bg-reverse.jpg) repeat-y top left; }


/*hide the header from all subsites */
#header { display: none; } 
/* show the header with menu on the main site */
body#page- #header,
body#page-handleiding #header,
body#page-evenement-hangar29 #header,
body#page-home #header,
body#page-contact-reservaties #header,
body#page-kalender #header,
body#page-wie-zijn-we #header { display: block;} 

.sidebar { /* width 390px */
	min-height:501px;
}

.sidebar-contact {
	background: #CCC url(images/home_contact.jpg) no-repeat top left;
}
.sidebar-wie-zijn-we{
	background: #CCC url(images/wie-zijn-we-bg.jpg) no-repeat top right;
}

/*  Styles for the events list on the kalendar page */
.container #events_list { clear:right;position:relative;margin-left: 0;list-style: none;padding-left: 0;}
.container #events_list li { clear:right;padding-top: 2px; padding-bottom: 1px;margin-left: 0;}
.container #events_list li.oddrow { background-color: #DDD; }
.container #events_list li a:visited,
.container #events_list li a:active,
.container #events_list li a:link {  background-color:transparent;color:blue;float:right;width:300px;}



/* styles for single event displa */
.container #kalender-selection { float:right;margin-top:-27px;margin-bottom:1.6em; }

/* hide the title "kalender" from the details pagev */
body#page-evenement-hangar29 h1 { display: none;}
body#page-evenement-hangar29 .content{ padding-top: 20px;}

.container  #event_detail p {  }
.container  #event_detail strong.label { display: block;float:left;width:51px;padding-top: 1px; }
.container  #event_detail img {display: none;}

.container  #event_detail div.info strong { clear:left; }

.container  #event_detail div.info p { display: block;}

/**************************************/
/*               FOOTER               */
/**************************************/
#credits { font-size: 0.8em; color:#EDEDED;float:right;}
#credits a { color:#CCC;padding-right: 0;}

/****************************************************************************************************/
/*               							SUBSITES								                */
/****************************************************************************************************/

/**************************************/
/*             NAVIGATION             */
/**************************************/
#subsites-content{
	padding-top: 3.2em;

}

#subsites-menu ul { width:230px;margin:40px auto 0 auto;}

#subsites-menu ul.menu li,
#subsites-content ul.menu li {
	width: 230px;
	padding-top: 6px;
	height: 22px;
	background: transparent url(images/subsites-menu-but-bg.jpg) no-repeat top left;
}	
#subsite-sidebar-picture{
	width:250px;
	height:188px;
	margin:40px auto 0 auto;
}
#logo {
	width:238px;
	height:118px;
	display: block;
	margin:0 auto;
	}
#logo h1 {
	text-indent: -999px;
}
#subsite-tkwartier #logo { background: transparent url(images/logo-tkwartier.jpg) no-repeat top center; }
#subsite-tkwartier #subsite-sidebar-picture { background: transparent url(images/photo-tkwartier.jpg) no-repeat top left; }
#subsite-waagnatie #logo { background: transparent url(images/logo-waagnatie.png) no-repeat top center; }
#subsite-waagnatie #subsite-sidebar-picture { background: transparent url(images/photo-waagnatie.png) no-repeat top left; }
#subsite-belgica #logo { background: none; }
#subsite-belgica #subsite-sidebar-picture { background: transparent url(images/photo-belgica.jpg) no-repeat top left; }
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#subsites-content {
	margin-top:45px;
	min-height:550px;
	background:#ECECEC url(images/subsites-content-bg.gif) repeat-y 80px 0;
	}
#subsites-content .sidebar {
	margin-bottom: 0;
	text-align: center;
}