/* zinneke orange:		eb6700  */
/* zinneke blue:  		024d6e  */
/* zinneke liteblue:	7FB5DA  */
/* zinneke darkblue:	252543  */


/* Begin Typography & Colors */
body {	font:0.75em 'lucida grande',verdana, 'lucida sans unicode','trebuchet ms', Verdana, Arial, Sans-Serif;	color: #31361b; text-align: center; background:#fff ;  margin:0;  }

#page {	 text-align: left; width:860px; position:absolute;top:10px;left:50%; margin-left:-420px; padding:0 0 60px 0;margin-top:150px;}

#content {width:650px;margin-left:160px; padding-top:0px;overflow:auto;padding-right:50px;}

#content p {line-height:1.3em;color:#31361b;margin-top:0.4em;margin-bottom:0.5em;margin-left:5px;}
p strong, p b {font-weight:bold;}

a {color:#eb6700;}

#content p a:hover, #content li a:hover {text-decoration:underline;}

ul, li {margin:0; padding:0;}
div.entry ul {padding-left:0em;margin:10px	 0 0 15px;}
div.entry ul li {list-style-type:none; background:transparent url(/2008/img/orangebbl.gif) top left no-repeat; background-position:3px 3px;padding-left:1.5em;margin-bottom:0.4em;} 

h1, h2, h3 {font-family: 'trebuchet ms', 'lucida grande'; font-weight: bold;color:#31361b;}
h1 {font-size:220%;}
h2 {font: 190% 'trebuchet ms','lucida grande'; margin:10px 0 0.4em;   font-weight:bold;}  /* big font in content  */
h3 {font-size:140%; text-align:left;margin:0.7em 0 0;padding-bottom:0; }
h4 {font-size:120%;margin-bottom:2px;line-height:1.1em;margin-left:10px;}

h1, h1 a, h1 a:hover, h1 a:visited {text-decoration: none}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;	}

.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;	}

/* bottom footer */
#footer {padding-top:10px; background:transparent ;text-align:right;padding-right:50px;}
#footer p {margin: 0;padding: 10px 0;}
div.footernav {margin:30px;clear:both;}
div.footernav ul li {display:inline;}
div.footernav ul li a {}

small {font-size: 0.9em;line-height: 1.5em;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;	}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
.commentmetadata {font-weight: normal;}

small, .nocomments, .postmetadata, blockquote, strike {color: #777;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}


.singlepost {margin:0; }
.singlepost hr {display: block;}


/* Begin Images */
p img {padding: 0;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}

.alignright {	float: right;	}
.alignleft {	float: left	}

/* End Images */


/* Begin Form Elements */
#searchform {	margin: 10px auto;	padding: 5px 3px; 	}
.entry form { /* This is mainly for password protected posts, makes them look better. */	text-align:center;	}
select {	width: 130px;	}
#commentform input {	width: 170px;	padding: 2px;	margin: 5px 5px 1px 0;	}
#commentform textarea {	padding: 2px;	}
#commentform #submit {	margin: 0;	float: right;	}
/* End Form Elements */



/* Begin Comments  */
.alt { 	margin: 0;	padding: 10px;	}
.commentlist {	padding: 0;	text-align: justify;	}
.commentlist li {	margin: 15px 0 3px;	padding: 5px 10px 3px;	list-style: none;	}
.commentlist p {	margin: 10px 5px 10px 0;	}
#commentform p {	margin: 5px 0;	}
.nocomments {	text-align: center;	margin: 0;	padding: 0;	}
.commentmetadata {	margin: 0;	display: block;	}
/* End Comments */


/* Begin Various Tags & Classes */
blockquote {	margin: 15px 30px 0 5px;	padding-left: 10px;	border-left: 5px solid #006ca6;	}
blockquote cite {	margin: 5px 0 0;	display: block;	}
hr {	display: none; }
a img {	border: none;	}
/* End Various Tags & Classes*/


/* header */
#headerlangage a{color:#111;}
a#zin-header {display:block; position:absolute; top:-130px;left:0; }

/* searchbox in header */
#search {position:absolute;top:-145px;right:230px;}
#search input#s {width:100px;border:1px solid #ed6700;font-size:11px; padding-left:2px;}
#search input#searchsubmit {background:#ffe;padding:0;border:none;line-height:1.2em;color:#fff;margin:0 0.2em;font-size:11px;width:auto;}

ul#generalnav li  {position:absolute;top:0px;left:0; list-style-type:none;}

ul#generalnav li.presentation {position:absolute;top:-50px;left:10px}
ul#generalnav li.foto {position:absolute;top:20px;left:25px;}
ul#generalnav li.video {position:absolute;top:55px;left:60px;}
ul#generalnav li.parade2008 {position:absolute;top:-135px;left:245px;}
ul#generalnav li.participation {position:absolute;top:-120px;left:350px;}
ul#generalnav li.international {position:absolute;top:-90px;left:470px;}
ul#generalnav li.blog {position:absolute;top:-130px;left:420px;}
ul#generalnav li.contact {position:absolute;top:85px;left:65px;}


#language {position:absolute;right:190px;top:-130px;}
#language a img {display:block;}


/* contexts :  some elements/backgrounds  do change, depending of the section you surf in */

#context {float:right;width:200px;position:relative;margin:0 0 10px 0px ; }
#context li {background:transparent url(/2008/img/bigbbl.gif) 3px left no-repeat;  list-style-type:none; margin:0; padding:0 0 0 12px}
#context li a {color:#eb6700; font-weight:bold; margin:0;text-decoration:none;padding:0 0.2em; color:#006CA6;}
#context li a:hover {color:#fff; text-decoration:none;background-color:#ee6700;}

/* workshops context - 34 */
body#pageid_34 div.entry {background:transparent url(/2008/img/c-workshops-back.gif) top right repeat-y;}
body#pageid_34 div.entry p {padding-right:80px;}
body#pageid_34 #content {}
body#pageid_34 #context, body.parentid_43 #context  {background:transparent url(/2008/img/c-workshops.gif) top right no-repeat;padding-top:50px;padding-right:80px;}

body#pageid_34 ul#openworkshops {padding-left:10px;}
body#pageid_34 ul#openworkshops ul {margin:0;padding:0 0 0 0;background:red;}
body#pageid_34 ul#openworkshops li  {margin-left:0;padding:0;background:transparent ; float:left;width:100%; ;}
body#pageid_34 ul#openworkshops li a  {display:none;}
body#pageid_34 ul#openworkshops li ul li ,
body#pageid_34 ul#openworkshops li ul li a {display:block;font-weight:normal; font-size:11px; margin-bottom:2px;}

/* zinneke 2008 context - 36 */
body#pageid_36 #context, body.parentid_36 #context {background:transparent url(/2008/img/c-2008.gif) top right no-repeat;padding-top:110px; }
body#pageid_36 #context li a {text-decoration:underline; font-size:110%}
body#pageid_36 #context li a:hover {text-decoration:none}
body#pageid_36 #context li {margin-bottom:0.3em;}

/* zinnodes context*/
body#pageid_43 #context {background:transparent url(/2008/img/c-zinnodes.gif) top right no-repeat;padding-top:60px; width:230px;}


body#pageid_70 div.entry {background:#e9e9ff; padding:15px;}
body#pageid_70 h2 {display:none;}

/* int'l 38 */
/* blog 103 */
/* press 73 */
/* newsletter 50 */
/* wat is zin 33 */
/* archive 49 */
/* contact 30 */

body#pageid_36 ul#generalnav li ul div#parade08 {display:block; }

img.imgright 	{float:right;position:relative;right:-150px;margin-left:-140px;margin-bottom:5px}
img.imgleft 	{float:left;position:relative;left:-150px;margin-right:-130px;margin-bottom:10px}
.center 		{text-align: center;	}

li:active ul {display:block;}

/*blog*/
div.blogpost {background:#e9e9ff;margin-bottom:1em;padding:0;width:450px;}
h3.blogpost_title a {font-size:130%;margin:0 0 0 0.8em;color:#006CA6;font-weight:bold;}
h3.blogpost_title span.blogpost_author {font-size:70%;font-weight:normal;color:#ccc;}
div.blogpost_content {padding:0 1.5em; }
p.blogpost_tools {text-align:right; padding:0 1.5em;}
p.blogpost_tools a {font-weight:bold;}
body#pageid_50 p.blogpost_tools {display:none;} /* no comments in newsletter */
span.blogpost_author {display:none;}

/* homepage */
body#splash {position:absolute;top:30px; left:50%; margin-left:-300px;}
#splashnav a {display:block;}
#splashnav {clear:both;}
body#splash .footernav { display:none;}
a.h-parade08 {position:absolute; top:-10px;left:389px;}
a.h-foto {position:absolute;top:190px;left:70px;}
a.h-video {position:absolute;top:255px;left:60px;}
a.h-workshop {position:absolute;top:174px;left:322px;}
a.h-wat {position:absolute;top:268px;left:162px;}
a.h-contact {position:absolute;top:250px;left:310px;}
a.h-blog {position:absolute;top:170px;left:525px;}
a.h-lang-fr {position:absolute;top:54px;left:10px;}
a.h-lang-nl {position:absolute;top:39px;left:54px;}
span.h-zin {position:absolute;top:40px;left:0px;}


div.navigation {margin:10px 0; clear:both; overflow:auto;}

div#sitemaplist ul {margin-left:15px;}


/*hiding the h2 title on certain pages */

body#splash h2.wptitle,
 {display:none;}



div#breadcrumb {font-size:90%;}


/* nifty corners stuff */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}



div.flvPlayer {padding:15px 0; text-align:center;}


/* special styles for /semoule and /printzinnodes printable page */

body#pageid_377 li.newpage, body#pageid_160 li.newpage { background:transparent;margin-left:0;padding-left:0;padding-bottom:3em;}
body#pageid_377 li.newpage p.pagepath, body#pageid_160 li.newpage p.pagepath {font:8pt 'trebuchet ms', helvetica, arial; color:#000;margin:0;padding:0;}
body#pageid_377 li.newpage h2.pagetitle, body#pageid_160 li.newpage h2.pagetitle {margin-top:4pt;border-bottom:1px solid black;}
body#pageid_377 li.newpage h2.pagetitle a, body#pageid_160 li.newpage h2.pagetitle a {font:15pt 'trebuchet ms',helvetica, arial; color:#000;}
body#pageid_377 li.newpage img, body#pageid_160 li.newpage img {max-width: 30%;float:none;}
 body#pageid_160 li.newpage ul {margin-left:0;}


body#pageid_160 ul#generalnav,
body#pageid_160 #search,
body#pageid_160 #footer
 {display:none;}

/* same for zinnodes*/