/* @override http://joaobiehl.net/wp-content/themes/biehl/css/joao.css

/*
Theme Name: joaobiehl.net
Theme URI: http://www.joaobiehl.net/
Description: A custom theme for Joao Biehl
Version: 1.0
Author: Maarten Ottens (mmott.com)
Tags: minimalism

*/
.typekit-badge {
	display: none;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #222;
	font: 15px "athelas-1","athelas-2", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	/*font: 1em Baskerville, Georgia, "Times New Roman", Times, serif;*/
}
#wrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}

.left {
	float: left;
}
.clear {
	clear: both;
}

#right {
	line-height: 1.5em;
	position: relative;
}

h1 {
	color: #666;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #000;
	/*background-color: #96d0ff;*/
	background-color: #acd3e6;
	text-decoration: none;
}
a img {
	border-style: none;
}
#right a {
	border-bottom: 1px dotted #aaa;
}
#right #slideshow a {
	border: none;
}
#right #slideshow a:hover {
	background-color: transparent;
}

/* @group post-250 */
#post-250 #right {
	width: 100%;
}
#post-250 #right p, #post-250 #right ul {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
}

#post-250 h1, #post-203 h1 {
	text-align: center;
	line-height: 30px;
}
#post-203 h1 {
	text-transform: uppercase;
	font-size: 21px;
}
#post-250 h1, #post-250 #right h2, #post-203 h1, #post-203 #right h2 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 0;
}
#post-250 .imgs, #post-203 .imgs {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
#post-203 .imgs {
	margin-right: -210px;
	margin-left: -210px;
}
#post-250 .imgs img {
	margin-right: 10px;
	margin-left: 10px;
}

#post-250 #right ul {
	list-style-type: disc;
	text-indent: 0;
}
.post-250 #right h2, .post-203 #right h2 {
	font-size: 1.2em;
}
/* @end */

/* @group post-8 */

#post-8 #right ul {
padding: 0;	}
#post-8 #right ul li {
display: none;
padding: 0;
height: 325px;	}
#post-8 #left {
}

/* @end */

/* @group post-40 post-293 */

#post-40 #right, #post-293 #right {
	width: 500px;
	margin-left: 30px;
}
#post-40 #left, #post-293 #left {
	width: 320px;
	text-align: center;
	margin-top: 40px;
}

#post-40 #left img, #post-293 #left img {
	margin-bottom: 50px;
}
#post-40 h1, #post-293 h1 {
	text-align: center;
}
#post-40 #right h2, #post-293 #right h2 {
	font-size: 1.2em;
}
#post-293 #right h2.cntr {
	padding-top: 0;
	text-align: center;
	padding-bottom: 20px;
}

#post-293 ol li {
	margin-bottom: 15px;
}
#post-293 #imgs {
	width: 500px;
	margin-left: 0px;
	margin-top: 40px;
}
#post-293 #imgs img {
	margin-bottom: 30px;
}


/* @end */

/* @group post-25 */

/*#post-25 #left.left {
	float: right;
	margin-right: 57px;
	margin-top: 64px;
	width: 360px;
}

#post-25 #left p {
	margin: 0;
}

#post-25 #left p em {
	float: right;
	padding-top: 10px;
}
#post-25 #right p {
	padding: 0;
	margin: 0;
	text-indent: 20px;
}
#post-25 #right h2 {
	text-align: right;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
	padding-top: 0;
	padding-bottom: 30px;
	height: 30px;
}
#post-25 #right {
	width: 410px;
	text-align: justify;
	padding-left: 41px;
}*/



/* @end */

/* @group post 23 Will to Live */
.parent-pageid-23 #right, #post-23 #right {
	width: 600px;
	margin-left: 0px;
	padding-left: 40px;
	line-height: 2em;
}
.parent-pageid-23 #left, #post-23 #left {
	width: 202px;
	text-align: left;
	margin-top: 170px;
	margin-left: 42px;
}
#post-23 #left{
	font-size: 12px;
}
.parent-pageid-23 #left a, #post-23 #left a{
	text-decoration: underline;
}
#post-23 #right h2 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}

#post-23 #right h1 {
	margin-bottom: 10px;
	margin-top: 0px;
	line-height: 1em;
	font-size: 3em;
	font-weight: normal;
	font-style: normal;
}

.qo {
}
#post-246 #right ul, #post-248 #right ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	text-indent: 0px;
	line-height: 1.5em;
}
#post-246 #right h2, #post-248 #right h2 {
	text-transform: none;
	padding-top: 0;
	font-size: 1.3em;
}
#post-246 #right h3, #post-248 #right h3 {
	margin: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
}
#post-246 #right h4, #post-248 #right h4 {
	margin: 14px 0 0;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
}
#post-246 #right em.nr, #post-248 #right em {
	padding-left: 5px;
	font-weight: normal;
}
#post-25 #right {
	width: 660px;
}
#post-113 #right {
	padding: 0;
	width: 100%;
}
#post-113 #left {
	float: none;
	margin: 0;
}
/* @end */

