/*
    Document   : zero1
    Created on : 16-Jun-2011, 11:47:43 AM
    Author     : Luke Lau of Yulu Inc.
    Description: Custom styles for 01 Magazine

  Note: Two menu items are hardcoded below
      current issue: body.current-issue #headerNav-ul > .menu-item-27
      archive:       body.archive-issue #headerNav-ul > .menu-item-26
      The reasons are that the current issue page calls taxnomy-series.php and
      selecting an archive issue from the archive page no long on the archive page
*/

/*
 * =General
------------------------------------------------------------------------------*/
.ad_container {
  /*display:none;*/
}
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font: normal 12px/16px Georgia, "Times New Roman", Serif;
  color: #666;
}

h1 {
  font: bold 25px/29px Georgia, "Times New Roman", Serif;
  color: #000;
  text-transform: uppercase;
}
h2 {
  font: bold 22px/26px Georgia, "Times New Roman", Serif;
  color: #000;
  text-transform: uppercase;
}
h3 {
  font: bold 18px/22px Georgia, "Times New Roman", Serif;
  color: #000;
  text-transform: uppercase;
}
h4 {
  font: bold 16px/20px Georgia, "Times New Roman", Serif;
  color: #000;
  text-transform: uppercase;
}
h5 {
  font: bold 14px/18px Georgia, "Times New Roman", Serif;
  color: #000;
  text-transform: uppercase;
}
h6 {
  font: bold 12px/16px Georgia, "Times New Roman", Serif;
  color: #000;
  text-transform: uppercase;
}

p {
  margin: 0 0 0.75em;
  padding: 0;
  font: normal 12px/16px Georgia, "Times New Roman", Serif;
  color: #666;
}

a, a:link, a:visited {
/*
  margin: 0;
  padding: 0;
  font: normal 12px/16px Georgia, "Times New Roman", Serif;
*/
  color: #666;
  text-decoration: none;
}
a:hover {
  text-decoration: underline
}
a.more, a:link.more, a:visited.more {

}
a:hover.more {

}
a.backToTop, a:link.backToTop, a:visited.backToTop {

}
a:hover.backToTop {

}

i,
em {
  font-style: italic;
}

blockquote p {
  margin: 1em 25px;
  padding: 0.25em 10px;
  border-left: 3px solid #ccc;
  font-style: italic;
}

span {
  margin: 0;
  padding: 0;
  font: normal 12px/16px Georgia, "Times New Roman", Serif;
  color: #666;
}

strong {
  font-weight: bold;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
legend {
  display: none;
  margin: 0;
  padding: 0;
}
label,
input {
  display: block;
  font: normal 12px/16px Georgia, "Times New Roman", Serif;
  color: #666;
}
input[type="text"],
input[type="password"] {
  height: 12px;
  padding: 2px;
  background: #fff;
  border: 1px solid #ccc;
}
input[type="submit"],
input[type="cancel"] {
  height: 18px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}
input[type="submit"]:hover ,
input[type="cancel"]:hover {
  background: #ccc;
  color: #fff;
}
textarea {
  padding: 2px;
  background: #fff;
  border: 1px inset #ccc;
  font: normal 12px/16px Georgia, "Times New Roman", Serif;
  color: #666;
}

.clear-both {
  clear: both;
}


/*
 * =Search Form
 -----------------------------------------------------------------------------*/
#searchform {

}

#searchForm div {
  display: inline-block;
}

#searchform label {
  float: left;
  margin: 0 5px 0 0;
}

#searchform #s {
  float: left;
  width: 150px;
  margin: 0 5px 0 0;
}

#searchform #searchsubmit {
  float: left;
}


/*
 * =WP Paginate Plugin Styles
 -----------------------------------------------------------------------------*/
#blogPostPaginator-top {
  margin: 10px 0;
  padding: 0;
}

#blogPostPaginator-below,
#blogPostPaginator-below-older {
  margin: 15px 0 0;
  padding: 0;
}

.blogPostPaginator {
  margin: 0;
  padding: 0;
  text-align: center;
}

#blogPostPaginator-below-older {
  padding: 0 30px 0 0;
  text-align: right;
}

.blogPostPaginator > div.navigation,
.blogPostPaginator > div.navigation a,
#blogPostPaginator-below-older > a {
  font-size: 11px;
  line-height: 11px;
  color: #999;
  font-weight: normal;
}
.blogPostPaginator > div.navigation span {
  font-size: 11px;
  line-height: 11px;
  color: #ccc;
}
.blogPostPaginator > div.navigation span.current {
  color: #999;
  text-decoration: underline;
}

