/*
Theme Name: Sample Room
Theme URI: http://frenchsampleroom.com
Author: CSA Design
Author URI: http://csadesign.com
Description: Theme for the French Paper Sample Room.
Version: 0.2
*/
/* =Reset
-------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  letter-spacing: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

/* =Structure
-------------------------------------------------------------- */
/* Clearfix */
.clearfix:before, #header-nav:before, #header-nav .nav-container:before, .article:before, .article-meta-actions:before, .sampleroom_sample .article-wrap:before,
.clearfix:after,
#header-nav:after,
#header-nav .nav-container:after,
.article:after,
.article-meta-actions:after,
.sampleroom_sample .article-wrap:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after, #header-nav:after, #header-nav .nav-container:after, .article:after, .article-meta-actions:after, .sampleroom_sample .article-wrap:after {
  clear: both; }

.clearfix, #header-nav, #header-nav .nav-container, .article, .article-meta-actions, .sampleroom_sample .article-wrap {
  *zoom: 1;
  /* ie6 */ }

/* Globals */
h1, h2, h3 {
  font-weight: 600;
  color: inherit;
  padding: 0; }

h1 {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 25px 0; }

h2 {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 10px 0; }

h3 {
  font-size: 15px;
  line-height: 16px;
  margin: 0 0 10px 0; }

p {
  margin: 0 0 10px 0; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

a:link, a:visited {
  color: #BF1E2D;
  text-decoration: none; }

a:hover, a:active {
  color: #d73d35;
  text-decoration: none; }

/* Styling */
.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

/* Layout */
html {
  background: #b3ada2 url("images/main-bg.gif") repeat scroll 0 0;
  color: #595A5C;
  font: normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; }

#page {
  display: block;
  margin: 0 auto;
  width: 910px;
  background: #FFFFFF;
  position: relative;
  z-index: 1; }

.fullwidth {
  display: block;
  width: 100%; }

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Alignment */
.alignleft {
  display: inline;
  float: left; }

.alignright {
  display: inline;
  float: right; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* =Global Settings
-------------------------------------------------------------- */
.nav-container {
  display: block;
  margin: 0 0 10px 0; }

.nav-container li {
  display: block;
  float: left; }

.nav-container li.alignright {
  float: right; }

.tablenav-pages {
  height: 30px;
  overflow: hidden; }

.page-numbers {
  display: block;
  float: left;
  text-align: center;
  height: 20px;
  line-height: 20px;
  width: 20px;
  margin: 3px; }

.page-numbers.current, .nav-button {
  border-radius: 50%;
  background: #c3c3c3; }

a.nav-button {
  background: #c33434;
  color: #ffffff;
  font-size: 13px; }

.nav-button.disabled {
  background: #c3c3c3; }

a.linkout {
  display: block;
  height: 13px;
  padding: 0 0 0 18px;
  background: url("images/icon-link.png") no-repeat scroll 0 0 transparent;
  line-height: 13px; }

a.linkout:hover {
  background-position: 0 -13px; }

.article-sub-info .linkout {
  margin: 0 0 5px 0; }

ul.dot {
  list-style: disc;
  margin: 0 0 10px 15px; }

/* =States
-------------------------------------------------------------- */
.state-open {
  display: block; }

.state-closed, .state-hidden, .alertpop.has-spinner .alertpop-message, .alertpop.has-message .alertpop-spinner {
  display: none; }

.is-not-scrollable {
  overflow: hidden; }

.is-scrollable {
  position: fixed;
  overflow: auto; }

.has-dropmenu {
  position: relative; }

/* =Social
-------------------------------------------------------------- */
#social {
  display: block;
  position: absolute;
  top: 5px;
  right: -40px;
  width: 30px;
  text-indent: 9999px;
  overflow: hidden; }

#social .social-inner {
  position: fixed; }

#social a {
  display: block;
  height: 25px;
  width: 25px;
  text-indent: 9999px;
  overflow: hidden;
  margin: 0 0 6px 0;
  background-color: #ffffff;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

#social-rss {
  background-image: url("images/social-rss.png"); }

