/*
Theme Name: OneColumn
Theme URI: http://www.guidovanderleest.nl/onecolumn
Version: 3.1
Author: Guido van der Leest
Author URI: http://www.guidovanderleest.nl
Description: OneColumn is a free, basic, clean, responsive, mobile friendly, one-column WordPress theme. Default theme language is English but Dutch, German, Spanish and French are supported too. 2 widget-areas underneath header-image, 2 widget-areas in footer, custom header-image, custom background, display logo or blogname and description and dropdown navigation are included. Besides this no theme settings page, no fancy options, no slideshow, this one only has the basic options. Enjoy. 
Tags: one-column, fixed-layout, responsive-layout, full-width-template, custom-background, custom-header, custom-menu, featured-images, white, gray, orange, editor-style, translation-ready
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: onecolumn

OneColumn, Copyright 2013, Guido van der Leest
OneColumn is licensed under the GPL
*/


/* 
RESET STYLESHEET 
Source: http://meyerweb.com/eric/tools/css/reset
Author: Eric Meyer
Author URI: http://meyerweb.com/ 
License: none (public domain) 
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display:block;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}


/* BODY AND CONTAINER */
body {background:#fff; font-family:'Open Sans', sans-serif; font-size:1em; line-height:1.5em; color:#fff;}
#container {width:100%; padding:0; margin:0 auto 0; background:none; text-align:left; word-wrap:break-word;}
#content {margin:0 auto 0; padding:20px 40px; background:#fff; word-wrap:break-word;}
#content:after {content:''; display:block; clear:both;}


/* HEADINGS */
h1 {font-size:3.0em; line-height:1.2em;}
h2 {font-size:2.5em; line-height:1.2em;}
h3 {font-size:2.0em; line-height:1.5em;}
h4 {font-size:1.5em; line-height:1.5em;}
h5 {font-size:1.0em; line-height:2em;}
h6 {font-size:0.75em; line-height:2em;}


/* LINKS AND HTML TAGS */
a {text-decoration:none; color:#f26535;}
a:hover {text-decoration:underline;}

strong, b {font-weight:bold;}
small {font-size:0.75em;}
big {font-size:1.5em;}
sub {vertical-align:sub; font-size:0.9em;}
sup {vertical-align:super; font-size:0.9em;}
ins, mark {font-weight:bold; background:none; color:#fff;}
cite, em, abbr, acronym {font-style:italic;}
code, pre {margin:10px 0; padding:5px 10px; display:block; border:1px solid #ccc; word-wrap:break-word;}
blockquote, q {margin:10px 0; padding:0 0 0 20px; display:block; font-size:1.2em; line-height:1.5em; font-style:italic; border-left:2px solid #f26535;}
address {margin:10px 0; padding:0 0 0 20px; display:block; font-size:1.2em; line-height:1.5em; border-left:2px solid #333;}
p {margin:0 0 10px; text-align:justify;}


/* TABLE AND LISTS */
table {margin:10px 0; border-collapse:collapse;}
table, th, td {border: 1px solid #ccc; padding:5px 10px;}
table th {font-weight:bold;}

ul {list-style:square; margin:2px 0 2px 0;}
ol {list-style:decimal; margin:2px 0 2px 0;}
li {margin:0 0 0 20px;}
dl {margin:10px 0;}
dt {font-weight:bold;}
dd {margin:0 0 0 20px;}


/* INPUTS */
input, select, textarea {-webkit-appearance:none; -moz-appearance:none; border:1px solid #ccc; padding:2px 5px; background:none; font-size:1em; font-family:'Open Sans', sans-serif;}
input[type="submit"], input[type="reset"] {cursor:pointer;	border:0; padding:2px 5px; background:#fff; color:#fff;}
input[type="submit"]:hover, input[type="reset"]:hover {background: #333;}
input[type="checkbox"]{-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio; -moz-appearance:radio;}
select {max-width:100%; -webkit-appearance:menulist; -moz-appearance:menulist;}


/* HEADER */
#header-container {width:100%; background:#529b30;}
#header-container:after {content:''; display:block; clear:both;}

#header {max-width:960px; margin:0 auto 0; padding:10px 0; text-align:center;}
#header:after {content:''; display:block; clear:both;}


/* HEADER LOGO */
#header .logo {width:100%; padding:10px 0;}
#header .logo h1 a {font-size:1.5em; color:#fff;}
#header .logo h1 a:hover {text-decoration:none; color:#333;}
#header .logo h3 {padding:10px 0 0; color:#fff;}


/* HEADER IMAGE */
#header .header-img {width:100%; height:auto;}


/* HEADER MENU */
.nav-head {clear:both; background:none; padding:10px 0; margin:0; font-size:1.1em;}
.nav-head select {display:none;}
.nav-head ul {padding:0; margin:0; z-index:999;}
.nav-head ul li {list-style-type:none; display:inline-block; position:relative;}
.nav-head ul li a {text-decoration:none; color:#fff; background:none; padding:10px 10px; display:inline-block;}
.nav-head ul li a:hover {text-decoration:underline;}
.nav-head .current_page_item > a, .nav-head .current_page_parent > a {text-decoration:underline;}


/* HEADER SUBMENU */
.nav-head ul ul {display:none; position:absolute; top:100%; padding:0;}
.nav-head ul ul ul {display:none; position:absolute; top:30%; left:100%;}
.nav-head ul ul a {width:12em; background:#333; color:#fff; padding:5px 10px; text-align:left;}
.nav-head ul li:hover > ul {display:block;}
.nav-head ul li ul li {margin:0;}


/* HOMEPAGE WIDGET AREA */
#header-widgets {max-width:880px; margin:0 auto 0; padding:0 40px; background:#f8f8f8; border-bottom:3px solid #fff;}
#header-widgets:after {content:''; display:block; clear:both;}

.home-left {float:left; width:48%; word-wrap:break-word;}
.home-right {float:right; width:48%; word-wrap:break-word;}


/* PAGE */
.page-title {padding:0 0 10px;}
.pagelink {clear:both; margin:20px 0 10px;}
.edit-link {display:block; clear:both; margin:10px 0 0; padding:5px; border:1px solid #fffff; text-align:center;}


/* POST */
.post-title {padding:0;}
.post-title a:hover {color:#333; text-decoration:none;}
.sticky {text-align:center; clear:both; color:#fff; background:#f26535; margin:0 0 10px; padding:5px;}
.postmetadata {clear:both; margin:20px 0; padding:5px 10px; color:#333; background:#eee;}
.more {clear:both; margin:20px 0; padding:0 0 20px; border-bottom:2px solid #eee;}
.more:after {content:''; display:block; clear:both;}
a.readmore {float:right; padding:2px 10px; background:#f26535; color:#fff; text-decoration:none;}
a.readmore:hover {background:#333; text-decoration:none;}
.post-nav {display:block; clear:both;}
.post-nav:after {content:''; display:block; clear:both;}
.nav-prev {float:right; padding:5px 0;}
.nav-next{float:left; padding:5px 0;}


/* IMAGE AND VIDEO */
embed, iframe, object, video {max-width:100%;}
img {max-width:100%; height:auto;}

img.alignright {float:right; margin:0.4em 0 0.4em 1em;}
img.alignleft {float:left; margin:0.4em 1em 0.4em 0;}
img.aligncenter {display:block; margin:0.4em auto 0.4em auto;}
.alignright {float:right; margin:0.4em 0 0.4em 1em;}
.alignleft {float:left; margin:0.4em 1em 0.4em 0;}
.aligncenter {display:block; margin:0.4em auto 0.4em auto;}

.wp-post-image, .single-image {float:left; margin:0.4em 1em 0.4em 0;}

.wp-caption {background:none; max-width:100%;}
.wp-caption-text {text-align:center; word-wrap:break-word;}

.gallery dl, .gallery dt, .gallery dd {margin:0; padding:0;}
.gallery-caption {background:none; max-width:100%;}
.gallery-caption-text {text-align:center; word-wrap:break-word;}


/* SEARCHFORM */
.search-form {padding:10px 0;}
.search-field {width:50%; margin:0 5px 0 0;}
.screen-reader-text {display:none;}


/* COMMENTS */
#comments {clear:both; word-wrap:break-word;}
#comments .comment-list {background:#fff; border:1px solid #ddd; font-weight:normal; margin:20px 0; padding:0 20px 0 10px;}
#comments .comment-list ol {list-style:none;}
#comments .comment-list li {list-style:none; margin:0 0 0 10px;}
.comment-body {border-left:2px solid #f26535; padding:0 0 0 15px; margin:20px 0;}
.comment-notes, .form-allowed-tags {font-size:0.75em; padding:5px 0;}
.comments-title, .comment-reply-title, .no-comments {clear:both; font-size:1.5em;} 
.bypostauthor {font-style:italic;}

#respond {padding:0; margin:0; clear:both;}
#commentform label {padding:0 0 5px; display:block;}
#commentform textarea, #commentform input {width:90%; padding:2px 5px;}
#commentform input[type="submit"] {width:9em; padding:2px 5px;} 


/* WIDGETS */
.widgettitle {background:#eee; color:#333; padding:5px 10px; margin:20px 0 15px;}
.widget {padding:0 0 10px;}


/* FOOTER */
#footer {max-width:100%; margin:0 auto 0; padding:20px 40px; background:#529b30; color:#fff;}
#footer:after {content:''; display:block; clear:both;}
#footer .site-info {text-align:center; clear:both;}
#footer .site-info a {color:#fff;}


/* FOOTER WIDGET AREA */
#sidebar {max-width:880px; margin:0 auto 0; padding:0 40px; color:#333; background:#f8f8f8; border-top:3px solid #f26535; word-wrap:break-word;}
#sidebar:after {content:''; display:block; clear:both;}

.footer-left {float:left; width:48%; word-wrap:break-word;}
.footer-right {float:right; width:48%; word-wrap:break-word;}


/* MOBILE */
@media screen and (max-width:767px) { 
	/* BODY AND CONTAINER */
	body {line-height:1.2em;}
	body.custom-background {background-image:none !important;}
	#content {width:96%; padding:10px 2%;}

	/* HEADER */
	#header {width:96%; padding:10px 2%;}	
	#header .logo {padding:5px 0;}
	#header .logo h1 {font-size:2em;}
	#header .logo h3 {padding:0; font-size:1.3em;}
	#header .header-img {padding:10px 0 0;}
	#header-widgets {width:96%; padding:0 2%;}
	.home-left, .home-right {width:100%; float:left;} 

	/* CONTENT */
	.postmetadata {margin:10px 0;} 

	/* SIDEBAR */
	#sidebar {width:96%; padding:10px 2%;}

	/* FOOTER */
	#footer {width:96%; padding:10px 2%;}
	.footer-left, .footer-right {width:100%; float:left;} 

	/* HEADINGS */
	.post-title, .page-title, .widgettitle, .comments-title, .comment-reply-title, .no-comments {font-size:1.3em;}

	/* IMAGES */
	.wp-post-image, .single-image {width:50%; margin:0.3em 0.5em 0.3em 0;}

	/* MENU */
	.nav-head ul {display:none;} 
	.nav-head {padding:0;}
	.nav-head select {display:block; width:100%; height:35px; margin:0 auto 0; font-size:1em; line-height:1.1em; color:#333; background:#f8f8f8; border:0;}
}