/* @override http://www.jjpare.com/tumblr/jjp-tumblr.css */

/* @override 
	http://www.jjpare.com/tumblr/jjp-inspiration.css
	http://www.jjpare.com/tumblr/jjp-tumblr.css
*/

/* ==== FONTS ====*/



		/*@font-face {
	    font-family: 'WinterthurCondensedRegular';
	    src: url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensed-webfont.eot');
	    src: url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensed-webfont.eot?iefix') format('eot'),
	         url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensed-webfont.woff') format('woff'),
	         url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensed-webfont.ttf') format('truetype'),
	         url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensed-webfont.svg#webfontpZm9ri4c') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
		@font-face {
		    font-family: 'WinterthurCondensedItalic';
		    src: url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensedOblique-webfont.eot');
		    src: url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensedOblique-webfont.eot?iefix') format('eot'),
		         url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensedOblique-webfont.woff') format('woff'),
		         url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensedOblique-webfont.ttf') format('truetype'),
		         url('http://www.jjpare.com/tumblr/fonts/WinterthurCondensed/WinterthurCondensedOblique-webfont.svg#webfont4AtLrFVx') format('svg');
		    font-weight: normal;
		    font-style: normal;
		}*/


@font-face {
    font-family: 'TeXGyreSchola';
    src: url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-regular-webfont.eot');
    src: url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-regular-webfont.eot?iefix') format('eot'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-regular-webfont.woff') format('woff'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-regular-webfont.ttf') format('truetype'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-regular-webfont.svg#webfontEPwbBXTh') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreSchola';
    src: url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-italic-webfont.eot');
    src: url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-italic-webfont.eot?iefix') format('eot'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-italic-webfont.woff') format('woff'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-italic-webfont.ttf') format('truetype'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-italic-webfont.svg#webfontSxSqjzok') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TeXGyreSchola';
    src: url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bold-webfont.eot');
    src: url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bold-webfont.eot?iefix') format('eot'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bold-webfont.woff') format('woff'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bold-webfont.ttf') format('truetype'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bold-webfont.svg#webfontLbvqPRcd') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreScholaBold';
    src: url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bolditalic-webfont.eot');
    src: url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bolditalic-webfont.eot?iefix') format('eot'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bolditalic-webfont.woff') format('woff'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bolditalic-webfont.ttf') format('truetype'),
         url('http://www.jjpare.com/tumblr/fonts/TeX-Gyre-Schola/texgyreschola-bolditalic-webfont.svg#webfontOy4PMnCV') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('http://www.jjpare.com/tumblr/fonts/League_Gothic-webfont.eot');
    src: url('http://www.jjpare.com/tumblr/fonts/League_Gothic-webfont.eot?iefix') format('eot'),
         url('http://www.jjpare.com/tumblr/fonts/League_Gothic-webfont.woff') format('woff'),
         url('http://www.jjpare.com/tumblr/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('http://www.jjpare.com/tumblr/fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ==== LAYOUT ====*/

body {
	padding: 0;
	margin: 0;
	background-color: rgba(240,237,202,0.3);

}

a {
	text-decoration: none;
	border-style: none;
}

#wrap {
	width: 100%;
	min-height: 95%;
    margin: 0 auto;
	padding-bottom: 40px;
	position: absolute;
}

.clear {
	clear: both;
}

/* -- HEADER -- */

#header {
	width: 100%;
	height: 70px;
	margin-bottom: 10px;
	z-index: 10;
	display: block;
	position: fixed;
	background-color: rgba(63,154,149,0.8);
	-webkit-box-shadow: 0px 1px 6px #333333;
	-moz-box-shadow: 0px 1px 6px #333333;
	box-shadow: 0px 1px 6px #333333;
}

#logo {
	width: 126px;
	height: 115px;
	background: url(http://www.jjpare.com/tumblr/images/tumblr-logo.png) no-repeat;
	display: block;
	position: relative;
	float: left;
}
 #logo a {
}