.wp-paginate {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.wp-paginate > li {
  float: left;
  margin: 0 0 0 5px;
  padding: 5px;
  list-style: none;
}
.wp-paginate > li:first-child {
  margin: 0;
}


/*
 * =Custom Paginator - mainly for the magazine archive page
 -----------------------------------------------------------------------------*/
.zero1Paginator-wrapper {
  margin: 0;
  padding: 0;
  text-align: center;
}

.zero1Paginator-wrapper,
.zero1Paginator-wrapper a {
  font-size: 11px;
  line-height: 11px;
  color: #999;
  font-weight: normal;
}

.zero1Paginator-wrapper span {
  font-size: 11px;
  line-height: 11px;
  color: #ccc;
}

.zero1Paginator-wrapper > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.zero1Paginator-wrapper > ul > li {
  float: left;
  margin: 0 0 0 5px;
  padding: 5px;
  list-style: none;
}
.zero1Paginator-wrapper > ul > li:first-child {
  margin: 0;
}

a.zero1Paginator-firstPage-enabled {

}
span.zero1Paginator-firstPage-disabled {

}

a.zero1Paginator-previousPage-enabled {

}
span.zero1Paginator-previousPage-disabled {

}

span.zero1Paginator-breakPage-disabled {

}

a.zero1Paginator-page-enabled {

}
span.zero1Paginator-page-current {
  color: #999;
  text-decoration: underline;
}

a.zero1Paginator-nextPage-enabled {

}
span.zero1Paginator-nextPage-disabled {

}

a.zero1Paginator-lastPage-enabled {

}
span.zero1Paginator-lastPage-disabled {

}


/*
 * =Page Defaults
 -----------------------------------------------------------------------------*/
.page-title {
  margin: 0 0 30px;
  padding: 0;
  font-size: 25px;
  line-height: 29px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
.page-subTitle {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 19px;
  color: #666;
  font-weight: bold;
  text-transform: uppercase;
}


/*
 * =Content Defaults
 -----------------------------------------------------------------------------*/
.entry-content {
  margin: 20px 0 0;
  padding: 0;
}
.entry-content address {
  color: #999;
  font-style: italic;
}
.entry-content address,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 0 0 0.75em;
}
.entry-content ol {
  margin: 0 35px 0.75em;
  list-style: decimal outside;
}
.entry-content ul {
  margin: 0 35px 0.75em;
  list-style: disc outside;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}

.entry-title {
  margin: 0;
  padding: 0;
  font-size: 25px;
  line-height: 29px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
.articleTitleIssueNumber {
  font-size: 15px;
  line-height: 19px;
  color: #ccc;
  font-weight: bold;
  text-transform: uppercase;
}

.entry-meta {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #ccc;
}
.entry-meta-contributor,
.entry-meta-contributor a {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  font-weight: normal;
}
.entry-meta-date,
.entry-meta-date a {
  font-size: 12px;
  line-height: 16px;
  color: #ccc;
  font-weight: normal;
}
.entry-meta-category,
.entry-meta-category a {
  font-size: 12px;
  line-height: 16px;
  color: #333;
  font-weight: normal;
}
.entry-meta-tag,
.entry-meta-tag a {
  font-size: 12px;
  line-height: 16px;
  color: #ccc;
  font-weight: normal;
}


/*
 * =Share Magazine Article / Blog Post at Social Media
 -----------------------------------------------------------------------------*/
#share-wrapper {
  margin: 20px 0 0 0;
  padding: 0;
}

.share-socialMedia-wrapper {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 0 0 10px;
}
.share-socialMedia-wrapper:first-child {
  margin: 0;
}

.share-socialMedia-content {
  height: 20px !important;
  overflow: hidden;
}
.share-socialMedia-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px !important;
  background: rgba(255, 255, 255, .5);
  pointer-events: none;
}
.share-socialMedia-wrapper:hover > .share-socialMedia-button {
  background: none;
}

#share-socialMedia-facebook,
#share-socialMedia-button-facebook {
  width: 110px !important;
}
#share-socialMedia-button-facebook {

}

#share-socialMedia-googlePlus,
#share-socialMedia-button-googlePlus {
  width: 90px !important;
}
#share-socialMedia-button-googlePlus {

}

