/*
Theme Name: DarkOrange
Theme URI: http://www.guidovanderleest.nl/darkorange
Version: 5.1
Author: Guido van der Leest
Author URI: http://www.guidovanderleest.nl
Description: DarkOrange is a free, clean, minimalistic, responsive, mobile-friendly WordPress theme. Features: sidebar, homepage widgets, footer widgets, custom header image, custom background, custom logo to replace site title and tagline, full width page template, dropdown navigation. For more info please check readme file. Enjoy.
Tags: one-column, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-header, custom-menu, featured-images, footer-widgets, post-formats, sticky-post, blog, 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: darkorange

DarkOrange, Copyright 2013, Guido van der Leest
DarkOrange 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:#f2f2f2; font-family:'Open Sans', sans-serif; font-size:1em; color:#333; line-height:1.5em; text-align:left; word-wrap:break-word;}
#container {max-width:1200px; position:relative; background:#fff; margin:10px auto 10px;}
#container:after {content:''; display:block; height:0; clear:both;}


/* MAIN CONTENT AREA */
#content {width:56%; float:left; padding:20px 0 30px 4%;}
#content-right {width:56%; float:right; padding:20px 4% 30px 0;}
#content-full {width:92%; float:left; padding:20px 4% 30px;}


/* HEADINGS */
h1 {font-size:2.25em; line-height:1.25em;}
h2 {font-size:1.80em; line-height:1.25em;}
h3 {font-size:1.45em; line-height:1.5em;}
h4 {font-size:1.20em; line-height:1.5em;}
h5 {font-size:1em; line-height:1.5em;}
h6 {font-size:0.80em; line-height:2em;}


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

