@media screen {#facebox .b {
  background:url('http://static.pictorymag.com/assets/img/jquery.facebox/b.png');
}

#facebox .tl {
  background:url('http://static.pictorymag.com/assets/img/jquery.facebox/tl.png');
}

#facebox .tr {
  background:url('http://static.pictorymag.com/assets/img/jquery.facebox/tr.png');
}

#facebox .bl {
  background:url('http://static.pictorymag.com/assets/img/jquery.facebox/bl.png');
}

#facebox .br {
  background:url('http://static.pictorymag.com/assets/img/jquery.facebox/br.png');
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
  top: 0;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 0;
  background: transparent;
  background-color: #f0f1f6;
  width: 470px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
/*  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;*/
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
}
@media screen {/* RESET: Resets default browser CSS.
-------------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
 
body { 
  line-height: 1.5; 
}
 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* Remove annoying border on linked images. */
a img { border: none; }

/* mozilla button reset - see:
* http://mxr.mozilla.org/mozilla-central/source/layout/style/forms.css#524
*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner
{
  padding:0;
  border:0 none;
}


/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { 
  font-weight: normal; 
  color: #666; 
  margin: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  }
 
h1 { font-size: 30px; line-height: 40px; margin: 20px 0; }
h2 { font-size: 24px; line-height: 30px; padding: 15px 0; }
h3 { font-size: 34px; line-height: 40px; padding: 15px 0; color: #4a4a4e;}
h4 { font-size: 20px; font-family: "Baskerville", Georgia, sans-serif; line-height: 20px; padding: 5px 0; margin-bottom: 20px; color: #5b5c61;}
h5 { font-size: 18px; margin-bottom: 20px; color: #5b5c61; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: normal;}
h6 { font-size: 10px; font-family: "Baskerville", Georgia, sans-serif; color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 10px;}
h6 a { color: #fff; }

/* Text elements
-------------------------------------------------------------- */
 
p           { margin: 0 0 20px 0; }

a           { color: #febf4b; text-decoration: none; }
a:focus, 
a:hover     { color: #fff; }

body.light a           { color: #5eacc5; text-decoration: none; }
body.light a:focus, 
body.light a:hover     { color: #5b5c61; }

body.white a           { color: #a3a4a9; text-decoration: none; }
body.white a:focus, 
body.white a:hover     { color: #5b5c61; }
 
blockquote  { font-family: Georgia, serif; margin: 20px 0; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
 
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 20px 0; font-style: italic; }
del         { color: #999; }
 
pre,code    { margin: 20px 0; white-space: pre; }
pre,code,tt { font: 12px Consolas, 'Andale Mono', 'Lucida Console', Monospace; } 
 
/* Lists
-------------------------------------------------------------- */
 
li ul, 
li ol       { margin: 0 20px; }
ul, ol      { margin: 0 0 20px 0; }
 
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
 
dl          { margin: 0 0 20px 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 20px;}
 
 
/* Tables
-------------------------------------------------------------- */
 
table       { margin: 0 0 20px 0; width:100%; }
th          { font-weight: bold; }
th,td       { padding: 5px 5px 4px 5px; border-bottom: 1px solid #fff;}
tr.even td  { background: #f4f4f4; }
th.numeric,
td.numeric  { text-align: center; }
tfoot       { font-style: italic; }
caption     { }
 
/* Forms
-------------------------------------------------------------- */
 
form {
  float: left;
  background-color: #f0f1f6;
  width: 470px;
  padding: 15px;
  margin-left: -15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #a3a4a9;
}

form div.field-wrapper {
  background-color: #fff;
  margin-bottom: 10px;
  min-height: 45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

form div.errors {
  background-color: #eb553b;
  color: #fff;
}

form label {
  clear: left;
  font-size: 14px;
  float: left;
  width: 214px;
  line-height: 45px;
  height: 45px;
  padding: 0 10px;
}

form label[for=id_pictory-bio],
form label[for=id_profile-bio],
form label[for=id_pictory-story] {
  width: 450px;
}

form label.required {
  color: #5c5c61;
}

form label .required-marker {
  font-weight: bold;
  color: #5eacc5;
}

form label span.help { font-size: 11px; color: #a3a4a9 !important; }

form.sign-up-form label span.help {
  display: block;
  width: 205px;
  position: absolute;
  right: 260px;
  margin-top: -45px;
  color: #5b5c61;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 7px;
  padding-left: 20px;
  background-image: url('http://static.pictorymag.com/assets/img/button-arrow-grey-reverse.png');
  background-repeat: no-repeat;
  background-position: left 15px;
  display: none;
}

form.sign-up-form div.field-wrapper:hover span.help {
  display: block;
}

form input, textarea {
  font-size: 14px;
  font-weight: bold;
  color: #5c5c61;
  background-color: #fff;
  border: none;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

form input {
  float: left;
  border: 1px solid transparent;
  border-left: 1px solid #f4f4f4;
  width: 214px;
  height: 29px;
  line-height: 35px;
  padding: 14px 10px 0;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

form select {
  line-height: 35px;
  margin-top: 13px;
  margin-left: 5px;
}

form div.errors input,
form div.errors textarea {
  border: 1px solid #eb553b;
}

form div.errors label,
form div.errors label span.help,
form div.errors label.required,
form div.errors label .required-marker {
  color: #fff !important;
}

form input:focus,
form textarea:focus {
  outline: none;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  background-image: url('http://static.pictorymag.com/assets/img/form-field-background.png');
  background-repeat: repeat-x;
}

form input[type=file] {
  font-size: 11px;
  font-weight: normal;
  padding: 5px 10px;
  height: 33px;
}

form div.pictory-image .field {
  background: url('http://static.pictorymag.com/assets/img/button-upload-browse.png') 100% 50% no-repeat;
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 45px;
  width: 224px;
  border-left: 1px solid #f0f1f6;
}

form div.pictory-image .field input[type=file] {
  padding: 0;
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0;
  -moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

form div.pictory-image .field .filename {
  position: absolute;
  left: 260px;
  width: 120px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 45px;
}

form input[type=submit], button, .button {
  float: right;
  width: auto;
  height: 42px;
  line-height: 41px;
  padding: 0 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background-image: url('http://static.pictorymag.com/assets/img/button-background.png');
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  color: #09080d;
  text-shadow: 0px 1px 0px rgba(255,255,255,.3);
  margin-left: 10px;
}
body.light form input[type=submit], body.light button, body.light .button { color: #fff; text-shadow: 0px -1px 0px rgba(0,0,0,.2); }
form input[type=submit]:hover, button:hover, .button:hover { cursor: pointer; color: #fff !important; background-position: 0 -42px; }
form input[type=submit]:active, button:active, .button:active { background-position: 0 -84px; }
form input[type=submit].dark, button.dark, .button.dark { background-image: none; background-color: #1e1e23; color: #d2d2d8; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
form input[type=submit].dark:hover, button.dark:hover, .button.dark:hover, .button.dark.active { text-shadow: 0 1px 0 rgba(255,255,255,.2); background-image: none !important; background-color: #febf4b  !important; color: #1e1e23  !important; }

button span, .button span {
  display: block;
  padding-right: 20px;
  background-image: url('http://static.pictorymag.com/assets/img/button-arrow.png');
  background-repeat: no-repeat;
  background-position: right 15px;
  white-space:nowrap;
}
body.light button span, body.light .button span { background-image: url('http://static.pictorymag.com/assets/img/button-arrow-light.png'); }
form input[type=submit].dark span, button.dark span, .button.dark span { background-image: url('http://static.pictorymag.com/assets/img/button-arrow-light.png'); }
.button.dark.active span { background-image: url('http://static.pictorymag.com/assets/img/button-arrow.png'); }

form textarea {
  border: 1px solid transparent;
  border-top: 1px solid #f0f1f6;
  display: block;
  clear: both;
  width: 448px;
  height: 99px;
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
  resize: none;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

form p {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 10px 0;
}

.errorlist {
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #eb553b;
  list-style-type: none;
}

.errorlist li {
  margin: 0;
  padding: 0;
}
 
/* Misc classes
-------------------------------------------------------------- */

.hide       { display: none; }
.invisible  { visibility: hidden; }
 
.weak       { color: #666; }

.small {
  font-size: 0.8333em;
  line-height: 1.6;
}
.caps { 
/*  font-variant: small-caps; 
  text-transform: lowercase; 
  font-size:1.4em;
  line-height:1%;*/
}

.dquo { margin-left: -.5em; }

.promo {
  color: #f0f1f6;
  font-size: 84px;
  line-height: 78px;
}

.highlight {
  color: #a89e8a;
}

.instructions { color: #5b5c61; font-size: 12px; font-family: Baskerville, Georgia, serif; text-align: center;}

/* Core layout
-------------------------------------------------------------- */

body {
  background-color: #09080d;
  color: #5b5c61;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

body.light {
  background-color: #fff;
  background-image: url('http://static.pictorymag.com/assets/img/body-background-light.png');
  background-repeat: repeat-x;
  color: #a3a4a9;
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

body.white {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat-x;
  color: #a3a4a9;
}

.container { position: relative; width: 1000px; margin: 0 auto; }
.container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
div#header { 
  width: 1000px; 
  height: 0;
  padding-top: 47px;
  margin: 90px 0 50px 0;
  float: left; 
  background-image: url('http://static.pictorymag.com/assets/img/header-background.png');
}
body.light div#header { background-image: url('http://static.pictorymag.com/assets/img/header-background-light.png'); }
body.white div#header { background-image: url('http://static.pictorymag.com/assets/img/header-background-white.png'); }
div#header h1 .logo { display: block; font-size: 0; margin-top: -70px; height: 0; padding-top: 60px; overflow: hidden; }
div#header h2 { display: none;}
div#header ul.utility-nav { 
  position: absolute; 
  top: 10px; 
  left: 0;
  list-style-type: none;
  font-size: 12px;
}
div#header ul.utility-nav li { display: inline; margin-left: 3px; color: #5b5c61; }
div#header ul.utility-nav li a { display: inline-block; line-height: 1em; padding: 4px 6px; color: #d2d2d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
div#header ul.utility-nav li a:hover { color: #fff; background: #1e1e23; }
body.light div#header ul.utility-nav li { color: #afd5e4; text-shadow: 0 -1px 0 rgba(0,0,0,0.1); }
body.light div#header ul.utility-nav a { color: #dfeef4; }
body.light div#header ul.utility-nav a:hover { color: #fff; background-color: #579eb7; }
body.white div#header ul.utility-nav li { color: #c2c2c7;}
body.white div#header ul.utility-nav a { color: #a3a4a9; }
body.white div#header ul.utility-nav a:hover { color: #5c5c61; background-color: #f0f1f6; }

div#messages { width: 1000px; float: left; }
div#content { width: 1000px; float: left; }
div#footer { margin-top: 80px; width: 1000px; float: left; font-size: 13px; color: #5b5c61; position: relative; }
body.light div#footer,
body.white div#footer { color: #c2c2c7; }
div#footer ul { list-style-type: none; }
div#footer ul li { float: left; font-size: 20px; margin-right: 50px; }
div#footer ul li.last { margin-right: 0; }
div#footer ul li a { color: #d2d2d8; }
div#footer ul li a:hover { color: #fff; }
body.light div#footer ul li a { color: #c2c2c7; }
body.white div#footer ul li a { color: #a4a4a9; }
div#footer ul li.home a, 
div#footer ul li.view a { color: #febf4b !important; }
div#footer ul li.submit a { color: #5eacc5 !important; }
div#footer ul li.home a:hover, 
div#footer ul li.view a:hover, 
div#footer ul li.submit a:hover { color: #fff !important; }
body.light div#footer ul li a:hover,
body.light div#footer ul li.home a:hover, 
body.light div#footer ul li.view a:hover, 
body.light div#footer ul li.submit a:hover { color: #5b5c61 !important; } 
body.white div#footer ul li a:hover,
body.white div#footer ul li.home a:hover, 
body.white div#footer ul li.view a:hover, 
body.white div#footer ul li.submit a:hover { color: #5b5c61 !important; }
div#footer .hosted { position: absolute; top: 120px; right: 0; text-transform: uppercase; font-size: 10px; line-height: 14px; text-align: right; }
div#footer .hosted a, div#footer .hosted a:hover { text-decoration: none; color: #5B5C61; }
div#footer .hosted .logo { display: block; text-indent: 9999px; overflow: hidden; width: 350px; height: 28px; background: url('http://static.pictorymag.com/assets/img/mt-logo-dark.png') no-repeat; }
body.light div#footer .hosted a,
body.white div#footer .hosted a { color: #C2C2C7; }
body.light div#footer .hosted .logo,
body.white div#footer .hosted .logo { background-image: url('http://static.pictorymag.com/assets/img/mt-logo-light.png'); }
div#footer p.description { margin: 120px 0; width: 625px; }
div#footer p.description a { color: #d2d2d8 !important; }
div#footer p.description a:hover { color: #fff !important; }
body.light div#footer p.description a,
body.white div#footer p.description a { color: #a3a4a9 !important; }
body.light div#footer p.description a:hover,
body.white div#footer p.description a:hover { color: #5b5c61 !important; }
body.two-col div#content { width: 470px; float: left; padding: 0 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
body.two-col div#sidebar { width: 375px; float: left; padding-left: 125px; }

/* Theme detail
-------------------------------------------------------------- */

div#theme-pagination {
  border-bottom: 1px solid #dfdfdf;
  height: 35px;
  margin-top: 15px;
  color: #c2c2c7;
}

div#theme-pagination.last-theme {
  padding-right: 100px;
}

div#theme-pagination.first-theme {
  padding-left: 100px;
}

div#theme-pagination a {
  font-size: 12px;
  font-weight: bold;
  color: #a3a4a9;
  text-transform: uppercase;
  display: block;
  width: 100px;
}

div#theme-pagination a:hover {
  color: #5eacc5;
}

div#theme-pagination a.previous { float: left; }
div#theme-pagination a.next { float: right; text-align: right; }
div#theme-pagination p { text-align: center; font-size: 14px; }

ul.upcoming-theme-deadlines { list-style-type: none; margin: 0 0 40px 0; }
ul.upcoming-theme-deadlines li { color: #9cadb3; }
ul.upcoming-theme-deadlines li a { color: #9cadb3; font-weight: bold; }
ul.upcoming-theme-deadlines li a:hover { color: #5eacc5; }
ul.upcoming-theme-deadlines li span { text-transform: uppercase; font-size: 14px; font-weight: normal; }
ul.upcoming-theme-deadlines li.active {
  color: #5eacc5;
  background-image: url('http://static.pictorymag.com/assets/img/sidebar-li-bullet-blue.png');
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 15px;
  margin-left: -15px;
}
ul.upcoming-theme-deadlines li.active a {
  color: #5eacc5;
}

.submission-thank-you #content,
.theme-detail #content {
  background-color: #fff;
  width: 470px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.theme-detail #sidebar h5 {
  font-size: 18px;
  color: #5b5c61;
  font-weight: normal;
}


/* Archive items
-------------------------------------------------------------- */

.archive .intro-wrapper {
  padding: 30px 0;
}

.archive .intro {
  padding-top: 0;
}

.archive .intro h2 {
  font-size: 72px;
  line-height: 72px;
  margin-bottom: 0;
  margin-top: 30px;
}

.archive-item {
  margin-bottom: 70px;
  clear: left;
}

.archive-item h3 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.archive-item h3 a {
  margin-left: 5px;
  color: #febf4b;
}

.archive-item h3 a:hover {
  color: #fff;
}

.note-tease h3 span {
  margin-left: 5px;
}

.showcase-tease {
  width: 998px;
  height: 498px;
  border: 1px solid #1d1d22;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.showcase-tease:hover {
  cursor: pointer;
  border-color: #febf4b;
}

.showcase-tease .showcase-details {
  margin-top: 32px;
  background-color: rgba(29,29,34,.75);
  background-image: url('http://static.pictorymag.com/assets/img/showcase-details-background.png');
}

.showcase-tease .showcase-details:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.showcase-description {
  width: 584px;
  padding: 10px 20px;
  float: left;
  font-size: 13px;
  line-height: 17px;
  color: #a3a4a9;
}

.showcase-contributors {
  width: 334px;
  padding: 22px 20px 10px 20px;
  float: right;
  font-size: 11px;
  line-height: 14px;
  color: #a3a4a9;
}

.showcase-contributors strong.title-photographer {
  color: #fff;
  font-weight: normal;
}

.featured-contributor-tease {
  background-color: #1d1d22;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 0 15px 15px;
  float: left;
}

.featured-contributor-tease h3 {
  border-bottom: 1px solid #36363b;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  line-height: 18px;
}

.featured-contributor-tease .button {
  background-color: transparent;
  padding-left: 0;
  margin-left: 0;
}

.featured-contributor-content {
  padding-top: 15px;
  padding-left: 250px;
  padding-right: 110px;
}

.featured-contributor-content img {
  float: left;
  margin-left: -250px;
  margin-right: 30px;
  border: 1px solid #a3a4a9;
}

.featured-contributor-tease blockquote {
  font-family: Baskerville, Georgia, serif;
  font-style: italic;
  font-size: 36px;
  line-height: 40px;
  color: #a3a4a9;
}

.featured-contributor-tease .button {
  display: block;
  float: left;
  background-image: none;
  background-color: transparent;
  color: #febf4b; 
}

.featured-contributor-tease .button span {  
  background-image: url('http://static.pictorymag.com/assets/img/sidebar-li-bullet-yellow.png');
}

.featured-contributor-tease:hover {
  background: #febf4b;
}

.featured-contributor-tease:hover h3,
.featured-contributor-tease:hover blockquote,
.featured-contributor-tease:hover h3 a,
.featured-contributor-tease:hover .button {
  color: #1d1d22 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.2);
}
.featured-contributor-tease:hover .button {
  text-shadow: 0 1px 0 rgba(255,255,255,.2);
}

.featured-contributor-tease:hover .button span {
  background-image: url('http://static.pictorymag.com/assets/img/button-arrow.png');
}

.featured-contributor-tease:hover h3 {
  border-color: #8e6f37;
}

.note-tease {
  padding: 0 15px;
}

.note-tease h3 span {
  color: #4e4f54;
}

.note-tease h3 a.button {
  background-color: transparent;
  margin-left: 10px;
  color: #febf4b;
  float: none;
  display: inline-block;
}

.note-tease h3 a.button span {
  background-image: url('http://static.pictorymag.com/assets/img/sidebar-li-bullet-yellow.png');
  color: #febf4b;
}

.note-tease h3 a.button:hover span {
  background-image: url('http://static.pictorymag.com/assets/img/button-arrow.png');
  color: rgb(29, 29, 34);
}


/* Pictory list and Showcase intro
-------------------------------------------------------------- */
.intro-wrapper {
  border-bottom: 1px solid #1d1d22;
  margin-bottom: 79px;
  padding: 80px 0;
}

.intro-wrapper h6, .showcase-footer h6 {
  margin: 0;
  line-height: 10px;
}

.intro h2 {
  font-family: Baskerville, Georgia, serif;
  font-size: 130px;
  text-align: center;
  color: #26262a;
  margin-top: 50px;
  margin-bottom: 20px;
  letter-spacing: -3px;
  line-height: 120px;
}

div.intro {
  padding-top: 20px;
  border-top: 1px solid #1d1d22;
  text-align: center;
  font-family: Baskerville, Georgia, serif;
  font-size: 30px;
  line-height: 40px;
  color: #5b5c61;
  letter-spacing: -1px;
}

div.intro-content {
  margin: 0 200px;
}

.pictory {
  float: left;
  margin-bottom: 80px;
  width: 1000px;
}

.pictory img {
  width: 998px;
  min-height: 198px;
  border: 1px solid #16151a;
  margin: 0;
  display: block;
}

.pictory img.noborder {
  border: none;
}

.pictory h6 .pagination-text {
  color: #74757A;
}

.pictory h6 .pagination-text a {
  color: #fff;
}

.pictory .pictory-details { 
  background-color: #16151a;
  background-image: url('http://static.pictorymag.com/assets/img/pictory-details-background.png');
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.pictory .pictory-details:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.pictory .pictory-details h4 {
  color: #74757a;
}

.pictory-description {
  width: 584px;
  padding: 15px 20px 0;
  float: left;
  font-family: Baskerville, Georgia, serif;
  color: #74757a;
}

.pictory .pictory-description a {
  color: #fff;
}

.pictory .pictory-description a:hover {
  color: #febf4b;
}

.pictory .pictory-description p.affiliate {
  font-size: 14px;
}

.pictory .pictory-description ul,
.pictory .pictory-description ol {
  margin-left: 20px;
}

.pictory-photographer {
  width: 334px;
  padding: 25px 20px 20px 0;
  float: right;
  font-size: 11px;
  line-height: 14px;
  color: #16151a;
}
.pictory-photographer h6 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-transform: none;
  text-align: left;
  font-size: 11px;
  color: #74757a;
  margin: 0 0 34px 0;
}

.pictory .pictory-photographer a {
  color: #fff;
}

.pictory .pictory-photographer a:hover {
  color: #febf4b;
}

.pictory-photographer p { 
  font-family: "Helvetica Neue", Arial, sans-serif; 
  font-size: 11px;
  color: #74757a;
}

.pictory .permalink { display: inline-block; margin: 0 20px; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 20px; color: #fff;}
.pictory .permalink:hover { color: #febf4b; }


.showcase-pagination {
  text-align: center;
  line-height: 62px;
  height: 62px;
  background-color: #16161b;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

.showcase-pagination.first-showcase {
  padding-left: 142px;
}

.showcase-pagination.last-showcase {
  padding-right: 142px;
}

.showcase-pagination .button.previous {
  float: left;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  margin: 0;
  width: 102px;
  line-height: 62px;
  height: 62px;
}

.showcase-pagination .button.previous span {
  padding-right: 0;
  padding-left: 20px;
  background-image: url('http://static.pictorymag.com/assets/img/button-arrow-light-reverse.png');
  background-repeat: no-repeat;
  background-position: left 25px;
}

.showcase-pagination .button.next {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  float: right;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  margin: 0;
  width: 102px;
  line-height: 62px;
  height: 62px;
}

.showcase-pagination .button.next span {
  background-position: right 25px;
}

.showcase-promo-wrapper {
  padding: 80px 220px;
  text-align: center;
}

.showcase-promo h2 {
  font-size: 42px;
  color: #fff;
  margin: 15px 0;
}

.showcase-promo-content {
  font-size: 16px;
  color: #c2c2c7;
}

.showcase-promo-content a {
  font-weight: bold;
  color: #5eacc5;
}

.showcase-promo-content a:hover {
  color: #fff;
}

.showcase-promo-content p {
  margin: 15px 0;
}

.showcase-promo-content .button {
  color: #1d1d22 !important;
  margin-top: 10px;
  float: none;
  display: inline-block;
}

/* Submit pictory
-------------------------------------------------------------- */

form#submit-pictory {
  margin-top: 15px;
}

form#submit-pictory p.disclaimer {
  margin-top: 15px;
  margin-bottom: 0;
}

form#submit-pictory h5 {
  margin-top: 15px;
  margin-bottom: 5px;
}

form#submit-pictory h5.first {
  margin-top: 0;
}

form#submit-pictory h5 span {
  color: #a3a4a9;
  font-size: 12px;
}


/* Pictory preview
-------------------------------------------------------------- */

div#preview-wrapper {
  position: relative;
  padding-top: 40px;
  background-color: #09080d;
  text-shadow: none !important;
}

.preview-tab-top {
  width: 500px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  color: #a4a4a9;
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
}

.preview-tab-bottom {
  width: 460px;
  padding: 10px 20px;
  height: 45px;
  line-height: 50px;
  background-color: #eeeef3;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.preview-tab-bottom .cancel {
  float: left;
  margin-left: 0;
}

.preview-tab-bottom-facebook {
  height: 70px;
}

#re-edit-submission form {
  margin-left: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

form.connect-button {
  float: none;
  padding: 0;
  margin: 0;
  width: auto;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

form.connect-button input {
  float: none;
  border: none;
  width: auto;
  height: auto;
  line-height: inherit;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

#post-to-facebook-form {
  margin: 0; 
  padding: 0;
}

#post-to-facebook-form label {
  height: 20px !important;
  line-height: 20px !important;
  width: auto !important;
  padding: 0 !important;
  width: 460px !important;
  margin-bottom: 10px;
  text-align: right;
}

#post-to-facebook-form input {
  width: auto !important;
  height: auto !important;
  float: right !important;
  margin-left: 5px !important;
}

/* Faceboxes
-------------------------------------------------------------- */

#sign-in form,
#sign-up form {
  margin-left: 0;
}

.facebox-content h3 {
  padding: 5px 15px;
  background-color: #fff;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
  margin: 0;
}

.facebox-content h3 span {
  color: #999;
}

.facebox-content form {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  margin-left: 0;
}

.facebox-content .connect-button {
  float: right;
  margin: 0;
  position: relative;
  top: 5px;
}


/* Messages
-------------------------------------------------------------- */

#messages {
  height: 50px;
  line-height: 50px;
  background-color: #5eacc5;
  color: #fff;
  font-weight: bold;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
}

#messages ul { padding: 0 15px; list-style-type: none; }

#messages a { color: #fff; text-decoration: underline; }


/* Homepage
-------------------------------------------------------------- */

#cover-wrapper {
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 400px;
}

#cover-wrapper-overlay {
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 400px;
}

#cover-showcase {
  text-align: center;
  position: relative;
  top: 140px;
}

#cover-showcase h2 {
  display: none;
}

#cover-showcase .button {
  float: none;
  display: block;
  width: 160px;
  margin: -40px auto;
}

#cover-showcase .button span {
  height: 42px;
}

#recent-features {
  position: relative;
  overflow: hidden;
}

#recent-features h2,
#editors-picks > h2 {
  font-weight: bold;
  font-size: 20px;
  color: #d2d2d8;
  font-family: "Helvetica Neue", Arial, sans-serif;
  background-image: url('http://static.pictorymag.com/assets/img/recent-features-h2-background.png');
  background-repeat: repeat-x;
  background-position: center left;
  margin-bottom: 20px;
  margin-right: 3px;
}

#editors-picks > h2 {
  margin-bottom: 0;
}

#recent-features > h2 span.wrap,
#editors-picks > h2 span.wrap {
  background-color: #09080d;
  padding: 0 10px;
}

#recent-features h2 span.button-wrap {
  float: right;
  margin-top: -5px;
  padding: 0;
}

.homepage-tease {
  float: left;
  width: 245px;
  padding-top: 245px;
  border: 1px solid #09080d;
  margin-right: 3px;
  background-repeat: no-repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#recent-features .last-tease {
  margin-right: 0;
}

.homepage-tease.alt .info {
  background-color: #09080d;
}

.homepage-tease-featured-contributor {
  float: left;
  background-color: transparent !important;
  border: none !important;
  position: relative;
  margin-top: -154px;
  width: 247px;
  padding-top: 400px;
  background-repeat: no-repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.homepage-tease .info {
  padding: 10px 15px;
  background-color: #16151a;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.homepage-tease-featured-contributor .info {
  background-color: #16151a !important;
}

.homepage-tease h3 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #d2d2d8;
  margin: 0;
  padding: 0;
  line-height: 20px;
}

.homepage-tease h3 span.highlight {
  color: #febf4b;
}

.homepage-tease h3 a {
  color: #febf4b;
}

.homepage-tease p.photographer {
  font-size: 12px;
  margin: 0;
}

.homepage-tease:hover {
  border-color: #febf4b;
}

.homepage-tease:hover .info,
.homepage-tease-featured-contributor:hover .info {
  background-color: #febf4b !important;
}

.homepage-tease:hover p.photographer {
  color: #8e6f37 !important;
}

.homepage-tease:hover h3,
.homepage-tease:hover span.highlight {
  color: #1e1e23 !important;
}

.homepage-tease-theme {
  background-color: #2e2e33;
}

.homepage-tease-theme div.coming-soon {
  height: 145px;
  padding-top: 100px;
  margin-top: -245px;
}

.homepage-tease-theme a {
  color: #5eacc5 !important;
}
.homepage-tease-theme:hover {
  border-color: #5eacc5 !important;
}
.homepage-tease-theme:hover .info {
  background-color: #5eacc5 !important;
}
.homepage-tease-theme:hover a {
  color: #fff !important;
}
.homepage-tease .coming-soon h3 {
  text-align: center;
  color: #a3a4a9;
}
.homepage-tease:hover .coming-soon h3 {
  color: #a3a4a9 !important;
}
.homepage-tease:hover .coming-soon h3 a {
  color: #5eacc5 !important;
}

#latest-note h2 {
  font-weight: bold;
  font-size: 20px;
  color: #d2d2d8;
  font-family: "Helvetica Neue", Arial, sans-serif;
  display: inline-block;
}

#latest-note {
  clear: left;
  margin: 26px 0;
  font-size: 20px;
  padding-left: 62px;
  background: url('http://static.pictorymag.com/assets/img/homepage-icon-note.png') 0 50% no-repeat;
}

