/*
Theme Name: OliNo NL 4.1.0 Production
Theme URI: http://www.ndesign-studio.com
Description: WP glossy theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version:  20100224
Author: Nick La
Author URI: http://www.ndesign-studio.com

	This theme was designed and built by Nick La.
	Modified by Gijs de Beer.
	Modified by Jeroen van Ag

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/

body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	background: #FFFFFF url(images/main-bg.gif);
	margin: 0px;
	padding: 0px 0px 30px;
}
a {
	color: #CC6600;
	text-decoration: none;
}
a:visited {
	color: #CC6633;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}

a.review {
	    float: left;
        padding-left: 18px;     
        background: url(images/olino-sprites.gif) -156px -533px no-repeat;
		text-decoration: underline;
}

span.review {		
	    padding-left: 18px;
        background: url(images/olino-sprites.gif) -156px -533px no-repeat
}

img {
	border: none;
}
p {
	padding: 0px 0px 5px;
	margin: 0px;
}
h1 {
	margin:0px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #c9eefe;
}
h1 a, h1 a:visited{
	color: #c9eefe;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}
h2 {
	color: #316484;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #316484;
	text-decoration: none;
}
h2 a:hover {
	color: #FF6600;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #316484;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 120%/100% "Trebuchet MS", Tahoma, Arial;
	color: #316484;
	margin: 10px 0px 5px;
}
form {
	margin:0px;
	padding:0px;
}
#page {
	margin: 0px auto;
	width: 994px;
	border-bottom: 5px solid #d5e6eb;
	border-left: 5px solid #d5e6eb;
	border-right: 5px solid #d5e6eb;
	background: #FFFFFF url(images/content-bg.jpg) repeat-y;
	position: relative;
}
#sidebar_shadow_top{
  position:absolute;
  top: 171px;
  right: 346px;
  height: 86px;
  width: 8px;
  background: url(images/olino-sprites.gif) 0px 1418px no-repeat; //check this

}
a.more-link{
  background: url(images/olino-sprites.gif) -159px -3px no-repeat;
  height: 31px;
  width: 90px;
  padding: 7px 0 0 35px;
  margin-top: 5px;
  margin-bottom: -5px;
  display:block;
}
a.more-link:hover{
  background: url(images/olino-sprites.gif) -159px -94px no-repeat;
}
/* header area */
#header_wrapper{
  height: 169px;
	position: relative;
	border-bottom: 2px solid #0b69c3;
}
#header {
	background: #0FACEA url(images/olino_banner_994px_us.jpg) no-repeat;
  height: 169px;
  width: 994px;
	position: absolute;
}
#header #title_and_description{
  position: absolute;
  top: -100px;
}

#header::after {
  content: "Blog";
  float: right;
  margin-top: 50px;
  margin-right: 100px;
  color: #0FACEA;
  font-size: 200%;
  font-family: sans-serif;
}

#google_ads_links_header {
  padding-left: 17px;
  padding-top: 5px;
}
#google_ads_links_footer {
  padding-top: 5px;
}

nav {
	position: absolute;
	left: 0px;
	bottom: 0px;
	_bottom: -1px;
	width: 994px;
	margin: 0px;
	padding: 0;
	border-top: 2px solid #0b69c3;
	background: #31aadf url(images/olino-sprites-navigation.gif) left top repeat-x;
}

nav ul {
	list-style: none;
	margin: 0px;
	padding-inline-start: 0px;
}


nav li{
	float: left;
	border-left: 1px solid #65b6e4;
	border-right: 1px solid #2580b6;
}

nav .current_page_item a, #nav .current_page_item a:visited{
	color: #141657;
	text-decoration: none;
	background: #80cfee url(images/olino-sprites-navigation.gif) left 45px repeat-x;
}

nav .page_item a{
	color: #ffffff;
	text-decoration: none;
	padding: 8px 16px;
	font: 200 13px/100% Arial, Helvetica, sans-serif;
	display: block;
}

nav .page_item a:hover {
	color: #141657;
	background: #80cfee url(images/olino-sprites-navigation.gif) left 45px repeat-x;
}

nav .menu-item a{
	color: #ffffff;
	text-decoration: none;
	padding: 8px 16px;
	font: 200 13px/100% Arial, Helvetica, sans-serif;
	display: block;
}
nav .menu-item a:hover {
	color: #141657;
	background: #80cfee url(images/olino-sprites-navigation.gif) left 45px repeat-x;
}


