/*
Theme Name: Perfectly Disheveled
Theme URI: http://www.perfectlydisheveled.com/
Description: Theme created for Perfectly Disheveled
Author: Example7
Author URI: http://www.example7.com
Version: 1.0

  Colors
  ------
  Gray      666
  Black     000
  Brown     cbaa80
  Pink      fab2a1

  Webfonts
  --------
  Open Sans Condensed 300/700             font-family: 'Open Sans Condensed'; 
  FuturaBT-MediumItalic normal            font-family: FuturaBT-MediumItalic;

*/

@import url('style-normalize.css');










/* ====================================================================
   Global
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

body { 
  background-image: url(images/background_strip.png), url(images/background_tile.png);
  background-repeat: repeat-x, repeat;
  background-position: 0 0; 
}

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

#content { 
  clear: both; overflow: auto;
  width: 950px; margin: 0; padding: 0; 
}

/* -------------------[ Type ]------------------- */

body, html { 
  color: #666; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 18px; position: 
}

/* -------------------[ Links ]------------------- */

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

a:hover { 
  color: #666; text-decoration: none; 
}

/* -------------------[ Headers ]------------------- */

h1 { 
  margin: 0 0 15px 0; padding: 0;
  color: #000; font-family: 'Open Sans Condensed'; font-size: 18px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; 
}

/* -------------------[ Lists ]------------------- */

#content ul,
#content ol { 
  margin: 0 0 10px 30px; padding: 0;
}

#content ul li,
#content ol li { 
  margin: 0; padding: 0 0 3px 0;
  list-style-position: outside; 
}

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

#content ol li { 
  list-style-type: decimal; 
}

/* -------------------[ Lists with Image Bullets ]------------------- */

#content ul li { 
  overflow: hidden; 
  margin: 0; padding: 0 0 10px 30px;
  background: url('images/bullet.png') no-repeat top left;
  list-style-type: none;
}

/* -------------------[ Captions ]------------------- */

.wp-caption { 
  font-size: 12px; line-height: 15px; letter-spacing: 0px; text-align: center; 
}

.wp-caption-text {
  margin: 0 15px 0 15px; 
}

/* -------------------[ Images ]------------------- */

.alignleft, 
img.alignleft, 
.wp-caption.alignleft { 
  float: left; display: inline; 
  margin: 0 15px 12px 0; 
}

.alignright, 
img.alignright, 
.wp-caption.alignright { 
  float: right; display: inline; 
  margin: 0 0 15px 15px; 
}

.aligncenter, 
img.aligncenter, 
.wp-caption.aligncenter { 
  clear: both; display: block;
  margin-left: auto; margin-right: auto; margin-bottom: 30px; 
}

.alignnone, 
img.alignnone { 
  clear: both; 
  margin: 0 0 5px 0; 
}

a.opacity img:hover { 
 opacity: 0.9;
} 

/* -------------------[ Breaks ]------------------- */

hr { 
  clear: both; 
  width: 580px; height: 0px; margin: 30px 0; padding: 0 0 1px 0; 
  border: none;
  background-color: #807E72; 
}

.break0 { clear: both; display: block; height: 1px; }
.break1 { clear: both; display: block; height: 10px; }
.break2 { clear: both; display: block; height: 20px; }
.break3 { clear: both; display: block; height: 30px; }
.break4 { clear: both; display: block; height: 40px; }
.break5 { clear: both; display: block; height: 50px; }
.break6 { clear: both; display: block; height: 60px; }
.break7 { clear: both; display: block; height: 70px; }
.break8 { clear: both; display: block; height: 80px; }
.break9 { clear: both; display: block; height: 90px; }











/* ====================================================================
   Header
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#header { 
  clear: both; 
  width: 950px; height: 180px; margin: 0 0 10px 0; padding: 40px 0 0 0; 
  background: url(images/background_header.png) no-repeat center top #FFF; 
}

/* -------------------[ Logo ]------------------- */

.logo { 
  float: left; 
  margin: 0 0 15px 320px; padding: 0; 
}

/* -------------------[ Search with image for button ]------------------- */

.searchwrap { 
  float: right; 
  width: 230px; margin: 5px 0 0 0; 
}

