/*--------------------------------------------------------------------	
	Filename: master.css 
	Description: Primary CSS file for Edosia
	Author: Kristof Michiels, kristof.michiels@gmail.com
	URL: http://edosia.org/stylesheets/master.css
	License: Copyright 2009, Kristof Michiels, Creative Commons License
	License type: Attribution-NonCommercial-ShareAlike 2.0 Belgium
	License URL: http://creativecommons.org/licenses/by-nc-sa/2.0/be/
	Last Updated: july 2009
   -------------------------------------------------------------------- */

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, #container {margin: 0; padding: 0;}
html, body {height: 100%; width: 100%;}
ol, ul {list-style:none;}
img {border: 0;}
input, select, textarea {font-size: 100%; vertical-align: middle;}
table {border-collapse: collapse; border-spacing: 0; empty-cells: show;}
th {text-align: left;}

/* Layout Structure & Basic Styling */

body {
  background: #ffffff;
  font-family: Georgia, serif;
  font-size: 100%;
  color: #1e2226;
  height:100%;}

#singlecol #container {
	width: 36em;
	margin-left: auto;
	margin-right: auto;}

#doublecol #container, #geowide #container {
	width: 54em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;}

#doublecol #sidebar {
	float: right;
	width: 15em;}

#header {
	margin-bottom: 1.0em;}

#doublecol #content {
	float: left;
	width: 36em;
	margin-right: 2em;}

#footer {
	clear: both;
	border-top: 1px dotted #1e2226;
	padding-top: 1em;
	padding-bottom: 0.5em;}
	
.wrapper {padding-bottom: 0.6em;}

