/*
	Theme Name: PatriceBarton.com
	Theme URI: http://patricebarton.com/
	Description: The theme for Patrice Barton's personal website
	Version: 1.2012.02
	Author: Adam Norwood
	Author URI: http://adamnorwood.com/
*/

@import url(reset.css);

/* -+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!

   P A T R I C E   B A R T O N . C O M   styles begin here!

   -+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+!-+! */

/* =====================================================
   C O L O R
   ===================================================== */

h2, h2>a, h2>a:visited {
  color: #6fa0a2;
}

h3 {
  color: #6fa0a2;
}

blockquote,
.book-pub-info,
.form-allowed-tags,
.comment-author,
#sidebar h2,
#sidebar .widget ul {
  color: #666;
}

#book-title {
  color: #BD3734;
}

.post-meta {
  color: #888;
}

#commentform label {
  color: #343434;
}

#archive-heading {
  color: #fff;
}

#footer {
  color: #bbb;
}

/* These two pseudo-rules affect the color of the highlight when a user selects text (like for copying-and-pasting) */
::-moz-selection, ::selection {
  background: #649cbe;
  color: #fff;
  text-shadow: none;
}

/* Link colors and special styles are below */
a {
  color: #BD3734;
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
a:visited {
  color: #A0584D;
}
a:hover, a:focus {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

#main-menu a {
  color: #504f4f;
}

#main-menu .current-menu-item a,
.single-pb-books #main-menu .menu-item-775 a,
.single-post #main-menu .menu-item-774 a {
  color: #FFFAAD;
}

#main-menu a:hover, #main-menu a:focus {
  color: #fff;
}

.comment-edit-link, .page-navigation a {
  color: #fff !important;
}

#footer a {
  color: #aaa;
  border-bottom: 1px dotted #aaa;
}

h2, h2>a, h2>a:visited, #book-title,
#main-menu a, .page-navigation a, .comment-author a,
.comment-edit-link, #footer a {
  text-decoration: none;
}


/* =====================================================
   T Y P O G R A P H Y
   ===================================================== */

h2, h3, #content-wrapper, .comment-edit-link,
.page-navigation a, #commentform input, #comment, #archive-heading,
#main-menu {
  font-family: "lucida sans unicode", "lucida sans", helvetica, arial, sans-serif;
}

.post-meta, .comment-author, #footer {
  font-family: georgia,"adobe garamond pro",garamond,"times new roman",serif;
}

h2 {
  font-size: 2em; /* 24px / 12px */
  line-height: 1.25;
}

h3 {
  font-size: 1.333333333em; /* 16px / 12px */;
  line-height: 1.5;
}

#main-menu a {
  font-size: 1.125em; /* 18px / 16px */
  line-height: 1.2;
}

#content-wrapper {
  font-size: 0.75em;
  line-height: 1.7;
}

#book-title {
  font-size: 2.5em;
}

.post-meta {
  font-size: 1em;
  line-height: 1.25;
}

.comment-edit-link, .page-navigation a {
  font-size: 1em;
  line-height: 1.5;
}

#commentform input, #comment {
  font-size: 1em;
  line-height: 1.2;
}

.comment-author {
  font-size: 1em;
  line-height: 1.25;
}

#sidebar h2 {
  font-size: 1.5em; /* 18px / 12px */
}

#archive-heading {
  font-size: 1.25em;
  line-height: 1.2;
}

strong, b, #commentform label, .comment-author cite,
.comment-edit-link, .page-navigation a, #archive-heading {
  font-weight: bold;
}

.book-listing-single h3 {
  margin-top: 20px;
}

em, i, blockquote, .book-pub-info {
  font-style: italic;
}

blockquote em, blockquote i {
  font-style: normal;
}

#footer {
  text-align: right;
}

#page-contact .post {
  text-align: center;
}


/* =====================================================
   L A Y O U T
   ===================================================== */

body {
  background: #fff url('images/header-background.jpg') no-repeat 50% 0px;
}

h2, h3 {
  margin-bottom: 0.5em;
}

p {
  max-width: 55em;
  margin-bottom: 1.25em;
}

#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#header {
	margin: 3.75em 0 1em;
}

#header-logo-link {
	width: 314px; height: 67px;
	background: transparent url('images/logo.png') no-repeat;
}