#share-socialMedia-twitter,
#share-socialMedia-button-twitter {
  width: 110px !important;
}
#share-socialMedia-button-twitter {

}


/*
 * =Comments Default
 -----------------------------------------------------------------------------*/
#comments {
  margin: 20px 0 0;
  padding: 0;
}

#comments-title {
  margin: 0 0 10px;
  padding: 0;
}

.commentlist .comment {
  margin: 0;
  padding: 0;
}
.commentlist .comment .comment-wrapper {
  margin: 0 0 20px;
}
.comment-avatar {
  float: left;
  width: 50px;
  max-height: 50px;
  overflow: hidden;
  margin: 0 10px 0 0;
  padding: 0;
}
.comment-content-wrapper {
  float: left;
  width: 655px;
  margin: 0;
  padding: 0;
}
.comment-author p,
.comment-author a,
.comment-author span {
  color: #999;
  font-weight: normal;
}
.comment-meta p,
.comment-meta a,
.comment-meta span {
  color: #ccc;
  font-weight: normal;
}
.comment-body p,
.comment-body a,
.comment-body span {

}
.comment-awaiting-moderation {
  font-weight: bold;
}

#respond {
  margin: 0;
  padding: 0;
}
#reply-title {
  margin: 0 0 10px;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
}
.comment-form-tags,
#commentform .form-allowed-tags {
  display: none;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment,
#commentform .form-submit {
  clear: both;
  height: 16px;
  margin: 0;
  padding: 0 0 5px;
  line-height: 16px;
}
#commentform label {
  float: left;
  width: 70px;
  margin: 0 5px 0 0;
  text-align: right;
}
#commentform span.required {
  float: left;
  width: 10px;
  margin: 0 5px 0 0;
}
#commentform > p.comment-notes > span.required {
  clear: none;
  float: none;
  width: 0;
  margin: 0;
}
#commentform input[type="text"] {
  float: left;
  width: 200px;
}
#commentform input#url {
  margin: 0 0 0 15px;
}
.comment-form-comment {
  height: 105px;
}
#commentform textarea#comment {
  float: left;
  width: 500px;
  height: 100px;
  margin: 0 0 0 15px;
}
#commentform .form-submit {
  margin: 0 0 0 88px;
}


/*
 * =Sidebar / Widget Defaults
 -----------------------------------------------------------------------------*/
#magazine-widget-title {
  margin: 0 0 10px;
  padding: 0;
}

#blog-widget-title {
  margin: 50px 0 10px;
}

.widget-container {
  margin: 30px 0 0;
}
.widget-container:first-child {
  margin: 0;
}
.widget-container.dfp_single_ad_widget_class {
  margin-left:-10px;
  margin-right:-10px;
}

.widget-area h3,
.widget-area h4 {
  margin: 0 0 5px;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  text-transform: uppercase;
}
.widget-area h3 > span,
.widget-area h4 > span {
  font-size: 10px;
  line-height: 10px;
  color: #999;
  text-transform: uppercase;
}
.wdiget-area a {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
  color: #666;
  font-weight: normal;
}

#socialMedia-widget-area {
  margin: 50px 0 0;
}

.widget-facebook,
.widget-twitter,
.widget-flickr {
  height: 20px;
  padding: 0 0 1px 20px;
  line-height: 20px;
}
.widget-facebook {
  background: url("../images/icon-facebook.png") left top no-repeat;
}
.widget-twitter {
  background: url("../images/icon-twitter.png") left top no-repeat;
}
.widget-flickr {
  background: url("../images/icon-flickr.png") left top no-repeat;
}
.widget-facebook:hover,
.widget-twitter:hover,
.widget-flickr:hover {
  background-position: left bottom;
}

#magazine-above-widget-area {
  margin-bottom:30px;
}
/*
 * =Sidebar Bigbox
-----------------------------------------------------------------------------*/

#sidebar-bigbox-container {
  margin: 0 10px 20px 10px;
}
/*
 * =Structural layout
 -----------------------------------------------------------------------------*/
#main-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

#header-wrapper {
  width: 100%;
  background: #fff;
}
body.admin-bar #header-wrapper {
  /* JavaScript adjusts property 'top' if there is an admin bar */
}

#body-wrapper {
  position: relative;
  width: 960px;
  margin: 30px auto 0;
}
body.home #body-wrapper {
  margin: 30px auto 0;
}

