/*
Theme Name: Portfolio site for Erik Vance
Theme URI: http://websites.mscottbrauer.com
Description: blank bootstrap wordpres theme
Author: M. Scott Brauer
Author URI: http://www.mscottbrauer.com
Version: 1.0
Tags: responsive, bootstrap

*/



@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 
@import url('wordpresscore.css'); 
@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext);
body { 
     padding-top: 60px; 
     padding-bottom: 40px; 
	 
}

a:hover, a:active, a:focus{text-decoration:none;border: none;}
a {outline: 0!important;}

.border{border: 1px solid red;}
.header{margin-bottom: 0px;text-align: right;}
.connect{}

.header a {color: black;}
.header a:hover{text-decoration:none;}
.header .connect a:hover{text-decoration: none; }
.connect i {font-size: 12pt;line-height: 10pt;margin-bottom: 20px;}
.header h2{margin-bottom: -10px;line-height:10pt;}
.marginbottom{margin-bottom: 20px;}
.header .top-bar li{display:block;}
.header ul {text-align: right;list-style:none;}

.header li:before {}
.header li:first-child:before{content:'';}
.header li a, .header li{color: black;font-variant: small-caps; font-size: 12pt;}
.current-menu-item a{font-style: italic; }

.highlight{font-size: 36pt;letter-spacing: -.1em;}


.frontpagebox h2 a{font-size: 12pt;}

.single h2{margin-top: -10px;}

.frontpagebox{ margin-bottom: 20px; }
.frontpagebox .boxcontent{padding: 20px 20px 20px 20px;}
.blurb{font-size: 8pt; line-height: 10pt; padding-left: 75px;}
.frontpagebox h2{font-size: 12pt;line-height: 14pt; margin-bottom: 0px;}
.navigation{text-align: center; }
.navigation i{margin-top: -30px;}
.publishdate{display:inline-block;}
.publicationname{}

.single .boxcontent{padding: 20px;  margin-bottom: 20px;}
footer p{font-size: 8pt; text-align: right;}

a.linktopiece{}
.boxnumber0{}
.carousel-control{border: none; background: None;opacity: .8;display:none;}
.carousel:hover .carousel-control{display:inline;}
#frontpagecarousel img{height: 580px;width: auto;max-width: 870px;}

.slidertextbox{ padding: 20px 60px 20px 80px;line-height: 16pt;}
#respond textarea{width: 98%;}
#respond label{font-size: 9pt;}
#respond input {margin-bottom: 10px;}
li.comment{margin-bottom: 15px;border-bottom: 1px solid #ccc; padding-bottom: 15px;}
blockquote p{width: 45%; font-size: 20pt;float: left; margin: 20px 20px 20px -10px;padding-left: 10px;}

/* Large desktop */
@media (min-width: 1200px) { }


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.header, .header ul{text-align: center;font-size: 120%;} 
	.carousel a h1{font-size: 18pt;}
	.carousel {font-size: 10pt;}
	#frontpagecarousel img{max-height: 435px;width: auto;}
	.frontpagebox .boxcontent{font-size: 10pt;}
	.carousel h1{line-height: 18pt;}
	.frontpagebox .navigation .boxcontent{font-size: 80%; padding-top: 50px;}
	blockquote p {font-size: 16pt;}
	.blurb{padding-left: 10px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.frontpagebox .navigation .boxcontent{font-size: 80%!important; padding-top: 50px;}
	.carousel a h1{font-size: 18pt;}
	.carousel {font-size: 10pt;}
	blockquote p{font-size: 16pt;}
	.frontpagebox .boxcontent{font-size: 10pt;}
	.carousel h1{line-height: 18pt;}
	.blurb{padding-left: 10px;}
}


/* Landscape phones and down */
@media (max-width: 480px) { 

.carousel a h1{font-size: 8pt;}
	#frontpagecarousel img{max-height: 190px;width: auto;}
	blockquote p{font-size: 14pt;width: 90%;} 
	.blurb{padding-left: 10px;}
}