#main-menu-container {
  list-style: none;
  background: transparent url('images/menu-background.png') no-repeat;
  overflow: hidden;
  padding: 0.75em 35px;
  margin: 45px -55px 0;
}

#main-menu {
  margin: 0;
  display: inline-block;
  float: right;
}

#main-menu li {
	display: block;
	float: left;
}

#main-menu a {
	padding: 0.25em 20px;
  display: block;
  border-right: 1px dashed #CBF0F2;
}

#main-menu li:last-child a {
  border-right: 0;
}

#content-wrapper {
  background: #fff;
  border-radius: 15px;
  margin: 0 -30px;
  padding: 4em 30px 2em;
  min-height: 600px;
}

#content-wrapper ul {
  list-style: disc;
}

#portfolio {
	position: relative;
}

#portfolio-thumbnails {
	width: 350px;
	float: left;
}

#portfolio-thumbnails a {
	margin: 0 15px 15px 0;
	display: block; float: left;
	overflow: hidden;
	width: 90px; height: 90px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
	border: 2px solid #fff;
}

#portfolio-thumbnails a:hover, #portfolio-thumbnails a:focus {
	border: 2px dashed #649cbe;
}

#portfolio-thumbnails a.mrslideshow-links-current {
	border: 2px solid #649cbe;
}

#mrslideshow-slide {
  width: 600px;
  float: right;
  margin: 30px 0;
}

#mrslideshow-slide a:hover {
  cursor: -moz-zoom-in;
}

#mrslideshow-prev, #mrslideshow-next {
  position: absolute;
  top: 0; left: 355px;
  cursor: pointer;
  width: 23px; height: 27px;
  background: transparent url('images/portfolio-arrows.png') no-repeat 0px -27px;
}

#mrslideshow-next {
  background-position: -23px -27px;
}

#mrslideshow-prev:hover, #mrslideshow-prev:focus, #mrslideshow-prev.mrslideshow-prev-lit {
  background-position: -1px -1px !important;
}

#mrslideshow-next:hover, #mrslideshow-next:focus, #mrslideshow-next.mrslideshow-next-lit {
  background-position: -23px -1px;
}

#mrslideshow-next {
	right: -5px; left: auto;
}

.mrslideshow-description {
	margin: 0.5em 0;
	padding-top: 0.25em;
	border-top: 1px dashed #ccc;
	text-align: center;
}

.mrslideshow-popup {
	display: relative;
}

#footer {
	margin: 1em 0;
}

#page-contact h3, #page-contact p {
  margin: 0 67px 1em;
}

#page-contact h2 {
  display: none;
}

#page-contact .post {
  margin-top: 2em;
  width: 100%;
}

#page-contact #blog-posts {
  width: 100%;
}

#book-title {
  margin-bottom: 0;
}

#book-thumbnails, .book-listing-single {
  list-style: none;
  padding: 0; margin: 0;
  overflow: hidden;
}

#book-thumbnails {
  margin: 0 -40px;
}

.book-listing-single {
  display: block;
  float: left;
  width: 470px;
  margin: 0 0 4em 30px;
}

.book-listing-single:nth-child(odd) {
  clear: left;
}

.book-cover {
  float: left;
  margin: 0 15px 0 0;
}

.single-pb-books .book-cover {
  margin: -30px 0 3em -15px;
}

#book-cover-large {
  float: left;
  margin: 0 30px 2em 0;
}

#book-info {
  overflow: hidden;
}

#book-info p {
  max-width: 100%;
}

#book-title {
  margin-bottom: 0;
}

.book-pub-info {
  margin-bottom: 2em;
}

#book-media {
  width: 960px;
  clear: both;
  overflow: hidden;
  margin: 2em 0;
}

#book-media p {
  max-width: 100%;
}

#book-media img {
  margin: 0 23px 15px 0;
  padding: 5px;
  background: #fff;
  border: 1px dotted #eee;
}

#blog-posts {
	width: 700px;
  float: left
}

.post {
	margin: 0 60px 3em 0;
	border-bottom: 1px dashed #ccc;
  position: relative;
}

.post:last-child {
	border-bottom: 0;
}

.post img {
	max-width: 100%;
}

.post-meta {
	margin: 3em 0 2em;
  clear: both;
}

.comment-edit-link, .page-navigation a {
	background: #649CBE;
	padding: 0.15em 5px;
	border-radius: 4px;
	display: inline-block;
	margin: 2em -5px;
	opacity: 0.5;
}