.sidebarbox, .sidebarbox2 {
	background: #e9037b;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius-topleft: 8px; 
	-webkit-border-top-left-radius: 8px; 
	-moz-border-radius-bottomright: 8px; 
	-webkit-border-bottom-right-radius: 8px;
	padding: 8px;
	padding-left: 18px;
	padding-right: 15px;
	margin-bottom: 0.6em;
	color: #fff;
	border: 1px solid #c6006a;}

.sidebarbox2 {background: #01a0c7;border: 1px solid #0081a2;}
.sidebarbox p, .sidebarbox2 p, .sidebarbox a, .sidebarbox2 a {color: #fff;}

/* Typography-headers (general) */

h1 {margin-top: 0.6em;}	
h2 {margin-bottom: 0.4em;}
h3 {margin-top: 0.4em;margin-bottom: 0.4em;}
#header h2 {margin-top: 0.4em;}
#content h1 {margin-top: 0;font-size: 130%;}
#sidebar h1, #sidebar h2, #sidebar h3 {margin-top: 0;font-size: 110%;margin-top: 0.2em;}
#header h3 {font-size: 100%;margin-bottom: 0.6em;font-weight: normal;font-style: italic;}
#sidebar h3 {margin-bottom: 0.6em;font-size: 110%;}
#sidebar .sidebarbox h3, #sidebar .sidebarbox2 h3 {font-size: 110%;}

/* Typography-paragraph (general) */

p {line-height:1.7em;margin:0.4em 0 0.6em 0;}

/* Typography-linkology (general) */

a {
	color: #1e2226;
	text-decoration: underline;}

a:hover, a:visited {color: #1e2226;} 

#content p a:hover, #header ul a:hover, #footer ul a:hover, #sidebar a:hover, 
.mgmtsection a:hover, .lfmtrack a:hover, .tweet a:hover, .pagination a:hover,
.mgmt_link:hover {
	background: #f8e503; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	}

h1 a, h1 a:hover, h2 a, h2 a:hover {
	color: #1e2226;
	text-decoration: none;
	padding-left: 0;margin-left: 0;}

#managebar a, #managebar a:hover {
	color: #fff; padding-bottom: 0.5em;}

/* Typography-ulology (general) */

#sidebar ul {margin-bottom: 20px;}
#sidebar li {margin-bottom: 5px;}

#managebar ul {
	display: inline;
	background: #1e2226 url(../images/glas-btn.png) repeat-x 0 50%;
	color: #fff;
	margin: 0;
	margin-left: -0.9em;
	padding: 0.4em 0.4em 0.5em 0.8em;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border: 1px solid #000;}

#managebar ul li {
	display:inline;
	line-height: 1.8em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	border-left: 1px solid #fff;}

#header ul li, #footer ul li {
	display:inline;
	line-height: 1.8em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	border-left: 1px solid #1e2226;}

#header ul .left, #managebar ul .left, #footer ul .left {
	border-left: 0;
	padding-left: 0;
	padding-bottom: 6px;}


/* site-related elements */

.post h2, .last_post h2, #content h2 {font-size: 130%;margin-bottom: 0.6em;}
.post p, .last_post p {margin-top: 1.2em;}
.subline a {color: #1e2226;}
.post, .last_post {
	clear: both;
	border-bottom: 1px dotted #1e2226;
	padding-bottom: 10px;
	margin-bottom: 20px;}

.last_post {border-bottom: 0;margin-bottom: 0;}

.subline {
	background: #f8e503;
	line-height:1.5em;
	display: inline;
	padding: 4px 8px 5px 8px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;}

.postdate {
	float: right; 
	font-size: 80%;} 
	
.pagecounter {
	font-weight: normal;
	font-size: 55%;
}  

#post_published_on_1i,#post_published_on_2i,#post_published_on_3i,#post_published_on_4i,#post_published_on_5i {
	font-family: Georgia, serif;
	line-height: 1.6em;
	font-size: 100%;}

#site_page_limit, #post_comments_allowed {
	width: 4em;
	font-family: Georgia, serif;
	line-height: 1.6em;
	font-size: 100%;}

#post_comments_allowed {
	width: 10em;}

.pagination {margin-bottom: 1em;}

.centered {text-align: center;}

.comment img {float: left;margin-right: 0.4em;}

.comment {margin-bottom: 2em; margin-top: 1em;}

.frontpage {display: block;margin-bottom: 1.2em;margin-top: 1.2em;}

.lfmtrack, .lfmtracklast, .tweet, .tweetlast {
	border-bottom: 1px dotted #1e2226;
	line-height: 2.8em;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
	vertical-align: top;}     
	
.lfmtrack, .lfmtracklast {clear: right;}

.lfmtracklast, .tweetlast {border-bottom: 0;}
.lfmtrack .cover, .lfmtracklast .cover {margin-bottom: -0.7em;margin-right: 0.7em;}
.lfmtrack .tijdstip, .lfmtracklast .tijdstip {float: right;font-size: 80%;}
.tweet .tijdstip_bron, .tweetlast .tijdstip_bron {font-size: 80%;margin: 0;padding: 0; padding-bottom: 0.4em;padding-top: 0.2em;}
.tweet p {margin-bottom: 0;}
.tweet, .tweetlast {padding-top: 0.1em;padding-bottom: 0.4em;margin-top: -0.8em;margin-bottom: 0.8em;}
.tweetlast {margin-bottom: 0;padding-bottom: 0;}

/* site-management-related elements */

.mgmtsection a, #sitelist a {
	margin-right: 0.6em;}

.mgmtsection {
	margin-bottom: 2em;
	margin-top: -0.4em;}

#post_photos {
	margin-top: 0.5em;}

.mgmtsection li {
	border-bottom: 1px dotted #1e2226;
	line-height: 1.6em;
	padding-bottom: 0.4em;
	margin-bottom: 0.4em;
	vertical-align: top;}

#sidebar #sitelist {
	margin-bottom: 10px;}

#sidebar #sitelist li {
	line-height: 1.34em;
	padding-bottom: 0.2em;
	margin-bottom: 0.4em;
	vertical-align: top;}

.mgmtsection h3 {
	margin-bottom: 0.6em;}

#hide_assets, #show_assets {display: inline;}

.asset_item {
	width: 125px;
	font-size: 90%;
	float: left;
	margin-left: 0px;
	margin-right: 19px;
	margin-top: 0px;
	margin-bottom: 20px;}

.asset_item img, #photowindow img {
	border: 1px dotted #1e2226;
	padding: 2px;
	margin-bottom: 5px;}

#mediabasket li {margin-bottom: 5px;}

/* Media */

.media, .media-l, .media-r, .asset_duo, .asset_trio {
	margin-top: 1.2em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;}
                           
.photoslide {
   	margin-top: 25px;
	margin-bottom: 1em;
	margin-left: 3em;
}