#footer-wrapper {
  position: relative;
  width: 960px;
  margin: 30px auto 0;
  padding: 5px 0 5px;
  border-top: 1px solid #ccc;
}


/*
 * =Header Wrapper
 -----------------------------------------------------------------------------*/
#header-inner-wrapper {
  width: 960px;
  height: 55px;
  margin: 0 auto;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

#top-widget-area {
  width:728px;
  /*height:90px; */
  margin: 20px auto;
}

#logo-wrapper {
  float: left;
  width: 340px;
  height: 55px
}

#headerRightSide-wrapper {
  float: right;
  width: 620px;
  height: 55px
}

#headerSearchForm-wrapper {
  float: right
}

#headerSearchForm-wrapper label.screen-reader-text {
  display: none;
}

#headerNavigation-wrapper {
  clear: both;
  float: right;
  margin: 18px 0 0;
}

.menu-headernav-container {
  margin: 0;
  padding: 0;
  text-align: right;
}

#headerNav-ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#headerNav-ul > .menu-item {
  float: left;
  margin: 0 0 0 20px;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
#headerNav-ul > .menu-item:first-child {
  margin: 0;
}
#headerNav-ul > .menu-item > a {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-weight: normal;
}
body.current-issue #headerNav-ul > .menu-item-27, /* menu item: current issue (development environment) */
body.current-issue #headerNav-ul > .menu-item-29, /* menu item: current issue (production environment) */
body.archive-issue #headerNav-ul > .menu-item-26, /* menu item: archive (development environment) */
body.archive-issue #headerNav-ul > .menu-item-28, /* menu item: archive (production environment) */
#headerNav-ul > .current-menu-item > a {
  text-decoration: underline;
  font-weight: normal;
}


/*
 * =Body Containers
 -----------------------------------------------------------------------------*/
 .single-article #bodyContent {
    background-image: url(/wp-content/themes/zero1/images/gray-pixel.gif);
    background-repeat: repeat-y;
    background-position: 650px top;
 }
 .oneColumnNoSidebars #bodyContent {
  background:none;
 }
.oneColumnNoSidebars {
  position: relative;
  width: 960px;
  margin: 0;
  padding: 0;
}

.oneColumnOneSidebar {
  position: relative;
  width: 960px;
  margin: 0;
  padding: 0;
}
.oneColumnOneSidebar-column {
  float: left;
  /*width: 724px;*/
  width:630px;
  margin: 0;
  padding: 0;
  position: relative;
}
.oneColumnOneSidebar-sidebar {
  float: right;
  /*width: 215px;*/
  width:309px;
  margin: 60px 0 0 19px;
  padding: 0;
  border-left: 1px solid #ccc;
}
.oneColumnOneSidebar-sidebar .widget-area {
  padding:0 20px;
}

.twoColumnsNoSidebars {
  position: relative;
  width: 960px;
  margin: 0;
  padding: 0;
}
.twoColumnsNoSidebars-column1 {
  float: left;
  width: 470px;
  margin: 0;
  padding: 0;
}
.twoColumnsNoSidebars-column2 {
  float: right;
  width: 470px;
  margin: 0;
  padding: 0;
}


/*
 * =Footer Wrapper
 -----------------------------------------------------------------------------*/
#copyrightNotice {
  float: left;
  font-size: 9px;
  line-height: 13px;
  color: #333;
}

#footerNavigation-wrapper {
  float: left;
  width: 960px;
  margin: -20px 0 0;
}

.menu-footernav-container {
  margin: 0;
  padding: 0;
  text-align: center;
}

#footerNav-ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#footerNav-ul > .menu-item {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 9px;
  line-height: 13px;
  color: #333;
}

#footerNav-ul > .menu-item > a {
  margin: 0;
  padding: 0;
  font-size: 9px;
  line-height: 13px;
  color: #333;
  font-weight: normal;
}
#footerNav-ul > .menu-item > .footerNavItemDivider {
  margin: 0 10px;
  padding: 0;
  font-size: 9px;
  line-height: 13px;
  color: #333;
}
#footerNav-ul > .menu-item:first-child > .footerNavItemDivider {
  display: none;
  margin: 0;
}

