@import url(core.css);

.viewer { float:right; width:64%; }
#img-focus { position:relative; padding:0 1.6em 0 0; width:500px; }
#ctrls { position:absolute; top:0; right:0; display:block; width:1.6em; }
#ctrls .over { background:#FFF; color:#5FBCD3; }
#viewLeft, #viewRight { display:block; width:1.6em; height:1.6em; background:#5FBCD3; font-size:2.4em; line-height:160%; text-align:center; cursor:pointer; }
#img-list { clear:both; padding-top:.4em; }
#img-list li { float:left; margin:0 16px 0 0; list-style:none; }
#img-list a img { display:block; border:1px solid #333; padding:4px; }
#img-list a:hover img { background:#FFF; }

.profile, .hreview { float:left; padding:2.4em 4% 0 0; width:28%; }
.profile h4, .hreview h4 { font-size:.72em; color:#5FBCD3; letter-spacing:.1em; text-transform:uppercase; }
.profile h1, .hreview h1 { padding:.2em 0 0; font-size:2.4em; line-height:100%; }
.profile p { padding-bottom:1em; }
.hreview h3 { padding:0 0 2.4em; font-size:72%; line-height:132%; text-transform:uppercase; }

/*==== AFTER THE FOLD ====*/

.review { clear:both; padding:4em 0 0; }
.calendar { float:left; width:32%; }
.calendar h2 { border-top:1px solid #333; font-size:.8em; letter-spacing:.2em; color:#444; text-transform:uppercase; text-align:center; }
.calendar h2 strong { position:relative; top:-1em; padding:.24em .8em; background:#FFF; }
.calendar li { padding:0 0 .8em; margin:0 0 .64em; border-bottom:1px dashed #333; list-style:none; line-height:132%; }
.calendar em, .calendar cite { font-style:normal; font-weight:normal; color:#E3C650; }
.calendar li strong { display:block; }
.calendar li a { color:#5FBCD3; }
.description { float:right; padding-right:8%; width:56%; }
.description p { padding-bottom:1em; }

/*==== REGULAR TEXT ====*/

.title { padding:0 0 0 35.7%; }
.title h1 { font-size:2.4em; line-height:100%; }
.header { float:left; width:32%; }
.header h1{ font-size:2.4em; line-height:110%; }

.text { float:right; padding:0 12% 4em 0; width:52%; }
.text p { padding:0 0 1.6em; font-size:108%; line-height:156%; }

.facebook { float:left; padding:0 12% 4em 12.4%; width:74%; }
.member { clear:both; padding:2.4em 0 0; }
.member-profile { float:right; width:68.6%; }
.member cite { float:left; margin:.4em .4em 0 0; }
.member h4 { font-size:1.32em; }