#title {
	margin-left: 140px;
	width: 900px;
	height: 70px;
	display: block;
	background: url(http://www.jjpare.com/tumblr/images/tumblr-header-title.png) no-repeat 20px;
	margin-top: 0;
	position: absolute;
}
#title_mb {
	margin-left: 140px;
	width: 900px;
	height: 70px;
	display: block;
	background: url(http://www.jjpare.com/tumblr/images/tumblr-header-title_mb.png) no-repeat 20px;
	margin-top: 0;
	position: absolute;
}
#blogtitle {
	color: #0b615c;
	font: normal normal 25px TeXGyreSchola;
	margin-top: 27px;
	display: block;
	position: absolute;
}

/* -- NOT A FOOTER -- */

#notafooter {
	background-color: rgba(240,237,202,0.95);
	position: fixed;
	display: none;
	width: 930px;
	z-index: 9;
	margin-left: 130px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	padding-top: 80px;
	-webkit-box-shadow: 0px 1px 3px #888888;
	-moz-box-shadow: 0px 1px 3px #888888;
	box-shadow: 0px 1px 3px #888888;
}
#naxExplanation {
	background-color: rgba(240,237,202,0.95);
	position: fixed;
	z-index: 100;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 00px;
	border-bottom-left-radius: 20px;
	-webkit-box-shadow: 0px 1px 3px #888888;
	-moz-box-shadow: 0px 1px 3px #888888;
	box-shadow: 0px 1px 3px #888888;
	right: 0;
	bottom: 19.5%;
}

#description {
	color: rgba(11,97,92,0.2);
	font: italic 20pt/25pt TeXGyreSchola;
	text-align: center;
	margin-top: 0;
	margin-left: 20px;
	margin-right: 20px;
	letter-spacing: -1pt;
}
#description #para1, #description #para2 {
	display: inline-block;
	margin-bottom: 10px;
}
#description a {
	color: rgba(11,97,92,0.32);
	text-decoration: none;
}
#description a:hover {
	text-shadow: rgba(15,129,123,0.25) 0 0 5px;

	/*border-bottom-style: dotted;
	border-bottom-width: 2px;*/
}
#footnote {
	font-size: 70px;
	display: block;
	float: left;
	line-height: 50px;
	margin-right: 10px;
}
#disclaimer {
	font-size: 15px;
	text-align: left;
	display: inline-block;
	margin-left: auto;
	width: 720px;
	line-height: 17px;
	margin-top: 20px;
	margin-right: auto;
}
#dagger {
	display: block;
	float: left;
	margin-right: 14px;
	font: 62px/50px Georgia, "Times New Roman", Times, serif;
}
#disclaimer2 {
	font-size: 15px;
	text-align: left;
	display: inline-block;
	margin-left: auto;
	width: 720px;
	line-height: 17px;
	margin-top: -10px;
	margin-right: auto;
}
#doubledagger {
	display: block;
	float: left;
	margin-right: 10px;
	font: 62px/50px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}
#disclaimer3 {
	color: rgba(11,97,92,0.2);
	font: italic 20pt/25pt TeXGyreSchola;
	text-align: center;
	letter-spacing: -1pt;
	font-size: 15px;
	text-align: left;
	display: block;
	width: 500px;
	line-height: 17px;
	padding: 10px 50px 10px 10px;
}

/* -- MENU -- */