#backToTop-wrapper {
  float: right;
  margin: -20px 0 0;
}
.goto-topofpage {
  margin: 0;
  padding: 0;
}
.goto-topofpage,
.goto-topofpage a {
  font-size: 9px;
  line-height: 9px;
  color: #333;
  font-weight: normal;
  text-align: right;
}


/*
 * =Not Found page / snippet
 -----------------------------------------------------------------------------*/
#pageNotFound-column-wrapper {
  min-height: 350px;
  margin: 0;
  padding: 0;
}

#pageNotFound-title {
  margin: 0;
  padding: 0;
}

.not-found-message {
  margin: 30px 0 0;
  padding: 0;
  text-align: left;
}
.not-found-message #searchform {
  margin: 20px 0;
  padding: 0;
}


/*
 * =Search page / snippet
 -----------------------------------------------------------------------------*/
#searchPage-results-column-wrapper,
#searchPage-noResults {
  min-height: 350px;
  margin: 0;
  padding: 0;
}

#searchPage-results-title,
#searchPage-noResults-title {
  margin: 0;
  padding: 0;
}

#searchPage-results-results {

}


/*
 * =Splash / Home page
 -----------------------------------------------------------------------------*/

#splashGalleries-left {
  float: left;
  width: 480px;
  margin: 0;
  padding: 0;
  border-right: 1px solid #ccc;
}
.imageGallery-title {
  margin: 30px 0 0;
  text-align: center;
}

#magazineIssueCoverImageGallery-title > a,
#blogPostImageGallery-title a {
  font-size: 25px;
  line-height: 29px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}

#magazineIssueCoverImageGallery,
#blogPostImageGallery {
  width: 460px;
  min-height: 300px;
  max-height: 300px !important;
  overflow: hidden;
  margin: 0;
}

#magazineIssueCoverImageGallery {
  padding: 0 20px 0 0;
}

#splashGalleries-right {
  float: left;
  width: 460px;
  margin: 0;
  padding: 0 0 0 18px;
}

#blogPostImageGallery-title {
  padding: 0;
}

#blogPostImageGallery {
  padding: 0 0 0 0;
}

.splashPageImage-wrapper {
  width: 460px;
  text-align: center;
}
.splashPageImage-wrapper img {
  display: block;
  margin: 0 auto;
  width:100% !important;
  height:auto !important;
}



/*
 * =Magazine Archive Widget Sidebar
 -----------------------------------------------------------------------------*/
#magazineSideArchive {
  width: 300px;
  margin: 0 5px 0 20px;
  padding: 0;
}
#magazineSideArchive h3 {
  margin: 0 0 5px;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  text-transform: uppercase;
}
#magazineSideArchive > ul {
  display: block;
  margin: 0;
  padding: 0;
}
#magazineSideArchive > ul > li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#magazineSideArchive .issueThumbnail {
  position: relative;
  width: 80px;
  height: 102px;
  margin: 0 10px 10px 0;
  padding: 0;
}
#magazineSideArchive .issueThumbnail:hover .issueThumbnail-cover {
  display: block;
}

#magazineSideArchive .issueThumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 102px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
}
#magazineSideArchive .issueThumbnail-img img {
  margin: 0 auto;
  width:100%;
}

#magazineSideArchive .issueThumbnail-cover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 79px;
  height: 101px;
  margin: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #ccc;
  color: #333;
  text-align: center;
}
#magazineSideArchive .issueThumbnail-cover a {
  color: #333;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}
#magazineSideArchive .issueThumbnail-cover a:hover {
  text-decoration: underline;
}

#magazineSideArchive .issueThumbnail-issueTitle {
  margin: 0;
  padding: 10px 2px 5px;
  background: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  line-height: 12px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}

#magazineSideArchive .issueThumbnail-issueNumber {
  margin: 0;
  padding: 0px 2px 5px;
  background: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  line-height: 12px;
  color: #999;
  font-weight: bold;
  text-transform: uppercase;
}




/*
 * =Magazine Archive Page
 -----------------------------------------------------------------------------*/
#magazineArchive {
  width: 735px;
  margin: 0 0 0 -5px;
  padding: 0;
}
#magazineArchive > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#magazineArchive > ul > li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.issueThumbnail {
  position: relative;
  width: 235px;
  height: 298px;
  margin: 0 10px 20px 0;
  padding: 0;
}
.issueThumbnail:hover .issueThumbnail-cover {
  display: block;
}

.issueThumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  max-height: 288px;
  overflow: hidden;
  margin: 5px;
  padding: 0;
  border: none;
  text-align: center;
}
.issueThumbnail-img img {
  margin: 0 auto;
}

.issueThumbnail-cover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 233px;
  height: 296px;
  margin: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #ccc;
  color: #333;
  text-align: center;
}
.issueThumbnail-cover a {
  color: #333;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}
.issueThumbnail-cover a:hover {
  text-decoration: underline;
}

.issueThumbnail-issueTitle {
  margin: 0;
  padding: 10px 5px 5px;
  background: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}

.issueThumbnail-issueNumber {
  margin: 0;
  padding: 5px 5px 10px;
  background: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 16px;
  color: #ccc;
  font-weight: bold;
  text-transform: uppercase;
}


/*
 * =Magazine Issue Page
 -----------------------------------------------------------------------------*/
#magazineIssue-content-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
}

#magazineIssue-image {
  position: relative;
  float: left;
  width: 400px;
  max-height: 600px;
  overflow: hidden;
  margin: 0 20px 20px 0;
  padding: 0;
}
#magazineIssue-image img {
  width:100%;
}
#magazineIssue-image:hover #magazineIssue-description {
  display: block;
}

#magazineIssue-description {
  position: absolute;
  top: 20px;
  left: 20px;
  display: none;
  width: 410px;
  margin: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  line-height: 15px;
  color: #000;
}
#magazineIssue-description > p {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
  color: #000;
}

.magazineArticleThumbnail-wrapper {
  position: relative;
  float: left;
  width: 190px;
  margin: 0 20px 20px 0;
  padding: 0;
}
.magazineArticleThumbnail-wrapper.last {
  margin-right:0;
}
.magazineArticleThumbnail-wrapper-minHeight {
  min-height: 250px;
}
.magazineArticleThumbnail-wrapper-marginRight {
  margin-right: 20px;
}

.magazineArticleThumbnail-image {
  float: left;
  width: 190px;
  max-height: 180px;
  overflow: hidden;
  margin: 0 20px 0 0;
  padding: 0;
}

.magazineArticleThumbnail-image img {
  width:100%;
}

.magazineArticleThumbnail-content-wrapper {
  float: left;
  width: 190px;
  margin: 0;
  padding: 0;
}
.magazineArticleThumbnail-category,
.magazineArticleThumbnail-category > a {
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  font-weight: normal;
  text-transform: uppercase;
}

.magazineArticleThumbnail-title,
.magazineArticleThumbnail-title > a {
  margin: 4px 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-weight: normal;
  text-transform: uppercase;
}

.magazineArticleThumbnail-author,
.magazineArticleThumbnail-author > a {
  margin: 2px 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #666;
  font-weight: normal;
}


/*
 * =Blog Page
 -----------------------------------------------------------------------------*/
.blogPostThumbnail-wrapper {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #ccc;
}
.blogPostThumbnail:first-child .blogPostThumbnail-wrapper {
  margin: 0;
  padding: 0;
  border-top: none;
}

.blogPostThumbnail-wrapper {
  display: inline-block;
}
.blogPostThumbnail-title {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
.blogPostThumbnail-content-wrapper {
  margin: 5px 0 0;
  padding: 0;
}
.blogPostThumbnail-featuredImage {
  float: left;
  width: 225px;
  max-height: 180px;
  overflow: hidden;
  margin: 0 20px 0 0;
  padding: 0;
}
.blogPostThumbnail-excerpt {
  float: left;
  width: 440px;
  margin: 0;
  padding: 0;
}
.blogPostThumbnail-excerpt-fullWidth {
  width: 685px;
}


/*
 * = About Page
 -----------------------------------------------------------------------------*/
#aboutPage-description {
  margin: 0 0 30px;
  padding: 0;
  font-size:  18px;
  line-height: 22px;
  color: #333;
}

#aboutPage-contributors-wrapper {
  width: 490px;
}

.contributor-thumbnail {
  float: left;
  width: 205px;
  height: 35px !important;
  overflow: hidden;
  margin: 0 20px 20px 0;
  padding: 10px;
}
.contributor-thumbnail-selected {
  width: 205px;
  padding: 9px;
  border: 1px solid #ccc;
}
.contributor-thumbnail-name {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  text-transform: uppercase;
}
.contributor-thumbnail-title {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
  color: #666;
}

