/*
	Theme Name: JWD Frame
	Author: Julia Wyson
	Author URI: http://www.juliawyson.com
	Version: 1.0
	*/
	
	* {
	margin:0;
	padding:0;
	}
	body {
	background-color: rgba(255,255,255,1);
	font-family: 'Raleway', monospace;
	font-size:1em;
	}
	/* FONT STYLES */
	p {
	margin:2% 0;
	line-height:1.3em;
	}
	h1 {
	font-family: 'Cutive', serif;
	font-weight: bold;
	font-size: 2.5em;	
	color: #000;
	}
	h2 {
	font-family: 'Cutive', serif;
	font-weight: bold;
	font-size:2em;
	color: #000;
	}
	h3 {
	font-family: 'Cutive', serif;
	font-weight: normal;
	font-size:1em;
	color:#000000;
	line-height:1.4em;
	}
	
	h4 {
	font-family: 'Cutive', serif;
	font-weight: normal;
	font-size:.8em;
	margin:20px 0;
	}
	h5 {
	}
	.entry p {
	line-height: 1.8em;
	}
	#info, #sidebar, #left-box, #right-box, #center-box, #logo p {
	color:rgba(255,255,255,1.00);
	}
	.widget-item p {
	color:#000 !important;
	}
	.portfolio-title {
	margin-top: 10px;
	}
	.more {
	font-family: 'Cutive', serif;
	font-size: 98%;
	}
	.more a {
	text-decoration: none;
	}
	.bb-title {
	margin-bottom: 0;
	}
	.bb-date {
	margin-bottom: 20px;
	}
	.list-title {
	margin-bottom:0;
	}
	.press-title {
	margin-bottom:10px;
	}
	a:link, a:visited, a:active {
	color: #496185;
	}
	a:hover {
	color: #5B7043;
	}
	a.white:link, a.white:visited, a.white:active {
	color: #fff;
	}
	a.white:hover {
	color: #000;
	}
	.widget-title {
	margin-bottom: 20px;
	}
	.widget-title a {
	color:#fff;
	text-decoration:none;
	}
	.entry ul {
	list-style:circle;
	margin-left:30px;
	}
	.entry ul li {
	margin: 10px 0;
	}
	.page-title {
	margin-bottom: 20px;
	}
	.post-title {
	margin-bottom: 0;
	}
	.postmetadata {
	font-size:.9em;
	}
	.list-link {
	width: 200px;
	float:right;
	margin-top:-50px;
	}
	.upw-before p {
		margin-bottom: 0 !important;
	}
	.upw-content .post-title {
		margin-top: 0 !important;
	}
	@media screen and (max-width: 600px)  {
	p {
	margin:25px;
	}
	h1 {
	margin:25px 25px 0 25px;
	font-size: 1.5em;	
	}
	h2 {
	margin:25px 25px 0 25px;
	}
	h3 {
	margin:0 25px;
	}
	.list-link {
	width: 200px;
	float:right;
	margin-top:-25px !important;
	margin-right:15px;
	text-align:right !important;
	}
	.category-item-list {
		margin-left: 15px;
	}
	}
	/* LAYOUT */
	#header {
	background-image:none;
	background-repeat:repeat-x;
	}
	#logo-container {
	background: none;
	}
	#logo {
	padding:30px 30px 15px 30px;	
	text-align:center;
	}
	#nav-container {
	max-width: 1005px;
	margin:0 auto;
	background-color:none;
	padding:0px 0px;
	height:20px;
	border-top:rgba(0,0,0,1.00) solid 1px;
	}
	#content-container {
	max-width: 1005px;
	margin:0 auto;
	padding:5% 0 0 0;
	}
	#content {
	width: 100%;
	float:none;
	}
	.featured-image {
	width: 480px;
	margin:0 auto;
	}
	#sidebar {
	width:20%;
	background-color:rgba(82,116,67,1.0);
	padding:20px;
	float:right;
	 -webkit-box-shadow: 4px 4px 0px 2px rgba(82,116,67,.6);
	-moz-box-shadow: 4px 4px 0px 2px rgba(82,116,67,.6);
	box-shadow: 4px 4px 0px 2px rgba(82,116,67,.6);
	border-right:#fff solid 2px;
	border-bottom:#fff solid 2px;
	}
	#boxes {
	max-width:1005px;
	margin:0 auto;
	color: #000 !important;
	}
	a.cat-post-title {
	color:#fff;
	text-decoration:none;
	}
	a.cat-post-title:hover {
	color:#496185;
	text-decoration:none;
	}
	#left-box {
	width:29%;
	margin:2%;
	padding:0;
	float:left;
	background: none;
	/* -webkit-box-shadow: 4px 4px 0px 2px #496185;
	-moz-box-shadow: 4px 4px 0px 2px #496185;
	box-shadow: 4px 4px 0px 2px #496185;
	border-right:#fff solid 2px;
	border-bottom:#fff solid 2px; */
	}
	#right-box {
	width:29%;
	margin:2%;
	padding:0;
	float:right;
	background: none;
	/* -webkit-box-shadow: 4px 4px 0px 2px #496185;
	-moz-box-shadow: 4px 4px 0px 2px #496185;
	box-shadow: 4px 4px 0px 2px #496185;
	border-right:#fff solid 2px;
	border-bottom:#fff solid 2px; */
	}
	
	#center-box {
	width:29%;
	margin:2%;
	padding:0;
	float:left;
	background: none;
	/*	 -webkit-box-shadow: 4px 4px 0px 2px #5B7043;
	-moz-box-shadow: 4px 4px 0px 2px #5B7043;
	box-shadow: 4px 4px 0px 2px #5B7043;
	border-right:#fff solid 2px;
	border-bottom:#fff solid 2px; */
	}
	.clr {
	clear:both;
	}
	#footer {
	width: 100%;
	margin:30px 0 0 0;
	padding:30px 0;
	text-align: right;
	background-color:#000;
	color:#fff;
	}
	#footer-content {
	max-width:1000px;
	margin:0 auto;
	}
	#footer h2 {
	color:#fff;
	line-height:2em;
	}
	.footer-image {
	float:left;
	margin-right:20px;
	}
	.contact-info {
	float:left;
	width: 30%;
	color:#fff;
	text-align:left;
	}
	.site-info {
	width:65%;
	float:right;
	}
	.college-columns {
	width:30%;
	float:left;
	padding: 10px 3% 10px 0;
	line-height:1.5em;
	}
	.entry {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:#000 solid 1px;
	}
	hr {
	width:100%;
	color:#000;
	margin: 40px 0;
	}
	@media screen and (max-width: 600px)  {
	/* LAYOUT */
	body {
	overflow-x: hidden;
	}
	img {
		width:100%;
		height:auto;
		margin:0 auto;
	}
	#header {
	background-image:url(assets/header-photo-mobile.jpg);
	background-size:cover;
	border-bottom:#000 solid 1px;
	box-shadow:none;
	}
	
	#logo {
	padding:20px 0 0 0;	
	width:95%;
	margin:0 auto;
	}
	#nav-container {
	padding:0px 0px;
	height:35px;
	}
	#info-container {
	width: 100%;
	margin:30px auto;
	}
	#info {
	background-color:rgba(82,116,67,.7);
	padding:15px 0px;
	width:80%;
	float:none;
	margin:2% auto;
	font-size:1em;
	line-height:1.2em;
	}
	#content-container {
	width: 100%;
	margin:0 auto;
	padding:0;
	}
	#content {
	width: 100%;
	float:none;
	padding:0;
	margin-bottom:20px;
	}
	#sidebar {
	width:100%;
	background-color:rgba(82,116,67,1.0);
	padding:0;
	float:none;
	 -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-right:none;
	}
	#boxes {
	width:90%;
	margin:0 auto;
	}
	#left-box {
	width:100%;
	margin:1% 0;
	padding:15px 0;
	height:auto;
	float:none;
	 background:none;
	/* -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-right:none;
	border-bottom:#496185 solid 2px; */
	}
	#right-box {
	width:100%;
	margin:1% 0;
	padding:15px 0;
	height:auto;
	float:none;
	background:none;
	/* -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-right:none;
	border-bottom:#496185 solid 2px; */
	}
	#center-box {
	width:100%;
	margin:1% 0;
	padding:15px 0;
	height:auto;
	float:none;
	background-color:none;
	/* -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-right:none;
	border-bottom:#5B7043 solid 2px; */
	}
	.contact-info {
	float:none;
	width: 100%;
	color:#fff;
	text-align:center;
	}
	#footer h4 {
	text-align:center;
	}
	
	.site-info {
	width:90%;
	margin:20px 0;
	}
	}
	/* IMAGES */
	.alignright {
	float:right;
	margin: 0 0 2% 5%;
	}
	.alignleft {
	float:left;
	margin: 0 5% 2% 0;
	  
	}
	.alignleft-home {
	float:left;
	margin: 0 5px 30px 5px;
	  
	}