#latest-note .button {
  background-color: transparent;
  margin-left: 10px;
  color: #febf4b;
  float: none;
  display: inline-block;
}

.homepage-promo {
  font-size: 16px;
  line-height: 22px;
  width: 255px;
  padding: 10px 15px 10px 62px;
  float: left;
  background-color: #16151a;
  color: #4e4f54;
  background-position: 8px 50%;
  background-repeat: no-repeat;
}

.homepage-promo strong {
  color: #5eacc5;
}

.homepage-promo:hover,
.homepage-promo:hover strong {
  background-color: #5eacc5;
  color: #fff;
}

#subscribe-promos {
  margin-top: 40px;
}

#twitter-promo {
  clear:left;
  margin-right: 1px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  background-image: url('http://static.pictorymag.com/assets/img/icon-twitter.png');
}

#newsletter-promo {
  background-image: url('http://static.pictorymag.com/assets/img/icon-newsletter.png');
}

#rss-promo {
  margin-left: 1px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  background-image: url('http://static.pictorymag.com/assets/img/icon-rss.png');
}

/* Theme list
-------------------------------------------------------------- */

.current-theme-header {
  color: #fff; 
  font-weight: bold; 
  margin-bottom: 25px;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
}

.current-theme {
  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding-left: 645px;
  padding-right: 15px;
  width: 340px;
  float: left;
  margin-bottom: 80px;
}

