/*
* Phil Tetlock
* Copyright 2012
* Creator: Matthew Achariam
* Colophon: Based on Skeleton (www.getskeleton.com)
* 12/4/2012
*/


/* Table of Contents
==================================================
    #Header
    #Sections
    #Block Styles
    #Blog
    #Books
    #Courses
    #Publications
    #Bio
    #IconFonts
    #Media Queries
 */


/* Import Other CSS Files
================================================== */

@import url('base.css');
@import url('skeleton.css');



/* Header
================================================== */

.circles1{
    background: transparent url('./images/circles1.svg') no-repeat;
    height: 300px;
    width: 300px;
    margin-left: 55px;
    -webkit-animation: fadein 0.6s ease-in;
    -webkit-animation-delay:.1s;
   	-webkit-animation-fill-mode: both;
}


.circles1 h2 {
	padding: 127px 0 0 38px;
	font-size: 33px;
	text-shadow: 1px 2px rgba(0, 0, 0, 0.4);
}

.circles1 a{
	color:#fff;
}


.circles2{
    background: transparent url('./images/circles2.svg') no-repeat;
    height: 300px;
    width: 300px;
    -webkit-animation: fadein 0.8s ease-in;
    -webkit-animation-delay:.6s;
   	-webkit-animation-fill-mode: both;
}


.circles2 img{
	margin: 43px 0px 0px 43px;
	opacity: .9;
}

.circles3{
    background: transparent url('./images/circles3.svg') no-repeat;
    height: 300px;
    width: 300px;
    margin-left: -55px;
    -webkit-animation: fadein 0.8s ease-in;
 	-webkit-animation-delay:1s;
   	-webkit-animation-fill-mode: both;
}



.circles3 h4 {
	padding: 95px 0 0 42px;
	line-height: 28px;
	font-size: 20px;
	text-shadow: 1px 2px rgba(0, 0, 0, 0.4);
}

#menubar{
	font-family: "PT Sans", sans-serif;
	text-shadow: none;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}

#menubar ul{
 	background: rgba(0, 0, 0, 0.1);
	border-radius: 100px;
	padding: 5px;
	-moz-box-shadow:    inset 1px 1px 2px rgba(0, 0, 0, 0.1);
   	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
   	box-shadow:         inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}

#menubar li{
	display: inline;
	margin: 0 5px 0 5px;
}

#menubar a{
	color: #fff;
}

#menubar a:hover{
	color: #ff5859;
}

/* Sections
================================================== */

.midsection{
	width: 100%;
	background: #f6f0f0;
	border-top: 1px solid #fd9191; 
	min-height: 360px;
	margin: 30px 0 0 0;
	padding: 0 0 30px 0;
   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    box-shadow: 0px 0px 5px rgba(0,0,0,.8);
}

.midsection:before {  
 	border-top: 10px solid #fd7071;
    content: '';  
    width: 100%;   
    position: absolute;  
} 

.foxhedge h3 {
	color: #425a6b;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 15px;
}

.midsection p{
	font-size: 16px;
	line-height: 24px;
}

.bottomsection{
	width: 100%;
	background: #425a6b;
	min-height: 300px;
	border-top: 1px solid #fff;
	text-shadow: none;
	border-bottom: 1px solid #3b5161;
}

.bottomsection p{
	color: #f4f4f4;
}

.bottomsection h4{
	border-bottom: 1px solid #4e6a7f;
	margin: 0 0 25px 0;
}

.bottomsection a{
	color: #ff5859;
}

.bottomsection a:hover{
	color: #fd7071;
	border-bottom: 1px dotted #fd7071;
}

.footsection{
	width: 100%;
	height: 100%;
	background: #f6f0f0;
	border-top: 1px solid #fff;
}

.footsection p{
	text-align: right;
	color: #1ab494;
}

/* #Block Styles
================================================== */

.footernav li{
	display: inline;
}

/* #Blog
================================================== */

.blogcontent h2{
	border-top: 1px solid #e4e4e4;
	margin: 0 0 20px 10px;
	padding-top: 15px;
}

.blogcontent h2 a{
	color: #425a6b;
}

.blogdate {
	color: #8F8F8F;
}

.blogcontent a{
	color: #ff5859;
}

.blogcontent a:hover{
	color: #fd7071;
	border-bottom: 2px dotted #fd7071;
}