/* @group post-21 VITA */

/* @group post-57
 */
#post-57, #post-113 {
	position: relative;
}
#post-57 #right, #post-113 {
	padding: 0;
}
#post-57 #left, #post-113 #left {
	position: absolute;
	top: 460px;
	left: 229px;
	width: 700px;
	text-align: left;
	margin-top: 0;
	padding-left: 0;
	font-size: 13px;
	font-style: italic;
}


/* @end */

/* @group galleria */

/*.galleria{
	list-style:none;
	width: 220px;
	margin: 90px 0 0 181px;
	padding: 0 0 0 0;
	float: left;
	text-align: right;
}

span.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-top: 15px;
	display: block;
	position: absolute;
	width: 180px;
	padding: 15px;
	bottom: 0;
}
#right ul.galleria li{
	display: block;
	width: 40px;
	height: 40px;
	overflow:hidden;
	margin: 0 0 10px 10px;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	float: left;
	padding: 0;
}
.galleria li a{
	display:none
}
.galleria li div{
	position:absolute;
	display:none;
	top:0;
	left:180px;
}
.galleria li div img{
	cursor:pointer
}
.galleria li.active div img,.galleria li.active div {
	display:block
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
#right .galleria li:hover img.thumb {
}
#right .galleria li:hover, #right .galleria li.active {
	opacity: 1;
	filter: alpha(opacity = 100);
}

#post-57 .storycontent span.error {
	font-size: 9px;
	line-height: 9px;
}

.galleria li .caption {
	display:block;
	padding-top:.5em
}
* html .galleria li div span {
	width:300px
}

div.galleria_wrapper {
	padding: 0;
	margin: 0;
	float: right;
}

div.galleria_container {
	width: 880px;
	height: 600px;
	margin: 0;
	border-left: 1px solid #666;
	padding: 0;
	float: right;
	position: relative;
}
div.book {
	width: 150px;
	float: left;
	height: 220px;
	background-color: #bad7ff;
	margin-right: 10px;
	margin-left: 100px;
	margin: 0;
}

#post-57 .storycontent {
	padding-top: 60px;
	padding: 0;
	margin: 0;
	width: 880px;
}

#post-57 .galleria_container {
	border-style: none;
}
#post-57 .galleria {
	margin-left: 0px;
	width: 165px;
	padding: 0 0 0 5px;
	position: absolute;
}

 MSIE bug 
*/
/* @end */

.parent-pageid-21 #left a, #post-21 #left a{
	border-bottom: 1px dotted #aaa;
}
.parent-pageid-21 #right, #post-21 #right {
	width: 620px;
	margin-left: 0px;
	padding-left: 27px;
	line-height: 2em;
	color: #000;
	font-size: 16px;
}
.parent-pageid-21 #left ,#post-21 #left {
	width: 202px;
	text-align: left;
	margin-top: 170px;
	font-size: 12px;
	padding-left: 4px;
}

#post-21 #left img {
	border: 1px solid #bbb;
}

#post-21 #right h2 {
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
}

#post-21 #right h1 {
	font: normal 3em/1em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0px;
}



/* @end */

/* @group post-4 */


.parent-pageid-4 #right, #post-4 #right {
	width: 550px;
	margin-left: 0px;
	padding-left: 170px;
	line-height: 2em;
}
.parent-pageid-4 #left, #post-4 #left {
	width: 200px;
	text-align: left;
	margin-top: 60px;
	margin-left: 20px;
	float: right;
}
.parent-pageid-4 #post-107 #left {
	width: 150px;
	float: left;
}
.parent-pageid-4 #post-107 #right {
	padding-left: 0px;
}
#post-11 #right ul ul {
	list-style-type: none;
	margin-left: 5px;
}
#post-11 #right ul {
	margin: 0 0 0 -20px;
	padding: 0 0 0 20px;
	list-style-type: disc;
	text-indent: 0px;
	line-height: 1.5em;
}
/* @end */

/* @group post-10 */

#post-285 #left img{
	border: 1px solid #bbb;
}
#post-285 #left {
	float: right;
	width: 0px;
}
#post-285 #right {
	width: 790px;
	margin-left: 170px;
	padding-left: 0;
}
#post-285 #right .storycontent div.book {
	padding-top: 10px;
	width: 380px;
	float: left;
}
#post-285 #right img {
	float: left;
	margin-right: 20px;
}

.parent-pageid-10 #right, #post-10 #right, .parent-pageid-93 #right {
	width: 649px;
	margin-left: 0px;
	padding-left: 20px;
	line-height: 2em;
}
#post-10 #right p {
	text-align: center;
}
.parent-pageid-10 #left, #post-10 #left, .parent-pageid-93 #left{
	width: 150px;
	text-align: left;
	margin-top: 60px;
}
.parent-pageid-10 #right ul, .parent-pageid-93 #right ul, #post-768 #right ul {
	list-style-type: disc;
	text-indent: 0;
}