.searchform { 
  display: inline; overflow: hidden; 
  margin: 0; padding: 0;
}

.searchbox { 
  display: inline; 
  width: 170px; height: 15px; margin: 0; padding: 3px 3px 2px 3px;  
  border: 1px solid #CCC;
  background: #FFF !important; 
  color: #666; font-size: 11px; line-height: 11px; 
}

/* -------------------[ Menu ]------------------- */

.blogmain ul { 
  list-style: none; 
}

.blogmain li { 
  float: left; position: relative; 
  margin: 0; padding: 0; 
}

.nav-blog-main {
  clear: both; 
  width: 850px; height: 15px; margin: 0 0 0 45px;
}

.nav-blog-main ul, 
.nav-blog-main li { 
  float: right; display: inline; z-index: 200; 
  margin: 0; padding: 0; 
  text-align: center; 
}

.nav-blog-main a {
  float: right; 
  height: 15px; margin: 0 40px 0 0; padding: 3px 4px 7px 4px; 
  color: #666; font-family: FuturaBT-MediumItalic; font-size: 12px; line-height: 15px; font-weight: 300; letter-spacing: 2px; text-decoration: none; 
}

.nav-blog-main a:hover, 
.nav-blog-main li.current_page_item a,
.nav-blog-main li.current-menu-item a,
.nav-blog-main li.current-menu-parent a, 
.nav-blog-main li.current-menu-ancestor a,
.nav-blog-main li.current-category-ancestor a, 
.nav-blog-main li.current-page-ancestor a { 
  background: url(images/background_link-hover.png) no-repeat center bottom;
  background-size: 100% 3px;  
  color: #cbaa80;
}










/* ====================================================================
   Post
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#post { 
  clear: both; float: left; 
  width: 600px; margin: 0; padding: 15px 20px; 
  background-color: #FFF;
}

.pagination {
  clear: both; 
  width: 600px; height: 25px; margin: 15px 0; 
}

.pagination-left {
  float: left; 
  padding: 0 0 0 25px; 
  background: url(images/arrow-brown-left.png) no-repeat left 2px;
}

.pagination-right {
  float: right; 
  padding: 0 25px 0 0; 
  background: url(images/arrow-brown-right.png) no-repeat right 2px;
}

/* -------------------[ Top ]------------------- */

.posttop { 
  clear: both; 
  width: 600px; min-height: 45px; margin: 0 0 15px 0; padding: 0; 
}

.posttop-date { 
  float: left; position: absolute; left: -41px; z-index: 999; 
  width: 138px; height: 24px; margin-top: -8px; padding: 13px 0 0 0; 
  background: url(images/posttop_background_date.png) no-repeat 0 0;
  color: #000; font-family: 'Open Sans Condensed'; font-size: 12px; line-height: 12px; font-weight: 700; letter-spacing: 0.03em; text-align: left; text-indent: 70px; 
}

.posttop-title { 
  float: left; 
  width: 460px; margin: 0 0 0 90px; 
}

.posttop h1 { 
  margin: 0; padding: 0;
  color: #000; font-family: 'Open Sans Condensed'; font-size: 18px; line-height: 22px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; 
}

.posttop-comments { 
  display: block; float: right; position: relative; top: -4px; 
  width: 36px; height: 27px; margin: 0; padding: 6px 0 0 4px; 
  background: url(images/posttop_background_comments.png) no-repeat 0 0;
  color: #000; font-family: 'Open Sans Condensed'; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: 0.03em; text-align: center; 
}

.posttop a { 
  color: #000;
}

.posttop a:hover { 
  color: #cbaa80;
}


/* -------------------[ Content ]------------------- */

.post-read-more-link { 
  clear: both; float: right; 
  margin: 0 0 20px 0;  
  text-align: right; 
}

/* -------------------[ Pinterest Pin It Button For Images - Plugin Styles ]------------------- */

.pibfi_pinterest {
  position: relative; display: block;
  margin-bottom: 15px; 
}

.pibfi_pinterest .xc_pin {
  position: absolute; top: 5px; display: none; 
  width: 150px !important; height: 155px !important; margin-left: -4px; 
  background-image: url('images/pinbutton_lg.png'); background-repeat: none; 
  opacity: 0;
  cursor: pointer;
}