#social-twitter {
  background-image: url("images/social-twitter.png"); }

#social-facebook {
  background-image: url("images/social-facebook.png"); }

#social-share,
#social-submit {
  background-color: #c53730 !important; }

#social-share {
  background-image: url("images/social-share.png"); }

#social-submit {
  background-image: url("images/social-submit.png"); }

.social-links {
  overflow: visible;
  display: block;
  clear: both;
  padding: 10px 0 0 0;
  height: 30px; }

.social-link a {
  display: block;
  height: 13px;
  padding: 0 0 0 18px;
  background: url("images/icon-share.png") no-repeat scroll 0 0 transparent;
  line-height: 13px;
  float: right; }

.social-link a:hover {
  background-position: 0 -13px; }

.social-buttons {
  display: block;
  margin: 10px 0; }

.social-buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  *zoom: 1;
  /*IE 7*/ }

.social-buttons li {
  display: block;
  width: 180px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #c3c3c3; }

.social-buttons li:last-child {
  border: none; }

/* =Modal
-------------------------------------------------------------- */
#modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
  background: url("images/bg-trans.png") repeat scroll 0 0 transparent;
  /* Fallback */
  background: rgba(0, 0, 0, 0.5); }

.modal-item {
  width: 600px;
  padding: 20px;
  background: #ffffff;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 10%;
  margin: 0 0 0 -300px; }

#modal.is-scrollable .modal-item {
  top: 20px; }

.admin-bar #modal.is-scrollable .modal-item {
  top: 50px; }

.modal-title {
  overflow: hidden;
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #c3c3c3; }

.modal-title h2 {
  margin: 0;
  text-transform: uppercase;
  line-height: 30px; }

#modal-social .modal-title h2 {
  background: url("images/modal-social.png") no-repeat scroll 0 0 transparent;
  padding: 0 0 0 40px; }

#modal-rss .modal-title h2 {
  background: url("images/modal-rss.png") no-repeat scroll 0 0 transparent;
  padding: 0 0 0 40px; }

.modal-close, .sr-paper-item-close {
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  border: 6px solid #fff;
  background: url("images/button-x.png") no-repeat scroll 0 0 white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  overflow: hidden;
  text-indent: 9999px; }

.modal-close:hover, .sr-paper-item-close:hover {
  background-position: 0 -15px;
  cursor: pointer; }

.modal-info {
  font-style: italic; }

.modal-options,
.modal-section {
  border-top: 1px solid #c3c3c3;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  overflow: hidden;
  clear: both; }

.modal-section p:last-child {
  margin-bottom: 0; }

#modal-social .modal-section .img-thumbnail {
  float: left;
  margin: 0 10px 0 0; }

#modal-social .modal-section ul {
  float: left;
  display: block;
  width: 425px; }

.modal-options p {
  float: left;
  line-height: 30px;
  margin: 0;
  font-style: italic; }

.modal-options .button-prime,
.modal-options .button {
  float: right;
  margin: 0 0 0 10px; }