li#language {
	float: right;
	margin-right: 16px;
	border: 0;
}
#language.nl a, #language.us a{
	text-decoration: none;
	padding: 8px 36px 8px 16px;
	background: url(images/olino-sprites.gif) -65px -373px no-repeat;
	border: 0;
}
#language.us a{
	background: url(images/olino-sprites.gif) -87px -450px no-repeat;
	
}
#language.nl a:hover {
	color: #141657;
	background: url(images/olino-sprites.gif) -65px -373px no-repeat;
}
#language.us a:hover {
	color: #141657;
	background: url(images/olino-sprites.gif) -87px -450px no-repeat;
}

#language.es a{
	background : url(images/flag_spain_26x17.png) 87px 5px no-repeat;
	padding: 8px 36px 8px 32px;
}

#language.es a:hover{
	color: #141657;
	background : url(images/flag_spain_26x17.png) 87px 5px no-repeat;
}



/* content area */
#content {
	padding: 10px 0px 30px 20px;
	float: left;
	width: 619px;
	overflow: hidden;
}
.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/olino-sprites.gif) -156px -182px no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	width: 542px;
}
.post_divider{
  background: url(images/olino-sprites.gif) 0px -1562px no-repeat;
  width: 259px;
  height: 9px;
  margin: 7px 0 2px -20px;
}
.post img{
  border: 2px solid #b3d1ec;
  background: white;
  padding: 2px;
}
.post img.alignright{
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.post .wp-smiley{
  border: none;
}

.entry {
	clear: both;
	padding-top: 10px;
	width: 596px;
}
.post-content {
	width: 596px;
}
.post-cat {
	background: url(images/olino-sprites.gif) -258px -1763px no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/olino-sprites.gif) -156px -833px no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/olino-sprites.gif) -156px -681px no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/olino-sprites.gif) -156px -910px no-repeat;
	padding-left: 18px;
	float: right;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #FB7700;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/olino-sprites.gif) -156px -1278px no-repeat;
}
.next-entries a {
	float: right;
	padding-right: 38px;
	background: url(images/olino-sprites.gif) -88px -1349px no-repeat;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 5px 0;
	clear: both;
	width: 596px;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #edf5fa;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #CC6600;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
	width: 596px;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#edf5fa;
	border: 1px solid #abd2e9;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 589px;
	height: 115px;
	background:#edf5fa;
	border: 1px solid #abd2e9;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/olino-sprites.gif) 0px -1726px no-repeat;
	font: 200 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}

/*sidebar */
#sidebar {
	float: right;
	padding: 0px 10px 20px 0px;
	width: 336px;
	color: #666666;
	overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #316484;
	margin: 20px 0px 2px;
	border-bottom: 1px solid #abd2e9;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #333;
	text-decoration: none;
}
#sidebar a:hover{
	color: #FF6600;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
    width: 336px;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #abd2e9;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.list-blogroll li{
	background: url(images/olino-sprites.gif) -232px -1785px no-repeat !important;
	padding-left: 16px !important;
}

/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/olino-sprites.gif) -258px -1763px no-repeat !important;
	padding-left: 20px !important;
    float: left;
    width: 145px;
}

/*Links widget */
li.widget_links li{
	padding-left: 20px;
	float: left;
	width: 160px;
}

/*archives widget */
ul.list-archives li, li.widget_archives li{
	background: url(images/olino-sprites.gif) -312px -1727px no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/olino-sprites.gif) -286px -1746px no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/olino-sprites.gif) -156px -1423px no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/olino-sprites.gif) -206px -1803px no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
	padding: 1px 7px;
}

/*text widget */
.textwidget {
	padding-top: 5px;
}

.textwidget li{
 	width: 160px;
	float: left;
}

.widget, .textwidget{
width: 336px;
float:left;
}

.textwidget .center{
text-align: center;
}



/*search form */
#searchform {
	margin: 15px 0 0;
}
#searchform br {
	display: none;
}
#searchform #s {
	border:1px solid #203346;
	width: 250px;
	height: 22px;
	padding: 4px 5px 0px 5px;
	border: 1px solid #abd2e9;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background: url(images/olino-sprites.gif) -87px -1774px no-repeat;
	border: none;
	width: 67px;
	height: 26px;
	font: 200 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}
#searchform input[type="submit"] {
	cursor: pointer;
}

/* footer area */
#footer {
	clear: both;
	background: #3595d1 url(images/olino-sprites.gif) -338px 0px no-repeat;
	color: #ACD7EE;
	font-size: 95%;
	line-height: 130%;
	padding-bottom: 10px;
}
#footer a, #footer a:visited {
	color: #ffffff;
}
#footer h4 {
	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
	color: #9cdbfb;
	margin: 10px 0px 5px;
}
.footer-recent-comments {
	width: 309px;
	float: left;
	margin-left: 10px;
}
.footer-recent-comments ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-recent-comments ul li {
	background: url(images/olino-sprites.gif) -339px -1711px no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
	width: 309px;
	float: left;
	margin-left: 10px;
}
.footer-recent-posts strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
}
.footer-recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 130%;
}
.footer-recent-posts ul li {
	background: url(images/olino-sprites.gif) -339px -1711px no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-recent-posts #title{
display:block;
fonts-weight: bold;
} 