.pibfi_pinterest img.left + .xc_pin {
  margin-left: 0;
}

.pibfi_pinterest .xc_pin,
.pibfi_pinterest img { 
  -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; transition:opacity .2s ease-out;
}

.pibfi_pinterest img:hover + .xc_pin,
.pibfi_pinterest_hover {
  opacity: .9;
}

.pibfi_pinterest .xc_pin:hover {
  opacity: 9;
}

/* -------------------[ Post Bottom ]------------------- */

.signature { 
  clear: both; float: right; 
}

.postbottom { 
  clear: both; display: block; 
  width: 600px; min-height: 50px; margin: 25px 0 0 0; padding: 8px 0 0 0; 
  border-top: 1px solid #cbaa80; 
  color: #cbaa80; font-family: 'Open Sans Condensed'; font-size: 14px; line-height: 17px; font-weight: 700; letter-spacing: 0.03em; text-align: left; 
}

.postbottom-left { 
  float: left; 
  width: 405px; padding: 0 0 0 17px; 
  background: url(images/pink-flag.png) no-repeat 0 0;
}

.postbottom-right { 
  float: right; 
  width: 170px; 
  text-align: left; 
}

.tell-the-world {
  margin: 2px 0 0 0; padding: 0 0 7px 0; 
  background: url(images/background_link-hover.png) no-repeat 6px bottom;
  color: #666; font-family: 'Open Sans Condensed'; font-size: 16px; line-height: 19px; font-weight: 300; letter-spacing: 0em; 
}

.postbottom-social {
  float: right; 
  height: 17px; margin: -27px 0 0 0; padding: 0; 
}

.postbottom-social img { 
  margin: 0 0 0 12px; 
}

.postbottom-social img:hover { 
  opacity: 0.8;
}

/* -------------------[ YARPP ]------------------- */

#post .yarpp-box { 
  clear: both; display: block; 
  width: 100%; margin: 80px 0 0 0; padding: 0; 
  text-align: center;
}

#post .yarpp-thumbnails-horizontal { 
  display: inline-block;
  text-align: center;
}

#post .yarpp-related h3 { 
  margin: 0 0 5px 0; padding: 0;
  font-family: 'Open Sans Condensed'; font-size: 18px; line-height: 22px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; text-align: center; 
}

#post .yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: 120px; height: auto; margin: 10px 6px; 
  border: none;
}

#post .yarpp-thumbnail > img,
#post .yarpp-thumbnail-default {
  height: 120px; width: 120px; margin: 0; 
  border: 1px solid #666;
}

#post .yarpp-thumbnail-default img {
  height: 119px; width: 119px; margin: 0; 
}

#post .yarpp-thumbnail-default > img:hover,
#post .yarpp-thumbnail > img:hover, 
#post .yarpp-thumbnail-default:hover {
  opacity: 0.9;
}

#post .yarpp-box .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  max-height: none; margin: 8px 0 0 0;
  font-size: 13px; line-height: 15px; font-weight: 400; text-transform: uppercase; text-align: center;
}

/* -------------------[ Post Comment Form ]------------------- */

#respond { 
  width: 558px; margin: 0; padding: 10px 20px 30px 20px; 
  border: 1px solid #666; 
}

#respond h3 { 
  margin: 0 0 20px 0; padding: 0; 
  font-size: 16px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; 
}

#respond input[type=text], 
#respond textarea {
  margin: 0 0 15px 0; padding: 3px;
  border: 1px solid #666;
  -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none;
}

#respond input[type=text]:focus, 
#respond textarea:focus {
  border: 1px solid #666;
  box-shadow: 0 0 5px #666;
}

.comment-form-author label, 
.comment-form-email label, 
.comment-form-url label { 
  display: block; clear: both; float: left; 
  width: 110px; 
  color: #666; font-size: 13px; line-height: 20px; 
}

.comment-form-author input, 
.comment-form-email input, 
.comment-form-url input { 
  display: block; float: left; 
  width: 300px;
}

.required { 
  color: #000;
}

#respond textarea { 
  display: block; clear: both;
  width: 430px; margin: 0 0 10px 110px; 
} 