.comment-edit-link:hover, .comment-edit-link:focus,
.page-navigation a:hover, .page-navigation a:focus {
	opacity: 1;
}

.page-navigation {
  clear: both;
  position: relative;
}

.page-navigation a {
  opacity: 0.75;
  border-radius: 0;
}

.page-navigation-newer a {
  position: absolute;
  right: -15px; bottom: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.page-navigation-older a {
  margin-left: -15px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#respond {
	border-top: 1px dotted #888;
	padding-top: 2em;
	margin-top: 2em;
}

#commentform {
	margin: 1.5em 0;
}

#commentform input, #comment {
	padding: 0.2em 5px;
	display: block;
}

.form-allowed-tags code {
	display: block;
	margin-top: 0.5em;
}

#comment {
	width: 100%;
	margin-bottom: 1.5em;
	border: 1px dotted #888;
}

#submit {
	float: right;
	margin-right: -15px;
}

.comment-list {
	list-style: none;
	padding-left: 0;
}

.comment {
	padding: 1.5em 15px;
	margin: 0 -15px 1.5em;
	border-radius: 8px;
}

.comment:last-child {
	border: 0;
}

.comment.odd {
	background: #F4F7F6;
}

.comment-author img {
  padding: 3px;
  margin: 0 10px 0 -3px;
  vertical-align: middle;
  background: #fff;
  box-shadow: 2px 4px 4px rgba(0,0,0,0.1);
}

.comment-reply-link {
  margin: 0 15px;
}

.comment-meta {
  margin-left: 5px;
}

#comments .comment.bypostauthor {
	background: #F6EFE5;
}

#book-reviews {
  width: 100%;
}

.far-floating-image {
  max-width: 100%;
  margin-left: 60px;
}

#sidebar {
	float: right;
	width: 250px;
	background: transparent url('images/blog-sidebar-header.jpg') top center no-repeat;
	padding-top: 250px;
}

#sidebar h2 {
	margin-bottom: 0.5;
}

#sidebar ul {
	list-style: none;
	margin: 0 0 1.5em; padding: 0;
}

#sidebar .widget {
	padding: 0 0 1em;
}

#sidebar .widget ul {
	list-style: disc;
	padding-left: 15px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#sidebar li {
	margin-bottom: 0.5em;
}

#archive-heading {
	background: #649cbe;
	max-width: 15em;
	padding: 0.5em 15px;
	margin: 0 0 1.5em -15px;
	opacity: 0.5;
}

.alignleft {
  float: left;
  margin: 0 30px 15px 0;
}

.alignright {
  float: right;
  margin: 0 0 0 45px;
}

.aligncenter {
  margin: 0 auto;
  text-align: center;
  display: block;
}

/* =====================================================
   S P E C I A L T Y   I M A G E   C L A S S E S
   ===================================================== */

.pb-headshot {
    position: absolute; right: -275px;
    box-shadow: 4px 6px 8px rgba(0,0,0,0.2);
}

.contact-sketch {
    position: absolute; right: -275px;
}

/* =====================================================
   C O L O R B O X   M O D A L  P O P U P   S T Y L E S
   ===================================================== */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{ border-radius: 5px; border: 15px solid #fff; }
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:-7px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:-7px; right:0; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{ left:0; color:#666; }
        #cboxNext{ left:33px; color:#666; }

        #cboxPrevious, #cboxNext {
          position: absolute;
          bottom: -15px;
          width: 23px; height: 27px;
          background: transparent url(images/portfolio-arrows.png) no-repeat 0px -27px;
          text-indent: -9999px;
        }

        #cboxNext {
          background-position: -23px -27px;
        }

        #cboxPrevious:hover, #cboxPrevious:focus {
          background-position: -1px -1px !important;
        }

        #cboxNext:hover, #cboxNext:focus {
          background-position: -23px -1px;
        }

        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; top:-25px; right:-35px; display:block; color:#444; background: transparent url(images/close-button.png) no-repeat; width: 32px; height: 32px; text-indent: -9999px; opacity: 0.8; }
        #cboxClose:hover {opacity: 1;}

/* =====================================================
   N O N - S E M A N T I C   H E L P E R   C L A S S E S
   ===================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* =====================================================
   P R I N T   S T Y L E S
   ===================================================== */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}