/*
Theme Name: Daily Worker Theme
Theme URI: http://dailyworkerplacement.com
Author: Angel Rivera
Author URI: http://angelisagirlsname.com
Description: I think it would be fun to run a newspaper.
Version: 1.0
Text Domain: dailyworkertheme
*/

html, body {
	color: #111;
	font-family: 'PT+Serif', serif;
}

a { color: #d83205; }
a:hover, a:focus { text-decoration: none; background-color: #fff200; color: #111; }

header { text-align: center; font-weight: bold; font-style: italic; padding: 32px 0 5px 0; }
header h1 { margin: 0; padding: 0; }
header h1 img { margin: 0 auto; }
header h1 a { display: block; }
header .date { font-size: 10px; margin-top: -5px; }

#navigation .nav ul { border-top: solid 4px #111; border-bottom: solid 2px #111; text-align: center; margin: 0; padding: 0; }
#navigation .nav ul li {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Oswald', sans-serif, bold;
	line-height: 18px;
}
#navigation .nav ul li a { display: block; color: #111; padding: 8px 30px 7px 30px; text-decoration: none; }

h2, h3, h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
}

h2 a, 
h3 a, 
h4 a, 
.article .meta a,
footer a { color: #111; }

h2 a:hover, 
h3 a:hover, 
h4 a:hover,
.article .meta a:hover,
footer a:hover {
	color: #111;
	text-decoration: none;
	background-color: #fff200;
}

h2 { font-size: 42px; line-height: 74px; margin: 6px 0; text-align: center; }

hr { margin: 0; height: 2px; color: #111; background: #111; border: none; }

.article .meta { text-transform: uppercase; font-weight: bold; }

.article p { margin: 0 0 30px; }

#masthead .article { font-size: 16px; border-bottom: solid 2px #111; }
#masthead .article p { line-height: 24px; }
#masthead h3 { font-size: 42px; line-height: 52px; margin: 6px 0 0 0; }
#masthead .meta { font-size: 14px; margin: 6px 0 16px 0; }
#masthead .image { margin-bottom: 20px; max-height: 530px; overflow: hidden; }
#masthead .image img { width: 100% !important; height: auto !important; }

.article .copy a { color: #d83205; text-decoration: underline; }
.article .copy a:hover { color: #d83205; text-decoration: underline; background-color: #fff200; }
.article .more { text-align: right; margin-bottom: 20px; }
.article .more a { color: #111; text-decoration: none; font-weight: bold; font-style: italic; }
.article .more a:hover { color: #111; background-color: #fff200; }

.butwait .article { padding: 32px 0 26px 0; }
.butwait h3 { font-size: 32px; line-height: 44px; }
.butwait .meta { font-size: 14px; }
.butwait .image img { margin: 0 auto; width: 100%; }

footer { text-align: center; text-transform: uppercase; font-weight: bold; padding-bottom: 50px; font-size: 10px; line-height: 30px; }
footer .border { border-bottom: solid 4px #111; border-top: solid 2px #111; }
footer .social { margin: 0; padding: 0; }
footer .social li { display: inline-block; }
footer .social li a { display: block; padding: 0 7px; }
footer .social img { width: 16px; height: 16px; }

#image { margin-top: 18px; }

.thumbs ul { margin: 0 0 0 -1%; padding: 0 0 18px 0; }
.thumbs ul li {
	list-style: none;
	margin: 1% 0 0 1%;
	padding: 0;
	display: block;
	width: 24%;
	float: left;
}
.thumbs ul li a { display: block; }

.archives ul { margin: 0; padding: 0 0 18px 0; }
.archives ul li {
	list-style: none;
	margin: 1% 0 0 0;
	padding: 0;
	display: block;
	width: 100%;
	float: left;
	position: relative;
}

.archives ul li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	text-shadow: 0 0 3px #000;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease;
}

.archives ul li a:hover { background: rgba(0, 0, 0, 0.0); }

.archives ul li a .caption { position: absolute; bottom: 8px; left: 8px; }

#search form { margin: 16px 0; }

#about #masthead .article { padding-bottom: 6px; }
#about .contributors h3 { font-size: 42px; line-height: 60px; margin: 40px 0 0 0; }
#about .contributors .image { margin: 40px 0; }
#about .contributors .image img { width: 100%; height: auto !important; }
#about .contributors .article { margin: 40px 0; }
#about .contributors .article h3 { font-size: 32px; line-height: 32px; margin: 0 0 20px 0; }
#about .contributors .copy { font-size: 16px; line-height: 24px; }


#single .article { font-size: 16px; border-bottom: solid 2px #111; }
#single .article p { line-height: 24px; }
#single h3 { font-size: 42px; line-height: 52px; margin: 6px 0 0 0; }
#single .meta { font-size: 18px; margin: 6px 0 16px 0; }
#single .image { margin-bottom: 20px; max-height: 530px; overflow: hidden; }
#single .image img { width: 100% !important; height: auto !important; }
#single .copy { margin-bottom: 40px; }

.alignright { float: right; }
.copy .alignright { margin: 12px 0 12px 36px; }

.alignleft { float: left; }
.copy .alignleft { margin: 12px 36px 12px 0; }

.copy img { max-width: 100%; height: auto; }

p.big { font-size: 24px; line-height: 32px; margin-bottom: 30px; }

p.logged-in-as,
p.form-allowed-tags,
p.comment-notes
{ font-size: 10px; }

.comment-form { margin-bottom: 30px; }
.comment-form label { display: block; }
.comment-form textarea { width: 100%; }

ol.commentlist { margin: 30px 0; }
ol.commentlist li {
	padding: 20px 0 20px 20px;
	border-top: solid 1px #ddd;
}
ol.commentlist li .comment-author { font-size: 24px; line-height: 32px; }
ol.commentlist li .comment-author .fn { font-weight: bold; }
ol.commentlist li .comment-meta { font-size: 12px; margin: 5px 0 12px 0; }

#searchform div { overflow: hidden; }
#searchform label { display: none; }
#searchform input#s { 
	float: left; 
	width: 80%;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
#searchform input#searchsubmit { 
	float: right; 
	width: 18%; 
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0;
	color: #fff;
	background: #d83205;
	border: solid 1px #d83205;
}

#contact .article { margin: 40px 0; }
#contact .copy { font-size: 16px; line-height: 24px; }
#contact label { display: block; }
#contact input {  margin-bottom: 10px; width: 100% !important; }
#contact textarea { margin-bottom: 10px; width: 100% !important; }
#contact .image { margin-bottom: 30px; max-height: 250px; overflow: hidden; }
#contact .image img { width: 100% !important; height: auto !important; }

.img-nav { text-align: center; margin: 20px 0; }

#gallery .image { text-align: center; }

#gallery .image img { max-width: 100%; height: auto; }

.pages {
	text-align: right;
	border-top: solid 2px #111;
	font-size: 18px;
	line-height: 22px;
	padding: 14px 0;
}

#moremore {
	text-align: center;
	font-style: italic;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
}

#moremore a {
	display: block;
	padding: 15px 0;
}



/* --------------------------
    Responsive Design
-------------------------- */

/* Bigger than a thumbnail */
@media (min-width: 370px) {
	.archives ul { margin: 0 0 0 -1%; }
	.archives ul li {
		margin: 1% 0 0 1%;
		width: 49%;
	}
}

/* SM */
@media (min-width: 768px) {
	#navigation .nav ul li {
		display: inline-block;
		margin: 0 10px;
	}
	header .date { font-size: 16px; margin-top: -12px; }
	footer { font-size: 14px; }
	footer .copyright { text-align: left; }
	footer .social { text-align: right; }
	h2 { font-size: 68px; line-height: 90px; }
	#masthead h3 { font-size: 68px; line-height: 90px; }
	#masthead .meta { font-size: 18px; }
	#masthead .article { font-size: 24px; }
	#masthead .article p { line-height: 42px; }
	.butwait .article { text-align: left; }
	#single .article { font-size: 24px; }
	#single .article p { line-height: 42px; }
	#single h3 { font-size: 68px; line-height: 90px; }
	#contact .copy { font-size: 24px; line-height: 42px; }
	#about .contributors h3 { font-size: 42px; line-height: 60px; margin: 40px 0 0 0; }
	#about .contributors .copy { font-size: 22px; line-height: 36px; }
	.archives ul { margin: 0 0 0 -1%; padding: 0 0 18px 0; }
	.archives ul li {
		list-style: none;
		margin: 1% 0 0 1%;
		padding: 0;
		display: block;
		width: 24%;
		float: left;
		position: relative;
	}

}

/* MD */
@media (min-width: 992px) {
	#navigation .nav ul li {
		display: inline-block;
		margin: 0 30px;
	}
}

/* LG */
@media (min-width: 1200px) {
	#navigation .nav ul li {
		display: inline-block;
		margin: 0 50px;
	}
}