.current-theme h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  padding-bottom: 10px;
}

.current-theme h3 a {
  color: #16161b;
}

.current-theme h3 a:hover {
  color: #5eacc5;
}

.current-theme p {
  font-size: 14px;
  margin-right: 10px;
}

.current-theme .photo {
  float: left;
  margin: -15px 0 0 -645px;
  border: 15px solid #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.current-theme .button {
  display: inline-block;
  float: none;
  margin-left: 0;
}

.current-theme .button span span {
  text-transform: none;
  display: inline;
  background-image: none;
  padding: 0;
  font-weight: normal;
}

.example-pictory {
  padding: 15px 15px 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.example-pictory h3.title {
  font-size: 14px;
  line-height: 18px;
  color: #a3a4a9;
  padding: 10px 0 5px;
}

.example-pictory p {
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 5px;
}

.example-pictory h3.title span {
  font-style: italic;
  font-family: "Baskerville", Georgia, sans-serif;
}

.other-open-themes {
  clear: left;
  margin-top: 80px;
  overflow: hidden;
}

.other-open-themes h5 {
  font-size: 42px;
  line-height: 42px;
  text-align: center;
  color: #a4a4a9;
  font-weight: normal;
}

.theme-tease {
  width: 245px;
  padding-top: 245px;
  padding-bottom: 10px;
  border: 1px solid #fff;
  margin-right: 4px;
  background-color: #f2fcff;
  background-repeat: no-repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  float: left;
  position: relative;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
}

.other-open-themes .theme-tease.last {
  margin-right: 0;
}

.theme-tease.alt {
  background-color: #fff;
}

.theme-tease h3 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  margin: 10px 0 0 0;
  padding: 0 15px;
  line-height: 20px;
  color: #16161b;
}