.blogcontent img{
	border: 5px solid white;
	box-shadow: 1px 1px 4px #81909b; 
	-moz-box-shadow: 1px 1px 4px #81909b; 
	-webkit-box-shadow: 1px 1px 4px #81909b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: -10px;
}

.searchbox {
	border-top: 1px solid #e4e4e4;
}

.searchbox .form-item {
	display: inline;
	width: 100px;
}

.searchbox input[type=text]{
	font-family: 'PT Serif', serif;
	font-size: 1em;
	width: 130px;
	height: 18px;
	margin: 0 5px 0 5px;
	display: inline;
}

/* #Books
================================================== */


.books h3 {
	margin: 30px 0 -25px 0;
	color: #425a6b;
}

.books h3 a{
	color: #425a6b;
}

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

/* #Courses
================================================== */
.courses span{
	color: #425a6b;
	font-size: 50px;
}

.courses h3{
	color: #425a6b;
}



/* #Publications
================================================== */


.publications h3{
	color: #425a6b;
	margin: 5px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e4e4e4;
}

.publications h4 span{
	font-size: 35px;
	margin-right: 10px;
}

.publications h3:not(:first-child) {
    margin-top: 200px;
}

.publicationsnav {
	clear: none;
}


.publicationsnav h4{
	color: #425a6b;
	margin: 0 0 15px 0;
}

.publicationsnav a{
	color: #ff5859;
}

.publicationsnav a:hover{
	color: #fd7071;
	border-bottom: 1px dotted #fd7071;
}


.negative{
	margin-top: -180px;
}

.negative a{
	color: #0a3a77;
}

.negative a:hover{
	opacity: .7;
	border-bottom: 1px dotted #2864d3;
}

.negative p{
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 0 30px 0;
}

.back-to-top span{
	font-size: 30px;
	margin-right: 5px;
}

/* #Bio
================================================== */

.bio img{
	margin-bottom: 60px;
}

.bio ul{
	font-size: 16px;
}

.bio ul a{
	color: #ff5859;
}

.bio ul a:hover{
	color: #fd7071;
	border-bottom: 1px dotted #fd7071;
}


/* #IconFonts
================================================== */


	@font-face {
	    font-family: 'entypo';
	    src: url('./fonts/entypo.eot');
	    src: url('./fonts/entypo.eot?iefix') format('eot'),
	         url('./fonts/entypo.woff') format('woff'),
	         url('./fonts/entypo.ttf') format('truetype'),
	         url('./fonts/entypo.svg#entypo') format('svg');
	    font-weight: normal;
	    font-style: normal; }

[data-icon]:before {
  font-family: entypo;
  content: attr(data-icon);
  speak: none;
}

.bottomsection span{
	font-size: 40px;
	line-height: 5px;
	margin: 0 10px 0 0;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.circles1 {
			height: 250px;
			width: 250px;
			background-size: 250px 250px;
			margin: 0 0 0 35px;
		}

		.circles1 h2 {
			padding: 105px 0 0 38px;
			font-size: 27px;
		}

		.circles2 {
			height: 250px;
			width: 250px;
			background-size: 250px 250px;
		}
		.circles2 img{
			width: 180px;
			height: 180px;
			margin: 35px 0 0 35px;
		}


		.circles3 {
			height: 250px;
			width: 250px;
			background-size: 250px 250px;
			margin: 0 0 0 -35px;
		}

		.circles3 h4 {
			padding: 85px 0 0 35px;
			line-height: 25px;
			font-size: 17px;
		}

		.foxhedge h3{
			font-size: 22px; 
			line-height: 31px;
			margin: 10px 0 0 0;
		}

		.midsection p{
			font-size: 16px;
			line-height: 24px;
		}


		.pictframe{
			margin: 10px 0 0 0;
		}

		.blogcontent h2{
			margin: 0 0 10px 0;
		}

		.blogdate {
			padding-bottom: 15px;
		}

		.searchbox input[type=text]{
			width: 85px;
		}


	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {


	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.circles1{
  			margin: 0 auto -18px auto ;
		}

		.circles3{
			margin: -18px auto 0 auto ;
		}

		.circles2{
			margin: 0 auto;
		}

		.footsection p{
			text-align: center;
		}

		.midsection img{
			margin: 0 0 20px -5px;
		}

		.books img {
			margin-left: 80px;
		}

		.publicationsnav {
			background: #f6f0f0;
		}


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}