strong, b {font-weight:bold;}
small {font-size:0.80em;}
big {font-size:1.20em;}
sub {vertical-align:sub; font-size:0.9em;}
sup {vertical-align:super; font-size:0.9em;}
ins, mark {font-weight:bold; background:none; text-decoration:none; color:#ff6600;}
cite, em, abbr, acronym {font-style:italic;}
code, kbd, samp, var {font-family:monospace, monospace;}
pre {margin:10px 0; padding:5px 10px; white-space:pre-wrap; border:1px solid #ccc; border-radius:5px;}
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 #ff6600;}
address {margin:10px 0; font-size:1.2em; line-height:1.5em; font-style:italic;}
p {margin:0 0 10px;}


/* ALIGNMENTS */
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}


/* 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:10px 0;}
ol {list-style:decimal; margin:10px 0;}
li {margin:0 0 0 20px;}
li > ul, li > ol {margin:0;}
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; border-radius:5px; padding:2px 5px; background:none; font-size:1em; font-family:'Open Sans', sans-serif;}
input[type="submit"], input[type="reset"], input[type="button"], button {cursor:pointer; border:0; border-radius:5px; padding:2px 5px; background:#444; color:#fff;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {background:#ff6600;}
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;}
button {font-size:1em; font-family:'Open Sans', sans-serif;}


/* HEADER FIRST */
#header-first {width:100%; clear:both; float:left;}


/* HEADER FIRST MENU */
.nav-head {width:92%; clear:both; background:#444; padding:0 4%;}
.nav-head select {display:none;}
.nav-head ul {padding:0; margin:0; z-index:999; list-style:none;}
.nav-head ul li {list-style-type:none; display:inline-block; position:relative; margin:0 20px 0 0;}
.nav-head ul li a {text-decoration:none; color:#ff6600; background:none; padding:15px 0; 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 FIRST SUBMENU */
.nav-head ul ul {display:none; position:absolute; top:100%;}
.nav-head ul ul ul {display:none; position:absolute; top:30%; left:100%;}
.nav-head ul ul a {width:12em; padding:5px 10px; background:#333;}
.nav-head ul li:hover > ul {display:block;}
.nav-head ul li ul li {margin:0;}


/* HEADER SECOND */
#header-second {width:92%; clear:both; float:left; margin:0 4% 10px; padding:0 0 10px; border-bottom:1px solid #eee;}


/* HEADER SECOND MOBILE MENU */
.nav-head-mobile {display:none;}


/* HEADER SECOND LOGO */
.logo {width:100%; padding:20px 0;}
.logo h1 {text-align:left; font-weight:bold;}
.logo h1 a:hover {text-decoration:none; color:#333;}
.logo h2 {padding:10px 0 0; text-align:center; font-style:italic; font-size:1.45em;}


/* HEADER SECOND HOMEPAGE IMAGE */
.image-homepage {width:61%; float:left;}
.header-img {width:95%; height:auto; padding:2%; border:1px solid #eee; border-radius:5px;}


/* HEADER SECOND HOMEPAGE SIDEBAR */
.sidebar-homepage {width:35%; float:right;}


/* PAGE */
.page-title {clear:both; padding:0 0 20px;}
.archive-description {display:block; font-style:italic;}
.pagelink {clear:both; display:block; margin:20px 0 10px;}


/* POST */
.post-title {clear:both;}
.post-title a:hover {color:#333; text-decoration:none;}
.post-title-single {clear:both;}
.sticky-title {clear:both; display:block; text-align:center; margin:10px 0; padding:2px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.postmetadata {clear:both; display:block; margin:20px 0; padding:5px 10px; background:#f8f8f8; border:1px solid #ccc; border-radius:5px;}
.more {width:100%; clear:both; display:block; float:left; margin:20px 0; padding:0 0 20px; border-bottom:1px solid #eee;}
a.readmore {float:right; padding:2px 5px; background:#444; color:#fff; text-decoration:none; border-radius:5px;}
a.readmore:hover {background:#ff6600; text-decoration:none;}

.post-home {width:48%; float:left; margin:0;}
.post-home.left {clear:left; margin:0 4% 0 0;}
.post-not-home {width:100%; clear:both; float:left;}


/* POST FORMATS */
.format-aside .post-title, .format-status .post-title, .format-image .post-title, .format-video .post-title, .format-gallery .post-title, .format-audio .post-title {font-size:1.45em;}
.format-aside .post-title-single, .format-status .post-title-single, .format-image .post-title-single, .format-video .post-title-single, .format-gallery .post-title-single, .format-audio .post-title-single {font-size:1.45em;}
.format-image .postmetadata, .format-video .postmetadata, .format-gallery .postmetadata, .format-audio .postmetadata {font-style:italic;}
.format-status .avatar {width:96px; float:left; margin:0.4em 1em 0.4em 0; border-radius:5px;}


/* POST NAV */
.post-nav {width:100%; clear:both; float:left; display:block;}
.nav-prev {float:left; padding:5px 0;}
.nav-next {float:right; padding:5px 0;}


/* EDIT LINK */
.edit-link {width:100%; clear:both; float:left; display:block; text-align:center; margin:10px 0; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}


/* 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;}

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

.wp-caption {max-width:100%;}
.wp-caption-text {text-align:center;}

.gallery img {border:0 !important;}
.gallery dl, .gallery dt, .gallery dd {margin:0; padding:0;}
.gallery-caption {max-width:100%; text-align:center;}


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


/* COMMENTS */
#comments {width:100%; clear:both; float:left;}
.comment-list {background:#f8f8f8; border:1px solid #ccc; font-weight:normal; margin:20px 0; padding:0 20px 0 10px; border-radius:5px;}
.comment-list ol {list-style:none;}
.comment-list li {list-style:none; margin:0 0 0 10px;}
.comment-body {border-left:2px solid #ff6600; padding:0 0 0 15px; margin:20px 0;}
.comment-notes, .form-allowed-tags {font-size:0.80em; padding:5px 0;}
.comments-title, .comment-reply-title, .no-comments {clear:both; font-size:1.45em;} 
.comment-author .avatar {margin:0 5px 0 0; border-radius:5px;}
.bypostauthor .comment-content {font-style:italic;}
.comment-awaiting-moderation {font-style:italic;}

#respond {width:100%; clear:both;}
.comment-form label {padding:0 0 5px; display:block;}
.comment-form input, .comment-form textarea {width:80%;}
.comment-form input[type="submit"] {width:auto;}


/* COMMENT NAV */
.comment-nav {width:100%; clear:both; float:left; display:block;}
.comment-prev {float:left; padding:5px 0;}
.comment-next {float:right; padding:5px 0;}


/* SIDEBAR AND WIDGETS */
#sidebar {width:32%; float:right; padding:20px 4% 20px 0;}
#sidebar-left {width:32%; float:left; padding:20px 0 20px 4%;}
.widget {padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid #eee;}
.widgettitle {color:#333; margin:0 0 20px;}


/* FOOTER */
#footer {width:100%; clear:both; float:left; background:#333; color:#aaa; border-top:5px solid #ff6600;}
.site-info {text-align:center; clear:both; padding:20px 4%; background:#444; color:#aaa;}


/* FOOTER WIDGET AREA */
#footer-widgets {width:100%; clear:both; float:left;}
.footer-left {float:left; width:44%; margin:0 0 0 4%;}
.footer-right {float:right; width:44%; margin:0 4% 0 0;}

#footer .widget {margin:40px 0; padding:0; border:0;}
#footer .widgettitle {color:#aaa;}


/* FOOTER INPUTS */
#footer input, #footer select, #footer textarea {color:#aaa;}
#footer input[type="submit"], #footer input[type="reset"], #footer input[type="button"], #footer button {background:#aaa; color:#333;}
#footer input[type="submit"]:hover, #footer input[type="reset"]:hover, #footer input[type="button"]:hover, #footer button:hover {background:#ccc; color:#333;}


/* MOBILE */
@media screen and (max-width:767px) { 
	/* BODY AND CONTAINER */
	body {font-size:1em; line-height:1.2em;}
	body.custom-background {background-image:none !important;}
	#container {width:98%; padding:10px 1%; margin:0 auto 0;}

	/* MAIN CONTENT AREA */
	#content, #content-right, #content-full {width:100%; float:left; padding:15px 0 10px;}

	/* HEADER FIRST */
	#header-first {display:none;}

	/* HEADER SECOND */
	#header-second {width:100%; margin:0; padding:0; border:0;}

	/* HEADER SECOND LOGO */
	.logo {padding:0; margin:0 0 10px; text-align:center;}
	.logo h1 {text-align:center; font-size:2.25em;}
	.logo h2 {padding:0; font-size:1.45em;}

	/* HEADER SECOND HOMEPAGE IMAGE */
	.image-homepage {width:100%;}
	.header-img {width:96%; padding:1%; margin:0 auto 0; display:block; border:1px solid #ccc;}

	/* HEADER SECOND HOMEPAGE SIDEBAR */
	.sidebar-homepage {width:100%; margin:0 auto 0; float:left;} 

	/* HEADER SECOND MOBILE MENU */
	.nav-head-mobile ul {display:none;} 
	.nav-head-mobile {width:100%; display:block; margin:0 0 10px; padding:0;}
	.nav-head-mobile select {display:block; width:100%; height:35px; margin:0 auto 0; font-size:1em; line-height:1.2em; color:#fff; background:#444; border:0;}

	/* POST */
	.post-home, .post-home.left {width:100%; clear:both; float:left; margin:0 auto 0;}

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

	/* POST FORMATS */
	.format-status .avatar {margin:0.3em 0.5em 0.3em 0;}

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

	/* SIDEBAR AND WIDGETS */
	#sidebar, #sidebar-left {width:100%; padding:0; float:left;}
	.widget {padding:0 0 5px; margin:0 0 10px; border:0;}
	.widgettitle {margin:5px 0 10px;}

	/* FOOTER WIDGET AREA */
	.footer-right, .footer-left {width:100%; float:left; margin:0;} 
	#footer .widget {margin:10px 0; padding:0 4%;}
	#footer .widgettitle {margin:0 0 10px;}
}