/*

Theme Name: mandy

Theme URI: http://www.mandypijl.nl/wp/wp-content/themes/mandy/style.css

Description: Passend bij www.mandypijl.nl

Version: 1.0

Author: Oplijn 2007

Author URI: www.oplijn.nl

*/


/* GEBRUIKTE KLEUREN

zachtgroen #CBE162
felgroen #BED93B
licht groen  - reeks van #BED93B naar #FFFFFF
donker groen - reeks van #BED93B naar #668000

*/



/* Stuart Nicholls opbouw */

html { height:100%; max-height:100%; padding:0; margin:0; border:0;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	}

body { font-size: 76%; /* 62.5% Resets 1em to 10px */  height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; font-family: Verdana, Helvetica, Arial, sans-serif; color: #444;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-arrow-color : #000;
scrollbar-highlight-color : #bbd93b;
scrollbar-shadow-color : #bbd93b;
scrollbar-track-color : #FFFFFF; }


#content { display:block; overflow:auto; position:absolute; z-index:3; top:26px; bottom:132px !important; margin-left:-250px; left:50%; background:white; width:500px; padding:0;}
* html #content { top:0px; bottom:0; height:100%; width:500px; border-top:24px solid #666; border-bottom:136px solid #BED93B; }



#menu { position:absolute; top:0; border-top:1px solid #fff; border-bottom:2px solid #fff; height:23px; z-index:999; margin:0; left:0; display:block; width:100%; background-color: #CBE162; overflow:hidden; text-align:center; }
* html #menu { height:25px;} /*LET OP!! IE6 en IE7 height is incl. border*/


#menu h2 { color: #ffff00; font-size: 13px; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight: bold; margin: 0px; padding: 0; }

#menu li { display: inline; list-style-type: none; margin: 0px; padding:0; }
#menu ul { margin: 3px 0px; padding:0; }

#homelink a, #menu ul li a, #menu ul li a:hover { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight:bold; font-size: 1.1em; font-variant:small-caps; letter-spacing:1px; color: #0077BB; text-decoration: none; border:none; }
#homelink a:hover, #menu ul li a:hover { color: #FF6633; text-decoration: none; }

#homelink, #webloglink { position:absolute; width:220px; height:18px; margin-left:265px; left:50%; top:4px; z-index:999; }
#homelink img, #webloglink img { border:none; }



#footlogo { margin-top:5px; width:100%; text-align:center; background-color:#BED93B;  position:absolute; z-index:9; left:0; bottom:-1px; height:131px; border-top:2px solid white; }


#footoplijn, #wp, #footbeheer, #footlogin { position:absolute; bottom:0px !important; height:16px; left:12px; z-index:9; }
#footoplijn { padding:0; left:50% !important; margin-left:430px; }

#footoplijn a, #footoplijn a:visisted, #wp a, #wp a:visited, #wp,
#footlogin a, #footlogin a:visited, #footbeheer a, #footbeheer a:visited
{ text-align:left; color:#90a221; font:normal 10px Verdana; position:absolute; z-index:999;  margin:0; text-decoration:none; }


#footlogin, #footbeheer { margin-left:70px;  }
#footbeheer {  margin-left:150px;}

#footbeheer li, #footlogin li { list-style: none;}
#footoplijn a:hover, #wp a:hover, #footbeheer a:hover, #footlogin a:hover { color:#0077bb;}
#footoplijn a:active, #wp a:active, #footbeheer a:active, #footlogin a:active { color:#000; }






/* einde Stuart Nicholls opbouw */













/* WP edit - categorize - comments  */
#binnen { margin-left:25px; margin-right:15px; }
#binnen { margin-left:25px; margin-right:15px; }
#linker #binnen, #rechter #binnen { margin-left:15px; margin-right:15px; }
#binnenblog { margin-left:25px; margin-right:15px;}
#binnenblog.index h2 { margin-top:28px; }
#binnenblog.single p, #binnenblog.index p, #binnenblog.archief p { margin:0px 0px 18px 0px; }
#binnenblog h2#respond, #binnenblog h2 a { line-height:18px; }
#binnenblog p.prevnext { text-align:center; margin:0px 0px 9px 0px; font-size:0.9em; }
#binnenblog p.prevnext a, #binnenblog p.prevnext a:visited { color:#90a221;}
#binnenblog p.prevnext a:hover { color:#FF6633;}
#binnenblog p.auteur, #binnenblog .rubriekenregel, #binnenblog.archief .datum { margin-top:-10px !important; margin-top:-18px; margin-bottom:0px; font-size:0.9em; color:#90a221; clear:both;}
#binnenblog.archief .auteur a, #binnenblog.archief .auteur a:visited  { color:#90a221; }
#binnenblog p.auteur {  margin-bottom:0px; }
#binnenblog form { margin-top:0px; }  /* -10 */
#binnenblog .pl, #binnenblog .plk { float:left; margin:4px 10px 4px 0px;}
#binnenblog .plk { border:1px solid #0077BB; }
#binnenblog .pr, #binnenblog .prk { float:right; margin:4px 0px 4px 10px; }
#binnenblog .prk { border:1px solid #0077BB; }
#binnenblog .top, #binnenblog .topk { float:right; margin:4px 0px 4px 10px; }
#binnenblog .topk { border:1px solid #0077BB; }
#binnenblog.archief h3 span, .commentlist li span, #binnenblog h2#comments span { color:#90a221; font-size:0.8em; letter-spacing:1px;}

/*  zoekresultaten  */
#binnenblog.search h2 { line-height:18px; font:bold 12px Verdana; letter-spacing:1px;}
#binnenblog h2 .auteur { color:#90a221; font:normal 10px Verdana; letter-spacing:0px; margin-left:18px;}




#content p  { padding:0; line-height: 18px; color: #0077BB; }

#content p a, #content p a:visited { color: #0077BB; text-decoration: none; border-bottom: 1px solid #BBD93B; padding-bottom:1px;}
#content p a:hover { color: #FF6633; text-decoration: none; border-bottom: 1px solid #009DDD; }

#content a, #content a:visited { color: #0077BB; text-decoration: none; border-bottom: 1px solid #BED93B; padding-bottom:1px;}
#content a:hover { color: #FF6633; text-decoration: none; border-bottom: 1px solid #0077BB; }   #content a:active { color: #000; }
#content.artikelen p a, #content.opdrachtgevers p a { font-weight:bold;}

#content .cover { float:left; margin: 4px 20px 10px 0px; border:1px solid #0077BB; }

#content .edit a, #content .edit a:visited, #content p.edit a, #content p.edit a:visited { text-align:right; color: #FF6633; font:normal small-caps 11px Verdana; border-bottom: 1px solid #0077BB;}
#content .edit a:hover, #content .edit a:active, #content p.edit a:hover, #content p.edit a:active { color: #000; border-bottom: 1px solid #FF6633;}   #content p.edit { text-align:right; margin:20px 5px; }

#content p.topics { color:black; padding:5px 0px 7px 0px; border:1px dashed #bbd93b; border-width:1px 0px; margin-top:25px;}

#content p img { border: none; margin-right: 5px; margin-bottom: 0px; padding: 0px; }

#content h1 { color: #888888; font-size: 22px; font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif; font-weight: normal; padding: 10px; line-height: 150%; margin: 0px; }

#content h1 a  { color: #888888; text-decoration: underline; }

#content h1 a:hover {  color: #ffffff; text-decoration: none; }

#content h2 { color: #0077BB; font-size:1.2em; font-variant:small-caps; cursor: default; line-height:40px; letter-spacing:3px; margin-top: 10px; }

#content h3 { width:100%; background:#F1F7D8; color: #009DDD; font-size: 1.2em; letter-spacing:1px; font-weight: bold;  margin-top: 30px; margin-bottom:10px; line-height: 1.1em; font-variant: small-caps; border-bottom:1px solid #009ddd; text-indent:10px; padding:3px 0px;}

#content h3 a { color: #666666; text-decoration: none; }

#content h3 a:hover { color: #000000; background: #ffffff; text-decoration: underline; }
#binnenblog h3 { background:white; text-indent:0; color:#90a221; }




#content h5 { color: #009DDD; font-size: 0.85em; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight: normal; margin: 4px 10px 15px 0px; line-height:0.85em;  }

#content h5 .nieuw { margin-left:7px; color:#FF6633; font-weight:bold; text-transform: uppercase; }

#content ol { list-style-type: decimal; line-height: 18px; margin: 0px; padding: 0px 0px 10px 30px; }

#content ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; }

#content li { margin: 0px; padding: 0px; }

#content ul li { list-style: square inside; margin: 0px 0px 0px 10px; padding: 5px 0px 0px 0px; }

#content ul li a { color: #cccccc; text-decoration: underline; }

#content ul li a:hover { color: #ffffff; text-decoration: underline; }

blockquote { margin: 0px 0px 0px 25px; padding: 0px 25px 0px 10px; font-style: italic; color: #666666; border-left: 1px solid #cccccc; }

#content blockquote p { margin: 0px 0px 20px 0px; padding: 0px; }

.postspace { border-top: 2px solid #CBE162; width: 100%; height: 3px; margin: 5px 0px 20px 0px; padding: 0px;	}

.postspace2 { width: 440px;	height: 0px; margin: 0px; padding: 0px;	}

.postspace3 { width: 440px; height: 15px; margin: 0px; padding: 0px; }





#linker, #rechter { width:220px; height:100%; top:26px; bottom:132px !important; left:50%; background:#F2F7D8; padding: 0; z-index:3; overflow:auto; position:absolute; display:block; }
#linker { margin-left:-470px; }   #rechter { margin-left:250px;}
* html #linker, * html #rechter  { top:0; bottom:0; border-top:24px solid #666; border-bottom:135px solid #FFF;}


#rechter.actueel { color: #0077BB; }
#rechter.actueel p {  border-bottom:2px solid #CBE162; padding-bottom:10px; color: #0077BB; font-size:0.8em;  margin:0px 0px 0px 0px;}
#rechter.actueel p img { margin:14px 0px 7px 0px;}
#rechter.actueel p .titel { font-weight:bold; font-size:11px; color:#FF6633;}
#rechter .woordactueel { color: #FF6633; font-weight:bold; letter-spacing:2px; font-variant:small-caps; font-size:1.2em; margin:21px 0px 5px 0px; border-bottom:2px solid #CBE162; padding-bottom:10px; } /* class aan <p> op HOME */

#rechter.actueel p a, #rechter.actueel p a:visited, #rechter p .noggeenlink { color: #FF6633; text-decoration: none; border-bottom: 1px solid #0077BB; padding-bottom:1px;}
#rechter.actueel p a:hover { color: #0077BB; text-decoration: none; border-bottom: 1px solid #FF6633; }
#rechter.actueel .noggeenlink { border:none; }
#rechter .aboutme { font:normal 10px/16px Verdana; color:#0077BB; padding-bottom:5px; margin-bottom:10px; border-bottom:2px solid #CBE162; }






#linker.foto { width:300px !important; width:300px; margin-left:-550px; text-align:right; padding:0; overflow:hidden; background:#E1EDA4; margin-top:-1px;}
#linker.foto img { width:300px; height:450px; border:none; }
#linker.foto td {  padding-bottom:130px !important; padding-bottom:0px; }
/* in FF zorgt deze padding-bottom voor het hooghouden van de foto  */


#linker p { margin: 0px; line-height: 16px; padding: 5px 0px 10px 0px; }

#linker h2, #rechter h2
{ color: #0077BB; font-size: 11px; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight: bold; list-style: none; padding: 10px 0px 3px 0px; margin: 0px; }

#linker ul, #rechter ul
{ list-style: none; margin: 0px; padding: 0px 0px 20px 0px; }

#linker li, #rechter li
{ list-style: none; margin: 0px; padding: 0px; }

#linker ul li, #rechter ul li
{ list-style: none; margin: 0px; padding: 4px 0px; }

#linker ul li a, #rechter ul li a
{ color: #009DDD; text-decoration: none; }

#linker ul li a:hover, #rechter ul li a:hover
{ color: #FF6633; text-decoration: underline; }

#rechter p { margin: 0px; line-height: 16px; padding: 5px 0px 10px 0px; }




/* Deze style is bedoeld voor de <ol> om de bullets te verwijderen en uit te lijnen */
ul#nav { list-style-type : none; text-align : left; }



/*
  This styles the links. It’s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
*/

ul#nav a, ul#nav a.rss { margin-left: 10px; color: #FFF; font-weight: bold; display: block; }



 /* This gives the “rss” class link a background image */

 ul#nav a.rss { background : #FF9900 url(images/rss.jpg) no-repeat 2px 2px; }



 /* This is only necessary for IE6 else the link margins will collapse on hover */

 ul#nav li { margin-bottom : 3px; }



 /* This removes the default left margin (indentation) */

 ul#nav li { margin-left : 0; }



 /*

  Now to offer some hover and focus styles. Further specification of focus/active styles

  could be added but I didn’t do it in this example. I didn’t feel it was needed

 */

 ul#nav a:hover, ul#nav a:focus, ul#nav a:active { color: #FF3366; }



 /* This offers up a hover/focus state image for the “rss” class link */

 ul#nav a.rss:hover, ul#nav a.rss:focus

 { background: url(images/rss_on.jpg) no-repeat 2px 2px; }



 /*

  This style the single state of the “current_page_item” class link. Not needed for

  the “rss” class link since that target page won’t display the menu

 */

 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,

 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active

 { color: #FF6633; cursor: default; }


 #menu ul li.current_page_item a, #menu ul li.current_page_item a:hover,

 #menu ul li.current_page_item a:focus, #menu ul li.current_page_item a:active

 { color: #FFF; font-size:1.2em; cursor: default; line-height:13px;  letter-spacing:3px; }



#fotobaanrechts, #fotobaanlinks { width:70px; text-align:center; height:100%; top:25px; bottom:132px !important; left:50%; padding: 0; z-index:3; overflow:auto; position:absolute; margin-left:470px; }   #fotobaanlinks { margin-left:-539px; }

#fotobaanrechts img,  #fotobaanlinks img {  height:90px; border:2px solid white; border-top:0px solid white; }


/* FORMULIER */

#searchform input { text-align:left; border: 1px solid #0077BB; width:190px;}
#searchsubmit { margin-top:5px;width:80px; color:#0077BB; font-weight:bold; font-size:11px; background-color:#CBE162; padding:1px 5px 0px 5px; text-align:center; letter-spacing:1px; clear:left;}

.opdrachtgevers #binnen p { clear:left; }




/* WORKSHOPS */

div.workshop { display:block; }


a.pijllink { background:url("http://www.mandypijl.nl/weblog/wp-content/themes/mandy/images/pijl-up-blauw.gif"); border:none; text-decoration:none; text-align:center; width:15px; height:15px;} .pijllink:hover { background:url("http://www.mandypijl.nl/weblog/wp-content/themes/mandy/images/pijl-up-f63.gif")} a.pijllink img { border:none; height:15px;}
#ws1, #ws2, #ws3, #ws4, #ws5, #ws6, #ws7, #ws8, #ws9  { display:none;}
#lees-ws1, #lees-ws2, #lees-ws3, #lees-ws4, #lees-ws5, #lees-ws6, #lees-ws7, #lees-ws8, #lees-ws9 { font-weight:bold;display:block; border-bottom:1px dashed #0077bb; padding-bottom:1px; width:6em;}
#lees-ws1:hover, #lees-ws2:hover, #lees-ws3:hover, #lees-ws4:hover, #lees-ws5:hover, #lees-ws6:hover, #lees-ws7:hover, #lees-ws8:hover, #lees-ws9:hover { border-bottom:1px dashed #ff6600; padding-bottom:1px; }
table.datatabel { margin-top:10px; width:91%; border-collapse: collapse; border:1px solid #cbe162; }.datatabel td { border-top:1px solid #cbe162; background:#FCFDF7; color:#0077bb; vertical-align:baseline; font: normal 9pt/18px Verdana; line-height:1.7em; padding:5px;} td.label { color:#A7C225; font-size:11px; text-align:right; letter-spacing:1px;}
.workshop h4 { font:bold 1.0em Verdana; margin:-6px 0 4px 10px; color:#009ddd; text-align:right;}
.workshop p { margin:4px 0 1.0em 10px;}

.kopdatum { float:right; margin-top:10px !important; margin:0px 0px 5px 10px; padding:0 0 5px 10px; font:bold 0.9em/1.3em Verdana; color: #A7C225; border:1px solid #009ddd; border-width:0 0 1px 1px; text-align:right;}





/* TWITTER */

#twitterlijst .typelist { width:185px; background-color:#f2f7d8; padding:20px 0px 20px 0px; }
#twitterlijst .typelist li { font-size:0.9em; color: #0077bb; font-weight:bold; border-bottom:1px dashed #A7C225; padding:5px 0px 8px 0px;}
#twitterlijst .typelist a, #twitterlijst .typelist a:visited { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-weight:normal; font-size: 0.9em; font-variant:small-caps; letter-spacing:1px; color: #0077bb; text-decoration: none; border:none;}
#twitterlijst .typelist li a:hover, #twitterlijst .typelist a:hover { color: #ff6633; text-decoration: none; border:none; }
#twitterlijst .twit, #twitterlijst a.twit, #twitterlijst a.twit:visited { color:#90A221; font-variant: small-caps; font-weight:bold; } /* Mandy laatste tweets - Volg mandy */
#rechter { overflow-x: hidden; }