#submit { 
  clear: both; float: right; 
  margin: 0 10px 0 0; padding: 0; 
  border: none !important; 
  background-color: #FFF !important; 
  color: #666 !important; font-family: 'Open Sans Condensed'; font-size: 14px; line-height: 15px; font-weight: 700; letter-spacing: 0.03em;  text-align: right; text-transform: uppercase; text-decoration: none; 
}

#submit:hover { 
  color: #FFD8D8 !important; 
  border: none !important; 
  background-color: #FFF !important; 
}

#cancel-comment-reply-link { 
  display: block; float: right; position: relative; top: -15px; 
  width: 150px; height: 15px; 
  font-size: 13px; line-height: 20px; text-align: right; 
}

/* -------------------[ Post Comments ]------------------- */

#the-comment-area { 
  clear: both;  
  margin: 60px 0 0 0; 
}

#the-comment-area h2 { 
  margin: 0 0 25px 0; padding: 0; 
  font-size: 16px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; 
}

.the-comment { 
  min-height: 110px; margin: 0; padding: 0; 
  margin: 0 0 20px 0; padding: 0 0 5px 0; 
  border-bottom: 1px solid #666;  
}

.comment-avatar { 
  float: right; 
  width: 100px; height: 100px; margin: 0 0 10px 10px; 
}

.comment-author { 
  font-size: 16px; line-height: 20px; 
}
 
.comment-date { 
  clear: left; 
  font-size: 13px; line-height: 20px; 
}

.comment-text { 
  clear: left; 
  padding-top: 10px; 
}

.commentlist li { 
  clear: both; 
  width: 600px; margin: 0 0 10px -30px !important; 
  list-style: none !important; 
}

.comment-subscribe-reloaded { 
  margin-left: 90px; 
}

ol.commentlist li ul.children .the-comment { 
  max-width: 600px; margin: 20px 0 0 40px; 
  text-indent: 0; list-style: none; 
}

ol.commentlist li ul.children li.depth-2 { clear: both; float: right; width: 620px; }
ol.commentlist li ul.children li.depth-3 { clear: both; float: right; width: 600px; }
ol.commentlist li ul.children li.depth-4 { clear: both; float: right; width: 580px; }
ol.commentlist li ul.children li.depth-5 { clear: both; float: right; width: 560px; }

ol.commentlist li div.reply { 
  margin: 15px 0 0 0; padding: 0; 
  font-size: 12px; line-height: 20px; font-weight: normal; text-transform: uppercase; 
}

/* -------------------[ Post Excerpts ]------------------- */

.post-excerpt {
  clear: both; 
  width: 600px; 
}

.excerpt-thumb { 
  clear: both; float: left; 
  width: 150px; height: 225px; margin: 3px 0 0 0; padding: 0; 
}

.excerpt-thumb img { 
  width: 150px; height: 150px;
}

.excerpt-thumb img:hover { 
  opacity: 0.8;
}

.excerpt-text { 
  float: right; 
  width: 430px; margin: 0; padding: 0; 
}










/* ====================================================================
   Sidebar
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#sidebar { 
  float: right; 
  width: 300px; margin: 0; padding: 0; 
  text-align: center;
}

#sidebar ul { 
  margin: 6px 0 0 0; padding: 0; 
}

#sidebar ul li { 
  list-style: none; 
  margin: 0 0 4px 0; padding: 0; 
}

.widget, 
.widgettext, 
.textwidget, 
widget_text { 
  list-style: none; 
}

/* -------------------[ About ]------------------- */

.about { 
  margin: 0; padding: 15px 0;
  background-color: #FFF;
}

.about img {
  display: block; 
  margin: 0 auto; padding: 10px; 
  box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1); 
  background-color: #FFF; 
}

/* -------------------[ Blackboard ]------------------- */

.blackboard { 
  clear: both; 
  width: 285px; min-height: 176px; margin: 10px 0 0 0; padding: 20px 0 0 15px;
  background: url('images/sidebar_social_background.jpg') repeat 0 0;
  text-align: left; 
}

.blackboard img { 
  margin: 0 0 7px 0;
}

.blackboard-social img { 
  float: left; 
  margin: 0 20px 12px 0;
}

.blackboard a:hover { 
  opacity: 0.8;
}

/* -------------------[ Expanding Content - Archives and Tags ]------------------- */

