/*
Theme Name: 	Angela Kelsey 
Theme URI: 		http://www.angelakelsey.com
Description: 	Custom site design for Angela Kelsey. All Rights Reserved.
Version: 		1.0
Author: 		ShiftFWD
Author URI: 	http://www.shiftfwd.com	
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 General Styles
04 Media queries 
05 Forms and Buttons
06 Comment Styling
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative;  }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{   }
::-moz-selection 	{ background:#c2f6fb; color:#490e2f; }
::selection 		{ background:#c2f6fb; color:#490e2f; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

@font-face {
    font-family: 'futura_std_bookregular';
    src: url('fonts/futurastd-book-webfont.eot');
    src: url('fonts/futurastd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurastd-book-webfont.woff') format('woff'),
         url('fonts/futurastd-book-webfont.ttf') format('truetype'),
         url('fonts/futurastd-book-webfont.svg#futura_std_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_std_bookbold';
    src: url('fonts/futurastd-bold-webfont.eot');
    src: url('fonts/futurastd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurastd-bold-webfont.woff') format('woff'),
         url('fonts/futurastd-bold-webfont.ttf') format('truetype'),
         url('fonts/futurastd-bold-webfont.svg#futura_std_bookbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_std_bookitalic';
    src: url('fonts/futurastd-bookoblique-webfont.eot');
    src: url('fonts/futurastd-bookoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurastd-bookoblique-webfont.woff') format('woff'),
         url('fonts/futurastd-bookoblique-webfont.ttf') format('truetype'),
         url('fonts/futurastd-bookoblique-webfont.svg#futura_std_bookitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'BodoniMT-Italic';
	src: url('fonts/bod_i.eot');
	src: url('fonts/bod_i.eot?#iefix') format('embedded-opentype'),
		 url(fonts/'bod_i.woff') format('woff'),
		 url('fonts/bod_i.ttf') format('truetype'),
		 url('fonts/bod_i.svg#bod_i') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BodoniMT-Italic';
	src: url('fonts/bod_i.eot');
	src: url('fonts/bod_i.eot?#iefix') format('embedded-opentype'),
		 url('fonts/bod_i.woff') format('woff'),
		 url('fonts/bod_i.ttf') format('truetype'),
		 url('fonts/bod_i.svg#bod_i') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BodoniMT';
	src: url('fonts/bod_r.eot');
	src: url('fonts/bod_r.eot?#iefix') format('embedded-opentype'),
		 url('fonts/bod_r.woff') format('woff'),
		 url('fonts/bod_r.ttf') format('truetype'),
		 url('fonts/bod_r.svg#bod_r') format('svg');
	font-weight: normal;
	font-style: normal;
}

body,
input,
textarea 			{
	font-weight: 400;
	font-family: 'futura_std_bookregular', Arial, Helvetica, sans-serif;	
	color:#490e2f;
	font-size: 0.9375em;
 }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 	{ font-weight:bold; }

h2 {
	font-family: 'BodoniMT-Italic', Georgia, Times New Roman, serif;	
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 1.125em 0;
}
h2 a {
	color:#490e2f;
	text-decoration: none;
	margin: 0 10px 0 0;
}
h3 {
	font-family: 'BodoniMT-Italic', Georgia, Times New Roman, serif;	
	font-size: 1.5625em;
	font-weight: normal;
}
h2.title {
	margin: 0 0 60px 0;
	font-family: 'BodoniMT-Italic', Georgia, Times New Roman, serif;	
	font-size: 2.25em;
	font-weight: normal;
}
h2.title a {
	color:#490e2f;
	text-decoration: none;
	margin: 0 10px 0 0;
}
.sub {
	font-size: .6em;
	text-transform: uppercase;
	color: #777775;
	margin: 0 0 30px 0;
}
.sub a {
	color: #777775;
}
p {
	margin: 0 0 1.125em 0;
}
a {
	color: #ba3784;
	text-decoration: underline;
}
a:hover {
	color: #683B7D;
}
#sidebar h3 {
	font-size: 1em;
	font-family: 'BodoniMT-Italic', Georgia, Times New Roman, serif;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #f0ebe8;
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
}
#sidebar p {
	font-size: .8125em;
}

blockquote {
	margin: 0 0 30px 60px;
	padding: 0 30px 15px 0;
	background: url(images/blockquote-bg.png) no-repeat right bottom;	
}
.page ul, article ul {
	margin: 0 0 1.125em 0;
}
.page li, article li {
	margin: 0 0 0 20px;
}
.page ul li {
	list-style: disc;
}
.page ol li {
	list-style: decimal;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 General Styles -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
html {
	background: #fcfbf8 url(images/header-bg.png) no-repeat center top;	
}
body {
	width: 942px;
	margin: 0 auto;
}
header {
	height: 204px; 
}
header h1 a {
	background: url(images/logo.png) no-repeat;	
	width: 336px;
	height: 73px;
	text-indent: -9999px;
	display: block;
	margin: 48px 0 0 0;
}
header p {
	text-indent: -9999px;
}
nav {
	margin: 35px 16px 0 0;
	height: 46px;
	background: url(images/menu-bg.png) repeat;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
nav li {
	display: inline;
}
nav li a {
	margin: 10px 20px 11px 0;
	display: block;
	text-transform: uppercase;
	font-size: 0.875em;
	color: #444;
	text-decoration: none;
	padding: 5px 7px 3px 7px;
	float: left;
}
nav li.current_page_item a, nav li a:hover {
	background: #ba3784;
	color: #fff;
}
#wrapper {
	background: url(images/bg-dividers.gif),
        url(images/footer-bg.png);
  background-repeat: repeat-y,
             no-repeat;
  background-position: center top,
             left bottom;
	margin: 30px -2px 90px 0;
	padding: 0 0 0 0;
}

#inside {
	background: url(images/footer-bg.png) no-repeat left bottom;
}
#content {
	width: 556px;
	float: right;
	margin: 0 100px 0 0;
}

article {
	padding: 0 0 30px 0;
}

article .meta {
	margin: -50px 0 0 0;
	padding: 10px 0;
	height: 20px;
	font-size: 9px;
	text-transform: uppercase;
	color: #777775;
}
article .meta a {
	color: #777775;
}
article .meta .categories {
	float: left;
	margin: 5px 0 0 0;
}
article .meta .social {
	float: right;
}

.featured-image img {
	border: 3px solid #e8e7e4;
	margin: 0 0 30px 0;
}
.page #content img, article img {
	border: 3px solid #e8e7e4;
}
.graphic {
	margin: 0 0 30px 0;
}
.divider {
	clear: both;
	height: 1px;
	width: 703px;
	margin: 0 -80px 50px 0;
	background: url(images/dividers.gif) repeat-x;	
	z-index: 9999;
}
.feature-divider {
	clear: both;
	height: 1px;
	width: 986px;
	margin: 0 -80px 50px 0;
	background: url(images/feature-divider.gif) repeat-x;	
	z-index: 9999;
}
#sidebar {
	width: 204px;
	float: left;
}
.widget {
	margin: 0 0 45px 0;
}
footer {	
	clear: both;
	color: #490e2f;
	font-size: .6875em;
	text-transform: uppercase;
}
footer .copyright {
	float: left;
	background: #fcfbf8;
	margin: 0 0 2px 70px;
	padding: 18px 0 18px 30px;
}
footer .credits {
	float: right;
	padding: 18px 60px 18px 0;
}
footer .credits img {
	margin: -3px 0 0 0;
}
footer .credits a {
	color: #490e2f;
	text-decoration: none;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
#sidebar .alignright {
	margin: 0 0 5px 10px;
	width: 100px;
}
.page .alignleft, article .alignleft  {
	margin: 0 15px 10px 0;
}
.page .alignright, article .alignright  {
	margin: 0 0 10px 15px;
}
/* ---------------------------------------------------------------------------------------------------------- 
04 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}

/* ---------------------------------------------------------------------------------------------------------- 
05 Forms and Buttons ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#sidebar label {
	font-size: 0.6875em;
	text-transform: uppercase;
}
input[type=text]  {
	-moz-box-shadow:inset 1px 1px 2px 0px #d6d1ca;
	-webkit-box-shadow:inset 1px 1px 2px 0px #d6d1ca;
	box-shadow:inset 1px 1px 2px 0px #d6d1ca;
	background-color:#f0efec;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #d6d1ce;
	display:inline-block;
	padding:6px 10px 7px 10px;
	margin: 0 0 8px 0;
}
input:focus {
	background: #E2E1DE;
}

input[type=submit] {
	background: #ba3784;	
	padding: 7px 4px;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border: none;
	width: 100px;
	font-size: 0.8125em;
}

input[type=submit]:hover {
	background: #683B7D;
}
input[type=checkbox] {
	margin: 0 5px 0 0;
}
textarea  {
	-moz-box-shadow:inset 1px 1px 2px 0px #d6d1ca;
	-webkit-box-shadow:inset 1px 1px 2px 0px #d6d1ca;
	box-shadow:inset 1px 1px 2px 0px #d6d1ca;
	background-color:#f0efec;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #d6d1ce;
	display:inline-block;
	padding:6px 10px 7px 10px;
	margin: 0 0 8px 0;
}
textarea:focus {
	background: #E2E1DE;
}
#searchform label {
	display: none;
}
#searchform {
	position: relative;
}
#searchform input[type=text] {
	width: 185px;
	height: 19px;
	
}
#searchform input[type=submit] {
	background: url(images/search-btn.png) no-repeat;	
	width: 36px;
	height: 38px;
	text-indent: -99999px; 
	border: none;
	position: absolute;
	top: -1px;
	right: -5px;
	display: block;
}

a.read-more {
	background: #ba3784 url(images/btn-bg.gif) no-repeat right bottom;	
	padding: 10px;
	float: right;
	font-family: 'BodoniMT-Italic', Georgia, Times New Roman, serif;
	color: #fff;
	text-decoration: none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
a:hover.read-more {
	background: #683B7D url(images/btn-bg.gif) no-repeat right bottom;
}
#respond label {
	text-transform: uppercase;
	display: block;
	font-size: .6875em;
	margin: 0 0 3px 0;
}
.required, .form-allowed-tags {
	display: none;
}
#respond input[type=submit] {
	width: 150px;
	margin: 0 100px 0 0;
}
.input-group strong {
	font-size: 0.8125em;
	margin: 5px 0;
}
#sidebar .input-group li {
	list-style: none;
	margin: 0;
}
#sidebar li label {
	text-transform: none;
	font-size: 0.8125em;
}
/* ---------------------------------------------------------------------------------------------------------- 
06 Comment Styling ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#comments {
	
}
#comments h2 {
	text-align: right;
	margin: 0 -60px 30px 0;
}
.reply {
	margin: 15px 0;
}
.reply a {
	float: right;
	background: url(images/comments-reply.png) no-repeat;	
	width: 18px;
	height: 18px;
	display: block;
	text-indent: -9999px;
}
.avatar {
	float: left;
	position: relative;
	margin: 0 15px 0 0;
}
.avatar img {
	border: none;
}
.avatar .overlay {
	position: absolute;
	width: 85px;
	height: 86px;
	top: 0;
	left: 0;
	background: url(images/avatar-overlay.png) no-repeat;	
}
#comments h4 {
	font-weight: bold;
	float: left;
	margin: 0 15px 0 0;
}
#comments time a {
	color: #7f1852;
	text-decoration: none;
	font-size: 12px;
}
#comments .comment-text {
	margin: 15px 0;
}
.children li {
	margin: 0 0 0 60px;
}
#respond {
	margin: 30px 0;
}