/*
Theme Name: Serene (responsive)
Description: A responsive custom theme designed and developed for the University of San Diego. Large featured image with a newspaper like layout. 
Author: Shay Pessah
Author URI: http://www.shaypessah.com
Template: twentytwelve
Tags: USD, University of San Diego, newspaper, featured image, featured blog posts, responsive, gray
*/

@import url("../twentytwelve/style.css");
header, nav, section, article, aside, footer, hgroup {
    display: block;
}

/*-------------------Typography----------------------*/
@font-face {
    font-family: "Museo300Regular";
    src: url("fonts/Museo300-Regular-webfont.eot");
    src: url("fonts/Museo300-Regular-webfont.eot?#iefix") format('embedded-opentype'),
         url("fonts/Museo300-Regular-webfont.woff") format('woff'),
         url("fonts/Museo300-Regular-webfont.ttf") format('truetype'),
         url("fonts/Museo300-Regular-webfont.svg#Museo300Regular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Museo500Regular";
    src: url("fonts/Museo500-Regular-webfont.eot");
    src: url("fonts/Museo500-Regular-webfont.eot?#iefix") format('embedded-opentype'),
         url("fonts/Museo500-Regular-webfont.woff") format('woff'),
         url("fonts/Museo500-Regular-webfont.ttf") format('truetype'),
         url("fonts/Museo500-Regular-webfont.svg#Museo500Regular") format('svg');
    font-weight: normal;
    font-style: normal;
}
.site {
	background-color: #F4F4F2;
}
body, html {
	font-family: "myriad-pro",sans-serif;
	background-color: #F4F4F2;
}

#main {
	padding: 0 20px;
	padding: 0 1.428571429rem;
}
h1, h2, h3, h4, h5,
.site-title, .entry-title {
	font-family: "Museo500Regular", sans-serif;
}

h1.site-title a {
    color: #21759B;
    text-shadow: 1px 1px 2px #999;
}
h1.site-title a:hover {
	color: #13455c;
}
.site-header h1 {
	font-size: 26px;
	font-size: 2.857143rem;
	line-height: 1;
	margin-bottom: 0;
}
.main-navigation li{
	padding: 0 20px 0 0;
	padding: 0 1.428571429rem 0 0;
	margin: 0 10px 0 0;
}
img.header-image {
	border-radius: 0;
	width: 100%;
}
.archive-header {
	margin: 22px 0;
	margin: 1.571428571rem 0;
	padding-bottom: 0;
	border-bottom: 1px solid #E0E0E0;
}
.archive-title {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.714285714rem;
	font-weight: bold;
	color: #888888;
}
.home #primary {
	width: 100%;
	clear: both;
}
.home .site-content article:first-child {
	padding-left: 0;
}
.home .site-content article {
	border-bottom: 4px double rgb(237, 237, 237);
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	width: 29%;
	min-height: 350px;
	float: left;
	padding: 0 2%;
	font-size: 12px;
}
.home .site-content article + article {
	width: 29%;
}
.home .site-content .entry-title {
	padding: 0 0 20px 0;
	color: #888888;
}

.home.page #main {
	margin-top: 1.5em;
}
.home.page #primary {
	width: 64%;
}
.home.page #content {
	width: 100%;
}
.home.page .site-content article {
	width: 95%;
}
.page #page .site-content-full {
	width: 100% !important;
}
.page.page-template #page #secondary .widget {
	width: 30%;
	margin: 0 1%;
	text-align: center;
}
.site-content {
	margin: 0;
	padding: 0;
}
.entry-header {
	margin-bottom: 0;
}
.entry-header img.wp-post-image, .entry-header img {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget {
	margin-bottom: 2em;
	font-size: 12px;
	font-size: 0.875rem;
	line-height: 1.714285714rem;
}

.widget-area .widget, .right-widgets {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
	width: 32%;
	min-height: 125px;
	display: inline-block;
	vertical-align: top;
}
.page #secondary .widget ul li {
	list-style: none;
}
#home-sidebottom .bottom-widgets .widget {
	width: 100%;
}

.widget-area .widget h3 {
	font-size: 24px;
	font-size: 1.714285714rem;
	color: #888888;
}

h3.widget-title {
	display: inline-block;
	text-align: left;
	font-size: 24px;
	font-size: 1.714285714rem;
	padding-right: 10px;
	background: #F4F4F2;
	line-height: 1;
	text-transform: none;
	color: #888888;
}
#secondary aside {
	float: left;
}
#secondary .single-line {
	text-align: center;
}
#secondary h3.widget-title {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	background: #F4F4F2;
	font-size: 18px;
	font-size: 1.242857rem;
	color: #888888;
}
.template-front-page .widget-area .widget ul, 
.template-front-page .widget-area .widget div {
	padding: 0 20px;
}