.aligncenter {
	 display: block;
	margin: 0 auto;
	  
	}
	@media screen and (max-width: 600px)  {
	.alignleft {
	float:none;
	margin: 5% auto;
	width:90%;
	}
	.alignright {
	float:none;
	margin: 5% auto;
	width:90%;
	}
	
	}
	/* NAVIGATION */
	#access-mobile {
		display:none;
	}
	ul.main-nav
	{
	padding: 15px 0;
	margin: 0;
	list-style-type: none;
	color: #000;
	width: 100%;
	font-family: 'Cutive', serif;
	text-align: center;
	}
	
	.main-nav li { 
	display: inline; 
	list-style-type: none;
	margin:10px 0;
	font-size:14px;}
	
	.main-nav a
	{
	text-decoration: none;
	color: #000;
	padding: .2em 1em;
	}
	
	.main-nav a:hover
	{
	color:#6A8FC0;
	text-decoration:none;
	}
	
	.footer-nav-container {
	display: none;
	}
	
	
	nav#utility li ul {
	float:left;
	color: #000;
	    left: 0;
	    opacity: 0;
	    position: relative;
	    top: 10px;
	    visibility: hidden;
	    z-index: 2;
	    -webkit-transition: all .25s ease;
	       -moz-transition: all .25s ease;
	        -ms-transition: all .25s ease;
	         -o-transition: all .25s ease;
	            transition: all .25s ease;
			display:inline;
			font-size:90%;
			height:60px;
	
	}
	
	nav#utility li:hover ul {
	    opacity: 1;
	    top: 10px;
	    visibility: visible;
	min-width:140px;
	overflow:visible;
	   position: relative;
	   
			left: 0;
	}
	ul.footer-nav
	{
	padding: 10px 0;
	margin: 0;
	list-style-type: none;
	color: #fff
	width: 100%;
	font-family: 'Cutive', serif;
	text-align: right;
	}
	
	.footer-nav li { 
	display: inline; 
	list-style-type: none;
	margin:10px 0;
	font-size:16px;}
	
	.footer-nav a
	{
	text-decoration: none;
	color: #fff;
	padding: .2em 1em;
	}
	
	.footer-nav a:hover
	{
	color:#32556F;
	text-decoration:none;
	}
	
	@media screen and (max-width: 600px)  {
	#access-main {
		display: none;
	}
	#nav-container {
	position:relative;
	padding-bottom:5px;
	height: 90px;
	}
	#access-mobile {
	display:block !important;
	}
	ul.menu-mobile
	{
	padding: 15px 0;
	margin: 0;
	list-style-type: none;
	color: #000;
	width: 100%;
	font-family: 'Cutive', serif;
	text-align: center;
	line-height: 2em;
	}
	
	.menu-mobile li { 
	display: inline; 
	list-style-type: none;
	margin:10px 0;
	font-size:14px;}
	
	.menu-mobile a
	{
	text-decoration: none;
	color: #000;
	padding: .2em 1em;
	}
	
	.menu-mobile a:hover
	{
	color:#6A8FC0;
	text-decoration:none;
	}
	
	
	}
	/* IMAGES */
	
	.floatleft {	
	float:left;
	margin: 0 5% 2% 0;
	   -webkit-box-shadow: 5px 5px 0px 2px #496185;
	-moz-box-shadow: 5px 5px 0px 2px #496185;
	box-shadow: 5px 5px 0px 2px #496185;
	border-right:#fff solid 2px;
	border-bottom:#fff solid 2px;
	}
	.floatright {	
	float:right;
	margin: 0 0 2% 5%;
	 /*  -webkit-box-shadow: 5px 5px 0px 2px #496185;
	-moz-box-shadow: 5px 5px 0px 2px #496185;
	box-shadow: 5px 5px 0px 2px #496185;
	border-right:#fff solid 2px;
	border-bottom:#fff solid 2px; */
	}
	@media screen and (max-width: 600px)  {
	.floatright, .floatleft {	float:none;
	margin: 5% 0;
	/*	-webkit-box-shadow: 0px 5px 0px 1px #496185;
	-moz-box-shadow: 0px 5px 0px 1px #496185;
	box-shadow: 0px 5px 0px 1px #496185;
	border-right:none;
	border-bottom:#fff solid 2px; */
	}
	}
	/* PORTFOLIO */
	.blog-list {
		margin: 0 0 40px 0;
		border-bottom: #000000 solid 1px;
		padding:20px;
	
	}
	
	.masonry { /* Masonry container */
	    column-count: 3;
	    column-gap: 1em;
	}
	.masonry-wide { /* Masonry container */
	    column-count: 2;
	    column-gap: 1em;
	}
	.masonry-list { /* Masonry container */
	    column-count: 2;
	    column-gap: 4em;
	}
	
	.category-item { /* Masonry bricks or child elements */
	     display: inline-block;
	    width: 100%;
	margin: 0 0 2em 0;
	}
	.category-item-list { /* Masonry bricks or child elements */
	     display: inline-block;
	    width: 100%;
	margin: 0 0 1em 0;
	}
	/*.category-item {
	width: 260px;
	float:left;
	margin: 30px 30px -60px 30px;
	} */
	.item-border {
	width: 200px;
	border:#000000 solid 1px;
	padding: 30px;
	}
	.portfolio-link {
	text-align:center;
	border:#000000 solid 1px;
	background-color:#FFFFFF;
	padding:10px 20px;
	width: 75px;
	margin: -20px auto 0 auto;
	}
	.category-item a {
	text-decoration: none;
	font-size: 1em;
	}
	
	@media screen and (max-width: 600px)  {
	.masonry { /* Masonry container */
	    column-count: 1;
	    column-gap: 1em;
	}
	.masonry-list { /* Masonry container */
	    column-count: 1;
	    column-gap: 4em;
	}
	
	.category-item { /* Masonry bricks or child elements */
	     display: inline-block;
	    width: 100%;
	margin: 0 0 2em 0;
	}
	.category-item-list { /* Masonry bricks or child elements */
	     display: inline-block;
	    width: 100%;
	margin: 0 0 1em 0;
	}
	/*.category-item {
	width: 260px;
	float:left;
	margin: 30px 30px -60px 30px;
	} */
	.item-border {
	width: 200px;
	border:#000000 solid 1px;
	padding: 30px;
	margin:0 auto;
	}
	.portfolio-link {
	text-align:center;
	border:#000000 solid 1px;
	background-color:#FFFFFF;
	padding:10px 20px;
	width: 75px;
	margin: -20px auto 0 auto;
	}
	.category-item a {
	text-decoration: none;
	font-size: 1em;
	}