/* 
 * Theme Name:	Matthew Pillsbury
 * Theme URI:	http://www.matthewpillsbury.com/
 * Description:	A custom theme 
 * Author:		dolly meieran
 * Author URI:	http://october29.com/
 * Version:		1.0.0
 */
 
 @import url(http://fonts.googleapis.com/css?family=Raleway:100,300,200,400,600);

/* CSS reset */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {height: 100%}
body {
	font-size: 14px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  */


body {
	color: #000;
	font-family: Raleway;
	font-weight:200;
	background-color: #fff;
	line-height: 1;

}
#header, #navigation {
	background-color: #9EB8C9;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
}
#header {
}
#navigation {
	position: fixed;
	bottom: 0;
	padding: 10px;
	margin: 0;
	z-index: 100;
	max-height: 55px;
}

#navigation div.menu-main-menu-container {
	margin-bottom: 0.5em;
}

#logo {
	padding: 10px 15px;
	font-size: 80px;
	font-weight: 100;
	
}

#container {
	margin: 0px auto 30px;
	padding: 10px;
}

#container-resizable {
	margin: 0px auto 55px;
	padding: 10px;
}

#container.archive {
	padding-bottom: 70px;
}

#content, #photograph {
	margin: auto;
	padding-bottom: 20px;
}

#content.photograph {
	height: 100%;
}
#container #content {
	max-width: 960px;	
}


#main {
	width: 50%;
	max-width: 960px;
	margin: auto;
	color: #000;
}
#menu-main-menu ul {
	padding: 10px 15px;
}

ul#menu-main-menu li {
	/*position: relative;*/
}

li {
	list-style-type: none;
	padding-left: 0;
	padding-right: 20px;
	display: inline-block;
}

ul.sub-menu {
	/*display: none;
	padding-bottom: 0px;*/
	position: absolute;
	top: -5px;
	left: -5px;
	z-index: 10;
}

ul.sub-menu li {
	display: inline-block;
} 
#thumbs li {
	height: 200px;
	width: 250px;
	/* display: inline-block; */
}

#thumbs li img {
	height: 20%;
	width: 20%;
	max-width: 250px;
	margin-bottom: 20px;
	max-height: 200px;
	vertical-align: middle;
}

/*********

NAVIGATION

*********/

.menu-toggle {
	display: none;
	font-weight: 200;
}



/*********

TYPOGRAPHY 

*********/

p {
	margin-bottom: 20px;
	line-height: 24px;
}
em, i {
	font-style: italic;
}

a {
	text-decoration: none;

}
#content a {
	color: #000;
	border-bottom: 1px dotted #603;
}

#content.photograph a {
	border-bottom: none;
}

#logo a, #navigation a {
	color: #fff;
}
#navigation a:hover {
	color: #666;
}

#navigation .current_page_item a, #navigation li.current-menu-item a {
	color: #000;
}

h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: 600;
	margin-bottom: 20px;
}

b, strong {
	color: #454545;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

/*********
 
 HIDE H1 
 
 *********/

h1 {
	display: none;
}

#copyright {
	text-align: right;
	color: rgba(256, 256, 256, 0.5);
	font-size: 75%;
	z-index: 200;
	position: fixed;
	bottom: -20px;
	right: 15px;
}


/********* 

PAGES 

*********/

.cv-header {
	display: inline-block;
	width: 7.4em;
}

.cv-year {
	color: #91a8b8;
	font-weight: 600;
}

.narrow a, .news a {
/*	color: #454545;*/
	color: #603;
	border-bottom: 1px dotted #603;
}

#cv-pdf-link {
	float: right;
	text-transform: uppercase;
	font-size: 80%;
}

/* * * * PUBLICATIONS * * * */

img.publications {
	vertical-align:text-top;
	margin-right: 15px;
	width: 150px;
}

/* * * * NEWS * * * */