.theme-tease h3 a {
  color: #16161b;
}

.theme-tease:hover h3 a,
.theme-tease h3 a:hover {
  color: #5eacc5;
}

.theme-tease .description {
  padding: 5px 15px;
  font-size: 14px;
}

.theme-tease .description p {
  margin-bottom: 0;
}

.theme-tease .description p.sponsor {
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
}

.theme-tease .description p a {
	font-weight: bold;
}

.theme-tease:hover .description p a {
	color: #fff;
}

.theme-tease .button {
  position: absolute;
  display: block;
  float: left;
  top: 190px;
  left: 123px;
  margin-left: -25%;
  color: #fff !important;
  display: none;
}

.theme-tease:hover {
  background-color: #5eacc5;
  border-color: #5eacc5;
}

.theme-tease:hover h3 a,
.theme-tease:hover .description {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
}

.theme-tease:hover .button {
  display: block;
}

.new-here-promo {
  margin-top: 70px;
  padding: 15px 15px 15px 70px;
  background: #f2fcff url('http://static.pictorymag.com/assets/img/help-icon.png') 15px 50% no-repeat;
  color: #a3a4a9;
  font-size: 18px;
  line-height: 24px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.new-here-promo p {
  margin: 5px 0;
}

.new-here-promo a {
  font-weight: bold;
  color: #5eacc5;
}

.new-here-promo a:hover {
  color: #5b5c61;
}

.latest-showcase-promo {
  width: 998px;
  min-height: 273px;
  _height: 273px;
  border: 1px solid #1d1d22;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  margin-top: 60px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.latest-showcase-promo:hover {
  cursor: pointer;
  border-color: #febf4b;
}

.latest-showcase-promo .showcase-details {
  margin-left: 65px;
  width: 245px;
  padding: 30px;
  background-color: rgba(29,29,34,.75);
  background-image: url('http://static.pictorymag.com/assets/img/showcase-details-background.png');
  text-shadow: none;
  min-height: 213px;
  _height: 213px;
}

.latest-showcase-promo .showcase-details:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.latest-showcase-promo .showcase-details h2 {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal;
  color: #febf4b;
  font-size: 24px;
  line-height: 27px;
  margin: 0;
  padding: 0;
}

.latest-showcase-promo .showcase-details h3 {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 35px 0 0;
  padding: 0;
}
.latest-showcase-promo .showcase-details h2.showcase-title a {
  font-weight: bold;
  color: #febf4b;
}

.latest-showcase-promo p {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  margin: 5px 0;
}

.latest-showcase-promo:hover .showcase-details h2,
.latest-showcase-promo:hover .showcase-details h2.showcase-title a {
  color: #fff;
}


/* Featured contributor
-------------------------------------------------------------- */

body.featured-contributor div#content {
  padding: 0;
  width: 500px;
  font-size: 16px;
  font-family: "Baskerville", Georgia, sans-serif;
  color: #74757a;
}