.asset_duo, .asset_trio {width: 480px;}                                                    
.asset_duo_left {float: left;}    
.asset_duo_right {float: right;}
.asset_trio_left {float: left;margin-right: 21px;}
.asset_trio_mid {float: left;}
.asset_trio_right {float: right;}
		
.media-l {
	float: left;
	margin-right: 15px;
	margin-top: 8px;
	margin-bottom: 2px;}

.media-r {
	float: right;
	margin-left: 15px;
	margin-top: 8px;
	margin-bottom: 2px;}
	
#sidebar .media-r, #sidebar .media-l {
	margin: 0.6em 0.6em 0 0;}
	
/* Input / buttons related */

.txtarea_update, .txtarea_update_comment, .txtbox_text_long {
	width: 35em;
	font-family: Georgia, serif;
	font-size: 100%;
	line-height: 1.6em;
	padding: 2px;}

.txtbox_text_short, .txtbox_text_login, .txtbox_text_search, .ddlshort, .txtbox_text_newsletter, .txtbox_text_extremely_short, 
.txtbox_text_ext_extremely_short, .txtbox_text_short_s,.txtbox_text_extremely_short_s, .txtbox_text_ext_extremely_short_s  {	
	width: 24em;
	font-family: Georgia, serif;
	line-height: 1.6em;
	font-size: 100%;
	} 

.txtbox_text_ext_extremely_short, .txtbox_text_ext_extremely_short_s {
	width: 10em;
} 
  
.txtbox_text_extremely_short, .txtbox_text_extremely_short_s {
	width: 18em;
}  

.txtbox_text_short_s,.txtbox_text_extremely_short_s, .txtbox_text_ext_extremely_short_s {
	margin-top: 5px;
}
	
.txtbox_text_login {width: 12em;}
.txtbox_text_newsletter {width: 15em;}
.txtbox_text_search {width: 10em;}
.txtbox_text_long {width: 34.8em;}

#sidebar .linkbutton, #sidebar .linkbutton2, #sidebar .linkbutton3 {
	background: #e9037b url(../images/glas-btn.png) repeat-x 0 48%;
	border: 1px solid #c6006a;	
	color: #fff;
	padding: 3px;
	line-height: 1.6em;
	display: block;
	width: 13em;
	margin-top: 0.4em;
	margin-bottom: 0.6em;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	-moz-border-radius-topleft: 12px; 
	-webkit-border-top-left-radius: 12px; 
	-moz-border-radius-bottomright: 12px; 
	-webkit-border-bottom-right-radius: 12px;
	text-decoration: none;
	text-align: center;}

#sidebar .linkbutton:hover, #sidebar .linkbutton2:hover, #sidebar .linkbutton3:hover {
	color: #fff;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	-moz-border-radius-topleft: 12px; 
	-webkit-border-top-left-radius: 12px; 
	-moz-border-radius-bottomright: 12px; 
	-webkit-border-bottom-right-radius: 12px;
	background: #e9037b url(../images/glas-btn.png) repeat-x 0 48%;
	}

#sidebar .linkbutton3, #sidebar .linkbutton3:hover {
	background: #01a0c7 url(../images/glas-btn.png) repeat-x 0 48%;
	border: 1px solid #0081a2;}
	
#sidebar .linkbutton2, #sidebar .linkbutton2:hover {
	background: #1e2226 url(../images/glas-btn.png) repeat-x 0 48%;
	border: 1px solid #000;}

.loginbutton, #sidebar .sidebarbox2 a.loginbutton, #sidebar .sidebarbox2 a.loginbutton:hover { width: 12.4em;
	color: #ffffff;
	border: solid thin #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
	padding: .3em;
	background: #e9037b url(../images/glas-btn.png) repeat-x 0 50%;}  
 
   #sidebar .sidebarbox2 a.loginbutton, #sidebar .sidebarbox2 a.loginbutton:hover {text-decoration: none;padding: 6px 12px 6px 12px;font-size: 110%;}

.loginbutton2 { width: 12.4em;
	color: #ffffff;
	border: solid thin #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
	padding: .3em;
	background: #01a0c7 url(../images/glas-btn.png) repeat-x 0 50%;}

a.editlink {float: right;}

/* Site Support & Error Handling elements */

.helptext, .helptext-bis {
	font-size: 80%;
	display: block;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	line-height: 14px;
	padding-top: 6px;
	padding-bottom: 15px;
	}

.helptext-bis {
	padding-top: 0.6em;
}
		
.required {
	color: #e9037b;
	margin-left: 3px;
	vertical-align: top;
	font-size: 85%;}

.noticeflash, #archives_description {
	background: #f8e503;
	padding: 8px;
	margin-bottom: 1em;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;}

