/*
Theme Name: Melissa Kahn
Theme URI: http://melissakahn.com
Description: Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 0.1
Author: Duck Brigade
Author URI: http://duckbrigade.com
*/

@import "css/reset.css";
@import "css/layout.css";

/*
===============================================================================================================
MELISSA KAHN THEME STYLESHEET
=============================================================================================================== */

/* Sitewide */
html {position:relative;min-height:100%;}
body {font-family:arial, helvetica, sans-serif;background:url('http://www.melissakahn.com/assets/TextureBkgd.jpg');font-size:10pt;color:#4e4e4e;}
#container {width:980px;margin:0 auto;}
#content {margin-left:320px;padding-top:40px;padding-left:35px;}
article {clear:left;}
footer {height:20px;}
.post-edit-link {font-size: 10px;float: right;}
.divider {width: 5px;height: 3px;background: url('http://www.melissakahn.com/assets/dotted_line.png');clear: both;margin: 18px auto;background-size: 5px;}
.squigglebox {background:url('http://www.melissakahn.com/assets/Box_Scribbles.png') no-repeat;background-position:right bottom;background-size:620px;padding-bottom:12px;margin-top:20px;}
.squigglebox-inner, #comment-area {background:rgba(105,93,75,0.07);padding: 20px 20px 5px;}
strong {font-weight: bold;}
a {color: #A85095;text-decoration: none;}
a:hover {color:#65375b;}
span.gc-cs-link {color: #A85095;text-decoration: none;}
span.gc-cs-link:hover {color:#65375b;}
p {margin-bottom: 15px;line-height:160%;}
h2 {font-family: 'Open Sans', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 13pt;letter-spacing: 3px;color:#A85095;}
h3 {font-family: 'Open Sans', sans-serif;font-weight: 800;text-transform: uppercase;font-size: 16pt;letter-spacing: 1px;color:#59b19e;margin-bottom:8px;}
h4 {font-family: 'Open Sans', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 14px;color:#59b19e;margin-bottom:8px;}
.clearboth {clear:both;}
.scribble_header {width: 650px;height: 110px;background: url('http://www.melissakahn.com/assets/Blog_Scribble.png') no-repeat;margin-left: -25px;margin-bottom:20px;clear:left;}
.scribble_book {width: 110px;height: 74px;background: url('http://www.melissakahn.com/assets/Blog_Illustration.png') no-repeat;position: relative;left: 10px;top: 25px;z-index:2;}
#content article ul {padding: 6px 0 25px 60px;line-height: 160%;list-style-type: disc;}

/* Header-Sidebar */
#logo {width:283px;height:0px;padding:86px 0 0;background:url('http://www.melissakahn.com/assets/mklogo.png') no-repeat;display:block;overflow:hidden;float:none;background-size:283px 86px;margin:65px auto 0;}
#header_inner {position:absolute;width:308px;min-height:100%;background:url('http://www.melissakahn.com/assets/scribbles.png'),url('http://www.melissakahn.com/assets/TextureSidebar.jpg');background-position:center bottom,left top;background-repeat:no-repeat,repeat;background-size:308px 218px,174px 326px;-moz-box-shadow: 0 0 14px 1px rgba(184,177,171,1);-webkit-box-shadow: 0 0 14px 1px rgba(184,177,171,1);box-shadow: 0 0 14px 1px rgba(184,177,171,1);}

/* Sidebar-Menu */
.menu-primary-navigation-container {width: 220px;margin: 10px auto 0;}
#menu-item-164 a {display: block;width: 70px;height: 0;padding-top: 33px;background: url('http://www.melissakahn.com/assets/Bio.png');float: left;overflow: hidden;}
#menu-item-164 a:hover {background-position:left 33px;}
#menu-item-165 a {display: block;width: 150px;height: 0;padding-top: 33px;background: url('http://www.melissakahn.com/assets/Coaching.png');float: left;overflow: hidden;}
#menu-item-165 a:hover {background-position:left 33px;}
#menu-item-166 a {display: block;width: 220px;height: 0;padding-top: 49px;background: url('http://www.melissakahn.com/assets/Resources.png');float: left;overflow: hidden;}
#menu-item-166 a:hover {background-position:left 49px;}
#menu-item-167 a {display: block;width: 220px;height: 0;padding-top: 43px;background: url('http://www.melissakahn.com/assets/GetInTouch.png');float: left;overflow: hidden;}
#menu-item-167 a:hover {background-position:left 43px;}
#menu-item-168 a {display: block;width: 157px;height: 0;padding-top: 38px;background: url('http://www.melissakahn.com/assets/Workshops.png');float: left;overflow: hidden;}
#menu-item-168 a:hover {background-position:left 38px;}
#menu-item-169 a {display: block;width: 63px;height: 0;padding-top: 38px;background: url('http://www.melissakahn.com/assets/Blog.png');float: left;overflow: hidden;}
#menu-item-169 a:hover {background-position:left 38px;}

/* Sidebar-Contact */
#emaillink {display: block;width: 220px;height: 0;padding-top: 22px;background: url('http://www.melissakahn.com/assets/email_link.png');float: left;overflow: hidden;}
#emaillink:hover {background-position:left 22px;}
#phno {display: block;width: 143px;height: 0;padding-top: 26px;background: url('http://www.melissakahn.com/assets/phno.png');float: left;overflow: hidden;}
//#phno:hover {background-position:left bottom;}
#social_01 {display: block;float: left;width: 25px;height: 0px;padding-top: 26px;overflow: hidden;background: url('http://www.melissakahn.com/assets/social_01.png')no-repeat;}
#social_02 {display: block;float: left;width: 25px;height: 0px;padding-top: 26px;overflow: hidden;background: url('http://www.melissakahn.com/assets/social_02.png')no-repeat;}
#social_03 {display: block;float: left;width: 25px;height: 0px;padding-top: 26px;overflow: hidden;background: url('http://www.melissakahn.com/assets/social_03.png')no-repeat;}
#social_01:hover, #social_02:hover, #social_03:hover {background-position:left bottom;}
#contact_sb {clear: both;}
#contact_sb_inner {width:220px;margin:0 auto;}
#sbdivider {width: 230px;height: 3px;background: url('http://www.melissakahn.com/assets/dotted_line.png');clear: both;margin: 18px auto;background-size: 5px;}
#letsconnect {clear: both;width: 227px;margin-left: 37px;font-size: 30px;color: #B863A6;height: 0px;padding-top: 39px;overflow: hidden;background: url('http://www.melissakahn.com/assets/lets-connect.png');background-size: 227px;}
#tellme {font-family:'Varela Round', sans-serif;width: 220px;font-size: 11px;margin: 6px auto;line-height: 16px;font-weight: bold;color:#4e4e4e;-webkit-text-stroke: 1px transparent;}

/* Sidebar-Form */
#contactform {background: url('http://www.melissakahn.com/assets/Illustration_Globe.png') no-repeat;height:220px;background-position: 9px 20px;background-size: 85px;}
#contactform p {margin-bottom:0px;}
#formthanks {width:131px;height:38px;background:url('http://www.melissakahn.com/assets/thanks.png') no-repeat;position: absolute;margin-top: 60px;margin-left: 110px;}
#fm-form-1 {width:160px;margin:0 0 0 100px;}
#fm-form-1 ul li label {display: none!important;}
#fm-form-1 input[type="text"] {border: 1px solid #B0B5B6;border-radius: 8px;padding: 3px 8px 2px!important;margin:0!important;font-family: 'Varela Round';font-size:10px;}
//#fm-form-1 input[type="text"]:focus {color:#000;}
.fm-form input.submit {float: right;-webkit-appearance: none;-moz-appearance: none;border: none;background: url('http://www.melissakahn.com/assets/ok.png');width: 23px;height: 0px;padding-top: 23px;}
.fm-form input.submit:hover {background-position:left bottom;}
#fm-form-1 textarea {resize: none;border: 1px solid #B0B5B6;border-radius: 8px;padding: 3px 8px 2px!important;font-family: 'Varela Round';font-size:10px;overflow: auto;}
//#fm-form-1 textarea:focus {color:#000;}
.fm-form li {margin-bottom:11px!important;}
#fm-item-textarea-50196d741a87c {margin-bottom:0px!important;}
.placeholder {color:#B0B5B6;}
#s {border: 1px solid #B0B5B6;border-radius: 0px;padding: 5px 5px 5px!important;margin: 0 0 5px!important;font-family: 'Varela Round';font-size: 12px;background: rgba(255, 255, 255, 0.4)!important;}

/* Home */
.home .page-title {width: 623px;height: 0;padding-top: 205px;overflow: hidden;background: url('http://www.melissakahn.com/assets/home_photo.png') no-repeat;margin-bottom: -9px;margin-left: -3px;}
#home_header {
background: url('http://www.melissakahn.com/assets/Illustration_Books.png') no-repeat;margin-left: -26px;background-position: left 18px;padding-bottom: 10px;background-size: 123px;height: 144px;}
#lifecoaching {margin-left: 110px;width: 388px;height: 0;padding-top: 45px;overflow: hidden;background: url('http://www.melissakahn.com/assets/home_header.png') no-repeat;background-size: 388px;margin-bottom: -1px;}
#lifecoaching2 {font-family:'Varela Round', sans-serif;margin-left: 129px;font-size: 10pt;line-height: 14pt;-webkit-text-stroke: 1px transparent;}

/* Blog */
.post_details {font-family: 'Open Sans', sans-serif;font-size: 14px;letter-spacing: 1px;margin-top: 5px;padding-bottom: 12px;color:#A85095;font-weight:600;}
.single #content header, .blog #content header, .archive #content header, .search #content header {border-bottom: 2px solid #A1D2C8;}
.attachment-post-thumbnail.wp-post-image {width: 100%;height: auto;}
.more-link {font-family: 'Open Sans', sans-serif;font-size: 11px;-webkit-border-radius: 9px;color: white;background: #A1D2C8;text-transform: uppercase;letter-spacing: 2px;display: block;width: 110px;text-align: center;margin-top: 15px;}
.more-link:hover, #searchsubmit:hover, .form-submit input:hover {color:#eee;background-color:#20977c;}
#searchsubmit {font-family: 'Open Sans', sans-serif;font-size: 11px;-webkit-border-radius: 9px;color: white;-webkit-appearance:none;background: #A1D2C8;text-transform: uppercase;letter-spacing: 2px;display: block;width: 80px;text-align: center;border:none;}
.blog-content {margin-top: 12px;margin-bottom: 50px;}
#blog_title {width: 625px;height: 39px;position: relative;top: -31px;left: 25px;background: url('http://www.melissakahn.com/assets/MelissasBlog.png') no-repeat;background-position: 98px top;border-bottom: 2px solid #A1D2C8;}
aside h3 {font-family: 'Open Sans', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 13pt;letter-spacing: 1px;}
aside ul {padding: 0;line-height: 130%;list-style-type: none;margin-right:-5%;display:inline-block;margin-bottom:5px;width:100%}
aside ul li {width:30%;float:left;margin-right:3%;}
aside ul li ul {min-height:0;}
aside ul li ul li {width:100%;}
label[for="s"] {display: none;}
.page-numbers {background: rgba(184, 99, 166, 0.2);padding: 8px 0;border-radius: 30px;display: inline-block;width: 28px;text-align: center;}
.page-numbers:hover {background: rgba(101, 55, 91, 1);color:white;}
.page-numbers.current {background: rgba(105, 93, 75, 0.18);color:#4e4e4e;}
.single #content {margin-bottom: 35px;}
.category_header {color: #999;font-size: 13px;letter-spacing: 1px;margin-bottom: 30px;}
#comments-title, #reply-title {font-family: 'Open Sans', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 11pt;letter-spacing: 1px;color: #A85095;}
#comments-title {margin-bottom:30px;}
.comment-byline {border-bottom: 1px solid #AAA;padding-bottom: 6px;margin-bottom: 7px;text-transform: uppercase;font-size: 11px;letter-spacing: 1px;}
.comment {margin-bottom:25px;}
label[for="comment"] {display: none!important;}
#respond {margin-top: 20px;}
input[type="text"], input[type="password"], input[type="url"], input[type="email"] {border: 1px solid #B0B5B6;border-radius: 8px;padding: 5px 8px 4px!important;margin-left:10px;}
textarea {border: 1px solid #B0B5B6;border-radius: 8px;padding: 3px 8px 2px!important;}
#respond label {display: inline-block;width: 50px;}
.form-allowed-tags {display:none;}
.form-submit input {font-family: 'Open Sans', sans-serif;font-size: 11px;-webkit-border-radius: 9px;color: white;-webkit-appearance:none;background: #A1D2C8;text-transform: uppercase;letter-spacing: 2px;display: block;padding:4px 10px;text-align: center;border:none;margin: 10px 0 40px;}
.comment-form-comment {margin-bottom: 0px;}
.form-submit {width: 348px;}

/* Bio */
.post-53 header h1 {width: 670px;height: 0;padding-top: 205px;overflow: hidden;background: url('http://www.melissakahn.com/assets/BioPhoto.png') no-repeat;margin-bottom: -6px;}
#allabout {width: 394px;padding-top: 39px;background: url('http://www.melissakahn.com/assets/AllAboutMelissa.png') no-repeat;height: 0;overflow: hidden;margin-bottom:8px;}

/* Coaching */
.post-55 h1 {width: 650px;height: 0;padding-top: 205px;overflow: hidden;background: url('http://www.melissakahn.com/assets/CoachingHeader.png') no-repeat;}
#everygirl {width: 569px;height: 0;padding-top: 46px;overflow: hidden;background: url('http://www.melissakahn.com/assets/EveryGirl.png') no-repeat;margin-top: -5px;margin-bottom:4px;}

/* Get in Touch */
.post-57 header h1 {width: 622px;height: 0;padding-top: 205px;overflow: hidden;background: url('http://www.melissakahn.com/assets/ContactPhoto.png') no-repeat;margin-bottom: -2px;}
#emailorcall {width: 390px;height: 0;padding-top: 45px;overflow: hidden;background: url('http://www.melissakahn.com/assets/EmailorCall.png') no-repeat;}

/* Workshops */
.post-60 header h1 {width: 638px;padding-top: 214px;overflow: hidden;height: 0;background: url('http://www.melissakahn.com/assets/WorkshopsHeader.png') no-repeat;margin-left: -3px;}
#engageinspire {width: 552px;padding-top:46px;height: 0px;overflow:hidden;background: url('http://www.melissakahn.com/assets/EngageInspire.png');position: relative;top: -2px;}

/* Resources */
.post-70 header h1 {display:none;}
#featured_articles {width: 625px;padding-top: 39px;position: relative;overflow:hidden;top: -31px;left: 25px;background: url('http://www.melissakahn.com/assets/FeaturedArticles.png') no-repeat;background-position: 98px top;border-bottom: 2px solid #A1D2C8;height: 0;overflow: hidden;}
#resources_header {width: 625px;padding-top: 37px;position: relative;top: 22px;left: 25px;background: url('http://www.melissakahn.com/assets/ResourcesHeader.png') no-repeat;border-bottom: 2px solid #A1D2C8;height: 0;overflow: hidden;}
.resource_left {width: 47%;margin-right: 6%;float: left;min-height: 89px;margin-bottom: 10px;}
.resource_right {width: 47%;float: left;min-height: 89px;margin-bottom: 10px;}
.resource_left a, .resource_right a {color:#59b19e;}
.resource_left a:hover, .resource_right a:hover {color:#299a81;}
.resource_p {line-height: 140%;margin-top: 8px;color: #4E4E4E;}
.resource-links .resource_left {min-height: 50px;width:100%;clear:left;margin-bottom:0;}


/* IE Specific CSS */
.ie6 #header_inner, .ie7 #header_inner, .ie8 #header_inner {background:url('http://www.melissakahn.com/assets/Texture_Sidebar.png');background-position:left top;background-repeat:repeat;background-size:308px 900px;-moz-box-shadow: 0 0 14px 1px rgba(184,177,171,1);-webkit-box-shadow: 0 0 14px 1px rgba(184,177,171,1);box-shadow: 0 0 14px 1px rgba(184,177,171,1);}

/* 2x Images for Retina Displays */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
#logo {background: url('http://www.melissakahn.com/assets/mklogo_2x.png') no-repeat;background-size:283px 86px;}
#menu-item-164 a {background: url('http://www.melissakahn.com/assets/Bio_2x.png');background-size: 70px;}
#menu-item-165 a {background: url('http://www.melissakahn.com/assets/Coaching_2x.png');background-size: 150px;}
#menu-item-166 a {background: url('http://www.melissakahn.com/assets/Resources_2x.png');background-size: 220px;}
#menu-item-167 a {background: url('http://www.melissakahn.com/assets/GetInTouch_2x.png'); background-size: 220px;}
#menu-item-168 a {background: url('http://www.melissakahn.com/assets/Workshops_2x.png');background-size: 159px;}
#menu-item-169 a {background: url('http://www.melissakahn.com/assets/Blog_2x.png');background-size: 63px;}
#emaillink {background: url('http://www.melissakahn.com/assets/email_link_2x.png');background-size: 220px;}
#phno {background: url('http://www.melissakahn.com/assets/phno_2x.png');background-size: 143px;}
#social_01 {background: url('http://www.melissakahn.com/assets/social_01_2x.png')no-repeat;background-size: 25px;}
#social_02 {background: url('http://www.melissakahn.com/assets/social_02_2x.png')no-repeat;background-size: 25px;}
#social_03 {background: url('http://www.melissakahn.com/assets/social_03_2x.png')no-repeat;background-size: 25px;}
.divider {background: url('http://www.melissakahn.com/assets/dotted_line_2x.png');clear: both;background-size: 5px;}
#sbdivider {background: url('http://www.melissakahn.com/assets/dotted_line_2x.png');clear: both;background-size: 5px;}
#letsconnect {background: url('http://www.melissakahn.com/assets/lets-connect_2x.png');background-size: 227px;}
#formthanks {background:url('http://www.melissakahn.com/assets/thanks_2x.png') no-repeat;background-size:131px;}
#contactform {background: url('http://www.melissakahn.com/assets/Illustration_Globe_2x.png') no-repeat;background-size: 85px;background-position: 9px 20px;}
.fm-form input.submit {background: url('http://www.melissakahn.com/assets/ok_2x.png');background-size: 23px;}
#lifecoaching {background: url('http://www.melissakahn.com/assets/home_header_2x.png') no-repeat;background-size: 388px;}
#home_header {background: url('http://www.melissakahn.com/assets/Illustration_Books_2x.png') no-repeat;background-position: left 18px;background-size:123px;}
.scribble_header {background: url('http://www.melissakahn.com/assets/Blog_Scribble_2x.png') no-repeat;background-size: 625px;}
.scribble_book {background: url('http://www.melissakahn.com/assets/Blog_Illustration_2x.png') no-repeat;background-size: 110px;}
#blog_title {background: url('http://www.melissakahn.com/assets/MelissasBlog_2x.png') no-repeat;background-size:189px;background-position: 98px top;}
#allabout {background: url('http://www.melissakahn.com/assets/AllAboutMelissa_2x.png') no-repeat;background-size:394px;}
#everygirl {background: url('http://www.melissakahn.com/assets/EveryGirl_2x.png') no-repeat;background-size:569px;}
#featured_articles {background: url('http://www.melissakahn.com/assets/FeaturedArticles_2x.png') no-repeat;background-size:222px;background-position: 98px top;}
#resources_header {background: url('http://www.melissakahn.com/assets/ResourcesHeader_2x.png') no-repeat;background-size:122px;}
#emailorcall {background: url('http://www.melissakahn.com/assets/EmailorCall_2x.png') no-repeat;background-size:390px;}
#engageinspire {background: url('http://www.melissakahn.com/assets/EngageInspire_2x.png') no-repeat;background-size:552px;}
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
#header_inner {position:absolute!important;}
}

/* Change to fixed sidebar if browser window is high enough */
@media screen and (min-height: 710px) and (min-device-width: 481px) {
#header_inner {position:fixed;}
}