/* =Alertpop
-------------------------------------------------------------- */
@-moz-keyframes spinner {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spinner {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

.alertpop {
  position: fixed;
  background: #c3c3c3;
  height: auto;
  width: 200px;
  top: 50%;
  right: 50%;
  margin: -30px -100px 0 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  z-index: 100; }

.alertpop.has-spinner {
  height: 60px;
  width: 60px;
  margin: -30px -30px 0 0; }

.alertpop-spinner {
  display: block;
  height: 60px;
  width: 60px;
  background: url("images/spinner.png") no-repeat scroll 0 0 transparent;
  -webkit-animation: spinner 1s linear 0s infinite reverse;
  -moz-animation: spinner 1s linear 0s infinite reverse;
  animation: spinner 1s linear 0s infinite reverse; }

.alertpop-message {
  text-align: center;
  padding: 10px;
  display: block;
  font-weight: bold; }

/* =Tooltip
-------------------------------------------------------------- */
#tooltips {
  z-index: 2; }

.tooltip, .dropmenu {
  position: absolute;
  display: none;
  overflow: visible;
  float: left;
  z-index: 2; }

.tooltip-on, .dropmenu-on {
  display: block; }

.tooltip-content {
  display: block;
  background: #c3c3c3;
  padding: 0 10px;
  color: #ffffff; }

.tooltip-content {
  height: 30px;
  line-height: 30px; }

.tooltip-arrow {
  position: absolute;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid #c3c3c3;
  top: 7px;
  left: -8px;
  display: block; }

.state-under .tooltip-arrow {
  border-bottom: 8px solid #c3c3c3;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  left: 50%;
  top: -8px; }

/* =Dropmenus
-------------------------------------------------------------- */
.dropmenu-content {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid #c3c3c3;
  background: #ffffff;
  height: auto;
  min-width: 100px;
  overflow: hidden;
  padding: 5px 10px; }

.dropmenu-title {
  display: block;
  padding: 0 25px 0 0;
  background: url("images/dropdown-toggle-sub.png") no-repeat scroll right top transparent; }

.dropmenu-title-skin {
  border: 1px solid #c3c3c3;
  height: 16px;
  line-height: 16px;
  padding: 5px 25px 5px 10px;
  background-position: right 4px; }

.dropmenu-title-skin:hover {
  cursor: pointer;
  color: #c33434; }

.dropmenu:after, .dropmenu:before {
  position: absolute;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
  right: 10px;
  margin-left: -8px;
  margin-bottom: -1px;
  display: block;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none; }

.dropmenu:before {
  border-bottom: 10px solid #c3c3c3;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin-left: -10px;
  right: 8px; }

.dropmenu li {
  display: block;
  float: none; }

.dropmenu a {
  display: block;
  font-size: 13px;
  line-height: 25px; }

.dropmenu a:hover {
  color: #c33434; }

/* =Header
-------------------------------------------------------------- */
#header {
  margin: 0;
  padding: 0;
  width: 910px;
  height: 102px;
  position: relative;
  overflow: visible;
  color: #595A5C;
  z-index: 9999; }

/* Header Branding */
#header-branding {
  margin: 0;
  padding: 0 0 0 10px;
  width: 900px;
  height: 68px;
  background: #ffffff;
  border-style: dashed;
  border-width: 0 0 1px 0;
  border-color: #9e9a8b;
  overflow: hidden; }

#header-branding .logo,
#header-branding .title,
#header-branding .description,
#header-branding .meta {
  display: block;
  float: left;
  margin: 10px 15px 0 0;
  padding: 2px 13px 2px 0;
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: #c33434;
  height: 44px; }

#header-branding .logo {
  margin: 10px 15px 0 5px;
  width: 145px; }

#header-branding .title {
  width: 75px; }

#header-branding .title a,
#header-branding .meta-option {
  display: block;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: bold; }

#header-branding .title a:link,
#header-branding .title a:visited {
  color: #595A5C; }

#header-branding .description {
  width: 390px;
  padding: 2px 0; }

#header-branding .description p {
  margin: 0;
  font-size: 12px;
  line-height: 14px;
  color: #c33434; }

#header-branding .meta {
  border: none;
  margin: 0;
  width: 190px; }

#header-branding .meta-option {
  background: url("images/header/header-submit.png") no-repeat scroll right top transparent;
  color: #C33434;
  margin: 0;
  padding: 10px 0;
  width: 190px; }

/*
 * header-nav
 */
