/******************************************************************
/*
Theme Name:     dive
Theme URI:      http://virtualreality.duke.edu/
Description:    Child theme for the Twenty Twelve theme, with custom post types "project" & "people."
Author:         Sarah Goetz
Author URI:     http://sarahgoetz.com
Template:       twentytwelve
Version:        0.1.1

******************************************************************/

@import url('../twentytwelve/style.css');

@font-face { font-family:garamond; src:url('urw/GaramondNo8-Regular.ttf'); }
@font-face { font-family:garamond; src:url('urw/GaramondNo8-Italic.ttf'); font-style:italic; }
@font-face { font-family:garamond; src:url('urw/GaramondNo8-Bold.ttf'); font-weight:bold; }
@font-face { font-family:garamond; src:url('urw/GaramondNo8-Bold-Italic.ttf'); font-weight:bold; font-style:italic; }

body{
color: black;
}

#page{
	background-image: url('img/subtlepatterns/lil_fiber.png');
	background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
}

a{
color: #1C3664;
text-decoration: none;
}

a:hover, a:focus{
color: rgba(0, 0, 0, 0.40);
}


/**************header********************/

.site-header{
    padding: 1.714285714em 0 0 0;
}

.site-header h1 a{
color: #1C3664;
font-family: "garamond", Georgia, Times New Roman, serif;
font-weight: lighter;
font-size: 80%;
margin-left: 20%;
}

img.header-image {
width: 38%;
margin-bottom: -46px;
box-shadow: 0 0 0 transparent;
margin-top:0px;
}

.main-navigation{
    text-align:right;
    width: 65%;
    float: right;
}

.main-navigation div.nav-menu > ul{
border-bottom: 3px solid transparent;
border-top: 0px;
width: 100%;
}

.main-navigation div.nav-menu > ul a{
border-bottom: 3px solid rgba(0,0,0,0);
}

.main-navigation div.nav-menu > ul a:hover, .main-navigation div.nav-menu > ul a:focus{
border-bottom: 3px solid rgba(0,0,0,0.15);
}

.main-navigation li {
    float:right;
}

.main-navigation li a{
    font-size: 1.3em;
    font-weight: lighter;
    font-family: "Interstate", Open Sans, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
 /*font-family: "Garamond", Georgia, Times New Roman, Times, serif;*/
}

.main-navigation .sub-menu li a{
    margin: 0px;
}

.nav-menu.toggled-on li {
padding-left: 20px;
float:right;
}

.nav-menu.toggled-on{
margin-bottom: -100px;
}

#social{
height: 35px;
float: right;
clear: right;
margin-bottom: -95px;
padding-top: 45px;
}


#social a{
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
}

#social p{
	float: right;
	padding-right: 2px;
}

#twitter a{
 background: url("img/twitter.png") 0 0 no-repeat;
 width:46px;
 height:35px;
	}
	
#twitter a:hover{
 background-position: -46px 0;
	}
	
#youtube a{
 background: url("img/youtube.png") 0 0 no-repeat;
 width:35px;
 height:35px;
	}
	
#youtube a:hover{
 background-position: -35px 0;
	}
	
#facebook a{
 background: url("img/facebook.png") 0 0 no-repeat;
 width:35px;
 height:35px;
	}
	
#facebook a:hover{
 background-position: -35px 0;
	}

/****** Main Content Styles Start here*******/

#main-content{
	padding: 50px 50px 28px 50px;
	background-color: #000;
	border-bottom: 1px #696969 solid;
	border-left: 1px #696969 solid;
	border-right: 1px #696969 solid;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.3 opacity */
	background: rgba(0, 0, 0, 0.3);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#c7c7c7;
	line-height: 16px;
}
#main-content a:hover{
	color: #fff;
}


header{
width:100%

}

#content header h1{
    font-size: 1.2em;
    line-height: 2.181818182;
    font-weight: bold;
    text-transform: uppercase;
    color: #636363;
}

.page-title{
    font-size: 1.2em;
    float:left;
}

#content .single-title {
margin-left: 0px;
}

.site-content{
    margin: 0px;
}