.featured-contributor h3 {
  font-size: 22px;
  color: #fff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
}

.featured-contributor h3 .share-button {
  margin-left: 10px;
}

.featured-contributor h2 {
  font-size: 60px;
  font-style: italic;
  line-height: 60px;
  font-family: "Baskerville", Georgia, sans-serif;
  color: #febf4b;
}

.featured-contributor #sidebar h5 {
  color: #fff;
  font-size: 18px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
}

.interview-wrapper img {
  width: 498px;
  border: 1px solid #16151a;
}

.featured-contributor #sidebar ul.featured-contributors {
  font-size: 16px;
  line-height: 21px;
  color: #74757a;
  list-style-type: none;
  margin-bottom: 40px;
}

.featured-contributor #sidebar ul.featured-contributors a {
  color: #74757a;
  font-weight: bold;
}

.featured-contributor #sidebar ul.featured-contributors a:hover {
  color: #febf4b;
}

.featured-contributor #sidebar ul.featured-contributors li.active a {
  color: #febf4b;
  background-image: url('http://static.pictorymag.com/assets/img/sidebar-li-bullet-yellow.png');
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 15px;
  margin-left: -15px;
}

.featured-contributor #sidebar ul.all-contributors {
  font-size: 11px;
  line-height: 13px;
  color: #74757a;
  list-style-type: none;
  width: 50%;
  float: left;
}