#header-nav {
  width: 910px;
  background: #ffffff;
  position: relative;
  height: 34px;
  /*-moz-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);*/
  /*
   * subnavs
   */ }
  #header-nav .nav-option {
    display: block;
    color: #595A5C;
    font-size: 13px;
    font-weight: 700;
    border-style: dashed;
    border-width: 0 0 1px 1px;
    border-color: #9e9a8b;
    height: 13px;
    line-height: 13px;
    margin: 0;
    padding: 10px 0 10px 20px;
    /*text-align: center;*/ }
  #header-nav .nav-option.has-subnav {
    background: url("images/dropdown-toggle.png") no-repeat scroll right top transparent; }
  #header-nav .nav-option:hover {
    color: #c33434; }
  #header-nav .nav-option.has-subnav:hover {
    background-position: right -33px; }
  #header-nav .nav-option.state-selected,
  #header-nav .nav-option.state-selected:hover {
    height: 14px;
    border-bottom: none;
    color: #BF1E2D;
    background-position: right -33px; }
  #header-nav #nav-paper {
    border-left: none;
    width: 90px; }
  #header-nav #nav-envelopes {
    width: 120px; }
  #header-nav #nav-blog {
    width: 51px; }
  #header-nav #nav-custom {
    width: 90px; }
  #header-nav #nav-bulk {
    width: 90px; }
  #header-nav #nav-gifts {
    width: 60px; }
  #header-nav #nav-free {
    width: 90px; }
  #header-nav #nav-about {
    width: 70px; }
  #header-nav #nav-help {
    width: 57px; }
  #header-nav .subnav {
    position: absolute;
    overflow: visible;
    z-index: 9999;
    top: 100%;
    left: 0;
    width: 910px;
    background: #ffffff;
    -moz-box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    font-weight: normal;
    font-size: 12px;
    color: #595A5C; }
  #header-nav .subnav-item {
    float: left;
    padding: 0;
    margin: 0 20px 0 0;
    padding: 6px 0 10px;
    min-width: 150px; }
    #header-nav .subnav-item li {
      float: none; }
  #header-nav .subnav-item:first-child {
    padding-left: 20px;
    border-style: dashed;
    border-width: 0 0 0 1px;
    border-color: #9E9A8B; }
  #header-nav .subnav-option {
    color: #BF1E2D;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px; }
  #header-nav .subnav-title {
    display: block;
    border-bottom: 1px solid #c3c3c3;
    padding: 10px 10px 6px 0;
    margin: 0 0 6px 0; }
    #header-nav .subnav-title h1, #header-nav .subnav-title h2, #header-nav .subnav-title h3 {
      font-size: 13px;
      line-height: 13px;
      color: #595A5C;
      margin: 0; }
  #header-nav #subnav-paper .subnav-item:first-child {
    margin-left: 0px;
    border-left: none; }
  #header-nav #subnav-envelopes .subnav-item:first-child {
    margin-left: 110px; }
  #header-nav #subnav-gifts .subnav-item:first-child {
    margin-left: 545px; }
  #header-nav #subnav-free .subnav-item:first-child {
    margin-left: 610px; }
  #header-nav #subnav-about .subnav-item:first-child {
    margin-left: 737px;
    min-width: 135px; }
  #header-nav #subnav-help .subnav-item:first-child {
    margin-left: 737px;
    min-width: 135px; }

/* =Sub-Header
-------------------------------------------------------------- */
#sub-header {
  /*background: url("images/shadow.png") repeat-x scroll 0 0 transparent;*/
  margin-top: 1px; /* weird fix for chrome */
  background: white url("images/screen-bg.png") repeat scroll 0 0; }

#sub-nav {
  padding: 20px 0 20px 20px;
  float: left; }

#sub-nav .nav-option {
  padding: 0 10px 0 0;
  border-width: 0 1px 0 0;
  border-style: solid;
  font-weight: 700;
  color: #595A5C; }

#sub-nav .act-dr-hover {
  padding: 0 25px 0 0;
  background: url("images/dropdown-toggle-sub.png") no-repeat scroll right top transparent; }

#sub-nav .nav-option:hover,
#sub-nav .nav-option.state-selected {
  background-position: right -20px;
  color: #BF1E2D; }

#sub-nav .nav-option,
#sub-nav .nav-title {
  display: block;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  margin: 0 10px 0 0; }

#sub-nav .nav-option.last {
  border: none; }

#sub-search {
  float: right;
  padding: 16px 20px; }

#sub-search-input {
  height: 26px;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #c3c3c3;
  display: block;
  float: left;
  margin: 0;
  padding: 0 10px;
  width: 235px; }

#sub-search .button-prime {
  height: 28px;
  line-height: 28px; }

#site-title {
  margin: 0 0 20px; }

#site-description {
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 1em; }