#errorExplanation {
	background: #f8e503;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius-topleft: 8px; 
	-webkit-border-top-left-radius: 8px; 
	-moz-border-radius-bottomright: 8px; 
	-webkit-border-bottom-right-radius: 8px;
	padding: 15px;}

#errorExplanation h2 {font-size: 110%;}
#errorExplanation ul {list-style-type:disc; margin-left: 20px;padding-top: 5px;padding-bottom: 3px;}
#errorExplanation ul li {line-height: 1.6em;}
#errorExplanation p {margin:0;padding:0;}

.fieldWithErrors {display: inline;}

.fieldWithErrors .txtbox_text_short, .fieldWithErrors .txtbox_text_extremely_short, .fieldWithErrors .txtbox_text_ext_extremely_short  {border: 3px solid #e9037b;}

#hide_textile_verbose, #show_textile_verbose {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;}


/* QR-code related */

#qrwrapper {padding: 3px;width: 125px;padding-bottom: 12px;}

#sidebar table {
 	border-width: 0;
  	border-style: none;
  	border-color: #0000ff;
  	border-collapse: collapse;}

#sidebar td {
   	border-width: 0;
   	border-style: none;
   	border-color: #0000ff;
   	border-collapse: collapse;
   	padding: 0;
   	margin: 0;
   	width: 5px;
   	height: 5px;}

#sidebar td.black {background-color: #1e2226;}
#sidebar td.white {background-color: #fff;}

/* Still to classify */

#textile_overview, #textile_verbose, #show_textile_verbose, #hide_textile_verbose {font-size: 80%;line-height: 1.2em;}

#sidebar .sidebarbox2 a:hover, #sidebar .sidebarbox a:hover, #sidebar .sidebarbox2 a, #sidebar .sidebarbox a {color: #fff; background: transparent;}

.helpheader {margin-top: 1.4em;}

#sidebar .helplist {list-style: disc;margin-left: 1.2em;line-height: 1.6em;}

.for_edit {margin-top: -0.6em;margin-bottom: 1.4em;}
.for_edit li {
	border-bottom: 1px dotted #1e2226;
	line-height: 1.6em;
	padding-bottom: 0.4em;
	margin-bottom: 0.4em;
	vertical-align: top;}

#subnavmenu {
	margin-top: 0.8em;
	}

#subnavmenu li {
	padding-bottom: 0.3em;}

#subnavmenu .selected {
}

#subnavmenu a {
	margin-left: 0;
	padding-left: 0;
	}

#map {
	background: #fff;
}

.geo_header, .geo_body
{
	width: 300px;
}

.geo_header a {padding-left: 0;}

.geo_body p
{margin: 0;
padding: 0;font-size: 85%;line-height: 1.4em;}

.geo_header
{margin-bottom: 10px;font-weight: bold;font-size: 95%;} 

#sidebar #sharebox a:link, #sidebar #sharebox a:hover {background: #fff;}
#sharefb {float: left; padding-right: 5px;}
#sharetw {padding: 0;vertical-align: text-bottom;}
#sharebox {margin-bottom: 12px; width: 240px;}  

#friendorama img {padding-right: 5px;margin-bottom: 5px;} 

#friendorama a, #friendorama a:link, #sidebar #friendorama a:hover {padding: 0; margin: 0; background: transparent;}  

#friendorama {width: 220px;}  

.subline {clear: both;}
.post, .last_post, .media-l, .media-r, p {line-height:1.7em;}
.post {padding-bottom: 16px;}
/* .lfmtracklast a:hover, .pagination a:hover {background: #f8e503;} */ 

#header h3 {margin-top: 0.8em;}
.fb {vertical-align: top;vertical-align: bottom;width: 230px;} 
a.fb_share, a.fb_share:hover {padding: 0;margin:0;background: transparent;} 
.fb_share {float: left;}  
.media {margin-top: 25px;}
#sharetw {padding: 0;vertical-align: text-bottom;}
#sharefb {padding-right: 5px;}
#sharebox {width: 240px;}
.lfmtrack,.lfmtracklast {clear: right;}      

