/*  

Theme Name: Elegance

Theme URI: http://www.powertheme.com/themes/elegance/

Description: An elegant WordPress theme brought to you free by <a href="http://www.powertheme.com">PowerTheme</a>

Version: 1.1

Author: PowerTheme

Author URI: http://www.powertheme.com/

Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns

*/



* { margin: 0; padding: 0; outline: none; }



a:link, a:visited { color: #5C92CD; text-decoration: none; }

a:active { color: #5C92CD;  }

a:hover { color: gray; }

body { background: #fff url(.wp-content/uploads/2009/04/bg_gradgrey.gif) repeat-x; font-family: Verdana, Helvetica, Arial, san-serif; font-size: 13px; color: #272727;  }

#wrapper { width: 960px; margin: 0 auto;}

#header { width: 960px; height: 138px; background: url(/wp-content/uploads/2009/04/bgheader.gif) no-repeat}

a.logo { width: 192px; height: 52px; float: left;  margin-top: 5px; }
a.logo span  { display: inline; }  

#homepage_message {
 width: 345px;
 height: 294px;
 float: right;
}

#homepage_message h1 {
 margin-bottom: 20px; font-size: 13pt;
}

#video {
 float: left;
}


.homepage_image {
 float:left;
}


.clear
{
     clear: both;
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

.news {
 clear:both;
 padding-top: 20px;
}

#branding {float:left;margin-top:35px;}

/* #branding h1 a {color:#ff0024;font-weight: normal; text-decoration: none; font-size: 30px;} */

#branding h1 a {display:block; width:360px;height:80px;background:url(/wp-content/uploads/2009/11/oneplanetlogo1.jpg) no-repeat;}

#branding h1 {text-indent:-9999px;}

#branding p { color:#000; } 


#catalogue {float:left; margin-top:45px;}

#catalogue a {display:block; width:293px;height:58px;background:url(/wp-content/uploads/2009/11/Banner-OPC-website2jpg.jpg) no-repeat;}


#nedvlag {float:right; margin-top:40px;margin-left:5px;}
#nedvlag a {display:block; width:30px; height:20px;background:url(/wp-content/uploads/2010/02/nedvlag.png) no-repeat;}

#engvlag {float:right; margin-top:40px;margin-left:5px;}
#engvlag a {display:block; width:30px; height:20px; background:url(/wp-content/uploads/2010/02/engvlag.png) no-repeat;}


.search { float:right; margin-top:20px; clear:right; }

.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }
.search span {color:#78ae3e; font-variant: small-caps;}


/* #subheader  { background: url(img/subheader-bg.png) no-repeat; width: 800px; height: 165px; float: left; } */

#subheader p { font-size: 10px; margin: 55px 0 0 10px; width: 460px; }



/*

	script stuff 

*/

.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; margin-left:40px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }



#content { width: 720px; float: left; }



.post { width: 720px; margin-bottom: 20px; }

.post h1, h1 { color: #5C92CD; font-weight: bold; font-size: 16px; line-height: 16px; margin:0px 0px 20px;}

.post h2, h2 { color: #5C92CD; font-weight: bold; font-size: 14px; line-height: 14px; margin:20px 0px 10px;}  

.post h3, h3 { color: #5C92CD; font-weight: bold; font-size: 12px; line-height: 12px; margin:8px 0px 5px;}  

.post h4 { color: #5C92CD; font-weight: normal; text-decoration: none; font-size: 14px; }  

.post h5, h5 { color: #a0a0a0; font-weight: bold; text-decoration: none; font-size: 12px; } 

.post h6, h6 { color: #5C92CD; font-weight: bold; font-size: 14px; line-height: 14px; margin:0px 0px 10px;}  

/*.post h2 a { color: #5C92CD; font-weight: bold; text-decoration: none; font-size: 18px; }  */

.post span.post-info { color: #666666; font-size: 10px; padding-bottom: 10px; width: 720px; float: left; }

.post p { line-height: 17px; margin-bottom: 10px; }

.post div.cats { border-top: 1px solid #ececec; padding-top: 10px; }

.post img.alignleft {margin-right:10px; margin-bottom:10px;}
.post img.alignright {margin-left:10px; margin-bottom:10px;}

.post {text-align:justify;}

.post li {margin-left: 20px;}

#sidebar { width: 200px; float: right; background: #7aae3e; color: #e9ffdf;}

#sidebar ul { list-style-type: none; }

#sidebar ul li a:link, #sidebar ul li a:visited { color: #fff; text-decoration: none; }

#sidebar ul li a:hover { color: #7e7e7e; }

#sidebar ul li { padding-bottom: 5px; border-bottom: 0px solid #7e7e7e; margin-bottom: 15px; } 

#sidebar ul li ul li { margin: 0; border: none; padding: 0; }

#sidebar ul li ul li /* a */ { padding: 2px 0px 1px 15px; display: block; width: 165px; background: url(/wp-content/uploads/2008/11/arrowred.gif) no-repeat 0px 4px; }

#sidebar ul li h2 { font-size: 18px; color: #474747; padding-bottom: 9px; font-weight: normal; }

/*hide third level */
/* #sidebar ul li ul li ul li ul li { display:none; } */
#sidebar ul li ul li ul li { display:none; }

/*except when it is in an active section */
/*
#sidebar ul li ul li ul li.current_page_item ul li { display:block; }
#sidebar ul li ul li ul li.current_page_ancestor ul li { display:block; }
*/

#sidebar ul li ul li.current_page_item ul li { display:block; }
#sidebar ul li ul li.current_page_ancestor ul li { display:block; }

#address {margin-left: 16px;}


.navigation .previous {float:left;}

.navigation .next {float:right;}



#footer {width: 100%; float: right; padding: 20px 0; margin-top: 20px; }

#footer .inner { width: 960px; margin: 0 auto; }

#twitter {float: right; margin-bottom:100px;}

/*

	.comments template styles

*/



.comments { float: left; padding: 0; }
.comments input[type=text], textarea { width: 350px; }
textarea { width: 450px; }
.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }
.comments p { padding: 0 0 10px 0; }
.comments h2 { padding: 0 0 15px 0; }
#cdisplay { list-style-type: none; padding: 0; margin: 0; }
	#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }
	#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }
	#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}



.alignleft {float: left;}

.alignright {float: right;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;

   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}



.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

a img {border: 0px;}

img.avatar {float:right;}

 
.clear {clear: both;}