.featured-contributor #sidebar ul.all-contributors a {
  color: #74757a;
  font-weight: bold;
}

.featured-contributor #sidebar ul.all-contributors a:hover {
  color: #febf4b;
}

/* Featured contributor - classes
-------------------------------------------------------------- */
.featured-contributor .deck {
  font-size: 18px;
  line-height: 27px;
  color: #febf4b;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.featured-contributor p img {
  display: block;
}

.featured-contributor h4 {
  font-size: 16px;
  font-family: "Baskerville", Georgia, sans-serif;
  color: #ffffff;
  margin-bottom: 5px;
}

.featured-contributor .caption {
  font-size: 12px;
  line-height: 14px;
  font-family: "Baskerville", Georgia, sans-serif;
  color: #74757a;
  background: #16151a;
  position: relative;
  margin-top: -20px;
  padding: 10px 15px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}


/* Flat pages and notes
-------------------------------------------------------------- */

.flat-page h3 {
  color: #5eacc5;
  margin-bottom: 20px;
}

.flat-page #content p,
.flat-page #content ul,
.flat-page #content ol {
  line-height: 1.4em;
}

.flat-page #content ul,
.flat-page #content ol {
  margin-left: 20px;
}

.flat-page #content em {
  font-style: italic;
}

.flat-page #content strong {
  font-weight: bold;
  color: #5c5c61;
}

