@charset "utf-8";
/* @override 
  https://clients.christianwick.com/bloggingforwriters/css/style.css
  https://clients.christianwick.com/bloggingforwriters/css/style.css?=v2 */
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher,Jonathan Neal,
 * Kroc Camen,and the H5BP dev community and team.
 *
 * Detailed information about this CSS:h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{ display:block; }
audio,canvas,video{ display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]){ display:none; }
[hidden]{ display:none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change,without disabling user zoom:h5bp.com/g
 */
html{ font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body{ margin:0; font-size:13px; line-height:1.231; }
p{ padding-bottom:10px; color:#3a3b39; line-height:1.8; }
body,button,input,select,textarea{ color:#6f6f6f; font:15px "Lucida Grande",Lucida,Verdana,sans-serif; }


/* 
 * Remove text-shadow in selection highlight:h5bp.com/i
 * These selection declarations have to be separate
 * Also:hot pink! (or customize the background color to match your design)
 */
::-moz-selection{ background:#429dc9; color:#fff; text-shadow:none; }
::selection{ background:#429dc9; color:#fff; text-shadow:none; }

/* =============================================================================
   Links
   ========================================================================== */
a{ color:#3a959a; text-decoration:none; }
a.selected{ color:#3a959a; }
/*a:visited{ color:#e9e9e4; }*/
a:hover{ color:#3a959a; text-decoration:underline; }
a:focus{ outline:thin dotted; }
/* Improve readability when focused and hovered in all browsers:h5bp.com/h */
a:hover,a:active{ outline:0; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title]{ border-bottom:1px dotted; }
b,strong{ font-weight:bold; }
blockquote{ margin:1em 40px; }
dfn{ font-style:italic; }
hr{ display:block; margin:2em 0; padding:0; height:21px; border:0; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/divider.png) no-repeat center; }
ins{ background:#ff9; color:#000; text-decoration:none; }
mark{ background:#ff0; color:#000; font-style:italic; font-weight:bold; }
/* Redeclare monospace font family:h5bp.com/j */
pre,code,kbd,samp{ font-family:monospace,monospace; _font-family:'courier new',monospace; font-size:1em; }
/* Improve readability of pre-formatted text in all browsers */
pre{ white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q{ quotes:none; }
q:before,q:after{ content:""; content:none; }
.smaller,
small{ font-size:85%; }
/* Position subscript and superscript content without affecting line-height:h5bp.com/k */
sub,sup{ position:relative; font-size:75%; line-height:0; vertical-align:baseline; }
sup{ top:-0.5em; }
sub{ bottom:-0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul,ol{ margin:1em 0; padding:0 0 0 40px; list-style-type:none; }
li{ background:url(•) left center no-repeat; }
dd{ margin:0 0 0 40px; }
nav ul,nav ol{ margin:0; padding:0; list-style:none; list-style-image:none; }

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7:h5bp.com/d
 * 2. Remove the gap between images and borders on image containers:h5bp.com/e 
 */
img{ border:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }

/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root){ overflow:hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure{ margin:0; }

/* =============================================================================
   Forms
   ========================================================================== */
form{ margin:0; }
fieldset{ margin:0; padding:0; border:0; }

/* Indicate that 'label' will shift focus to the associated form element */
label{ cursor:pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend{ *margin-left:-7px; padding:0; border:0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,input,select,textarea{ margin:0; font-size:100%; vertical-align:baseline; *vertical-align:middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,input{ line-height:normal; *overflow:visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button,table input{ *overflow:auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,input[type="button"],input[type="reset"],input[type="submit"]{ cursor:pointer; -webkit-appearance:button; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],input[type="radio"]{ box-sizing:border-box; }
input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none; }

/* 
 * Remove inner padding and border in FF3/4:h5bp.com/l 
 */
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea{ overflow:auto; vertical-align:top; resize:vertical; }

/* Colors for form validity */
input:valid,
textarea:valid{  }
input:invalid,
textarea:invalid{ background-color:#f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
table{ border-collapse:collapse; border-spacing:0; }
td{ vertical-align:top; }

/* ==|== primary styles =====================================================
   Author:Christian Wick
   ========================================================================== */
   
/* =============================================================================
   Font import
   ========================================================================== */
@font-face{
  font-family:'BitterRegular';
  src:url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Regular-webfont.eot');
  src:url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Regular-webfont.woff') format('woff'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Regular-webfont.ttf') format('truetype'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
  font-weight:normal;
  font-style:normal; }
@font-face{
  font-family:'BitterItalic';
  src:url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Italic-webfont.eot');
  src:url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Italic-webfont.woff') format('woff'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Italic-webfont.ttf') format('truetype'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Italic-webfont.svg#BitterItalic') format('svg');
  font-weight:normal;
  font-style:normal; }
@font-face{
  font-family:'BitterBold';
  src:url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Bold-webfont.eot');
  src:url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Bold-webfont.woff') format('woff'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Bold-webfont.ttf') format('truetype'),
    url('https://cdn.selfdevelopment.net/blogging-writers.com/fonts/bitter/Bitter-Bold-webfont.svg#BitterBold') format('svg');
  font-weight:normal;
  font-style:normal; }

/* =============================================================================
   Site wide
   ========================================================================== */   
body{ background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/bkg/body-bg.jpg) #efefef; }
strong{ color:#3a3b39; font-family:"Lucida Grande",Lucida,Verdana,sans-serif; }
h1,h2,h5,h6{ color:#3e3e3e; font-family:BitterBold,Georgia,"Times New Roman",Times,serif; }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{ color:#3a959a; }
h1{ font-size:31px; }
h2{ font-size:28px; }
h3{ color:#3a3b39; font:27px BitterRegular,Georgia,"Times New Roman",Times,serif; text-align:left; text-transform:uppercase; }
h4{ color:#3e3e3e; font:15px BitterRegular,Georgia,"Times New Roman",Times,serif; text-transform:uppercase; }
h4 strong{ font-family:BitterBold,Georgia,"Times New Roman",Times,serif; }
.text-center{ text-align:center; }
.code{ font-family:"Courier New",monospace; font-size:14px; }
#container{ position:relative; margin:20px auto 60px; width:980px; border-radius:5px; background-image:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/bkg/main.jpg); box-shadow:0 0 20px #000; }
#main,
#faq{ margin-right:auto; margin-left:auto; width:950px; }
#container > header{ height:154px; border-radius:3px 3px 0 0; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/bkg/header.png) repeat-x #3e3e3e; }
#container header h1.logo{ margin-top:0; margin-right:auto; margin-left:auto; width:950px; }
#container header h1.logo a{ position:relative; top:8px; display:block; margin-right:auto; margin-bottom:-202px; margin-left:auto; width:213px; height:202px; background-image:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/logo.png); text-indent:-999999px; }
#container header nav{ margin-top:60px; margin-right:auto; margin-left:auto; width:950px; height:20px; }
header nav ol.left{ float:left; }
header nav ol.right{ float:right; }
header nav ol.left li:first-child{ margin-left:50px; }
header nav ol.right li:last-child{ margin-right:50px; }
header nav ol li{ float:left; margin-right:27px; margin-left:27px; }
header nav li.bullet{ margin-top:8px; margin-right:0; margin-left:0; width:3px; height:4px; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/bullets/bullet-header_nav.gif) no-repeat center center; }
header nav ol li a{ color:#e9e9e4; font:14px BitterRegular,Georgia,"Times New Roman",Times,serif; text-decoration:none; }
header nav ol li a:hover{ color:#3a959a; text-decoration:none; }
#part-one,
#part-two,
#part-three,
#part-four,
#part-five,
#part-six{ padding-top:70px; padding-right:24px; padding-left:24px; }
.insetType{ text-align:center; }
.button.big.black{ display:block; margin-top:60px; margin-right:auto; margin-left:auto; padding:30px 40px 20px; width:395px; height:45px; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/btn/btn-bg.png) no-repeat; }
.button.big.black span{ display:inline-block; color:#efefef; font:24px BitterBold,Georgia,"Times New Roman",Times,serif; text-transform:uppercase; text-shadow:-1px -1px 2px #000; }
.button.big.black:hover span{ color:#429a9f; }
footer{ margin-top:50px; margin-bottom:-15px; border-radius:0 0 3px 3px; background-color:#0e0e0e; text-align:center; }
footer p{ padding-bottom:21px; color:#6f6f6f; }
footer nav{ margin-bottom:20px; padding-top:35px; }
footer nav ul{ padding-top:3px; height:23px; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/footer-border.png) no-repeat center center #363636; }
footer nav ul li{ display:inline; padding:5px; }
footer nav a{ color:#f9faf4; text-decoration:none; }
footer nav a:hover{ text-decoration:none; }
footer nav a.selected{ color:#3a959a; }
#faq,#testimonials,#affiliates{ margin-right:auto; margin-left:auto; padding-top:70px; padding-right:35px; padding-left:35px; width:880px; }

/* =============================================================================
   Content - Section One
   ========================================================================== */
p.dearfriend{ display:inline-block; margin-top:20px; padding-bottom:0; width:210px; height:50px; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/signatures/dear-friend.png) no-repeat; text-indent:-999999px; }
img.book{ float:right; margin-top:-45px; padding-left:60px; }
p.sixteen{ font-size:16px; }
.headings-301 h2{ margin-bottom:0; color:#429a9f; font:23px BitterRegular,Georgia,"Times New Roman",Times,serif; text-transform:uppercase; }
ul.image.left{ margin-top:50px; padding-left:30px; width:830px; }
ul.image.left li{ padding-bottom:10px; }
ul.image.left li img{ float:left; padding-top:5px; padding-right:40px; padding-bottom:50px; }
#one-coll article ul.image.left li p{ line-height:1.8; }

/* =============================================================================
   Content - Section Two
   ========================================================================== */
img.profilepic{ z-index:-1; width:249px; height:250px; }
#image-border{ position:absolute; width:239px; height:240px; border:5px solid #9a9683; }
#profilepic{ display:block; float:left; margin-top:8px; margin-right:20px; margin-bottom:20px; }
span.shield{ position:relative; top:-19px; display:block; margin-right:auto; margin-left:auto; width:179px; height:33px; background-image:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/shield.png); color:#fff; font-family:BitterRegular,Georgia,"Times New Roman",Times,serif; text-align:center; line-height:32px; }

/* =============================================================================
   Content - Section Three
   ========================================================================== */
.headings-701 h1{ padding-left:30px; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/bullets/bullet-chapter-headings.png) no-repeat 0 center; color:#3a959a;  font:24px BitterRegular,Georgia,"Times New Roman",Times,serif; text-transform:uppercase; letter-spacing:1pt; }
ol.chapters li{ padding-bottom:30px; padding-left:45px; color:#3a3b39; }
ol.chapters span.bullet{ display:block; float:left; margin-top:-1px; padding-right:10px; padding-left:20px; color:#3a959a; font-size:30px;
  -moz-transform:scale(1) rotate(-20deg) translate(0px,0px) skew(0deg,0deg);
  -webkit-transform:scale(1) rotate(-20deg) translate(0px,0px) skew(0deg,0deg);
  -o-transform:scale(1) rotate(-20deg) translate(0px,0px) skew(0deg,0deg);
  -ms-transform:scale(1) rotate(-20deg) translate(0px,0px) skew(0deg,0deg);
  transform:scale(1) rotate(-20deg) translate(0px,0px) skew(0deg,0deg); }

/* =============================================================================
   Content - Section Four
   ========================================================================== */

/* =============================================================================
   Content - Section Five
   ========================================================================== */
.button.big.black.download{ width:470px; background-image:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/btn/btn-download-bg.png); }
.button.big.black.download span{ margin-left:50px; font-size:21px; }
p.button.big.transparent{ display:block; margin-right:auto; margin-left:auto; padding:15px; width:400px; color:#777; font-size:13px; text-align:center; }
p.button.big.transparent strong{ color:#777; }
p.button.big.transparent img.paypal{ margin-top:-2px; margin-right:2px; }
#one-coll div.paypal{ background-image:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/paypal.png); text-indent:-999999px; }
p.button.big.transparent a.paypal{ color:#3a959a; text-decoration:underline; }
p.button.big.transparent a.paypal:hover{ text-decoration:none; }
a.button.big.black.secret span{ margin-top:3px; font-size:19px; }

/* =============================================================================
   Content - Section Six
   ========================================================================== */
section#part-six .headings-701 h1{ padding-left:0; background-image:none; font-size:19px; }
section#part-six ol{ margin-top:30px; padding-left:0; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/bonus/bonus.jpg) no-repeat left -20px; }
section#part-six ol li{ padding-left:240px; height:260px; }
section#part-six ol li h1{ padding-top:25px; }
article.signature{ margin-top:30px; }

/* =============================================================================
   Sub-pages - FAQ's
   ========================================================================== */
#faq article{ padding-bottom:5px; }
a.button.big.black.huge.question{ padding-right:70px; padding-left:90px; background-image:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/btn/btn-questions-bg.png); }
a.button.big.black.huge.question span{ margin-right:-20px; font-size:21px; }

/* =============================================================================
   Sub-pages - Testimonials (with OS and browser specific styles)
   ========================================================================== */
ol.testimonials{ padding:20px 0; }
ol.testimonials li{ display:inline-block; margin-right:27px; margin-left:27px; }
ol.testimonials li:first-child{ margin-left:0; }
ol.testimonials li:last-child{ margin-right:0; }
ol.testimonials li p{ margin:0 0 -5px; padding:0 0 0 10px; }
ol.testimonials li p strong{ display:block; margin-top:10px; padding-left:18px; background:url(https://cdn.selfdevelopment.net/blogging-writers.com/img/bkg/video-title.png) no-repeat left center; }

/* =============================================================================
   Sub-pages - Affiliates
   ========================================================================== */
ol.affiliates{ padding:30px 0 0; }
ol.affiliates li{ display:inline-block; margin-right:24px; margin-left:23px; width:210px; text-align:center; }
ol.affiliates li:first-child{ float:left; margin-left:75px; }
ol.affiliates li:last-child{ float:right; margin-right:75px; }
#affiliates header.insetType h3{ text-transform:none; }
#affiliates header.insetType h3 strong{ font:24px BitterBold,Georgia,"Times New Roman",Times,serif; }
#affiliates a.button.big.black.huge{ padding-right:20px; padding-left:60px; }

/* ==|== browser and os specific styles ======================================================
   Use .Win32 for Windows styles
   Use .MacIntel for Mac OS X styles
   !! OS class must be before the browser class !!
   Supported Browsers:Chrome,Safari and Firefox on Mac OS X and
   Chrome,Safari,Firefox and Internet Explorer 7,8 & 9 on Windows
   ========================================================================== */

/* =============================================================================
   Safari specific styles
   ========================================================================== */

/* =============================================================================
   Firefox specific styles
   ========================================================================== */

/* =============================================================================
   ie9 specific styles 
   ========================================================================== */

/* =============================================================================
   ie8 specific styles (the horror,the horror)
   ========================================================================== */

/* =============================================================================
   ie7 specific styles (Microsoft,why do you even try!)
   ========================================================================== */

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

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

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

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

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

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

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

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width:480px){
  /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width:768px){
  /* Style adjustments for viewports 768px and over go here */
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection:h5bp.com/r
   ========================================================================== */
 
@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; }
}