/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {background: url("../images/updatedgfx/bg2.png") repeat-y;}
body.interior {background: #ffcfd8;}
div.container.nav {padding-top: 0; }
div.container.nav div.row {background-color: #fce6b3;padding-bottom: 25px; border-radius: 0 0 25px 25px;  margin-bottom:25px;}
div.container.ctas {margin-top: 75px; margin-bottom: auto;}
a.foliocta {background:url("../images/foliocta.png") bottom center no-repeat; display:inline-block; width:30%; background-size:100%; text-align:center; font-family: "eixample-dip", sans-serif; font-size:45px; color:white; padding-top:275px; position: relative; left:150px;text-decoration: none;}
a.foliocta:hover {background:url("../images/hoverfolio.png")  bottom center no-repeat; display:inline-block; width:30%; background-size:100%; text-align:center;  font-family: "eixample-dip", sans-serif; font-size:45px; color:white; padding-top:275px; position: relative; left:150px;text-decoration: none; z-index: 11;}
a.comiccta {background:url("../images/comicstatic.png")  bottom center no-repeat; display:inline-block; width:30%; background-size:100%; text-align:center;  font-family: "eixample-dip", sans-serif; font-size:45px; color:white; padding-top:375px; position: relative; z-index: 10;text-decoration: none;}
a.comiccta:hover {background:url("../images/Darby.Moore.FOLIOMockup.png")  bottom center no-repeat; display:inline-block; width:30%; background-size:100%; text-align:center;  font-family: "eixample-dip", sans-serif; font-size:45px; color:white; padding-top:375px;position: relative; z-index: 10;text-decoration: none;}
a.aboutcta {background:url("../images/aboutcta.png")  bottom center no-repeat; display:inline-block; width:30%; background-size:100%; text-align:center;  font-family: "eixample-dip", sans-serif; font-size:45px; color:white; padding-top:340px; position: relative; right:120px;text-decoration: none;}
a.aboutcta:hover {background:url("../images/hoverabout.png")  bottom center no-repeat; display:inline-block; width:30%; background-size:100%; text-align:center; font-family: "eixample-dip", sans-serif; font-size:45px; color:white; padding-top:340px;position: relative; right:120px; text-decoration: none; z-index: 11;}
div.fivecol.profile img {border: solid 6px #5f162d; border-radius: 30px; margin-top: 25px;}
div.container.footer {background: url("../images/footertile.jpg") bottom center repeat-x; position: fixed; bottom: 0px; align-content: center; width: 100%;}
p.bio {font-family: "Arvo", serif; color: #5f162d; font-size: 15px; padding: 3px;}
h2 {font-family: "eixample-dip", sans-serif; color: #5f162d; text-shadow: 4px 4px 0 #fce6b3; font-size: 80px; line-height: normal; margin-bottom: 75px;}
div.container.minigallery {background-color: #96e2da; padding-top: 20px;}
div.nav a { display:block; width:100%; text-align:center; padding-top: 40px;}
div.nav a.link {padding-top:80px;}
a.about {font-family: "eixample-dip", sans-serif; text-decoration: none; color: #5f162d; font-size: 23px; background: url("../images/abouticon.png") no-repeat top center;}
a.folio {font-family: "eixample-dip", sans-serif; text-decoration: none; color: #5f162d; font-size: 23px;background: url("../images/portfolioicon.png") no-repeat top center;}
a.comic {font-family: "eixample-dip", sans-serif; text-decoration: none; color: #5f162d; font-size: 23px;background: url("../images/comicicon.png") no-repeat top center;}
a.contact {font-family: "eixample-dip", sans-serif; text-decoration: none; color: #5f162d; font-size: 23px;background: url("../images/contacticon.png") no-repeat top center;}
a.home {font-family: "eixample-dip", sans-serif; text-decoration: none; color: #5f162d; font-size: 23px;background: url("../images/weblogo.png")no-repeat top center;}
h3 {font-family: "eixample-dip", sans-serif; color: #5f162d; font-size: 30px; text-align: center; padding: 3px; margin-top: 20px; margin-bottom: 10px;}
p.psa {font-family: "Arvo", serif; color: #5f162d; font-size: 15px; padding: 3px; font-weight: 600}
a {font-family: "Arvo", serif; color: #5f162d; font-size: 15px; padding: 3px; font-weight: 500; text-decoration: none;}
h1 {font-family: "eixample-dip", sans-serif; font-size: 90px;color: #5f162d;padding-top: 11px;}
a.selfolio {font-weight: 400}
a.selfolio:hover {color: #fce6b3; background-color: #5f162d;}
div.container.ctas {margin-bottom: 60px;}
div.container.allpages {margin-bottom: 100px;}
div.twocol.contact {padding-top: 125px; padding-left: 50px;}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	div.nav div.onecol {display:none;}
	div.nav div.twocol {display: inline-block; width:11%;}
	div.nav a {padding-left:12px; padding-right: 12px;}
	div.twelvecol.last {align-content: center;}
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}