.flat-page #content a {
  color: #5eacc5;
}

.flat-page #content a:hover {
  color: #5c5c61;
}

.flat-page h4 {
  color: #a3a4a9;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 10px;
}

.flat-page h5 {
  color: #5eacc5;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 24px;
}

.flat-page #content {
  width: 469px !important;
  border-left: 1px solid #5eacc5;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  font-size: 14px;
}

.flat-page #content :last-child {
  margin-bottom: 0 !important;
}

.flat-page h4.subhead {
  padding-top: 0;
  margin-top: -0.1em;
}

.flat-page .secondary-content {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #a3a4a9;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  background-color: #f0f1f6;
  margin-left: -15px;
  padding: 12px 15px 15px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.flat-page #content .secondary-content:first-child {
  margin-top: 0;
}

.flat-page #content .secondary-content:last-child {
  margin-bottom: 0;
}

.flat-page .secondary-content p,
.flat-page .secondary-content ul,
.flat-page .secondary-content ol {
  line-height: 1.2em !important;
}

.flat-page #sidebar ul {
  list-style-type: none;
}

.flat-page #sidebar ul li a {
  font-weight: bold;
}

.flat-page #sidebar ul li.active a {
  color: #5b5c61;
  background-image: url('http://static.pictorymag.com/assets/img/button-arrow.png');
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 15px;
  margin-left: -15px;
}

