/*
 Theme Name:     Wayne Law Review
 Theme URI:      N/A
 Description:    Theme for Wayne Law Review's website.  Child theme of Twenty Eleven
 Author:         Dominic Bonell, Technology Editor 2015-2016
 Author URI:     N/A
 Template:       twentyeleven
 Version:        1.0.1
*/
 
@import url("../twentyeleven/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

body, input, textarea {
	font:15px 'Open Sans', sans-serif;
}

body {
	padding:0;
}

#page {
	margin:0 auto 1em;
	max-width:1000px;
}

#branding {
	border-top:0;
}

#branding .header-mobile {
	display:none;
}

#branding #searchform {
	position:relative;
	top:5px;
	right:5px;
}

#header-gold {
	background:#FFCC33;
	display:block;
	height:5px;
	width:100%;
}

#header-green {
	width:100%;
	background:#0C5449;
}

#header-black {
	width:100%;
	text-transform:uppercase;
}

#walls {
	max-width:1000px;
	margin:0 auto;
}

#main {
	padding:.25em 0 0;
}

#primary {
	margin:0 -30% 0 0;
}

#home-heading {
	margin:0 -1% 0 -1%;
	display:inline-block;
	background:#0C5449;
	color:white;
	padding:.2em .5em .2em .5em;
	width:100%;
	font-variant:small-caps;
}

#home-heading > h1 {
	font-size:20px;
	float:left;
	clear:none;
}

#home-heading > h2 {
	font-size:14px;
	float:right;
	clear:none;
	position:relative;
	top:6px;
}

#content {
	padding:.75em;
	margin:0 0 0 2.5%;
	width:62.5%;
}

/* Home page content area */
.featurebox {
	font-weight:normal;
	border-bottom:1px dotted #0C5449
}

.featurebox > h1 {
	font-weight:bold;
	font-size:26px;
}

.featurebox > h1 > a {
	color:black;
	text-decoration:none;
}

.featurebox > h1 > a:hover {
	text-decoration:underline;
}

.featurebox > h2 {
	font-style:italic;
}

.featurebox > p {
	margin-bottom:1em;
}

/* Sidebar */
#secondary {
	margin-right:2.5%;
	width:25%;
}

.widget_search {
	padding-top:1em;
}

input#s {
	font-size:15px;
}

h3.widget-title {
	background-color:#FFCC33;
	color:black;
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	padding:.2em .5em .2em .5em;
	text-transform:none;
	line-height:normal;
}

.widget > p, .widget > h4, .widget > h5 {
	padding-left:.5em;
	padding-right:.5em;
}

.widget > h5 {
	padding-bottom:1em;
	font-style:italic;
}

/* Single post content areas */
.singular #content {
	margin:0 12.5%;
	width:auto;
	padding:10px 0 0 0;
}

.singular .hentry {
	padding:0;
}

.article-header, .article-content {
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.article-header {
	margin:0;
	width:auto;
	text-align:center;
}

.article-header > h2 {
	padding:1em 0 2em 0;
	font-size:18px;
	font-style:italic;
}

.article-header .entry-meta {
	position:initial;
	font-variant:small-caps;
}

.article-content {
	text-align:justify;
	font-size:16px;
}

.article-title {
	padding-top:0;
	font-size:36px;
	font-weight:bold;
}

.singular .entry-header, .singular .entry-content {
	width:auto;
}

/* Category page content area */
.page-title {
	color:white;
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	margin:0;
	text-transform:none;
}

.hentry {
	padding:1em 0;
	margin:0;
}

/* Content from the Loop displayed in Category page */
.entry-title {
	color:black;
	line-height:normal;
	padding-top:0;
	padding-bottom:0;
}

.entry-title > a {
	color:black;
	text-decoration:none;
}

.entry-title > a:hover {
	color:black;
	text-decoration:underline;
}

.entry-content {
	padding:1em 0 0 0;
}

.entry-content > p {
	margin-bottom:1em;
}

/* Footer */
#colophon {
	padding-top:10px;
}

#site-generator {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);

	border-top:none;
	color:#eee;
	line-height:normal;
	padding:1.5em 0;
}

#site-generator > p {
	margin:0;
}

@media (max-width: 800px) {
	#branding .header-normal {
		display:none;
	}
	
	#branding .header-mobile {
		display:block;
	}
	
	#home-heading {
		width:calc(95% - 1em);
		margin:0 2.5%;
	}
	
	#primary > #content {
		width:auto;
	}
	
	#secondary {
		margin-left:2.5%;
		margin-right:2.5%;
		width:auto;
	}
	
	.widget_search #s {
		width:inherit;
	}
}