#sub-dropdown {
  position: relative;
  width: 910px;
  overflow: visible;
  z-index: 9999;
  clear: both; }

#sub-dropdown .dropdown-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 870px;
  padding: 0 20px;
  background: url("images/screen-bg.png") repeat scroll 0 0 white;
  -moz-box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-weight: normal;
  font-size: 12px;
  color: #595A5C;
  border-style: dashed;
  border-width: 1px 0 0;
  border-color: #9e9a8b; }

#sub-dropdown .nav-container {
  padding: 10px 0; }

#sub-dropdown .nav-container li {
  display: block;
  float: left; }

#sub-dropdown .nav-option,
#sub-dropdown .cat-item {
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
  border-left: 1px solid #666666; }

#sub-dropdown .nav-option.first,
#sub-dropdown .cat-item:first-child {
  border: none;
  margin: 0;
  padding: 0; }

/* =Content
-------------------------------------------------------------- */
#main {
  margin: 20px; }

/* Page */
.page-header {
  border-bottom: 4px double #C3C3C3;
  padding: 0 0 20px 0;
  margin: 0 0 20px;
  text-transform: uppercase; }

.page-header h1 {
  margin: 0;
  font-size: 20px;
  line-height: 20px; }

.page-header .subtitle {
  border-left: 2px solid #C33434;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px; }

/* Article */
.article {
  width: 870px;
  margin: 0 0 20px 0;
  position: relative;
  padding: 0 0 20px 0;
  border-bottom: 4px double #c3c3c3; }

.page.article {
  border: none; }

.article-main {
  width: 530px;
  margin: 0 20px 0 0;
  float: left; }

.article-secondary {
  width: 320px;
  float: right; }

.post .article-header, .image-attachment .article-header {
  margin: 0 0 20px 0; }

.article-meta-item {
  display: block;
  margin: 0 0 5px; }

.article-meta-actions {
  display: block;
  border-top: 1px solid #c3c3c3;
  margin: 5px 0 0 0;
  padding: 10px 0 0 0; }

.article-date {
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px 0; }

.article-title {
  color: #59595B;
  text-transform: uppercase;
  line-height: 28px; }

.post .article-title, .image-attachment .article-title {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #C3C3C3; }

.article-sub {
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  border-bottom: 1px solid #c3c3c3; }

.article-sub.article-paper {
  border: none; }

.article-sub-title {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 10px 0; }

.purchase .article-sub-title {
  margin: 0; }

.article-sub-info {
  margin: 0; }

.article-summary {
  float: left; }

.article-thumb {
  display: block;
  float: left;
  margin: 0 20px 0 0; }

.article-thumb img {
  max-width: 150px;
  height: auto; }

/* Sampleroom-Sample */
.sampleroom_sample .article-wrap {
  background: url("images/screen-bg2.png") repeat-y scroll top right white; }

.sampleroom_sample .article-main p {
  margin: 10px 0 0 0; }

.sampleroom_sample .article-main p:first-child {
  margin: 0; }

.sampleroom_sample .article-header {
  margin: 30px 20px 30px; }

.sampleroom_sample .article-title {
  text-align: center;
  margin: 0;
  padding: 0; }

.sampleroom_sample .article-meta {
  padding: 20px; }

.sampleroom_sample .article-main img {
  /*margin: 0 0 10px 0;*/
  display: block;
  margin: 20px auto 0; }

.sampleroom_sample .article-main > img:first-child,
.sampleroom_sample .article-main p > img:first-child,
.sampleroom_sample .article-main a:first-child img:first-child {
  margin-top: 0; }

.sampleroom_sample .article-summary {
  width: 700px; }

/* Paper */
.article-paper-item {
  float: left;
  margin: 10px 0;
  width: 140px; }

.paper-image {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto; }

.paper-image:hover:before {
  display: block;
  content: '';
  top: 0;
  height: 120px;
  width: 120px;
  background: url("images/paper-overlay.png") no-repeat scroll 0 0 transparent;
  position: absolute;
  text-align: center; }

.paper-meta {
  padding: 5px 0 0 0;
  text-align: center; }

.paper-meta a {
  display: block; }

/* Summery / Search */
.article-summary .article-title {
  font-size: 20px;
  line-height: 20px;
  border-bottom: 1px solid #C3C3C3;
  margin: 0 0 10px;
  padding: 0 0 10px;
  text-align: left; }

/* Navigation */
#primary nav {
  display: block;
  overflow: hidden; }

#primary #nav-above {
  display: none; }

#primary .nav-previous,
#primary .nav-next {
  overflow: hidden;
  line-height: 22px;
  height: 22px;
  position: relative; }

#primary .nav-previous {
  float: left;
  width: 50%; }

