/*
Theme Name: GridBulletin
Theme URI: http://www.guidovanderleest.nl/gridbulletin
Version: 2.7
Author: Guido van der Leest
Author URI: http://www.guidovanderleest.nl
Description: GridBulletin is a free, clean, minimalistic, responsive, mobile friendly WordPress theme in bulletin board layout. Features: grid layout on homepage and archive page, primary sidebar, widget areas in footer, custom header image, custom background, custom logo to replace blogname and description, full width page template, dropdown navigation. That's it. Enjoy. 
Tags: one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, full-width-template, custom-background, custom-header, custom-menu, featured-images, white, blue, orange, light, 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: gridbulletin

GridBulletin, Copyright 2014, Guido van der Leest
GridBulletin 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:#eee; font-family:'Open Sans', sans-serif; font-size:0.9em; color:#333; line-height:1.5em;}
#container {max-width:1500px; background:#fff; border:0; margin:10px auto 10px; padding:20px 0 0; text-align:left; word-wrap:break-word; border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-top-left-radius:10px;}


/* MAIN CONTENT AREA */
#content {width:100%; float:left; margin:0px 0%; padding:15px 2%; background:#eee; border-bottom:2px solid #ec6500; word-wrap:break-word; border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-top-left-radius:10px; word-wrap: break-word;}
#content:after {content:''; display:block; clear:both;}
#content-full {width:92%; float:left; margin:20px 2%; padding:15px 2%; background:#eee; border-bottom:2px solid #ec6500; word-wrap:break-word; border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-top-left-radius:10px; word-wrap:break-word;}
#content-full: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:#ec6500;}
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:#ec6500;}
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 #ec6500;}
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:#ff0000; color:#fff;}
input[type="submit"]:hover, input[type="reset"]:hover {background:#ec6500;}
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 FIRST */
#header-first {margin:0; padding:0 2% 0; background:none;}
#header-first:after {content:''; display:block; clear:both;}


/* HEADER FIRST LOGO */
#header-first .logo {width:100%; float:left; text-align:center; padding:0 0 10px;}
#header-first .logo h1 a:hover {text-decoration:none; color:#ff0000;}
#header-first .logo h4 {padding:5px 0 0;}


/* HEADER SECOND */
#header-second {margin:0; padding:0; background:none;}
#header-second:after {content:''; display:block; clear:both;}


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


/* HEADER SECOND MENU */
.nav-head {clear:both; background:#ff0000; margin:10px 0 0; padding:0; text-align:left;}
.nav-head select {display:none;}
.nav-head ul {padding:0 10px; 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 SECOND 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:#ec6500; color:#fff; padding:5px 10px;}
.nav-head ul li:hover > ul {display:block;}
.nav-head ul li ul li {margin:0;}


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


/* POST */
.post-title {clear:both; margin:5px 0 10px; text-align:center; font-weight:bold;}
.sticky {text-align:center; clear:both; color:#fff; background:#ec6500; margin:10px 0; padding:5px;}
.postmetadata {clear:both; margin:10px 0; padding:2px 10px; background:#ff0000; color:#fff;}
.postmetadata a {color:#fff;}


.post-home {width: 21.5%; float:left; margin:10px 2% 10px 0; padding:1%; border-bottom:2px solid #ec6500; background:#fff; color:#333; border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-top-left-radius:10px;}
.post-home.left {clear:left;}
.post-home.right {margin: 10px 0 10px;}

.post-archive {width:28%; float:left; margin:10px 2% 10px 0; padding:2%; border-bottom:2px solid #ec6500; background:#fff; color:#333; border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-top-left-radius:10px;}
.post-archive.left {clear:left;}
.post-archive.right {margin:10px 0 10px;}


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


/* EDIT LINK */
.edit-link {display:block; clear:both; text-align:center; margin:10px 0; padding:5px; background:none; border: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;}
.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;}
.list-image {width:100%; margin:0 0 0.4em;}

.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;}
.search-form .screen-reader-text {display:none;}


/* COMMENTS */
#comments {clear:both; word-wrap:break-word;}
#comments .comment-list {background:#f8f8f8; 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 #ec6500; 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;} 


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


/* SIDEBAR AND WIDGETS */
#sidebar {width:31%; float:right; margin:20px 2% 0 0; padding:0; word-wrap: break-word;}
.widget {padding:15px 15px; margin:0 0 20px; background:#eee; border-bottom:2px solid #ec6500; border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-top-left-radius:10px;}
.widgettitle {margin:0 0 10px;}


/* FOOTER */
#footer {clear:both; background:none; color:#333; padding:0;}
#footer:after {content:''; display:block; clear:both;}
#footer .site-info {text-align:center; clear:both; padding:10px 0; background:#ff0000; color:#fff;}
#footer .site-info a {color:#fff;}


/* FOOTER WIDGET AREA */
#footer-widgets {width:96%; margin:0 auto 0; padding:0 2%;}
#footer-widgets:after {content:''; display:block; clear:both;}

.footer-left {float:left; width:32%; margin:10px 0 0; padding:0; word-wrap:break-word;}
.footer-middle {float:left; width:32%; margin:10px 2% 0; padding:0; word-wrap:break-word;}
.footer-right {float:right; width:32%; margin:10px 0 0; padding:0; word-wrap:break-word;}


/* 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:94%; padding:5px 2%; margin:5px auto 5px;}

	/* MAIN CONTENT AREA */
	#content, #content-full {width:96%; padding:10px 2%; margin:10px 0;}

	/* HEADER */
	#header-first {padding:0;}
	#header-first .logo {padding:10px 0;}
	#header-first .logo h1 {font-size:2em;}
	#header-first .logo h4 {padding:0; font-size:1.3em;}
	#header-second .header-img {margin:10px 0 0;}

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

	/* CONTENT */
	.post-home, .post-home.left, .post-home.right {width:100%; border:0; margin:5px 0 0; padding:0; float:left; background:none;} 
	.post-archive, .post-archive.left, .post-archive.right {width:100%; border:0; margin:5px 0 0; padding:0; float:left; background:none;} 

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

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

	/* SIDEBAR */
	#sidebar {width:100%; margin:0; float:left;}
	.widget {margin:10px 0;}

	/* FOOTER */
	#footer {width:100%;}
	#footer-widgets {width:100%; padding:0;}
	.footer-right, .footer-middle, .footer-left {width:100%; margin:0; float:left;} 
}