#menu {
	height: 70px;
	display: block;
	position: absolute;
	padding-left: 10px;
	width: 100px;
	text-align: right;
	right: 20px;
}
#about, #about a {
	display: inline-block;
	width: 52px;
	height: 26px;
	position: absolute;
	right: 0;
	top: 32px;
	text-transform: lowercase;
	font: italic 20px TeXGyreSchola;
	color: #f0edca;
	text-decoration: none;
}
#ask, #ask a {
	display: inline-block;
	width: 72px;
	height: 26px;
	position: absolute;
	right: 156px;
	top: 32px;
	text-transform: lowercase;
	font: italic 20px TeXGyreSchola;
	color: #f0edca;
	text-decoration: none;
	
}
#archive, #archive a {
	display: inline-block;
	width: 68px;
	height: 26px;
	position: absolute;
	right: 70px;
	top: 32px;
	text-transform: lowercase;
	font: italic 20px TeXGyreSchola;
	color: #f0edca;
	text-decoration: none;

}
#photographer, #photographer a {
	display: inline-block;
	width: 122px;
	height: 26px;
	position: absolute;
	right: 254px;
	top: 32px;
	text-transform: lowercase;
	font: italic 20px TeXGyreSchola;
	color: #f0edca;
	text-decoration: none;
}
#photographer_ask, #photographer_ask a {
	display: inline-block;
	width: 122px;
	height: 26px;
	position: absolute;
	right: 304px;
	top: 32px;
	text-transform: lowercase;
	font: italic normal 20px TeXGyreSchola;
	color: #f0edca;
	text-decoration: none;
}
#design, #design a {
	display: inline-block;
	width: 78px;
	height: 26px;
	position: absolute;
	right: 156px;
	top: 32px;
	text-transform: lowercase;
	font: italic 20px TeXGyreSchola;
	color: #f0edca;
	text-decoration: none;
}
#design_ask, #design_ask a {
	display: inline-block;
	width: 78px;
	height: 26px;
	position: absolute;
	right: 206px;
	top: 32px;
	text-transform: lowercase;
	font: italic 20px TeXGyreSchola;
	color: #f0edca;
	text-decoration: none;
}
#menu a {
	text-shadow: rgba(7,64,61,0.05) 0 0 16px;
}
#menu a:hover {
	text-shadow: rgba(7,64,61,0.5) 0 0 8px;
}

/* -- NAVIGATOR -- */

/*#navigator {
	width: 28px;
	background-color: #3f9a95;
	position: fixed;
	bottom: 5%;
	z-index: 30;
	-webkit-box-shadow: 1px 2px 3px #013230;
	-moz-box-shadow: 1px 2px 3px #013230;
	box-shadow: 1px 2px 3px #013230;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 0px;
	padding: 10px;
}*/

#navigator #nextButton {
	position: fixed;
	bottom: 20%;
	z-index: 30;
	-moz-border-radius-topleft: 70px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 70px;
	border-top-left-radius: 70px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 70px;
	background-color: rgba(63,154,149,0.5);
	width: 40px;
	height: 80px;
	vertical-align: middle;
	display: block;
	right: 0;
	color: rgba(240,237,202,0.5);
}

#navigator #next_nav {
	display: block;
	position: relative;
	text-align: center;
	font: normal 70px/60px TeXGyreSchola;
	right: -4px;
}

#navigator #prevButton {
	position: fixed;
	bottom: 20%;
	z-index: 30;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	border-bottom-left-radius: 0px;
	background-color: rgba(63,154,149,0.5);
	width: 40px;
	height: 80px;
	vertical-align: middle;
	display: block;
	left: 0;
	color: rgba(240,237,202,0.5);
}

#navigator #prev_nav {
	display: block;
	position: relative;
	text-align: center;
	font: normal 70px/60px TeXGyreSchola;
	left: -2px;
}

#navigator #prevButton:hover, #navigator #nextButton:hover {
	color: #f0edca;
}

#navigator #more_nav {
	width: 27px;
	height: 28px;
	display: block;
	position: relative;
	background: url(images/more_nav.png) no-repeat;
}

.nav {
	display: none;
}

/* -- MAIN -- */ 

#permapage {
	width: 93%;
	margin-left: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
#list {
	width: 1440px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 10px;