.title-nav {
  position: absolute;
  display: none;
  height: 22px;
  top: 0;
  background: #ffffff;
  z-index: 4; }

.nav-previous .title-nav {
  left: 32px; }

.nav-next .title-nav {
  right: 32px; }

#primary a:hover .title-nav {
  display: block; }

#primary .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.meta-nav {
  overflow: hidden;
  text-indent: 9999px;
  width: 22px;
  height: 22px;
  display: block; }

.nav-previous .meta-nav {
  float: left;
  padding: 0 10px 0 0;
  background: url("images/nav-back.png") no-repeat scroll 0 0; }

.nav-next .meta-nav {
  float: right;
  padding: 0 0 0 10px;
  background: url("images/nav-next.png") no-repeat scroll 10px 0; }

.paged #primary #nav-above,
.single #primary #nav-above {
  display: block;
  border-bottom: 4px double #c3c3c3;
  margin: 0 0 15px;
  padding: 0 0 15px; }

#nav-below {
  margin: 0 0 10px; }

.page-link {
  clear: both;
  margin: 0 0 1em; }

.page .edit-link {
  clear: both;
  display: block; }

/* 404 page */
.error404 .widget {
  float: left;
  width: 33%; }

.error404 .widget .widgettitle,
.error404 .widget ul {
  margin-right: 1em; }

.error404 .widget_tag_cloud {
  clear: both;
  float: none;
  width: 100%; }

/* Notices */
/* Image Attachments */
.image-attachment div.article-meta {
  float: left; }

.image-attachment nav {
  margin: 10px 0; }

.image-attachment .article-content {
  clear: both; }

.image-attachment .article-content .article-attachment {
  margin: 0 0 10px;
  text-align: center; }

.image-attachment .article-content .attachment {
  display: block;
  margin: 0 auto;
  text-align: center; }

/* Aside Posts */
.format-aside .entry-header {
  display: none; }

.single .format-aside .entry-header {
  display: block; }

.format-aside .entry-content,
.format-aside .entry-summary {
  padding-top: 1em; }

.single .format-aside .entry-content,
.single .format-aside .entry-summary {
  padding-top: 0; }

/* Gallery Posts */
.format-gallery .gallery-thumb {
  float: left;
  margin: 0 1em 0 0; }

/* Image Posts */
.format-image .entry-header {
  display: none; }

.single .format-image .entry-header {
  display: block; }

.format-image .entry-content,
.format-image .entry-summary {
  padding-top: 1em; }

.single .format-image .entry-content,
.single .format-image .entry-summary {
  padding-top: 0; }

/* =Images
-------------------------------------------------------------- */
a img {
  border: none; }

p img {
  margin-bottom: 0.5em;
  /* a small bottom margin prevents content floating under images */ }

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.image-full,
.attachment img,
.widget-area img,
.wp-caption {
  max-width: 100%;
  /* When images are too wide for containing element, force them to fit. */
  height: auto;
  /* Override height to match resized width for correct aspect ratio. */ }

.wp-caption {
  padding: .5em;
  text-align: center; }

.wp-caption img {
  margin: .25em; }

.wp-caption .wp-caption-text {
  margin: .5em; }

.wp-smiley {
  margin: 0; }

/* =Forms
-------------------------------------------------------------- */
#searchform {
  overflow: hidden; }

#searchform label {
  display: none; }

#searchform input#s {
  float: left;
  height: 18px;
  margin: 0;
  width: 60%;
  border-right: none; }