footer.entry-meta {
	font-size: 10px;
	font-size: 0.714285714rem;
	color: #9e9e9e;
}
.line {
	background: url(images/double_line.png) repeat-x left;
	background-repeat: repeat-x;
	height: 25px;
	margin-bottom:20px;
	margin-bottom: 1.428571429rem;
}
.single-line {
	background: url(images/line.png) repeat-x left;
	background-repeat: repeat-x;
	height: 25px;
	margin-bottom:20px;
	margin-bottom: 1.428571429rem;
}

.line h2 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height:1;
	margin-bottom: 16px;
	margin-bottom: 1.142857143rem;
	background: #F4F4F2;
	display: inline-block;
	padding: 0 10px 0 0;
	color: #888888;
}

.readmore a {
	float: right;
	clear: both;
	position: relative;
	margin-top: 2em;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.readmore a:hover {
	text-decoration: underline;
}
.site-content nav {
	margin-bottom: 16px;
	margin-bottom: 1.142857143rem;
}
	
@media screen and (max-width: 600px) {	
	.home .site-content article {
		width:100%;
		margin-bottom: 20px;
		margin-bottom: 1.428571429rem;
		padding-bottom: 10px;
		min-height: 100px;
	}
	.widget-area .widget, .right-widgets {
		width: 100%;
	}
	.usd_logo {
		float: none;
		text-align: center;
	}

	.page.page-template #page #secondary .widget {
	width: 100%;
	margin: 1em 0 2em 0;
	text-align: center;
	}
	.main-navigation li {
		margin: 24px 0 0 0;
		margin: 1.714285714rem 0 0 0;
		padding: 0;
		font-size: 12px;
		font-size: 0.857142857rem;
		line-height: 1.42857143;
	}
	.single .site-content article, 
	.page #page #primary, 
	.single #page #primary, 
	.archive #page #primary {
		border-bottom: 4px double #EDEDED;
		margin-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 24px;
		padding-bottom: 0.714286rem;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		width: 100%;
		float: left;
		padding: 0 2%;
		font-size: 12px;
	}
}

@media screen and (min-width: 600px) {	
	body .site {
		padding: 0;
		margin-top: 0;
	}
	.site {
		max-width: 1024px;
		max-width: 73.143rem;
		padding: 0 20px;
		padding: 0 1.428571429rem;
	}
	hgroup {
		float: left;
		display: inline-block;
	}
	.usd_logo {
		float: left;
		display: inline-block;
		padding-right: 1em;
	}
	.sitename_info {
		display: inline-block;
		float: left;
		margin-top: 2.5em;
	}
	.home .site-header {
		border: 0;
		margin: 0;
	}
	.site-header {
		width: 100%;
		min-height: 125px;
		position: relative;
		display: inline-block;
		border-bottom: 1px solid #EBEBEB;
		margin-bottom: 2em;
	}
	.main-navigation {
		float: right;
	}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		border: none;
		display: inline-block !important;
		text-align: right;
		width: 100%;
		float: right;
	}
	.main-navigation li ul li a {
		background: #DDDDDD;
		border-bottom: 1px solid #EDEDED;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 3.181818;
		margin-left: -20px;
		margin-top: -8px;
		padding: 0 20px 0 0;
		width: 100px;
		white-space: normal;
	}
	.main-navigation li a {
		font-size: 16px;
		font-size: 1.142857143rem;
		text-transform: none;
	}
	section.ft, .header-image {
		z-index: 10;
		margin-top: 0;
	}
	section#primary #content {
		padding-left: 15px;
	}
	#article_title {
		padding: 0 20px;
	}
	.post .entry-header .entry-title {
		font-size: 16px;
		font-size: 1.142857143rem;
	}
	.widget-area {
		float: right;
		width: 100%;
	}
	.home #content, .site-content {
		width: 65.104166667%;
		margin-right: 2%;
		float: left;
	}
	.home .site-content {
		padding-left: 0;
	}
	
	.home #home-sidebottom, .right-widgets {
		width: 32%;
		float: right;
		margin: 0;
	}
	.home #home-sidebottom .widget h3.widget-title {
		text-align: left;
		font-size: 24px;
		font-size: 1.714285714rem;
		text-transform: none;
	}
	.home .widget-area .front-widgets, 
	home .widget-area .widget:nth-child(even){
		float: left !important;
		width: 30.3% !important;
		margin-left: 1.5% !important;
		margin-right: 1.5% !important;
		display: inline-block;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		word-wrap: break-word;
		display: inline-block;
		vertical-align: top;
    }
    .home .widget-area .widget:nth-child(2) {
    	margin: 0 2%;
    }	
    .home .widget-area .widget:nth-child(3) {
    	float: right !important;
    }	
    .page #page #primary, 
    .single #page #primary,
    .archive #page #primary {
    	width: 64%;
    }
}