#aboutPage-contributor-profile-avatar-wrapper {
  width: 470px;
  max-height: 225px;
  overflow: hidden;
}
#aboutPage-contributor-profile-name {
  margin: 0.5em 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  color: #333;
  text-transform: uppercase;
}
#aboutPage-contributor-profile-title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 17px;
  color: #666;
}
#aboutPage-contributor-profile-email {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
}
#aboutPage-contributor-profile-email,
#aboutPage-contributor-profile-email > a {
  color: #999;
}
#aboutPage-contributor-profile-url {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
}
#aboutPage-contributor-profile-url,
#aboutPage-contributor-profile-url > a {
  color: #999;
}
#aboutPage-contributor-profile-biography {
  margin: 10px 0 0.75em;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #666;
}
#aboutPage-contributor-profile-work-blog,
#aboutPage-contributor-profile-work-magazine {
  float: left;
  width: 225px;
  padding: 0;
}
#aboutPage-contributor-profile-work-blog {
  margin: 10px 0 0;
}
#aboutPage-contributor-profile-work-magazine {
  margin: 10px 20px 0 0;
}
#aboutPage-contributor-profile-work-blog h3,
#aboutPage-contributor-profile-work-magazine h3 {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
  color: #999;
  font-weight: bold;
  text-transform: uppercase;
}
.aboutPage-contributor-profile-blogPost,
.aboutPage-contributor-profile-blogPost a,
.aboutPage-contributor-profile-magazineArticle,
.aboutPage-contributor-profile-magazineArticle a {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
  color: #999;
  font-weight: normal;
  text-transform: none;
}

#viewAllWorkByContributor {
  clear: both;
  margin: 0.75em 0 0;
}


/*
 * =Contact Page
 -----------------------------------------------------------------------------*/
#contactPageImageGallery {
  min-height: 380px;
  max-height: 500px;
  overflow: hidden;
}

.contactPageImage-wrapper {
  width: 960px;
  text-align: center;
}
.contactPageImage-wrapper img {
  display: block;
  margin: 0 auto;
}

#contactPage-content-wrapper {
  position: absolute;
  top: 80px;
  left: 240px;
  z-index: 999;
  width: 480px;
  margin: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #ccc;
  text-align: center;
}

#contactPage-content {
  display: inline-block;
  margin: 50px;
  padding: 20px 50px 0;
  text-align: left;
}
#contactPage-content,
#contactPage-content p,
#contactPage-content address {
  font-size: 15px;
  line-height: 19px;
  color: #000;
  font-style: normal;
}
#contactPage-content p,
#contactPage-content address {
  margin: 0 0 20px;
}

#contactPage-editLink {
  position: relative;
}

a.contact-facebook,
a.contact-twitter,
a.contact-flickr {
  display: block;
  height: 16px;
  margin: 0 0 4px;
  padding: 0 0 0 20px;
  font-size: 15px;
  line-height: 16px;
  color: #000;
  font-style: normal;
}
.contact-facebook {
  background: url("../images/icon-facebook.png") left top no-repeat;
}
.contact-twitter {
  background: url("../images/icon-twitter.png") left top no-repeat;
}
.contact-flickr {
  background: url("../images/icon-flickr.png") left top no-repeat;
}
.contact-facebook:hover,
.contact-twitter:hover,
.contact-flickr:hover {
  background-position: left bottom;
}

#mailinglist {
  width:480px;
}
#mailinglist #mc_embed_signup {
  padding:20px;
}
.indicates-required {
  font-size:80%;
  text-align: right;
  padding-bottom:10px;
}
.mc-field-group {
  padding-bottom:12px;
}
.mc-field-group label {
  padding-bottom:5px;
}
.mc-field-group input {
  width:100%;
  line-height: 22px;
  height:22px;
}
#mc-embedded-subscribe {
  margin-top:20px;
  height:40px;
}

.paypal_button{float:right; margin-top:-40px;}
#shop {padding-left:0px; margin-left:-35px;}
#shop li{list-style:none; padding-top:10px; padding-bottom:80px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#C6C6C6;}
#shop li:last-child{border-bottom-width:0px;}
#shop .title{font-size:18px; font:Georgia, "Times New Roman", Serif; text-transform: uppercase; font-color:#666666; font-weight:bold;}
#shop .title a, #shop .title a:visited{font-color:#666666;}
#shop .date{color:#C6C6C6;}
#shop .image{float:left; margin-right:20px;}