label,
.form-item-toggle-label {
  display: block;
  font-weight: bold; }

.form-item {
  display: block;
  margin: 0 0 15px 0;
  position: relative; }

.form-item-help,
.form-item-toggle-help {
  display: block;
  font-style: italic;
  color: #C3C3C3;
  margin: 5px 0 0 0; }

input[type="text"],
input[type="email"],
input[type="file"],
textarea,
.form-item-toggle {
  border: 1px solid #C3C3C3;
  padding: 5px;
  font-size: 13px;
  color: #595A5C; }

input[type="file"] {
  position: relative;
  clear: both;
  margin: 10px 0;
  float: none;
  display: block;
  width: 60%; }

input[type=text],
input#s {
  margin: 0;
  width: 60%; }

textarea {
  width: 80%; }

input.error {
  /*border-color: #cc0033;*/ }

.form-item label.error {
  position: absolute;
  left: 0;
  bottom: -10px;
  background: #C3C3C3;
  padding: 5px 10px; }

.form-item-toggle {
  display: block;
  overflow: hidden; }

.form-item-toggle-label {
  display: block;
  float: left; }

.form-item-toggle-help {
  display: block;
  float: right;
  margin: 0; }

.form-item-toggle:hover {
  cursor: pointer; }

.form-item-toggle:hover .form-item-toggle-label,
.form-item-toggle:hover .form-item-toggle-help {
  color: #c53730; }

.form-item-toggle-label:before {
  display: block;
  float: left;
  background: url("images/button-add.png") no-repeat scroll 0 0 white;
  height: 15px;
  width: 15px;
  overflow: hidden;
  text-indent: 9999px;
  content: " ";
  margin: 3px 5px 0 0; }

.form-item-toggle:hover .form-item-toggle-label:before {
  background-position: 0 -15px; }

.sub-form {
  padding: 10px 10px 0;
  border: 1px solid #C3C3C3; }

/* Paper Browser */
#sr_paper_use,
.term-cloud {
  display: block;
  overflow: hidden;
  background: #c3c3c3;
  padding: 2px 2px 0 0;
  width: 593px;
  margin: 10px auto;
  min-height: 32px; }

#sr_paper_use {
  min-height: 202px; }

#sr_paper_use.is-empty,
.term-cloud.is-empty {
  height: 32px;
  line-height: 32px;
  font-style: italic; }

.is-empty p {
  margin: 0 10px; }

.term-cloud-item,
.term-cloud-item-add {
  display: block;
  padding: 0 25px 0 10px;
  margin: 0 0 2px 2px;
  float: left;
  background: #ffffff;
  height: 30px;
  line-height: 30px;
  position: relative; }

.term-cloud-item-add {
  border: 1px solid #C3C3C3;
  margin: 0 0 5px 5px; }

.term-cloud-item:before,
.term-cloud-item-add:before {
  background: url("images/button-x.png") no-repeat scroll 0 0 white;
  position: absolute;
  right: 5px;
  top: 8px;
  display: block;
  content: " ";
  text-indent: -1000px;
  height: 15px;
  width: 15px; }

.term-cloud-item-add:before {
  background: url("images/button-add.png") no-repeat scroll 0 0 white; }

.term-cloud-item:hover,
.term-cloud-item-add:hover {
  cursor: pointer; }

.term-cloud-item:hover:before,
.term-cloud-item-add:hover:before {
  background-position: 0 -15px; }

.term-cloud-item-add.state-selected {
  border: 1px dashed #C3C3C3;
  color: #ffffff; }
  .term-cloud-item-add.state-selected:before {
    background: transparent; }
  .term-cloud-item-add.state-selected:hover {
    cursor: default;
    color: #ffffff; }

.sr-paper-item {
  height: 180px;
  float: left;
  width: 120px;
  padding: 9px;
  position: relative;
  border: 1px solid #c3c3c3;
  margin: 5px;
  cursor: pointer; }

.sr-paper-item.state-selected {
  border: 1px dashed #C3C3C3;
  cursor: default; }
  .sr-paper-item.state-selected ul {
    display: none; }

.sr-paper-item img {
  max-width: 100%;
  height: auto; }

.sr-paper-item-close {
  top: 0;
  right: 0; }

#sr_paper_use .sr-paper-item {
  height: 180px;
  width: 116px;
  background: #ffffff;
  padding: 10px 15px;
  margin: 0 0 2px 2px;
  border: none;
  cursor: default; }

/* Class for labelling required form items */
.required {
  border-color: #cc0033; }

.button,
.button-prime,
a.button,
.form-submit #submit,
#searchsubmit {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  border: none;
  padding: 0 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0; }

.button,
a.button {
  border: 1px solid #C3C3C3;
  height: 28px; }

.button-prime,
a.button-prime,
.form-submit #submit,
#searchsubmit {
  background: #c33434;
  color: #ffffff;
  font-weight: 700; }

/* =Comments
-------------------------------------------------------------- */
.article.comment {
  display: block; }

#comments {
  margin: 20px 0 0 0; }

