/*
Theme Name: Greenfudge
Theme URI: http://greenfudge.be/
Description: A custom theme designed for the Greenfudge blog
Author: Merix Studio
Author URI: http://merixstudio.com/
Tags: green, gray, custom, magazine
*/

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.4em;}
html {height: 100.1%; background: #fff url(images/background.png) top repeat-x; }
body { background: url(images/background.png) repeat-x; font-size: .75em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #569F07; text-decoration: none; outline: none;}
a:hover {color: #000; text-decoration: none;}
img {border: none;}

/* basic text elements */
h1 {margin-bottom: .3em; color: #21336B; font-size: 2.5em;}
h2 {margin: 0 0 1em 0; color: #333; font-size: 2.167em;}
h3 {margin: 1em 0; color: #333; font-size: 1.5em; line-height: 1.3em;}
h4 {margin: 2em 0 -0.5em 0; color: #333; font-size: 1.167em; line-height: 1.3em;}
p {margin: 1.5em 0;}
ul, ol {margin: 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}
blockquote {margin: 1.5em; padding: 1px 40px 1px 65px; border-top: 1px solid #E5EFDB; border-bottom: 1px solid #E5EFDB; background: url(images/quotes.gif) 25px 20px no-repeat;}
blockquote p {font-family: Georgia, Times New Roman, serif; font-style: italic; line-height: 1.5em;}
h4 a, h3 a {line-height: 1em;}

/* basic form elements */
fieldset {border: none;}
legend {display: none;}
label {float: left; width: 250px; margin: 5px 0; padding: 5px 0; color: #333; font-weight: 700;}
label span {font-weight: 400;}
input, textarea, select {float: left; clear: left; width: 235px; margin: 5px 25px 5px 0; padding: 4px 3px; border: 1px solid #ddd; border-top-color: #b8b8b8; border-left-color: #b8b8b8; background: #fff;}
	input.chk, input.radio, input.checkbox {width: auto; border: none;}
textarea {float: none; clear: left; width: 605px; height: 100px; margin-top: 0;}
button {height: 25px; line-height: 25px; border: none; padding: 0 5px; background: url(images/button-back.png) top repeat-x; color: #fff; cursor: pointer; font-size: .917em; font-weight: 700; text-transform: uppercase;}
button#searchsubmit {width: 80px; padding: 0; text-align: center;}
button::-moz-focus-inner {padding: 0; border: none; }
code {display: block; clear: left; width: 570px; margin-top: 5px; padding: 10px 20px; border: 1px solid #e6e6e6; background: #f9f9f9; color: #666; font-family: Courier New, monospace;}
input[type=image] {width: auto; height: auto; border: none;}

/* layout
------------------------------------------- */
ul.more-info {list-style: none; width: 980px; height: 32px; margin: 0 auto; padding: 0;}
ul.more-info li {position: relative; float: left; overflow: hidden; height: 32px; margin: 0; padding: 0; border-left: 1px solid #333;z-index:2000;}
ul.more-info li.lang {float: right;}
ul.more-info li.last {border-left: 0;}
ul.more-info li:hover {overflow: visible;}
ul.more-info a {display: block; float: left; height: 32px; padding: 0 20px 0 50px; background: url(images/icons.png) no-repeat; color: #bbb; font-size: .917em; line-height: 32px; }
ul.more-info a.rss {background-position: 18px 0;}
ul.more-info a.twitter {background-position: 18px -32px;}
ul.more-info a.newsletter {background-position: 18px -64px;}
ul.more-info a:hover {color: #fff;}
ul.more-info .lang a, ul.more-info .lang a:visited {padding: 0 12px 0 30px; }
ul.more-info .lang a.fr, ul.more-info .lang a.fr:visited {background: url(images/fr.gif) 10px center no-repeat;}
ul.more-info .lang a.nl, ul.more-info .lang a.nl:visited {background: url(images/nl.gif) 10px center no-repeat;}
ul.more-info .lang a.en, ul.more-info .lang a.en:visited {background: url(images/gb.gif) 10px center no-repeat;}

ul.more-info li form {position: absolute; left: -1px; top: 32px; width: 200px; padding: 10px 20px; border: 1px solid #333; border-top: none; background: #000; vertical-align: middle;}
ul.more-info li form input {float: none; margin: -1px 0 0 0; width: 130px; padding: 4px 6px 5px 6px; border: none; border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-bottom: 1px solid #fff; background: #fff; color: #888; font-size: .917em;  vertical-align: middle;}
ul.more-info li form input.submit {width: 70px; height: 25px; line-height: 25px; border: none; margin: 0; padding: 0 5px; background: url(images/button-back.png) top repeat-x; color: #fff; cursor: pointer; font-size: .917em; font-weight: 700; text-transform: uppercase;}
ul.more-info li form input.newsletterTextInput {width: 105px; margin-right: 0;}
.newsletterContainer {width: 370px;}
.newsletterContainer .error {margin: 0; padding: 7px 0; color: #f00; font-size: .917em;}
.newsletterContainer .ok {margin: 0; padding: 7px 0; color: #fff; font-size: .917em;}

.top-ad {padding: 15px 0; border-bottom: 1px dashed #e6e6e6; text-align: center;}

.header {position: relative; width: 980px; margin: 0 auto; padding: 25px 0 10px 0;}
.mainmenu {clear: both; list-style: none; width: 980px; height: 33px; margin: 20px 0 0 0; padding: 0; background: url(images/mm.png) top repeat-x;}
.mainmenu li {float: left; overflow: hidden; margin: 0; padding: 0 1px 0 0; background: url(images/mm.png) 0 -66px repeat-x;}
.mainmenu a {display: block; float: left; height: 33px; padding: 0 15px; background: url(images/mm.png) 0 0 repeat-x; color: #fff; font-weight: 700; line-height: 33px; }
.mainmenu a:hover, .mainmenu .current_page_item a {background-position: 0 -33px;}
.mainmenu li:last-child {float: right; padding: 0 0 0 1px;}
.mainmenu li:first-child a {padding-left: 25px;}
.mainmenu li:last-child a {padding-right: 25px;}

.header form {float: right; width: 285px; margin: 15px 0 0 0; padding: 5px; background: #F2F1EC;}
.header form label {display: none;}
.header form input {float: none; width: 180px; margin: 0 5px 0 0; padding: 4px 5px; border: 1px solid #fff; border-top-color: #b8b8b8; border-left-color: #b8b8b8; color: #888; vertical-align: top;} 
.header form button {margin: 0; padding: 0 19px; vertical-align: top;}

.header h1 {margin: 0;}
.header .logo {display: block; float: left; overflow: hidden; width: 260px; height: 75px; margin: 0; background: url(images/logo.png) left top no-repeat; text-indent: -5000px;}
.header p.quote {float: left; width: 250px; height: 90px; margin: 0; padding: 5px 0 0 85px; background: url(images/logo.png) -260px 0 no-repeat; color: #888; font-size: 1em; font-style: italic;}

.content {overflow: hidden; width: 980px; margin: 0 auto;}
.sidebar {float: right; width: 300px; margin-bottom: 50px; }
.sidebar ul {list-style: none; margin: 0; padding: 0;}
.sidebar ul li {overflow: hidden; margin: 0 0 12px 0;}
.sidebar ul li li {overflow: hidden; margin: 0 10px; border: none; border-bottom: 1px solid #E5EFDB;}
.sidebar ul ul {overflow: hidden; margin: 10px 0;}
.sidebar ul ul a {display: block; line-height: 23px;}
.sidebar ul li a:hover {color: #000;}

.sidebar li.widget_yarpp_widget,.sidebar li.widget_categories, .sidebar li.widget_archive, .sidebar li.widget_tag_cloud, .sidebar li.widget_wp_sidebarlogin, .sidebar li.widget_recent_entries, .sidebar li.widget_recent_comments {border: 1px solid #e6e6e6;}
.sidebar li.widget_yarpp_widget h2,.sidebar li.widget_categories h2, .sidebar li.widget_archive h2, .sidebar li.widget_tag_cloud h2, .sidebar li.widget_wp_sidebarlogin h2, .sidebar li.widget_recent_comments h2, .sidebar li.widget_recent_entries h2 {margin: 0; padding: 8px 10px; background: #fcfcfc url(images/sidebar-heading.gif) left bottom repeat-x; color: #333; font-size: 1.167em; text-transform: uppercase; line-height: 20px;}
.sidebar li.widget_categories ul li {float: left; width: 128px;}
.sidebar li.widget_archive ul a {background: url(images/black-arrow.gif) right center no-repeat;}
.sidebar li.widget_tag_cloud div {padding: 10px; line-height: 1em;}
.sidebar li.widget_wp_sidebarlogin .avatar_container {padding-left: 10px;}
.sidebar li.widget_wp_sidebarlogin form {padding: 0 10px;}
.sidebar li.widget_wp_sidebarlogin form p {margin: 0;}
.sidebar li.widget_wp_sidebarlogin form label {width: 270px; padding-bottom: 0;}
.sidebar li.widget_wp_sidebarlogin form input {width: 270px;}
.sidebar li.widget_wp_sidebarlogin form input.checkbox {float: none; display: inline; width: auto; margin-top: 0; margin-right: 5px; vertical-align: top;}
.sidebar li.widget_wp_sidebarlogin ul.sidebarlogin_otherlinks {clear: both;}
.sidebar li.widget_wp_sidebarlogin form p.rememberme {float: left;}
.sidebar li.widget_wp_sidebarlogin form p.rememberme label {width: auto; float: left;}
.sidebar li.widget_wp_sidebarlogin form input#wp-submit {clear: none; float: right; width: auto; height: 25px; line-height: 25px; border: none; margin-right: 0; padding: 0 5px; background: url(images/button-back.png) top repeat-x; color: #fff; cursor: pointer; font-size: .917em; font-weight: 700; text-transform: uppercase;}

.main {float: left; width: 620px; padding: 0 20px; border: 1px solid #D5EABF;}
.main.home {float: left; width: 660px; padding: 0; border-top: none;}
.main h1 {position: relative; left: -20px; width: 620px; margin-bottom: 20px; padding: 20px 20px 5px 20px; border-bottom: 1px solid #E5EFDB; color: #333; font-size: 2.167em;}
.main h2 {margin-bottom: 0; padding-top: 20px;}
.main a {text-decoration: underline;}
	
.footer {margin-top: 50px; background: #666 url(images/footer.jpg) top repeat-x;}
.footer .content {overflow: hidden; padding: 30px 0; background: #666 url(images/footer.jpg) top repeat-x;}
.footer .content div {float: left; overflow: hidden;}
.footer .content .pages {margin: 0 25px 0 0; padding: 0 20px; border-right: 1px solid #767676;}
.footer h4 {margin: 0; color: #fff; font-size: 1.167em; font-weight: 700; text-transform: uppercase;}
.footer ul {list-style: none; float: left; width: 190px;}
.footer ul li {margin: 0; padding-left: 15px; background: url(images/footer-bullet.gif) 2px 5px no-repeat; color: #aaa; }
.footer ul a {color: #aaa; text-transform: uppercase;}
.footer ul a:hover {color: #fff;}

.bottom {padding: 5px 0 30px 0; background: #333;}
.bottom .content {width: 940px; padding: 0 20px; background: #333;}
.bottom p {float: left; margin: 1em 0; color: #767676; font-size: .917em;}
.bottom p strong {padding-right: 3px; color: #bbb; font-weight: 400;}
.bottom p a {padding: 0 3px;}
.bottom p a.wp {color: #fff;}
.bottom p a.wp:hover {text-decoration: underline;}
.bottom p a.merix {color: #bbb; text-decoration: none;}
.bottom p a.wp:hover, .bottom p a.merix:hover {text-decoration: none;}
.bottom p a.merix img {vertical-align: middle;}

.bottom ul {float: right; overflow: hidden; list-style: none; width: auto; margin: 0 auto; padding: 4px 0;}
.bottom ul li {position: relative; float: left; overflow: hidden; margin: 0; padding: 2px 0; border-right: 1px solid #484848;}
.bottom ul li:hover {overflow: visible;}
.bottom ul li.last {border-right: none;}
.bottom ul a {display: block; float: left; height: 32px; padding: 0 20px 0 40px; background: url(images/icons.png) no-repeat; color: #bbb; font-size: .917em; line-height: 32px; }
.bottom ul a.rss {background-position: 12px 0;}
.bottom ul a.twitter {background-position: 12px -32px;}
.bottom ul a.newsletter {background-position: 12px -64px;}
.bottom ul a:hover {color: #fff;}

	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.comment-number a, a.comment-number {padding-left: 18px; background: url(images/comment.gif) 3px center no-repeat;}
.categories a, a.category {border-bottom: 1px dotted #569F07;}
.categories ul a {border-bottom: none;}
hr {clear: both; margin-bottom: 15px; border: none; border-top: 1px solid #E5EFDB;}
.ad-banner {text-align: center;}

.post {overflow: hidden; padding: 5px 0;}
.post-meta {margin-top: 0; color: #888; font-style: italic;}
.post-meta a {text-decoration: none;}
.art-teaser {float: left; margin: 5px 15px 15px 0;}
.post h3 {margin: 0;}

.wp-caption {padding: 0; border: none; border-bottom: 1px solid #E6E6E6; color: #aaa; font-size: .917em; font-style: italic;}
.wp-caption p {margin: 5px 0; color: #aaa;}
.alignleft {float: left; margin: 0 30px 15px 0;}
.alignright {float: right; margin: 0 0 15px 30px;}

/* special sections and elements
------------------------------------------- */
.top-ad .content {width: 980px; margin: 0 auto; background: url(images/adwarning.gif) 100px center no-repeat; text-align: center;}

.breadcrumb {position: relative; left: -20px; width: 630px; margin: 0; padding: 0 15px; background: #F7FCF1; color: #7EAD4B; font-size: .917em; line-height: 27px;}
.breadcrumb a {padding: 0 3px; color: #7EAD4B; text-decoration: none;}
.breadcrumb a:hover {color: #333; text-decoration: underline;}
.breadcrumb strong {padding: 0 3px; color: #333; font-weight: 400;}

.wp-pagenavi {position: relative; left: -20px; width: 610px; margin: 20px 0 0 0; padding: 20px 25px; border-top: 1px solid #E5EFDB; background: #F7FCF1; color: #7EAD4B; font-size: .917em;}
.wp-pagenavi .pages {color: #888;}
.wp-pagenavi span, .wp-pagenavi a {padding: 3px 6px; color: #888; text-decoration: none;}
.wp-pagenavi span.current, .wp-pagenavi a:hover {background: #7EAD4B; color: #fff; font-weight: 700;}

.sociable {position: relative; top: 1px; margin: 0 20px; padding: 12px 0; border-bottom: 1px dashed #E5EFDB;}
.sociable_tagline {display: inline;}
.sociable ul {display: inline; list-style: none;}
.sociable ul li {display: inline; margin: 0; padding: 0;}
.sociable img {margin: 0 2px; padding: 1px; border: 1px solid #ececec; vertical-align: middle;}

.comments {border-top: 4px solid #7EAD4B; border-bottom: 4px solid #7EAD4B; background: #F7FCF1;}
.comments h3 {margin-left: 20px; margin-bottom: 0;}
.comments h3 span {padding: 3px 40px 3px 10px; background: #7EAD4B; color: #fff; font-size: 0.722em; font-weight: 400; text-transform: uppercase;}

ol.commentlist {list-style: none; margin: 0; border-bottom: 1px solid #D5EABF; }
ol.commentlist li {position: relative; top: 1px; margin: 0 20px; padding: 25px 0; border-bottom: 1px solid #D5EABF;}
ol.commentlist .fn {color: #569F07; font-weight: 700; font-style: normal;}
ol.commentlist .fn a {text-decoration: none;}
ol.commentlist img.avatar {float: left; margin: 0 15px 0 0; padding: 4px; border: 1px solid #EFF2EA; background: #fff;}
ol.commentlist p {margin: 0; padding-left: 55px;}
ol.commentlist .comment-meta a {color: #888; font-size: .917em; text-decoration: none;}

.respond {padding: 20px; background: #fff;}
.respond h3 {margin: 0;}
.respond h3 span {padding: 3px 40px 3px 10px; background: #333; color: #fff; font-size: 0.722em; font-weight: 400; text-transform: uppercase;}
.respond button {padding: 0 15px;}
.event {float: right; width: 460px;}

.tabbed-content {margin: 30px 0;}
.tab-page {padding-top: 10px;}
.res {overflow: hidden;}
.res div {float: right; width: 460px; padding-bottom: 20px;}
.res div h3 {margin: 0 0 -0.5em 0;}
ul.tabs {list-style: none; height: 31px; margin-bottom: 0; padding: 0; border-bottom: 2px solid #569F07;}
ul.tabs li {float: left; margin: 0; padding: 0; height: 33px;}
ul.tabs li a {display: block; float: left; width: 135px; height: 33px; padding: 0 0 0 10px; background: url(images/tab.png) left -33px  no-repeat; line-height: 33px; text-decoration: none;}
ul.tabs li a span {display: block; float: left; width: 125px; height: 33px; padding: 0 10px 0 0; background: url(images/tab.png) right -33px no-repeat; color: #569F07; font-weight: 700; line-height: 33px; text-align: center;}
ul.tabs li a:hover, ul.tabs li a.current {background-position: 0 0;}
ul.tabs li a:hover span, ul.tabs li a.current span {background-position: right 0; color: #457C2F;}

ul.wplc_event_list {list-style: none;}
ul.wplc_event_list li {position: relative; margin: 0 0 15px 0; padding: 5px 0 20px 230px; border-bottom: 1px solid #E5EFDB;}
ul.wplc_event_list li img {position: absolute; left: 0; top: 10px;}
ul.wplc_event_list li h3 {margin: 0;}

/* home page special stuff
------------------------------------------- */
.lead-article {position: relative; width: 660px; height: 317px; overflow: hidden;}
.lead-descr {position: absolute; left: 0; bottom: 0; z-index: 1; width: 610px; padding: 10px 25px; background: url(images/lead-back.png);}
.lead-descr h2 {margin: 0; padding: 0; line-height: 0.7em;}
.lead-descr h2 a {color: #fff; text-decoration: none;}
.lead-descr h2 a:hover {color: #fff; text-decoration: underline;}
.lead-descr p {margin: 0.3em 0; color: #fff; font-style: italic;}
.lead-descr p a {color: #AAE16E;}
.lead-descr p a.categories {border-bottom: 1px dotted #AAE16E;}
.lead-descr p a:hover {color: #fff;}

.latest {overflow: hidden; padding: 5px 0 10px 0; background: url(images/green-column.gif) right repeat-y; border-bottom: 4px solid #7EAD4B;}
.latest h3 {clear: left; margin: 0; padding: 20px 0 0 0;}
.col1 {float: left; width: 289px; margin-bottom: 20px; padding: 0 20px; border-right: 1px solid #E5EFDB;}
.col2 {float: right; width: 290px; margin-bottom: 20px; padding: 0 20px;}
.latest .col1 {width: 290px; border-right: none;}
.latest .col1, .latest .col2 {margin-bottom: 0;}
.latestpost {height:260px;}
.recentpost {height:135px;}

.last-col {margin-bottom: 20px;}


.col1 h4, .col2 h4 {margin: 0;}
.main h3 a, .main h4 a {text-decoration: none;}

h3.recent {margin-left: 20px;}
h3.recent span, .related-posts h3 span {padding: 3px 40px 3px 10px; background: #333; color: #fff; font-size: 0.722em; font-weight: 400; text-transform: uppercase;}
p.view-more {clear: both; margin-left: 20px; padding-top: 0; font-weight: 700;}

.popular {clear: both; margin: 0 20px; padding: 15px 0; border-top: 1px dashed #e6e6e6; border-bottom: 1px dashed #e6e6e6; }
.popular h3 {margin-top: 0;}
.popular h3 span {padding: 3px 40px 3px 10px; background: #7EAD4B; color: #fff; font-size: 0.722em; font-weight: 400; text-transform: uppercase;}
.popular ul {list-style: none;}
.popular ul li {margin: 0; padding: 0; border-bottom: 1px solid #E5EFDB;}
.popular ul li.last {border-bottom: none;}
.popular ul a {display: block; line-height: 35px; text-decoration: none;}
.popular ul a span {display: block; float: left; width: 22px; height: 22px; margin: 6px 15px 0 0; background: url(images/dot.png) center top no-repeat; color: #000; font-size: 0.833em; line-height: 22px; text-align: center; }
.popular ul a:hover span {background-position: 0 -22px; color: #fff;}

.related-posts {float: left; width: 620px; padding: 0 20px; border: 1px solid #D5EABF; border-top: none;}
.related {list-style: none;}
.related li {margin: 0; padding: 10px 0; border-bottom: 1px solid #E5EFDB;}
.related li h4 {margin: 0;}
.related li p {margin: 0;}

/* sidebar special stuff
------------------------------------------- */
.sidebar ul li a.big-rss {display: block; float: left; overflow: hidden; width: 75px; height: 88px; background: url(images/big-button-rss.jpg) center center no-repeat; color: #333; font-size: .917em; text-indent: -1000px;}
.sidebar ul li a.big-rss:hover {color: #FF8710;}
.sidebar ul li a.big-twitter {display: block; float: left; overflow: hidden; width: 75px; height: 88px; background: url(images/big-button-twitter.jpg) center center no-repeat; color: #333; font-size: .917em; text-indent: -1000px;}
.sidebar ul li a.big-twitter:hover {color: #32B6E2;}
.sidebar ul li a.big-yt {display: block; float: left; overflow: hidden; width: 75px; height: 88px; background: url(images/youtube-64x64.png) center center no-repeat; color: #333; font-size: .917em; text-indent: -1000px;}
.sidebar ul li a.big-facebook {display: block; float: left; overflow: hidden; width: 75px; height: 88px; background: url(images/facebook-64x64.png) center center no-repeat; color: #333; font-size: .917em; text-indent: -1000px;}

.submit-article {overflow: hidden; width: 165px; height: 130px; padding: 15px 120px 0 15px; background: url(images/temp/submit-back.jpg) no-repeat;}
.submit-article h2 {margin: 0; color: #fff; font-size: 1.5em; line-height: 1.3em; text-transform: uppercase;}
.submit-article p {margin: 0.5em 0; color: #fff; font-size: .917em;}
.submit-article p a.add-article {display: block; float: left; width: 82px; height: 23px; padding-left: 25px; background: url(images/temp/add-article-button.gif) no-repeat; color: #fff; font-weight: 700; line-height: 23px; text-transform: uppercase;}
.submit-article p a.add-article:hover {color: #fff; text-decoration: underline;}

.article-teaser {position: relative; width: 300px; height: 220px;}
.article-teaser img {position: absolute; top: 0; left: 0; z-index: 1;}
.article-teaser div {position: absolute; bottom: 25px; z-index: 2; padding: 0 10px; }
.article-teaser h2 {float: left; margin: 0 0 5px 0; padding: 3px 5px; background: url(images/temp/teaser-title-back.png); color: #fff; font-size: 1.5em; font-weight: 700; line-height: 25px;}
.article-teaser h2 a, .article-teaser h2 a:visited {color: #fff;}
.sidebar .article-teaser h2 a:hover {color: #fff; text-decoration: underline;}
.article-teaser p {clear: left; margin: 5px 0; color: #fff; }
.article-teaser p.more {position: absolute; left: 0; top: auto; bottom: 0; width: 280px; margin: 0; padding: 0 10px; background: #04214E; font-weight: 700; line-height: 25px;}
.article-teaser p.more a {color: #fff;}
.article-teaser p.more a:hover {color: #fff; text-decoration: underline;}


.pagenav li.page_item a{
padding-left:37px;
} 

.pagenav li.page_item {
	border-style:none;
}

.sidebar ul li.widget_yarpp_widget li {
	border:none;
}
.relcol1 .latestpost  {
	height:190px;
}