.site-content article{
margin-bottom: 1.142857em;
}

/************single**************/

.single article{
    padding-top: 1.5em;
    max-width: 750px;
    margin:auto;
    border-bottom:none;
}

.single header{
    padding-bottom: 1.5em;
    line-height: 2em;
}

.single-title{
    font-size: 1.5em;
    text-transform: none;
    display: inline;
}


.subheader{
    font-size: 1.3em;
    text-transform: none;
    display: inline;
}

h1.subheader {
    font-size: 1.4em;
}

#headshot{
    float: left;
    padding-right: 20px;
}

.single .entry-content img{
    margin-bottom: 1.7em;
}

.single #featured img{
    float: left;
    margin-right: 20px;
}

.single .entry-content h2, .single .entry-content h3{
    margin: 0px;
}

/********grid controls**********/

#layout-controls span{
	width: 20px;
	height: 26px;
	display: block;
	background-image: url('img/layout-icons.png');
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-indent: -99999px;
}
#layout-controls a{
	width: 20px;
	height: 26px;
	float: right;
	background-image: url('img/layout-icons.png');
	margin-right: 10px;
	display: inline;
}
#layout-controls a.grid span{
	background-position: left 0;
}
#layout-controls a.grid{
	background-position: left -26px;
}
#layout-controls a.list span{
	background-position: right 0;
}
#layout-controls a.list{
	background-position: right -26px;
}
#layout-controls a:hover span{
	opacity: 0; /* other browsers */
}

/********publications**********/

ul #published h2{
	padding: 10px, 0;
}


/*-------------General switchable Styles Starts Here---------------*/

/*------------------Grid Layout Starts Here-------------------*/

/*.grid {padding: 12px 0 0 12px;}*/
.grid li {width: 154px; height: 154px; background-color: #f5f5f5; padding: 18px; float: left; margin: 19px 0 0 19px; position: relative; overflow: hidden; cursor: pointer;}
.grid li h2.entry-title a{font-size: 1.25em; padding-bottom:5px;}
.grid li h2 {padding-bottom: 10px;}
.grid li .subheader { font-size: 1.15em;}
.grid li .thumb {width: 190px; height: 190px; position: absolute; top: 0; left: 0;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;}
.grid li .thumb img {width: 190px; height: 190px;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity: 1;}
.grid li .thumb img:hover, .grid li .thumb img:focus {
    opacity: 0;}
.grid li .entry-content{
    display: none;}
.grid li a {text-decoration: none;}
.grid li a:hover {text-decoration: underline;}

/*------------------List Layout Starts Here-------------------*/
ul#switchable.list li{
	display: block;
	width: 95%;
	border-bottom: 4px double #EDEDED;
	margin-bottom: 1em;
}

ul#switchable.list li .entry-teaser{
	
}
ul#switchable.list li .entry-header{
	width:100%;
	margin-bottom: 1em;
}
ul#switchable.list li .entry-title{
	display: inline;
}
ul#switchable.list li .thumb{
    max-width: 19%;
	float: left;
	margin-right: 10px;
}
ul#switchable.list li .entry-content{
	float: left;
	width: 78%;
}

ul#switchable.list li .entry-content p{
    margin-bottom: 7px;
}

ul#switchable.list li .entry-content h2,ul#switchable li .subheader{
	margin-bottom: 6px;
    font-size: 1.285714286em;
    line-height: 1.6;
    font-weight: lighter;
}


ul#switchable.list li .entry-content span.tags,ul#switchable li .subheader .entry-content span.tags{
	color: #fff;
	font-style: italic;
	margin-bottom: 10px;
	display: block;
}



/**********************homepage************************/



.front-content .entry-content h1{
    display: block;
    width: 100%;
    font-weight: lighter;
    margin-bottom: .5em;
    margin-top: 0px;
}

.front-content .recent-posts{
    background-color: rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
    padding:7px;
    width: 100%;
    float: left;
}

.recent-posts p{
line-height: 1.714285714;
}

.recent-posts header.entry-header{
    margin-bottom: 0px;
    float: right;
    display: inline;
    width: 49%;
}