#comments-title {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #C3C3C3; }

#comments-title span {
  font-style: italic; }

.children .comment {
  margin: 0 0 0 10px; }

.comment-item {
  border-bottom: 1px solid #C3C3C3;
  margin: 0 0 10px;
  padding: 0 0 10px; }

.comment-header {
  margin: 0 0 10px 0;
  overflow: hidden; }

.comment-meta {
  font-size: 11px; }

.comment-author cite {
  font-weight: bold; }

.comment #respond {
  border: 1px solid #C3C3C3;
  border-top: none;
  padding: 10px;
  margin: -10px 0 10px 0; }

.comment-item .avatar {
  margin: 0 10px 0 0;
  float: left; }

#respond {
  overflow: hidden; }

#respond .form-allowed-tags {
  font-size: 11px;
  line-height: 13px; }

#respond input[type=text] {
  display: block;
  width: 60%; }

#respond textarea {
  display: block;
  margin: 0 0 1em;
  width: 80%; }

#respond .form-allowed-tags {
  clear: both;
  width: 80%; }

#respond .form-allowed-tags code {
  display: block; }

/* Post-Meta link */
.comments-link a {
  display: block;
  height: 13px;
  padding: 0 0 0 18px;
  background: url("images/icon-comment.png") no-repeat scroll 0 0 transparent;
  line-height: 13px;
  float: left; }

.comments-link a:hover {
  background-position: 0 -13px; }

/* =Widgets
-------------------------------------------------------------- */
.widget {
  display: block;
  margin: 0 0 20px 0; }

.widget ul {
  margin: 0; }

.widget-title {
  padding: 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px dashed #A7AAAC;
  font-size: 18px; }

.widget-area .widget_search {
  overflow: hidden; }

.widget-area .widget_search input {
  float: left; }

/* =Footer
-------------------------------------------------------------- */
#colophon {
  padding: 1em 0 0; }

/* =French Paper Global Footer
-------------------------------------------------------------- */
#footerWrap {
  background: url("images/footer/footer-bg.jpg") no-repeat scroll left bottom white;
  border-top: 1px dashed #A7AAAC;
  margin: 20px 0 0;
  overflow: hidden;
  padding: 10px 0 0;
  position: relative;
  width: 910px; }

#footerLst {
  float: left;
  width: 227px;
  display: block; }

#footerLst.last {
  width: 229px; }

#footerLst li {
  padding: 0 0 0 60px; }

#footerLst .footerTitle {
  font-weight: 700;
  border-bottom: 1px dashed #A7AAAC;
  background: #ffffff;
  padding: 0 0 10px 60px;
  margin: 0 0 10px; }

#footerLst a {
  color: #595A5C; }

#footerLst a:hover {
  color: #BF1E2D; }

#footerNav {
  font-size: 11px;
  width: 910px;
  color: #595A5C;
  overflow: hidden;
  padding: 70px 0 0 0; }

#footerCopyright {
  float: left;
  margin: 0 0 10px 20px; }

#footerTweensoft {
  float: right;
  margin: 0 20px 10px 0; }

#footerFSC {
  position: absolute;
  bottom: 0;
  right: -165px; }