/*
Theme Name: Kristen Simmons
Theme URI: http://www.kristensimmons.com/
Description: Custom Wordpress theme for Kristen Simmons
Author: Jet A Studio
Version: 1.0
*/


/*-  CSS "libraries"
----------------------------------------------------------------------*/
@import url("assets/css/reset.css");

/*-  BASE STYLES
----------------------------------------------------------------------*/

/*- self-clearing floats ----------*/
.mod:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*- accessibility-friendly hiding ----------*/
.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}

/*- fluid images and objects ----------*/

img, object, embed {max-width: 100%;}

/*- optional vanity styles ----------*/

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

@media only screen and (max-device-width: 480px) {

	html {-webkit-text-size-adjust: none}
	a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}

}

/*- ELEMENTS
----------------------------------------------------------------------*/

body {background-color:#0c1e23;color:#2a434a;font:14px/1.5 Georgia, serif normal;margin:0;padding:0;}

abbr {cursor: help;}

/*- <a> -*/
a {color:#701057;text-decoration:underline;}
a:hover {text-decoration:none;}

/*- <h*> -*/
h1 {font-size:48px;margin-bottom:.1em;color:#d0d0d0;font-weight:normal;text-shadow:1px 1px 0 #000;letter-spacing:1px;}

header h2 {font-size:18px;color:#172e34;}
header h2 a {color:#172e34;text-decoration:none;}
header h2 a:hover {color:#701057}

article h2 {font-size:24px;color:#172e34;margin-bottom:.2em;}
article h3 {font-size:18px;color:#172e34;font-weight:normal;margin-bottom:.5em;}

/*- <p> -*/
.main p {margin-bottom:1.5em;}
.main blockquote {background-color:rgba(0,0,0,.05);padding:1.5em 1.5em .5em;margin-bottom:1.5em;}
.main blockquote p {font-style:italic;}

/*- <span> -*/
span.break {position:absolute;width:32px;height:9px;left:50%;margin-left:-16px;background:transparent url(images/break-bg.png) no-repeat 0 0;}
article span.break {bottom:-4px;margin-left:-24px;padding:0 8px;background:#e0e2e2 url(images/break-bg.png) no-repeat 8px 0;}
.footer footer span.break {top:-4px;}

/*- <ul,ol> -*/
.main ul {margin:0 0 1.5em 1.5em;list-style:disc;}
.main ol {margin:0 0 1.5em 1.5em;list-style:decimal;}

/*- <table> -*/
article table {width:100%;}
article th,
article td {text-align:left;padding:.25em .5em;}

/*- <images> -*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {max-width:100%;height:auto;}

.alignleft,
img.alignleft {display:inline;float:left;margin:4px 24px 12px 0;}

.alignright,
img.alignright {display:inline;float:right;margin:4px 0 12px 24px;}

.aligncenter,
img.aligncenter {clear:both;display:block;margin:0 auto 12px;}

.wp-caption {background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px!important;padding:4px;text-align:center;}
.wp-caption img {margin:5px 5px 0;}
.wp-caption p.wp-caption-text {color:#888;font-size:12px;margin:5px;}

/*- <forms> -*/
input[type="text"],
input[type="email"],
textarea {width:90%;background: #f9f9f9;border: 1px solid #ccc;box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);padding: 8px;}
.entry-content input {margin: 0 0 24px 0;}
.entry-content input.file,
.entry-content input.button {margin-right: 24px;}
.entry-content label {color: #888;font-size: 12px;}


/* =Layout
-------------------------------------------------------------- */
header.primary {width:100%;position:absolute;z-index:999;top:0;border-bottom:1px solid #2b3539;background-color:rgba(5,15,19,.25);}
header.primary nav {width:953px;margin:0 auto;}
header.primary nav .menu-header ul {width:100%;}
header.primary nav .menu-header ul li  {float:left;position:relative;}
header.primary nav .menu-header ul li a {display:block;height:32px;padding:14px 16px 0;color:#e0e0e0;text-shadow:1px 1px 0 #000;text-decoration:none;text-transform:uppercase;letter-spacing:2px;}

header.primary nav .menu-header ul li:hover a {background-color:rgba(255,255,255,.1);}

header.primary nav .menu-header ul li.menu-item-60 a {width:51px;height:46px;background:transparent url(/images/logo-sm.png) no-repeat 0 0;margin-right:12px;border-left:1px solid #2b3539;border-right:1px solid #2b3539;padding:0;text-indent:-9999px;} 
header.primary nav .menu-header ul li ul {display:none;position:absolute;z-index:9999;width:200%;padding:.5em 0;background-color:rgba(5,15,19,.25);border:1px solid rgba(255,255,255,.1);}
header.primary nav .menu-header ul li:hover ul {display:block;}
header.primary nav .menu-header ul li ul li {float:none;}
header.primary nav .menu-header ul li ul li a {text-transform:none;letter-spacing:0;height:auto;padding:6px 9px;}
header.primary nav .menu-header ul li ul li a:hover {color:#e480ca;}
header.primary nav .menu-header ul li:hover ul li a {background-color:transparent;}

.main {padding-top:7em;}
.main-home {padding-top:0;}

.stage-wrap {width:100%;min-height:600px;background:#0e2228 url(images/stage-wrap-bg.jpg) repeat-x center 0;}
.stage {width:953px;margin:0 auto;padding-bottom:2em;background:transparent url(images/hero-bg.jpg) no-repeat 0 0;}

section.posts {width:596px;float:left;padding:2em;background-color:#e0e2e2;margin:0 0 0 -7px;border:7px solid #050f13;-moz-box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;box-shadow:inset 0 0 1px #fff;}
section.posts article {position:relative;border-bottom:1px solid #c4c8cc;margin-bottom:2em;padding-bottom:1em;}

article .entry-meta {margin-bottom:1em;}
article .entry-meta a {font-size:11px;text-decoration:none;}
article .entry-meta a:hover {text-decoration:underline;}
article .entry-meta a.date {color:#3d5055;text-transform:uppercase;font-weight:bold;padding-right:8px;}
article .entry-meta a.date:hover {color:#701057;text-decoration:none;}

section.page-content article {width:596px;float:left;padding:2em;background-color:#e0e2e2;margin:0 0 0 -7px;border:7px solid #050f13;-moz-box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;box-shadow:inset 0 0 1px #fff;}
section.page-content article .entry-content {position:relative;min-height:400px;margin-bottom:2em;}

div.cols {overflow:hidden;}
div.col {float:left;}
div.half {width:50%;}
div.first {width:47%;}
div.second {width:50%;padding:0 0 0 3%;}

aside.sidebar {width:270px;float:left;margin-left:14px;padding-top:7px;}
aside.sidebar ul {list-style:none;margin:0;}
aside.sidebar ul.xoxo li.widget-container {width:248px;padding:1em;margin-bottom:1em;background-color:#1c343c;border:2px solid #1c343c;-moz-box-shadow:inset 0 0 1px #5a6f77;-webkit-box-shadow:inset 0 0 1px #5a6f77;box-shadow:inset 0 0 1px #5a6f77;}

aside.sidebar ul.xoxo li.widget-container li {padding-left:1.5em;background:transparent url(images/aside-li-bg.png) no-repeat 0 6px;}

aside.sidebar h3 {font-size:11px;margin-bottom:1em;color:#d0d0d0;text-transform:uppercase;font-weight:normal;text-shadow:1px 1px 0 #000;letter-spacing:1px;}
aside.sidebar p {color:#879396;font-size:12px;margin-bottom:1em;}
aside.sidebar a {font-size:12px;color:#d0d0d0;text-shadow:1px 1px 0 #000;letter-spacing:1px;text-decoration:none;}
aside.sidebar a:hover {text-decoration:underline;}
aside.sidebar a strong {text-transform:uppercase;font-size:11px;font-weight:normal;}

.footer {width:100%;border-top:1px solid #213030;}
.footer footer {width:953px;margin:0 auto;position:relative;padding:2em 0 4em;}

footer ul.menu {width:560px;margin:0 auto 1em auto;}
footer ul li {display:inline;}
footer ul li.menu-item-60 {position:absolute;left:-9999em;}
footer ul li a {display:inline-block;padding:0 8px;font-size:11px;color:#5b6669;text-decoration:none;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 #111;}
footer ul li a:hover {text-decoration:underline;}

footer .site-info p {text-align:center;color:#29393d;font-size:11px;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 #111;}

/* =Page Specific
-------------------------------------------------------------- */

/* --- Homepage --- */
.home .stage {padding-top:0;}
.hero {position:relative;width:100%;height:342px;z-index:100;}
.hero .tagline {position:absolute;top:140px;width:526px;height:99px;background:transparent url(images/tagline-bg.png) no-repeat 0 0;text-indent:-9999px; background-size:83%;}
.hero img.cover {position:absolute;top:100px;right:-10px;}
.hero .available {position:absolute;left: 25px;top: 221px;width:375px;height:70px;background:transparent url(images/available-online.png) no-repeat center center;}
.hero .available ul {list-style-type: none; position:relative;top:28px;}
.hero .available ul li {float: left; display: inline-block; padding-right: 34px;}
.hero .available ul li.amazon a {position:relative; top: 5px;}
.hero .available ul li.bam a {position:relative; bottom: 2px;}


/* --- Book --- */

.main .order-book {overflow:hidden;border:1px solid #aaa;margin-bottom:1.5em;padding:.5em .75em;background-color:#fff;}
.main .order-book h3 {border-bottom:1px dotted #ddd;padding-bottom:2px;}
.main .order-book ul {list-style:none;margin:0;padding-top:.5em;text-align:center;}
.main .order-book ul li {display:inline-block;padding:0 1em 1em 0;}
.main .order-book ul li a img {display:inline;}


/* =Comments
-------------------------------------------------------------- */
#comments {}
#comments .navigation {padding: 0 0 18px 0;}
h3#comments-title,
h3#reply-title {color: #000;font-weight: bold;font-size: 20px;margin-bottom: 0;}
h3#comments-title {padding: 24px 0;}

.main ol.commentlist {list-style: none;margin: 0;padding-top:.5em;border-top:1px dotted #aaa;}
.commentlist li.comment {border-bottom: 1px dotted #aaa;line-height: 24px;margin: 0 0 1em 0;padding: 0 0 0 56px;position: relative;}
.commentlist li:last-child {border-bottom:none;margin-bottom:0;}


#comments .comment-body ul,
#comments .comment-body ol {margin-bottom:18px;}
#comments .comment-body p:last-child {margin-bottom:6px;}
#comments .comment-body blockquote p:last-child {margin-bottom: 24px;}
.commentlist ol {list-style:decimal;}
.commentlist .avatar {position:absolute;top:4px;left:6px;}
.comment-author {}
.comment-author cite {color:#000;font-style:normal;font-weight:bold;}
.comment-author cite a {color:#000;}
.comment-author .says {font-style:italic;}
.comment-meta {font-size:12px;margin:0 0 18px 0;}
.comment-meta a:link,
.comment-meta a:visited {color: #888;text-decoration: none;}
.comment-meta a:active,
.comment-author cite a:hover,
.comment-meta a:hover {color: #701057;}
.commentlist .even {}
.commentlist .bypostauthor {}
.reply {font-size: 12px;padding: 0 0 24px 0;}
.reply a,
a.comment-edit-link {color: #888;}
.reply a:hover,
a.comment-edit-link:hover {color: #701057;}
.commentlist .children {list-style: none;margin: 0;}
.commentlist .children li {border: none;margin: 0;}
.nopassword,
.nocomments {display: none;}
#comments .pingback {margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #e7e7e7;}
.commentlist li.comment+li.pingback {margin-top: -6px;}
#comments .pingback p {color: #888;font-size: 12px;line-height: 18px;display:block;margin: 0;}
#comments .pingback .url {font-style: italic;font-size: 13px;}

.commentlist li.comment-author-admin {background-color:#d5d5d5;padding:8px 0 0 62px;}
.commentlist li.comment-author-admin .avatar {top:12px;left:12px;}


/* Comments form */
input[type=submit] {color: #333;}
#respond {margin: 24px 0;border-top: 1px solid #e7e7e7;overflow: hidden;position: relative;}
#respond p {margin: 0;}
#respond .comment-notes {margin-bottom: 1em;}
.form-allowed-tags {line-height: 1em;}
.children #respond {margin: 0 48px 0 0;}
h3#reply-title {margin: 18px 0;}
#comments-list #respond {margin: 0 0 18px 0;}
#comments-list ul #respond {margin: 0;}
#cancel-comment-reply-link {font-size: 12px;line-height: 18px;font-weight: normal;}
#respond .required {color:#FF4B33;font-weight:bold;}
#respond label {color: #777;font-size: 12px;}
#respond input {margin:0 0 9px;width:98%;}
#respond textarea {width:98%;}
#respond .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;}
#respond .form-allowed-tags code {font-size: 11px;}
#respond .form-submit {margin: 12px 0;}
#respond .form-submit input {width: auto;font-size: 14px;}