.note {
  margin-bottom: 40px;
  font-size: 14px;
}

.note .date {
  color: #5b5c61;
  font-weight: bold;
  margin-bottom: 0;
}

.note.alt {
  background-color: #f6f6f8;
  margin-left: -15px;
  padding: 15px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

/* Misc. classes
-------------------------------------------------------------- */

.share-button { 
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif; 
  font-size: 12px; 
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  height: 25px;
  line-height: 25px;
  padding: 0 15px;
  background-color: #1d1d22;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}

.share-button:hover {
  background-color: #febf4b;
  color: #1e1e23 !important;
}

.tweet-wrap,
.plusone-wrap,
.like-wrap {
  display: inline-block;
  margin: 0 5px 0 0;
  height: 20px;
  line-height: 20px;
}

.clickable:hover {
  cursor: pointer;
}

.clear {
  clear: both;
}

/*  Registration/login/etc.
-------------------------------------------------------------- */

.registration #content {
  background-color: #fff;
  width: 500px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-left: -15px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.registration #content form {
  margin-left: 0;
}

.registration h3 { color: #5eacc5; }

.registration h5 { margin-top: 30px; font-weight: normal;}

.registration .connect-button {
  margin-top: -15px;
  margin-bottom: 15px;
}

form .field-wrapper.tos,
form .field-wrapper.newsletter {
  background-color: #f0f1f6;
  height: auto;
  min-height: 0;
}

form .field-wrapper.tos label,
form .field-wrapper.newsletter label {
  width: 440px;
  float: right;
  height: auto;
  line-height: 20px;
  font-size: 12px;
  padding: 0;
}

form .field-wrapper.tos .field,
form .field-wrapper.newsletter .field {
  width: auto;
  float: left;
  padding: 0;
}

form .field-wrapper.tos input,
form .field-wrapper.newsletter input {
  width: auto;
  float: left;
  background-color: inherit;
  height: auto;
  line-height: 20px;
}

/*  Recent showcase tease
-------------------------------------------------------------- */
#recent-showcases-container {
  background-color: #16151a;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin-top: 80px;
  overflow: hidden;
  margin-bottom: 30px;
}

#recent-showcases-container.editors-picks {
  margin-top: 0;
}

#recent-showcases-container h2 {
  padding-left: 15px;
  color: #febf4b;
}

#recent-showcases-container h2.active {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}

#recent-showcases-container h2.active span.tease {
  color: #ffffff;
  font-weight: normal;
  font-size: 16px;
  text-transform: none;
}

#recent-showcases-container h2 .tease .highlight {
  color: #ffffff;
}

#recent-showcases-container h2.active span.credit {
  color: #5c5c61;
  font-weight: normal;
  font-size: 11px;
  text-transform: none;
}

ul#recent-showcases{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1050px; /* Extra width so last image doesn't bounce to second line mid-animation */
}

ul#recent-showcases li {
  float: left;
  padding: 0;
  display: block;
  margin-right: 0;
}

ul#recent-showcases li a {
  display: block;
  overflow: hidden;
  height: 250px;
  width: 123px;
  border: 1px solid #16151A;
  border-width: 0 1px;
  background-position: center center;
  background-repeat: no-repeat;
}

ul#recent-showcases li a.first {
  width: 124px;
  border-left-width: 0;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
}

ul#recent-showcases li a.last {
  width: 124px;
  border-right-width: 0;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

ul#recent-showcases li p {
  display: none;
}

h2.editors-picks {
  font-weight: bold;
  font-size: 20px;
  color: #d2d2d8;
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 20px;
  margin-top: 30px;
  margin-right: 3px;
}

/*  Showcase nav
-------------------------------------------------------------- */

.showcase-nav {
  opacity: 0;
  position: fixed;
  top: 50%;
  height: 56px;
  margin-top: -25px;
  background: #16151a;
  background: rgba(59,59,64,.6);
  overflow: hidden;
  z-index: 9999;
}

.showcase-nav:hover,
.showcase-nav.visible {
  opacity: 1;
}

.showcase-nav p {
  display: none;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 0;
  margin: 0 20px 0 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  float: left;
}

.showcase-nav:hover p {
  display: block;
}

.showcase-nav:hover p a {
  display: block;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.showcase-nav:hover p a:hover {
  color: #febf4b;
}

.showcase-nav .arrow {
  width: 40px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.showcase-nav.previous {
  left: 0;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
}

.showcase-nav.previous .arrow {
  float: left;
  background-image: url('http://static.pictorymag.com/assets/img/button-arrow-light-reverse.png');
}

.showcase-nav.next {
  right: 0;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}

.showcase-nav.next .arrow {
  float: right;
  background-image: url('http://static.pictorymag.com/assets/img/button-arrow-light.png');
}}