/*
1-COL : 360px
2-COL : 720px
3-COL : 1080px
4-COL : 1440px
*/

}
#list, #permapage {
	position: relative;
	z-index: 1;
	display: block;
	padding-top: 10px;
	margin-top: 70px;
	font-family: TeXGyreSchola;
}
.post {
	width: 350px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	display: block;
	position: relative;
	opacity: 0;
}

.inner {
	
}
.photo {
	
}
.photo a {
	display: block;
}

.photo img {
	max-width: 350px;
	min-width: 350px;
	border-style: none;
	display: block;
}
.metadata {
	background-color: rgba(11,97,92,0.6);
	width: 350px;
	height: 100%;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	font: normal normal 40px/0 LeagueGothicRegular;
	visibility: hidden;
	z-index: 100;
}
.metadata, metadata a {
	color: #f0edca;
}
.metadata #holder {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 140px;
	height: 140px;
	margin-left: -70px;
	margin-top: -70px;
	text-align: center;
}
.metadata #month {
	font-size: 40px;
	margin: 0;
	padding: 0;
	display: inline-block;
	height: 45px;
	line-height: 40px;
}

.metadata #day {
	font-size: 90px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 48px;
}
.metadata #suffix {
	font-weight: normal;
	font-style: normal;
	font-size: 60px;
	vertical-align: 21px;
	line-height: 10px;
	display: none;
}
.metadata #note_count{
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
	margin-top: 16px;
}
.inner a {
	text-decoration: none;
	color: #f0edca;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
}

.post:hover .metadata {
	visibility: visible;
}



/* -- PERMALINK -- */ 

.permapost {
	opacity: 1;
	margin-top: 30px;
	margin-right: auto;
}
.permapost .inner {
	margin-top: 20px;
	position: absolute;
	display: block;
	left: 454px;
	margin-bottom: 30px;
	padding-bottom: 60px;
	z-index: 500;
}

.permaphoto img {
	max-width: 900px;
	max-height: 900px;
	border: 6px solid white;
	-webkit-box-shadow: 1px 1px 3px #737373;
	-moz-box-shadow: 1px 1px 3px #737373;
	box-shadow: 1px 1px 3px #737373; 
	-moz-transform: scale(1) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
}

#info {
	margin-top: 70px;
	width: 410px;
	position: relative;
	display: block;
	margin-right: -20px;
	background-color: rgba(240,237,202,0.6);
	padding-left: 20px;
	font-family: TeXGyreSchola;
	color: #3f9a95;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	word-spacing: -1px;
	top: 30px;
	left: 50px;
	float: left;
	margin-bottom: 30px;
}
#caption {
	width: 360px;
}
#info h2 {
	color: #0f817b;
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 6px;
	word-spacing: -3px;
	font-style: italic;
	font-weight: normal;
}
#info p {
	font-size: 16px;
	margin: 0;
}
#caption a {
	text-decoration: none;
	color: #0f817b;
}
.separator {
	font-size: 23px;
	top: 3px;
	position: relative;
	margin-right: 4px;
	margin-left: 4px;
	color: #0f817b;
}
#post_notes {
	margin-left: 0;
	text-indent: 0;
	padding-left: 0;

}
ol.notes {
	list-style-type: none;
	padding-left: 0;
	padding-right: 17px;
	font: 13px TeXGyreSchola;
}
li {
	list-style-type: none;
	margin-left: 0;
	text-indent: 0;
	padding-left: 0;
	color: #6fb3af;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(111,179,175,0.5);
}
blockquote {
	margin-left: 22px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-indent: 0;
	color: #0f817b;
	font-size: 17px;

}
blockquote a {
	color: #6fb3af;
	font-size: 15px;
	font-style: italic;
}
.action a {
	color: #3f9a95;
}
.more_notes_link_container a {
	color: #3f9a95;
}
.avatar {
	display: none;
}
#caption .spaceafter {
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
}