.lfmswitcher {font-size: 95%;}  
                                
.mgmt_edit, .mgmt_edit:visited, #content .mgmt_edit:hover, #sidebar .mgmt_edit:hover {
	font-size: 85%;
	text-decoration: none;
	color: #fff; 
	background: #1e2226 url(../images/glas-btn.png) repeat-x 0 50%;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding: 2px 6px 2px 6px;   
	border: 1px solid #000;
	}
                                                                                 
.pagination a:link, .pagination a:hover, .pagination a:visited {margin: 0; padding: 0;-moz-border-radius: 0px;-webkit-border-radius: 0px;}  

#show_more_props, #hide_more_props {margin-bottom: 25px;font-size: 85%;} 

#show_more_props a:link, #hide_more_props a:link {color: #01a0c7;float: right;margin-right: 8px;}

.pagination {padding-top: 5px;}       

.warning {color: #e9037b;}

#captcha {line-height: 1.7em;margin-left: -3px;padding-bottom: 5px;}


#unhelp_1, #help_1, #unhelp_2, #help_2, #unhelp_3, #help_3, #unhelp_4, #help_4,
#unhelp_5, #help_5,#unhelp_6, #help_6 {float: right;margin-bottom: 7px;padding-right: 10px;font-size: 80%;padding-top: 2px;}
#unhelp_1 a, #help_1 a, #unhelp_2 a, #help_2 a, #unhelp_3 a, #help_3 a, #unhelp_4 a, #help_4 a,  
#unhelp_5 a, #help_5 a, #unhelp_6 a, #help_6 a {color: #01a0c7;margin-right: 0;}
#unhelp_1 a:hover, #help_1 a:hover, #unhelp_2 a:hover, #help_2 a:hover, #unhelp_3 a:hover, #help_3 a:hover, 
#unhelp_4 a:hover, #help_4 a:hover, #unhelp_5 a:hover, #help_5 a:hover, #unhelp_6 a:hover, #help_6 a:hover {background: transparent;}
#help_1_area, #help_2_area, #help_3_area, #help_4_area, #help_5_area, #help_6_area {
	border: 2px solid #01a0c7;
	margin: 10px 10px 10px 0px;
	padding-left: 10px; padding-right: 10px; 
	color: #0081a2;
	font-size: 90%; 
	line-height: 20px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;                      
	} 

#help_1_area a, #help_2_area a, #help_3_area a, #help_4_area a, #help_5_area a, #help_6_area a {color: #0081a2;}  
  
#contriblist {margin-right: 0.6em;}  

.smaller {font-size: 95%;}  

.design_sel {margin-top: 5px;}

.txtarea_update {margin-bottom: 14px;}

/* Extra stuff */ 

.gist {font-size: 80%;}      

#header h1 {}                                                        
                                    

/* Rotator */

#rotator_wrapper {
	overflow: hidden;
	position: relative;
	width: 480px;
	height: 375px;
}

#rotator_wrapper li {
	list-style: none;
}

#rotator, #rotator li, #rotator img {
	width: 500px;
	height: 375px;
}

#rotator {
	background: #fff;
	position: relative;
}

#rotator li {
	position: absolute;
	top: 0;
	left: 0;
}

#rotator_controls {
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 2px;
}

#rotator_controls li, #rotator_play_pause {
	display: inline;
	float: left;
	margin: 0 0 0 3px;
	width: 24px;
	height: 24px;   
	line-height: 16px;
}

#rotator_play_pause,
#rotator_controls a {
	background: #ccc;
	border: 1px solid #000;
	color: #999;
	display: block;
	font-size: 85%;
	padding: 1px 2px 4px 2px;
	text-align: center;
	text-decoration: none;
}

#rotator_controls a.current {
	color: #000;
	text-decoration: underline;
}

#rotator_play_pause:hover,
#rotator_controls a:hover {
	background: #000;
	border-color: #fff;
	color: #fff;
}

#rotator_play_pause {  
	padding: 0px;
	position: absolute;
	top: 4px;
	right: 4px;  
	width: 54px;  
	height: 20px;
	padding-top: 4px;   
}

/* For IE6. */
* html #rotator_play_pause,
* html #rotator_controls a {
	height: 1%;
}