.togList { 
  margin: 0 0 10px 0; 
}

.togList dt { 
  cursor: pointer; cursor: hand; 
}

.togList dt span,
.togList dd { 
  margin: 0; padding: 0; 
}

.togList dd,
.togList dd li { 
  margin: 0 0 1px 0; 
  font-family: 'Open Sans Condensed'; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 0.03em; text-align: left; 
}

.togList dd a,
.togList dd li a { 
  color: #FFF; 
}

html.isJS .togList dd { 
  display: none; 
} 

/* -------------------[ Instagram ]------------------- */

.instagrams { 
  clear: both; 
  width: 300px; min-height: 330px; margin: 10px 0 0 0; padding: 10px 0 0 0; 
  background-color: #FFF; 
}

#masonryContainer { 
  width: 280px !important; 
  margin: 0 0 0 30px !important; padding: 0 !important;
}

.masonryItem { 
  width: 52px !important; height: 52px !important; margin: 0 10px 0 0 !important; padding: 0 !important;
  border: none !important; 
  box-shadow: none !important;
}

.instagrams .masonryItem img { 
  width: 52px; height: 52px; margin: 0 !important; padding: 0 !important;
  opacity: 1;
}

.instagrams .masonryItem,
.instagrams .front-photo { 
  border: none; 
  box-shadow: none; 
}

/* -------------------[ Link To Us ]------------------- */

.link-to-us { 
  clear: both; 
  width: 300px; margin: 20px 0; 
  background-color: #FFF; 
}

.link-to-us-title { 
  position: relative; top: -10px; 
  width: 80px; margin: 0 auto; padding: 2px 4px;
  background-color: #fab2a1;
  color: #000; font-family: 'Open Sans Condensed'; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-align: center; 
}

.link-to-us textarea { 
  width: 260px; height: 100px; margin: 10px auto; padding: 10px; 
  border: 1px solid #ccc; 
}










/* ====================================================================
   Page
   ==================================================================== */

/* -------------------[ Contact Form 7 ]------------------- */

#contact-form { 
  clear: both; overflow: hidden; 
  width: 600px; margin: 0 0 20px 0; padding: 0; 
  text-align: left; 
}

#contact-form .form-title { 
  clear: both; 
  margin: 0 0 5px 0; padding: 0; 
  color: #fab2a1; font-family: 'Open Sans Condensed'; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; 
}

#contact-form input,
#contact-form textarea { 
  width: 450px; margin: 0 0 15px 0; padding: 10px; 
  border: 1px solid #000; 
}

#contact-form .wpcf7-submit { 
  clear: both; 
  width: 113px; height: 30px; margin: 0 0 0 360px; padding: 0; 
  border: none; 
  background: url(images/contact_submit.png) no-repeat center top #FFF; 
  font-size: 0;
}

#contact-form .wpcf7-submit:hover { 
  opacity: 0.8; 
}

span.wpcf7-not-valid-tip { 
  position: absolute !important; top: 3px !important; left: 15px !important; z-index: 100 !important; 
  width: 230px !important; margin: 0 !important; padding: 3px 2px 2px 8px !important; 
  border: 2px #FFF solid !important; 
  background-color: #000 !important; 
  color: #FFF !important; font-size: 12px !important; 
}

div.wpcf7-mail-sent-ok, 
div.wpcf7-mail-sent-ng, 
div.wpcf7-spam-blocked, 
div.wpcf7-validation-errors { 
  width: 600px; margin: 0 !important; padding: 10px 0 !important; 
  border: none !important; 
  color: #000 !important; font-family: 'Open Sans Condensed' !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-align: left; 
}

div.wpcf7, 
div.wpcf7-response-output { 
  margin: 0 !important; padding: 0 !important; 
}

span.wpcf7-form-control-wrap { 
  position: relative !important; 
}










/* ====================================================================
   Footer
   ==================================================================== */

#footer { 
  clear: both; 
  width: 950px; height: 15px; margin: 30px auto; padding: 15px 0; 
  color: #000; font-family: 'Open Sans Condensed'; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-align: center; 
  background-color: #FFF;
}

#footer a { 
  color: #000;
}

#footer a:hover { 
  color: #cbaa80;
}