.recent-posts .thumb{
width: 49%;
    float: left;
    margin-top: 10px;
}

.recent-posts h1.entry-title{
width: 100%;
font-weight: lighter;
margin-bottom: .5em;
margin-top: 0px;
font-size: 1.25em;
text-transform: uppercase;
}

.recent-posts .entry-title a{ 
font-size: .75em;
font-weight: normal;

}

.recent-posts .subtitle{ 
font-size: .75em;
font-weight: bold;
}

.home_content{
    width:50%;
    float:left;
}

#content .flex-caption header h1 {
line-height: 100%;
padding-bottom: 1em;
font-size:1.5em;
text-transform: none;
}

/************* slider **** more in ../../plugins/flexslider-for-wp-rotator/flexslider.css*****/

#slider{
	max-width: 960px;
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	}

.flexslider .slides > li{
    max-height: 360px;
    overflow: hidden;
}

.flexslider .slides img{
    width: 60%;
	overflow: hidden;
	float: left;
	margin: auto;
}
.flex-direction-nav li a {
width: 38px;
height: 36px;
margin: -13px 0 0;
}

.flex-direction-nav li a.next {
right: 2px;
}

.flex-direction-nav li a.prev {
background-position: 0 0;
left: 0px;
}

/**********bibliography***********************/
#title {
font-weight: bold;
}

/*************pre-footer widgets**************/

.widget-title{
    font-size:1.15em;
    font-weight: normal;
}

.foot-widgets {
    width: 75%;
    margin: 0 auto;
}

.widget-area-footer{
    margin-bottom: 20px;
    width: 100%;
}


/*************footer**************/

footer {
    font-family:"garamond", Georgia, Times, serif;
}

footer img {
width:100%;
max-width: 600px;
padding-top: 20px;
}

.site-info{
    
}

/*------------------Media Queries-------------------*/
/* Maximum width of 480 pixels. */
@media only screen and (max-width: 480px) {

.flexslider .slides img {
    max-height: 360px;
    width: 100%;
	overflow: hidden;
	float: left;
	margin: auto;
}
#slider, .flexslider .slides > li{
    max-height: 800px;
}

.flex-caption{
    float:left;
}

}

/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px){

.front.site-header{
    padding-bottom: 10px;
}

.flexslider .slides img {
    width: 100%;
	overflow: hidden;
	float: left;
	margin: auto;
}
.flex-caption{
    float:left;
    width: 100%;
}
#slider, .flexslider .slides > li{
    max-height: 800px;
}


}

/*------------------Media Queries-------------------*/

/* Minimum width of 480 pixels. */
@media only screen and (min-width: 480px) {

.flex-caption{
    font-size: 85%;}


}


/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

.site-header h1 a{
font-size: 1.5em;
margin-left: 72px;
margin-top: 59px;
}

img.header-image {
position:absolute;
z-index: 1;
margin-top: -97px;
margin-left: -80px;
margin-bottom: -95px;
width: 308px;
}

#site-navigation {
    margin: 0px;
    float: right;
    clear:right;
    padding-top: 30px;
margin-bottom: -30px;
}

.main-navigation li a {
    float:right;
    font-size:1.2em;
    line-height: 2em;
    margin:1em 0;
}

.foot-widgets{
    float:left;
    width: 30%;
    padding: 0 1%;
}

#second-foot{
    margin: 0 2%;
}

.main-navigation div.nav-menu ul{
border-bottom: 3px solid transparent;
border-top: 0px;
width: 100%;
}

.front-content{
    width: 100%;
    margin-top: 30px;
}

.front-content .entry-content{
    width: 55%;
    float: right;
    }

.front-content .recent-posts{
    width: 38%;
    float: left;
    }



}


/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {

body {
background-color: rgba(0, 0, 0, 0.40);
}

.page-title, article:first-of-type h1.entry-title{
margin-left: 21%;
}

#content .flex-caption header h1 {
margin: 0px;
}

/*b/c of header-image fixed positioning*/#main {
margin-top: 1px;
}

}