/* -- ASK -- */
.QandA {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-family: TeXGyreSchola;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border-style: none;
	background-color: #f0edca;
}
.QandA a {
	color: #0f817b;
}
.question {
	background-color: white;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
	padding: 6px 10px;
	width: 90%;
	font: 14px/24px TeXGyreSchola;
}
.ask {
	
}
#arrow {
	position: relative;
	left: 25px;
	top: -6px;
	color: white;
} 
.askerportrait {
	left: 45px;
	position: relative;
	top: -15px;
	width: 40px;
	float: left;
}
.portrait {
	border: 2px solid #f0edca;
}
.asker, .asker a {
	position: relative;
	left: 30px;
	top: -3px;
	color: #0f817b;
	font-size: 14px;
}
.answer {
	text-decoration: none;
	color: #0f817b;
	position: relative;
	width: 95%;
	display: block;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	font: 14px/24px TeXGyreSchola;
}
.answer p {
	top: -16px;
	position: relative;
	display: block;
}

/* -- PERMA ASK -- */
.permaQandA {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-family: TeXGyreSchola;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border-style: none;
	background-color: #f0edca;
	width: 450px;
	padding-top: 11px;
	display: block;
	position: relative;
}
.permaQandA a {
	color: #0f817b;
}
.permaquestion {
	background-color: white;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-right: auto;
	margin-left: auto;
	padding: 6px 10px;
	width: 410px;
	font: 14px/24px TeXGyreSchola;
	position: relative;
	display: block;
}
.permaask {
	
}
#permaarrow {
	position: relative;
	left: 25px;
	top: -6px;
	color: white;
} 
.permaaskerportrait {
	left: 45px;
	position: relative;
	top: -15px;
	width: 40px;
	float: left;
}
.permaportrait {
	border: 2px solid #f0edca;
}
.permaasker, .permaasker a {
	position: relative;
	left: 30px;
	top: -3px;
	color: #0f817b;
	font-size: 14px;
}
.permaanswer {
	text-decoration: none;
	color: #0f817b;
	width: 410px;
	padding-left: 20px;
	padding-right: 20px;
	font: 14px/24px TeXGyreSchola;
	clear: both;
	padding-top: 4px;
}
.permaanswer p {
	top: -16px;
	position: relative;
}

/* -- TEXT -- */ 
.textItem {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-decoration: none;
	border-style: none;
	background-color: #f0edca;
	width: 330px;
	color: #0f817b;
	font: normal normal 14px/24px TeXGyreSchola;
	padding-left: 10px;
	padding-right: 10px;
}
.textItem a {
	color: #3f9a95;
}
.textItem .metadata {
	left: 0;
}
.title {
	text-transform: uppercase;
	color: white;
	font: 50px/43px LeagueGothicRegular;
	width: 330px;
	margin-top: 11px;
	text-align: center;
}
.caption {
	
}
.textItem ul {
	width: 290px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
}
.textItem li {
	border-style: none;
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 5px;
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	color: #3f9a95;
}
.textItem blockquote {
	color: #3f9a95;
	font-style: italic;
}


/* -- PERMA TEXT -- */ 
.permatextItem {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-decoration: none;
	border-style: none;
	background-color: #f0edca;
	padding-right: 10px;
	padding-left: 10px;
	width: 500px;
	color: #0f817b;
	font: normal normal 14px/24px TeXGyreSchola;
	padding-bottom: 10px;
}
.permatextItem a {
	color: #3f9a95;
}
.permatitle {
	text-transform: uppercase;
	color: white;
	font: 60px/52px LeagueGothicRegular;
	width: 500px;
	text-align: left;
	padding-top: 10px;
}
.permacaption {
	
}
.permatextItem ul {
	width: 290px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
}
.permatextItem li {
	border-style: none;
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 5px;
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	color: #3f9a95;
}
.permatextItem blockquote {
	color: #3f9a95;
	font-style: italic;
}





/* -- FOOTER -- */

#footer {
}





/* -- ISOTOPE -- */

/*.isotope,
.isotope .isotope-item {
   change duration value to whatever you like 
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}*/