div.news {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #9EB8C9;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

div.news:last-child {
	border-bottom: none;
}

#news-thumb {
	float: left;
	width: 300px;
	min-height: 10px;
}
#news-blurb {
	float: left;
	max-width: 660px;
}
#news-thumb img {
	margin-bottom: 15px;
	width: 200px;
	height: auto;
	float: left;
}

.news-title {
	text-transform: uppercase;
}

.publications h3, .clearfix {
	clear: both;
}

.publications img {
	width: 200px;
	height: auto;
	margin-right: 25px;
	margin-bottom: 20px;
	float: left;
	clear: left;
}
.publications p {clear: both;}

.publications p, .publications b, .publications strong, .publications i, .publications em {
	vertical-align: top;
}

.archive p {
	padding-left: 0;
	padding-right: 20px;
	display: inline-block;
	text-align: center;
	height: 200px;
	width: 250px;
/*	vertical-align: top;*/
	line-height: 250px;

}

.archive p img {
	max-height: 200px;
	max-width: 250px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

/*********

SINGLE PHOTOGRAPH PAGE

*********/ 

#single_photo_nav {
	/* float: right; */
	margin-bottom: 10px;
	height: 21px;
	width:100%;
	text-align: right;
}
.photograph p {
	margin-bottom: 0;
	clear: both;
	text-align: center;
	/* height: auto; */
	max-height: 96%;
	/* position: absolute; */
}

.photograph p img {
	max-height: 100%;
	max-width: 100%;
	/*width: 1350px;*/
	height: auto;
}
.caption {
	
}

.thumblink {
	background-image: url('images/sprites.png');
	background-repeat:no-repeat;
	background-position:-20px 0px;
	width:19px;
	height: 19px;
	display: inline-block; 
}

.thumblink:hover {
	background-position:-20px -27px;
	
}
#thumb_icon, #previous, #next { /*float: left;*/}
#previous a {
	background-image: url('images/sprites.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:13px;
	height: 19px;
	display: inline-block; 
}
#previous a:hover {
	background-position:0px -27px;
	
}

#next a {
	background-image: url('images/sprites.png');
	background-repeat:no-repeat;
	background-position:-46px 0px;
	width:13px;
	height: 19px;
	display: inline-block; 

}
#next a:hover {
	background-position:-46px -27px;
	
}

/*********

MEDIA QUERIES

*********/ 

@media screen and (max-width: 900px) {
#logo {
	font-size: 68px;
}

}
@media screen and (max-width: 768px) {
#logo {
	font-size: 40px;
}
.archive p {
	padding-right: 10px;
	width: 31%;
	height: 190px;
	line-height: 190px;
}

.archive p img {
	max-height: 100%;
	max-width: 100%;
}
#container.archive {
	margin-right: -10px;
	/* text-align: center; */
}


}

@media screen and (max-width: 480px) {
#logo {
	font-size: 26px;
	padding: 5px;
}

.menu-toggle {
	cursor: pointer;
	display: block;
	margin-bottom: 0;
}
#navigation {padding: 5px; max-height: 80%;}

#navigation div.menu-main-menu-container {
margin-bottom: 0;
}

.archive p {
	padding-right: 3px;
	margin-right: 3px;
	width: 47%;
	height: 8.2em;
	line-height: 8.0em;
	margin-bottom: 10px;
}

.archive p img {
	max-height: 100%;
	max-width: 100%;
}

#single_photo_nav {margin-bottom: 4px;}

.photograph p {
	line-height: 1;
}

.caption {
	font-size: 87%;
}

.publications img {
width: 100px;
height: auto;
margin-right: 15px;
}

.publications p {
	font-size: 80%;
	line-height: 1.3;
	}


#container.archive {
	/* margin-right: -10px; */
	padding-bottom: 30px;
	/*text-align: center;*/
}

#navigation a {
	line-height: 1.6;
}
.nav-menu, .menu-toggle.toggled-off {
	display: none;
}
.toggled-on, .toggled-on li {display: block;}

#menu-pages.toggled-on {
margin-top: 5px;
border-top: 1px solid #fff;
padding-top: 3px;
margin-right: 10px;
 }
 
#copyright {display:none;}

}