.footer-recent-posts #date{
display:block;
font-size: 92%;
} 

.footer-about {
	width: 334px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background: url(images/olino-sprites.gif) -278px -923px no-repeat;
}
/* credits */
#credits {
	margin: 0px auto;
	width: 970px;
	color: #7a9299;
	font-size: 85%;
	line-height: 120%;
}
#credits a, #credit a:visited {
	color: #048db4;
}
.rss {
	background: url(images/olino-sprites.gif) -156px -1650px no-repeat;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}
.loginout {
	background: url(images/olino-sprites.gif) -156px -1130px no-repeat;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

/* Modifications for Olino */

table {
	margin: 1em 0;
	width: 100%;
}

table.profile {
	margin: 1em 0;
        background-color: white;
        width: auto; 
}
table.sidebar {
	margin: 1em 0;
        background-color: transparent;
        width: auto; 
}

table.profile td {
	background-color: white;
}
table.sidebar td {
	background-color: transparent;
}

td,th {
	font-size: 90%;	
	padding: 0.5em;
}
table.sidebar td,th {
	font-size: 100%;	
	padding: 0 0.5em 0 0;
}
td.alignbottom {
	vertical-align:bottom;
}

td {
	background-color: #e7eafb;
	text-align: left;    
	vertical-align: top;
}

td.number {
	text-align: right;
}

th {
	background: #d3e0ea;
	vertical-align: top;
}

blockquote {
	background: #def1f8 url('images/bg-code.gif');
	line-height: 1.5em;
	color: #777;
	padding: 0.2em 0.5em;
}
#oilprice_widget{
width: 247px;
margin: auto;

}

#oilprice_widget img{
width: auto;
}

#oilprice_widget td{
padding: 0 0.1em;
width: auto;
text-align: center;
}

.fb-like-box {
	margin: 0px 20px
}
.center {
text-align: center;
}

#electric_cars{
  background: url(images/olino-sprite-overviews-us.png) 0 -110px no-repeat;
  opacity:0.8;
  filters:alpha(opacity=80)
}

a:hover #electric_cars{
  opacity:1;
  filters:alpha(opacity=100)
}

#lampmeasurements{
  background: url(images/olino-sprite-overviews-us.png) 0 0px no-repeat; 
  opacity:0.8;
  filters:alpha(opacity=80)
}

a:hover #lampmeasurements{
  opacity:1;
  filters:alpha(opacity=100)
}

#wind_faq{
  background: url(images/olino-sprite-overviews-us.png)  0 -220px no-repeat;
  opacity:0.8;
  filters:alpha(opacity=80)
}

a:hover #wind_faq{
  opacity:1;
  filters:alpha(opacity=100)
}

.thumb_overzichten{
  width: 160px;
  height: 100px;
}

#ad_icon{
	background: url(images/olino-sprite-overviews.png) 0 0 no-repeat;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

#sidebar #ad_icon{
	margin-left: 60px;
}

.digg-icon{
width: 65px;
height: 130px;
float:left;
}

.highlight img {
  opacity:0.8;
  filters:alpha(opacity=80);
  border: 4px solid white;
}

.highlight img:hover {
  opacity:1;
  filters:alpha(opacity=100);
  border: 4px solid #4da4dd;
}


/* ########################## external CSS ####################*/
/*



Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera

Use the following classes to style your popular posts list as you like.
*/

/* title styles */
.wpp-post-title {
display:block;
}

/* For Link Indication plugin */
a.liexternal { padding-right: 12px; background: url(images/link-icon_external.gif) no-repeat right; }
a.liwikipedia { padding-right: 13px; background: url(images/link-icon_wikipedia.gif) no-repeat right; }
a.liwp { padding-right: 16px; background: url(images/link-icon_wordpress.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(images/link-icon_ftp.png) no-repeat right; }
a.limailto { padding-right: 18px; background: url(images/link-icon_mail.gif) no-repeat right; }
a.lipdf { padding-right: 12px; background: url(images/link-icon_pdf.png) no-repeat right;  }
a.lizip { padding-right: 12px; background: url(images/link-icon_zip.png) no-repeat right;  }

/* CSS buttons */

.request-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
.request-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}
.request-button:active {
	position:relative;
	top:1px;
}
.request-button:visited {
	color:#ffffff
}
/* This imageless css button was generated by CSSButtonGenerator.com */