.parent-pageid-10 #right ul li, .parent-pageid-93 #right ul li, #post-768 #right ul li {
	position: relative;
	list-style-type: none;
	text-indent: -13px;
}

.page-id-285.parent-pageid-10 #right ul li {
	text-indent: 0px;
	
}#post-19 #right img, #post-36 #right img, .parent-pageid-93 #right img, #post-768 #right img {
	position: absolute;
	left: -70px;
	top: 7px;
	display: block;
	padding-top: 4px;
	text-align: left;
	border-top: 1px solid #ccc;
	padding-right: 20px;
}
#post-10 #right {
	margin-left: -170px;
}
#post-93 #right {
	width: 900px;
	margin-left: 30px;
	padding-left: 0px;
	line-height: 2em;
}
#post-93 #right .quote {
	text-align: center;
	width: 400px;
	margin-left: 0;
	float: left;
}
#post-93 #right img {
	float: left;
	margin: 30px 30px 30px 20px;
}
#post-768 #right h2 {
	padding: 10px 0 10px;
}
/* @end */

/* @group post-203 */

#post-203 #right {
	width: 520px;
	margin-left: 34px;
}

#post-522 #right, #post-842 #right, #post-539 #right, #post-850 #right, #post-871 #right {
	width: 620px;
	margin-left: 20px;
}
#post-203 #left a, #post-522 #left a, #post-842 #left a, #post-539 #left a, #post-850 #left a, #post-871 #left a {
	text-decoration: underline;
}
#post-203 #left, #post-522 #left, #post-842 #left, #post-539 #left, #post-850 #left, #post-871 #left {
	width: 170px;
	margin-top: 200px;
}
#post-203 #right ul, #post-522 #right ul, #post-842 #right ul, #post-539 #right ul, #post-850 #right ul,#post-871 #right ul {
	list-style-type: circle;
	text-indent: 0;
}
#post-850 #right .alignnone {
	float: right;
}
#post-522 #right h2, #post-842 #right h2, #post-539 #right h2, #post-850 #right h2, #post-871 #right h2  {
	border-top: 1px solid #bbb;
	padding-top: 15px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
}

#post-203 #right img {
	margin: 4px 10px;
}
#post-522 #right img, #post-842 #right img  {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: -90px;
}
.footnote {
	font-size: 12px;
	padding-top: 5px;
	border-top: 1px solid #bbb;
	margin-top: 30px;
	margin-bottom: 0;
}
.p10 {
	text-indent: -15px;
	margin-left: 15px;
}
.p10 i {
	display: block;
	text-indent: 0;
	margin-left: 10px;
}
.p7 {
	margin: 6px 6px 6px 20px;
}
/* @end */

#joao #main {
	margin-top: 0;
	padding-top: 50px;
}

#main {
	padding-top: 20px;
	padding-bottom: 60px;
	clear: both;
	border-top: 1px solid #666;
	z-index: -1;
}

html>/**/body #main {
	padding-top: 50px;
}

#right h2 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 30px 0 10px;
}
.post-285 #right h2 {
	font-size: 1.3em;
}
#right ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	text-indent: -20px;
}
#resume #left {
	width: 140px;
}

#right img {
	padding-left: 0px;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-top: 5px;
}
.will {
	margin-left: 40px;
}

#footer {
	border-top: 1px solid #666;
	padding: 30px 0 40px;
	font-size: 0.9em;
}

#designby a:hover {
	color: #666;
}

#designby a {
	color: #aaa;
	text-decoration: none;
}

#contact {
	display: inline-block;
	padding-left: 40px;
	width: 440px;
	color: #777;
	float: left;
	font-size: 1em;
}
#designby {
	display: inline-block;
	width: 390px;
	text-align: right;
	float: right;
	padding-left: 0;
	padding-right: 40px;
	font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
}


#right ul li ul {
	margin-left: 40px;
}
#right ul li ul li  {
	margin-bottom: 0;
	padding-bottom: 0;
}
#right ul li  {
	margin-bottom: 0;
	padding-bottom: 10px;
}.pop {
	color: #C03;
}
.wf-athelas1athelas2-n4-active.wf-athelas1athelas2-i4-active.wf-athelas1athelas2-n7-active.wf-athelas1athelas2-i7-active.wf-active .page.page-id-21.page-parent #wrap #main #post-21 #right p {
	color: #666;
}
.wf-athelas1athelas2-n4-active.wf-athelas1athelas2-i4-active.wf-athelas1athelas2-n7-active.wf-athelas1athelas2-i7-active.wf-active .page.page-id-21.page-parent #wrap #main #post-21 #right p {
	color: #666;
}
oo {
	color: #666;
}
#m {
	color: #666;
}
#y {
	font-weight: bold;
	color: #666;
	font-size: 18px;
}
#pp {
	font-weight: bold;
}
#qqq {
	color: #666;
	font-weight: bold;
	font-size: 18px;
}
.v {
	font-weight: bold;
}