/*
Theme Name: Monogram
Theme URI: http://monogram.com
Author: Kat Hello and Monogram
Author URI: http://kat-hello.com/
Description: Hello - this is a special customisation for Monogram 
Version: 1.0
*/

/* Import CSS reset and Hello Libary */
@import url('./style-hello.css');
/* STRUCTURE */
body, html { background-color: #ededed; color: #000000; font-family: Times, "Times New Roman", Serif; font-size: 12px; line-height: 18px; } 
div#handkerchief { background-color: #ededed; width: 930px; margin: 0 auto; border-left: 40px solid #ededed; border-right: 40px solid #ededed; }
div#trim { padding: 0 0 30px 0; }
/* GENERAL TEXT */
.near-the-line { font-family: Times, "Times New Roman", Serif; text-transform: uppercase; font-size: 9px; line-height: 12px; padding: 3px 0 0 0; border: 0; margin: 0; width: 100%; }
.near-the-line a:link, .near-the-line a:visited, .near-the-line a:hover, .near-the-line a:active { color: #000000; }
h1, h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 19px; text-transform: uppercase; width: 8px; overflow: visible; border-bottom: 1px solid #000000; padding: 0 0 14px 0; margin: 0 0 17px 0; white-space: nowrap; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #000000; }
h3 { text-transform: uppercase; font-size: 9px; line-height: 12px; padding: 3px 0 15px 0; border-top: 1px solid #000000; }
h4 { text-transform: uppercase; font-size: 11px; line-height: 14px; padding: 3px 0 5px 0; }
#content ul, #content ol { list-style-type: none; padding: 0 0 18px 0; }
#content li { background: transparent url(images/li.gif) no-repeat 0px 13px; padding: 0 0 0 13px; font-size: 16px; line-height: 24px; }
p { word-spacing: 1px; letter-spacing: 0.3px; font-family: Times, "Times New Roman", Serif; font-size: 12px; line-height: 18px; padding: 0 0 0 0; }
a:link, a:visited, a:hover, a:active { color: #fa4a32; text-decoration: none; }
/* Reused */
hr { border-top-color: #000000 solid #000000; border-bottom: 0; margin: 32px 0; display: block; float: none; clear: both; height: 1px; width: 100%; }
div#content { padding: 15px 0 0 2px; }
div#content p { font-size: 14px; line-height: 19px; padding: 0 235px 18px 0; word-spacing: 0; letter-spacing: 0.2px; }
div.full p { padding: 0 0 18px 0 !important; }
div#content div.two_third p, div#content div.one_third p { padding-right: 0;}
/* HEADER */
div#handkerchief #monogram { height: 158px; position: relative; }
div#handkerchief #monogram a#site-logo { background: transparent url(images/logo_monogram.gif) no-repeat top left; width: 236px; height: 21px; position: absolute; text-indent: -9028px; top: 55px; left: 236px; display: block; }
div#handkerchief #monogram a#site-logo span { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: transparent url(images/logo_monogram.gif) no-repeat bottom left; display: none; }
/* SIDEBAR */
div#lace { width: 164px; overflow: hidden; border-top: 3px solid #000000; min-height: 332px; position: relative; }
nav#access ul li a { font-weight: 500; color: #000000; height: 18px; display: block; }
nav#access ul li a span.full {  }
nav#access ul li a span.initials { position: absolute; top: 7px; left: 0; display: none; }
nav#access ul li { font-size: 14px; line-height: 18px; text-transform: uppercase; display: block; width: 100%; overflow: visible; word-spacing: 1px; border-bottom: 1px solid #000000; position: relative; padding: 7px 0 5px 0; }
nav#access ul li span.fatty { position: absolute; top: 28px; left: 0; height: 3px; background-color: #fb4a32; width: 0; }
nav#access ul li.current-menu-item span.fatty { width: 100%; }
nav#access ul#social li { word-spacing: -2px; }
nav#access ul#social li a:link, nav#access ul#social li a:visited { display: inline; color: #6d6e71; }
nav#access ul#social li a:hover, nav#access ul#social li a:active { display: inline; color: #fa4a32; }
div#lace div#logo { margin: 55px 0 0 0; display: block; width: 72px; height: 59px; position: relative; background: transparent url(images/monogram.gif) no-repeat top left; }
div#lace div#logo a:link, div#lace div#logo a:visited, div#lace div#logo a:hover, div#lace div#logo a:active { width: 100%; height: 100%; overflow: hidden; text-indent: -9999em; display: block; }
div#lace div#logo span { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background: transparent url(images/monogram.gif) no-repeat bottom left; display: none; }
nav#access ul.sub { display: none; }
nav#access li.current-menu-item ul.sub { display: block; margin: 16px 0 5px 1px; }
nav#access ul.sub li { text-transform: none; padding: 1px 0 2px 0; border: 0;}
nav#access ul.sub li a:hover, nav#access ul.sub li a:active { color: #fa4a32; }
nav#access ul.sub li.current-menu-item a:link, nav#access ul.sub li.current-menu-item a:visited, nav#access ul.sub li.current-menu-item a:hover, nav#access ul.sub li.current-menu-item a:active { color: #fa4a32; }
div#linen { width: 695px; overflow: hidden; border-top: 3px solid #000000; }
/* FOOTER*/
footer#rip { border-top: 3px solid #000000; border-bottom: 1px solid #000000; padding: 6px 0 5px 0; display: block;  }
footer#rip p { padding: 0 !important;  }
footer#rip a:link, footer#rip a:visited, footer#rip a:hover, footer#rip a:active { color: #000000; }
footer#rip a:hover, footer#rip a:active { color: #fa4a32; }
div#special { border-bottom: 1px solid #000000; padding: 8px 0 33px 2px; margin: 0 0 15px 0; }
div#special p { font-size: 27px; line-height: 37px; letter-spacing: -0.2px; word-spacing: -2px; font-family: Andrade, Times, "Times New Roman", Serif;  }
div#special span { color: #fa4a32; }
/* HOME */
#justforyou, #inthenews { border-top: 1px solid #000000; }
#justforyou h2, #inthenews h2 { padding: 3px 0 10px 0; }
.grid-3 { width: 695px; }
.grid-2 { width: 460px; padding: 11px 0 0 0 !important; }
.box { width: 223px;}
#inthenews .text { padding: 11px 0 0 0; }
#justforyou h3 { font-size: 74px; line-height: 74px; white-space: normal; letter-spacing: -1.1px; width: auto; margin: 5px 0 0 -2px; padding: 0; border: 0; width: 100%; overflow: hidden; }
#justforyou h3 cufon { margin: 0 0 -13px 0; float: left; display: inline;  }
body.home div#features div.left { margin: 13px 12px 0 0; }
body.home div#features div.last { margin: 13px 0 0 0; }
body.home div#features { padding: 0 0 46px 0; }
body.home div#special { border-bottom: 0; margin: 0; padding-bottom: 0; }
p#contact-home { word-spacing: 1px; letter-spacing: 0.3px; font-family: Times, "Times New Roman", Serif; font-size: 13px; line-height: 15px; padding: 0 0 23px 0; }
p#contact-home a:link, p#contact-home a:visited { color: #000000; }
p#contact-home a:hover, p#contact-home a:active { color: #fa4a32; }
/* FEATURES */
div#features { padding: 18px 0 27px 0; }
div#features div.left { width: 223px; padding: 5px 0 0 0; border-top: 3px solid #000000; margin: 0 13px 0 0; }
div#features div.left img { display: block; }
div#features div.last { margin: 0; }
/* PROJECTs */
div#projects { padding: 0 0 14px 0; border-bottom: 1px solid #000000; margin: 0 0 46px 0; }
div.project { border-top: 1px solid #000000; padding: 20px 0 6px 0; margin: 14px 0 0 0; }
div.project div.left { width: 148px; }
div.project div.left img { padding: 0; }
div.project div.right { width: 517px; }
div.project p.client { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-transform: uppercase; padding: 21px 0 0 0; }
div.project p.client a:link, div.project p.client a:visited, div.project p.client a:hover, div.project p.client a:active { color: #000000; }
div.project p { font-size: 14px; line-height: 20px; }
/* Single PROJECTS */
#client-name { font-family: Arial, Helvetica, Sans-Serif; width: auto; display: block; font-size: 74px; line-height: 84px; padding: 0 0 2px 0; margin: 0; border-bottom: 3px solid #000000; }
#project-title { font-size: 29px; line-height: 36px; letter-spacing: 0; word-spacing: 0; font-family: Andrade, Times, "Times New Roman", Serif; font-weight: normal; padding: 20px 0 18px 0; margin: 0; width: 100%;  }
body.single-projects div#special { border-bottom: 0; margin: 0; padding: 0 0 5px 0; }
#special .near-the-line, #goal .near-the-line, #results .near-the-line { padding-bottom: 15px; }
#scope .near-the-line { padding-bottom: 20px; }
body.single-projects div#special p { font-size: 29px; line-height: 36px; letter-spacing: 0.2px; word-spacing: 0; font-family: Andrade, Times, "Times New Roman", Serif; font-weight: normal; }
body.single-projects p { font-size: 14px; line-height: 18px; padding: 0 15px 15px 0; }
body.single-projects div#content { padding-left: 0; border-bottom: 1px solid #000000; }
div#stats { width: 100%; overflow: hidden; border-bottom: 1px solid #000000; padding: 0 0 26px 0; }
div#stats div#goal-scope { border-top: 1px solid #000; }
div#stats div#goal-scope.left { width: 354px; }
div#stats div#scope p { font-style: italic; }
div#results { width: 295px; border-top: 1px solid #000; }
div#results p.large { font-size: 40px; line-height: 40px; text-transform: uppercase; padding: 0; letter-spacing: -1px; width: 100%; overflow: hidden; }
div#results p.large cufon { margin: -3px 0 0 0; float: left;  }
div#results p.large br { clear: both; float: none; display: block; width: 2px; height: 2px; }
div.divide { width: 30px; height: 5px; background-color: #000000; display: block; margin: 18px 0 23px 0; }
body.single-projects p.quote { font-family: AndradeItalic, Times, "Times New Roman", Serif; font-weight: normal; font-size: 20px; line-height: 25px; font-style: italic; word-spacing: -1px; padding: 0 10px 5px 0; }
body.single-projects p.author { font-family: Arial, Helvetica, sans-serif !important; font-size: 10px!important; line-height: 18px !important; font-style: normal !important; }
body.single-projects div#testimonial p { font-size: 20px; line-height: 25px; letter-spacing: 0; word-spacing: 0; font-family: Andrade, Times, "Times New Roman", Serif; font-weight: normal; font-style: italic; padding: 0 15px 15px 0; }
body.single-projects div#testimonial p.author { margin: -8px 0 13px 0; }
a.request:link, a.request:visited, a.request:hover, a.request:active { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 9px; line-height: 14px; background: transparent url(images/icon-bullseye.gif) no-repeat 2px 0; display: block; color: #000000; padding: 0 0 0 19px; }
a.request:hover, a.request:active { background: transparent url(images/icon-bullseye.gif) no-repeat 2px -17px; display: block; color: #fa4a32; }
a.return:link, a.return:visited, a.return:hover, a.return:active { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; line-height: 19px; background: transparent url(images/icon-arrow.gif) no-repeat 2px 0; display: block; color: #000000; padding: 0 0 0 21px; margin: 20px 0; }
/*  The Right Fit */
div#therightfit { padding: 0 0 14px 0; margin: -9px 0 46px 0; }
div.fit { border-top: 1px solid #000000; padding: 0; margin: 0; }
div.fit div.left { width: 156px; padding: 10px 0 0 0; }
div.fit div.left img { display: block; margin: 0 auto; padding: 0; }
div.fit div.right { width: 517px; padding: 20px 0; }
div.fit p { font-size: 14px; line-height: 19px; }
div#logos { padding: 7px 0 10px 0; border-bottom: 1px solid #000000; }
div.logo { width: 104px; margin: 0 5px; height: 77px; }
div.logo img { display: block; }
body.page-id-16 #content { padding: 12px 0 3px 0; }
/* Get in Touch */
.wpcf7 { padding-bottom: 20px !important; }
label { width: 100%; display: block; font-size: 14px; line-height: 18px; font-style: italic; margin: -2px 0 4px 0;  }
textarea { border: 1px solid #b2b2b2; width: 400px; height: 144px; background-color: #ffffff; font-family: Times, "Times New Roman", Serif; font-size: 12px; line-height: 18px; }
input.text, input[type=text], input[type=email] { border: 1px solid #b2b2b2; height: 21; line-height: 21px; width: 400px; background-color: #ffffff; margin: 0 0 7px 0; padding: 3px 0 3px 0; }
.wpcf7 p { padding-bottom: 0 !important; }
.wpcf7-form hr { margin: 3px 0 15px 0; }
input.wpcf7-submit { width: auto; font-size: 12px; line-height: 16px; font-style: italic; margin: -7px 0 0 0; color: #ffffff; background-color: #000000; border: 0; padding: 3px 10px; margin-top: 10px; font-family: AndradeItalic, Times, "Times New Roman", Serif;  }
fieldset#type ul { width: 100%; overflow: hidden; padding: 0 0 22px 0; }
fieldset#type ul li { width: 230px; height: 75px; float: left; display: inline; padding: 0; background-image: none; }
fieldset#type ul li input { float: left; display: inline; padding:0; margin: 5px 10px 0 0; }
fieldset#type ul li label { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 19px; text-transform: uppercase; float: left; display: inline; font-style: normal; }
fieldset#type ul li p { padding: 3px 50px 0 0; float: right; display: inline; width: 154px; }
fieldset#person { width: 279px; }
fieldset#person input.text { width: 277px; }
div#other { width: 279px; margin: 20px 0 0 0; }
div#other input { margin: 3px 2px 2px 4px; }
div#other label { width: 200px; display: inline; float: left; font-size: 14px; line-height: 18px; font-style: italic; margin: 0;  }
div#other input.wpcf7-submit { display: inline; float: right; }
div#other ajax-loader { float: right; display: inline; }
a.droppin:link, a.droppin:visited, a.droppin:hover, a.droppin:active { font-style: italic; padding: 0 0 5px 16px; background: transparent url(images/icon-pin.gif) no-repeat 0 0; display: block; line-height: 12px; }
a.orangehover:link, a.orangehover:visited { color: #000000; }
body.page-id-18 div#special { border: 0; padding-bottom: 18px; margin: 0; }
#page-name { width: auto; display: block; font-size: 74px; line-height: 74px; border-bottom: 1px solid #000; padding: 0 0 8px 0; margin: 0 0 20px 0; text-indent: -4px; }
div.wpcf7-response-output { float: none; clear: both; border: 0 !important; background-color: #f87563; text-align: center; font-family: Times, "Times New Roman", Serif; font-size: 14px; font-style: italic; margin-left: 0; margin-right: 0; }
#other p { padding: 0 !important; }
#uploadFile { width: 140px; min-height: 20px; padding: 0; word-break: break-word; margin: 3px 2px 2px 30px; cursor: pointer; }
.fileUpload { position: relative; overflow: hidden; cursor: pointer; }
.fileUpload input.upload, .fileUpload .git-upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px;  opacity: 0; filter: alpha(opacity=0); }
.btn { width: auto; font-size: 12px; line-height: 16px; font-style: italic; color: #ffffff; background-color: #808080; border: 0; padding: 3px 20px; margin: 3px 2px 2px 4px; }
.withchild { background-color: #fb4831; }
#removeattachment { display: inline-block; width: 20px; height: 20px; margin: 0; border: 0; padding: 0; background: transparent url(images/remove.gif) no-repeat left center; cursor: pointer; vertical-align: middle; display: none; }
#attachmentname { display: inline-block; }
/* Site Map */
.kwayy-html-sitemap-wrapper h2 { font-family: Times, "Times New Roman", Serif; font-size: 14px; line-height: 20px; text-transform: uppercase; padding: 11px 0 0 0; letter-spacing: 0.1px; }
.kwayy-html-sitemap-wrapper a { color: #000; }
.kwayy-html-sitemap-wrapper ul {}
.kwayy-html-sitemap-wrapper li { background: transparent url(images/list.gif) no-repeat 0px 9px; padding: 0 0 0 9px; font-size: 14px; line-height: 17px; }
/* EDITOR */
img.wp-post-image { padding: 14px 0 0 0; display: block; }
p.wp-caption-text { font-family: Arial, Helvetica, sans-serif; font-size: 10px !important; line-height: 18px !important; padding: 0 !important;  }
p.wp-caption-text em { font-family: Times, "Times New Roman", Serif; font-size: 12px; line-height: 18px; font-style: italic; }
p.wp-caption-text a:link, p.wp-caption-text a:visited { color: #000000; }
p.wp-caption-text a:hover, p.wp-caption-text a:active { color: #fa4a32; }
div.aligncenter img { display: block; }
#cspc-content p { padding-right: 0 !important; }
.aligncenter { display: block; margin: 0 auto; position: relative; padding: 0 0 10px 0; }
.last_column { width: 220px !important; float: right !important;  }


/* BLOG STYLES */
body.blog, body.single-post, body.category, body.tag { background: #ffffff url(images/bg-pattern.png) repeat center top; }
body.blog div#handkerchief, body.single-post div#handkerchief, body.category div#handkerchief, body.tag div#handkerchief { background-color: #ffffff; border-left: 40px solid #ffffff; border-right: 40px solid #ffffff; }
#stereo { margin: 71px -7px 0 0; font-size: 45px; text-transform:uppercase; letter-spacing:4.4px; float: right; display: inline; font-family: Andrade, Times, "Times New Roman", Serif; color: #000 !important; } /*site title*/
a#tmb { position: absolute; text-indent: -9999em; display: block; height: 74px; width: 120px; margin: 0; top: 53px; left: 21px; }
a#tmb img { position:absolute; top:0; left:0; }
a#tmb img.alt { display:none; }
body.blog img.wp-post-image, body.single-post img.wp-post-image { padding: 0; }
.post-title { font-size: 29px; line-height: 36px; letter-spacing: 0; word-spacing: 0; font-family: Andrade, Times, "Times New Roman", Serif; font-weight: normal; padding: 20px 0 10px 0; margin: 0; width: 100%; border: 0; text-transform: none; }
.post-title a:hover, .post-title a:active { color: #f36e33; }
body.blog article { border-top: 3px solid #000000; }
body.blog .entry-content, body.single-post .entry-content { padding: 7px 0 29px; }
body.blog .linen { border-top: 0; }
body.single-post #content p { padding-right: 0; }

#carburetor { border-top: 3px solid #000; margin: 57px 0 22px 0; }
#carburetor ul li { position:relative; font-size: 13px; line-height:29px; }
#carburetor ul#cats li { position:relative; font-size: 13px; line-height:29px; border-bottom:1px solid #000;}
#carburetor ul li a { color: #000; }
#carburetor ul li a:hover { color: #fa4a32; }
#carburetor ul#cats li { border-bottom:1px solid #000; }
#carburetor ul#cats li.current-cat { border-bottom:2px solid #000; }
#carburetor ul#tags ul { padding: 5px 0 0 0; }
#carburetor ul#tags ul li { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; text-transform: uppercase;  }
#carburetor ul#tags ul li.current-cat { font-weight: bold; }

body.single-post footer.entry-meta { position:relative; padding: 0 0 50px 0;  }
body.single-post footer.entry-meta a.back-button { float: right; display: inline; ttext-transform:uppercase; color:#000;}
body.single-post .rims { font-family: Times, "Times New Roman", Serif; font-size: 12px; line-height: 17px; text-transform:uppercase; min-height:18px; *height:18px; padding:8px 0; border-top:1px solid #676464;  width: 100%; float: none; clear: both; overflow: hidden; }
body.single-post .rims strong { float: left; display: inline;}
body.single-post .rims a { color:#000; text-decoration: none; }
body.single-post .rims a.twitter { color: #AF996E; }
body.single-post .rims a.facebook { color: #FA4A32; }
body.single-post .rims a:hover, a:active { text-decoration: none; }
body.single-post .rims .right { width: 628px; float: right; display: inline;}
body.single-post .tags { border-bottom:1px solid #676464; }