/*
Theme Name: The Birds and the Beads
Theme URI: http://thebirdsandthebeads.com
Author: Zoe Rooney
Author URI: http://zoerooney.com/
Description: Custom theme designed by <a href="http://alyssayuhas.com">Alyssa Yuhas</a>
*/

@import "style-reset.css";
@import "fonts/stylesheet.css";

/* 
color: #231f20;
color: #00a89e;
color: #00a89e;
*/

/* =Structure
----------------------------------------------- */

html, body, #outer {
	height: 100%;
}
body, #outer, #inner {
	margin: 0;
	padding: 0;
}
body > #outer {
	height: auto;
	min-height: 100%;
}
#inner {
	padding-bottom: 30px;
}

body {
	background: #FFF url('images/bg-tile.png');
	font-family: 'MuliLight';
}
#outer {
	background: url('images/bg-white.png') repeat-x;
}
#inner {
	background: url('images/bg-marbles.png') repeat-x top center;
}
#page {
	margin: 0 auto;
	width: 854px;
	overflow: hidden;
	padding-top: 28px;
}
#main {
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 10;
	bottom: 75px;
	width: 765px;
	float: right;
	margin-bottom: -75px;
}
#primary {
	float: right;
	margin: 10px 10px 0 0;
	width: 415px;
	padding: 20px 15px;	
	background: #FFF;
	position: relative;
}
#content {
	margin: 0;
	width: 415px;
	float: left;
}
#full-width #content {
	width: 765px;
}
#secondary {
	float: left;
	margin-top: 85px;
	width: 250px;
}

/* =Typography
----------------------------------------------- */

body, input, textarea {
	color: #231f20;
	font-family: 'MuliLight';
	font-size: 12px;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1em;
}
ul, ol {
	margin: 0 0 1em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
}
dd {
	margin-bottom: 1.625em;
}
strong {
}
em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
cite {
	color: #666;
	padding-left: 60px;
}
pre {
	background: #f4f4f4;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */
input[type=text],
input[type=password],
textarea {
	border: 1px solid #231f20;
	font-size: 13px;
	height: 19px;
	line-height: 1.2em;
	padding: 4px 10px !;
}
input[type=text]:focus,
textarea:focus {
	color: #231f20;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input#s {
	background: #FFF;
	border: 1px solid #231f20;
	font-size: 13px;
	height: 19px;
	line-height: 1.2em;
	padding: 4px 10px;
}
input#searchsubmit {
	display: inline-block;
	width: 33px;
	height: 21px;
	margin-left: 10px;
}

/* Links */
a {
	color: #231f20;
	text-decoration: none;
}
.entry-content a {
	color: #231f20;
	text-decoration: underline;
}
a:hover {
	color: #00a89e;
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#branding {
	position: relative;
	z-index: 500;
	background: url('images/bg-header.png') no-repeat top center;
	padding-bottom: 38px;
}

#branding img {
	height: auto;
	margin: 25px 0 0 0;
}


/* =Menu
-------------------------------------------------------------- */
#fblink {
	float: right;
	margin: 45px 0 0;
}
#fblink img {
	margin: 0;
}
#access {
	position: absolute;
	top: 40px;
	right: 0;
}
#access div {
	overflow: hidden;
}
#access ul {
	padding-left: 0;
	margin: 0 !important;
	font-size: 16px;
	list-style: none;
}
#access li {
	display: block;
	float: left;
}
#access a {
	display: block;
	padding: 3px 0 3px 8px;
	margin: 2px 0;
	text-decoration: none;
	cursor: pointer;
	color: #231f20;
	text-transform: lowercase;
}
#access li a:after {
	content: '/';
	color: #231f20;
}
#access li:last-of-type a:after {
	content: none;
}
#access li a span {
	padding: 0 8px 0 0;
}
#access li:last-of-type a span {
	padding: 0;
}
#access li a:hover {
	color: #00a89e;
}
#access li.current-menu-item a {
	color: #00a89e;
}

/* =Home
----------------------------------------------- */
.home #content {
	width: 100%;
}
.home .hentry {
	margin: 0;
	padding:0;
}
.home #teaser-text {
	background: url('images/teaser-bg.png');
	position: absolute;
	bottom: 45px;
	right: 0;
	padding: 14px 24px;
}
.home #teaser-text h1, .home #teaser-text h2 {
	font-family: 'spirequal_lightregular';
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1;
}
.home #teaser-text h1, .home #teaser-text h1 a, .home #teaser-text a h1 {
	font-size: 63px;
	color: #BF1E2D;
	line-height: 52px;
}
.home #teaser-text h2, .home #teaser-text h2 a, .home #teaser-text a h2 {
	font-size: 43px;
}
.home #teaser-text h2 a:hover {
	color: #231f20;
}
.home #teaser-text a:hover {
	text-decoration: none;
}
.home #teaser-text p {
	font-family: Times, "Times New Roman", serif;
	font-size: 15px;
	color: #231f20;
	font-style: italic;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 0;
}
.home-bottom {
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 30px;
}
.feat-button, .feat-class {
	float: left;
	margin-right: 40px;
	vertical-align: top;
}
.feat-button, .feat-info {
	width: 228px;
}
.feat-button .widget {
	margin: 0;
	padding: 0;
}
.feat-button img {
	border: 8px solid #FFF;
}
.feat-class {
	background: #FFF;
	padding: 8px 8px 4px;
	width: 212px;
}
.feat-class h3 {
    font-family: 'spirequal_lightregular';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 15px;
    margin: 0;
    padding: 0 0 8px;
}
.feat-class .class-title {
	font-size: 18px;
	line-height: 1;
	color: #00a89e;
}
.feat-class em, .feat-class em a {
	font-family: Times, "Times New Roman", serif;
	font-size: 15px;
}
.feat-class em a {
	font-style: italic;
	color: #00a89e;
}
.feat-class .more-link {
	display: block;
	clear: both;
	border-top: 2px dotted #a0a0a1;
	margin-top: 4px;
	padding: 0 4px 0 0;
	font-family: 'spirequal_lightregular';
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	color: #00a89e;
	text-align: right;
}
.feat-class .class-title:hover, .feat-class em a:hover, .feat-class .more-link:hover {
	text-decoration: none;
}
.feat-info {
	float: right;
	vertical-align: top;
}
.feat-info em {
	font-family: Times, "Times New Roman", serif;
	font-style:italic;
	font-size: 13px;
}
.feat-info #text-3 h3, .feat-info #text-3 .address{
	padding-left: 35px;
}
.home .feat-info .widget {
	padding: 15px 0 5px !important;
}
#mapicon {
	position: absolute;
	bottom: 53px;
}
.af-form .previewLabel {
	text-transform: uppercase;
	font-weight: bold;
}
.af-form input[type="text"] {
	width: 160px;
	padding: 2px;
	margin-right: 5px;
	display: inline-block;
	float: left;
}
.af-form input[type="submit"] {
	background: #231F20;
	color: #FFF;
	text-transform: uppercase;
	font-size: 11px;
	padding: 4px 6px 5px;
	margin-left: 1px;
	display: inline-block;
}
.af-form input[type="submit"]:hover {
	background: #00A89E;
	color: #231F20;
}

/* =Class Descriptions
----------------------------------------------- */
.class-block {
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
}
.class-block .thumbnail {
	width: 108px;
	float: left;
	display: inline-block;
	margin-right: 15px;
}
.class-info {
	width: 292px;
	float: right;
	display: inline-block;
}
.class-info, .class-info p, .class-info a {
	font-family: Times, "Times New Roman", serif;
	font-size: 15px;
	font-style:italic;
}
.class-info .class-title a, .class-info .class-title {
	font-family: 'MuliLight';
	font-size: 18px;
	color: #00a89e;
	line-height: 1;
	font-style: normal;
}
.class-title + a {
	color: #00a89e;
}
.class-info .class-level a {
	color: #231F20;
}
.class-info .class-date {
	font-weight: bold;
}
.class-info .class-price {
	font-weight: bold;
}
.page-back:hover {
	text-decoration: none;
}

/* =Info Page Template
----------------------------------------------- */
#page-content, #page-sidebar {
	margin-top: 5px;
}
#page-sidebar {
	width: 270px;
	padding: 10px;
	float: left;
}
.page-widget {
	color: #595a5c;
}
.page-widget {
	border-bottom: 1px dashed #595a5c;
	margin-bottom: 14px;
}
#page-sidebar h3 {
	color: #bf1e2d;
	font-size: 14px;
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
}
#page-content {
	background: #FFF;
	padding: 15px;
	width: 430px;
	float: right;
}
.page-title {
	color: #00a89e;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
	text-decoration: none;
	margin: 0 0 12px;
	line-height: 1;
}
.blog .page-title {
	margin: 0 0 17px;
}
#page-content p {
	font-family: Times, "Times New Roman", serif;
	font-size: 15px;
	font-style: italic;
}
.entry-content a {
	font-style: italic !important;
}


/* =Default Page Template
----------------------------------------------- */
#main {
	background: #FFF url('images/bg-tile.png') center 94px;
}
.first-area {
	text-align: center;
	border-bottom: 1px dashed #595a5c;
	padding-bottom: 14px;
	margin-bottom: 14px;
}
.first-area .widget {
	padding: 0 0 !important;
}
.first-area a {
	color: #414142;
	font-family: 'spirequal_lightregular';
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 2;
}
.first-area a:hover {
	color: #FFF;
	text-decoration: none !important;
}

/* =Content
----------------------------------------------- */
.search .page-header, .archive .page-header {
	margin-bottom: 2.6em;
}
.page .entry-title, .search .page-header .entry-title, .archive .page-title {
	padding-bottom: 0 !important;
	display: inline-block;
}
.hentry {
	padding: 0 0 10px;
	position: relative;
}
.page .hentry,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-date {
	color: #00a89e;
	font-size: 11px;
	padding-bottom: 2px;
}
.entry-title,
.entry-header {
}
.entry-title {
	clear: both;
	color: #00a89e;
	font-size: 30px;
	line-height: 1em;
	padding-bottom: .3em;
	padding-top: 0;
}
.entry-title,
.entry-title a {
	color: #00a89e;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #00a89e;
}
.entry-meta {
	color: #00a89e;
	clear: both;
	font-size: 14px;
	line-height: 18px;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	font-family: Times, "Times New Roman", serif;
	font-size: 15px;
	font-style: italic;
}
.entry-content h1,
.comment-content h1,
.comment-content h2 {
	color: #00a89e;
	font-size: 21px;
	margin: 0;
	font-style: italic;
}
.entry-content h2 {
	color: #00a89e;
	line-height: 1.4em;
	font-size: 18px;
	font-style: italic;
}
.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	line-height: 2.6em;
	font-style: italic;
}
.entry-content p, .entry-content ul li, .entry-content ol li, .entry-content strong {
	font-style: italic !important;
	font-size: 15px !important;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* Contact Form */
.contact-form div {
	display: block;
	clear: right;
}
.contact-form input[type="text"] {
	width: 300px;
	margin-bottom: 5px !important;
	float: left;
}
.contact-form input[type="text"], .contact-form textarea {
	border: 1px solid #00a89e;
	background: #FFF;
	z-index: 20;
	padding: 2px;
}

.contact-form label {
	font-weight: normal !important;
	font-size: 11px;
	display: block;
	float: left !important;
	padding-left: 315px;
	margin-top: -22px;
	position: relative;
	top: 25px;
	z-index: 10;
}
.contact-form label span {
	font-weight: normal !important;
	font-size: 11px;
}
.contact-form label.textarea {
	display: none;
}

/* Images */
.entry-content img,
.comment-content img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.widget img {
	max-width: 250px; /* Fluid images for posts, comments, and widgets */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin-bottom: 1.625em;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #00a89e;
	font-size: 10px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 5px 0;
	position: relative;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */

.wp-caption img {
	border-color: #eee;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}



/* =error404
----------------------------------------------- */
.error404 #main #s {
	width: 95%;
}


/* =Pager Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#nav-below {
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}


/* =Widgets
----------------------------------------------- */
small {
	font-size: 9px;
}
.widget {
	clear: both;
	margin: 0;
	padding: 15px 0;
}
.widget.borders {
	border-bottom: 1px dashed #595a5c;
	border-top: 1px dashed #595a5c;
}
.widget_sp_image:first-of-type {
	margin:  0 0 0 !important;
}
.red {
	color: #bf1e2d;
}
.widget-title {
	color: #bf1e2d;
	font-size: 14px;
	text-align: center;
	font-family: 'spirequal_lightregular';
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 7px;
}
.widget ul {
	font-size: 10px;
	line-height: 2;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li a {
	color: #414142;
}
.widget a {
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Special Classes */
.no-border {
	border-bottom: none;
	margin-bottom: 0;
	padding:  15px 0 0;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 10px;
}
.widget_search #s {
	width: 170px;
	display: inline-block;
}

/* Subscribe */
#subscribe-blog p {
	margin-bottom: 0;
}
#subscribe-field {
	width: 90% !important;
}
#subscribe-blog input[type="submit"] {
	background: #eee;
	width: 89px;
	height: 18px;
	margin-top: 10px;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */
.widget_calendar {
	padding: 0 0 20px;
	border-bottom: 1px dashed #595a5c; 
	margin: 0;
}
.widget_calendar h2 {
	display: none;
}
.widget_calendar #wp-calendar {
	color: #231f20;
	width: 80%;
	margin: 0 auto;
	border: 1px solid #ccc !important;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-family: 'spirequal_lightregular';
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.2;
	font-size: 32px;
	padding: 5px 0 10px 0;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.widget_calendar #wp-calendar td {
	border: 1px solid #eee;
	text-align: center;
	padding: 10px 0;
	color: #eee;
}
.widget_calendar #wp-calendar td a {
	color: #231f20;
}
.widget_calendar #wp-calendar td#today {
	color: #231f20;
	background: #00A89E;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Comments
----------------------------------------------- */
.comments-link a {
	color: #00a89e;
	font-size: 14px;
	text-transform:uppercase;
}
.comments-link a:hover {
	text-decoration: none;
}
.single .post.hentry {
	margin: 0 0 20px;
	padding: 0;
}
.single .comments-link {
	margin-bottom: 20px;
}
.single .comments-link a, .comment-form-title {
	font-size: 18px;
	color: #00a89e;
}
.comment-form-title {
	margin:  30px 0 10px;
}
#comments-title {
	padding: 0 0 2.6em;
}
.nopassword,
.nocomments {
	color: #231f20;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 100%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #FFF;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 10px;
	padding: 10px;
}
.commentlist .children {
	list-style: none;
	margin: 0 0 10px 20px;
}
.commentlist .children .children {
	margin: 10px 0 10px 10px;
}
.commentlist .children li.comment {
	background: #FFF;
	position: relative;
}
article.comment {
	border-bottom: 1px solid #EBE9E8;
	padding: 10px 0;
}
.avatar {
	float: left;
	padding-right: 10px;
	vertical-align: bottom;
}
.comment-meta .fn, .comment-meta time {
	font-style: normal;
	display: block;
	clear: right;
	line-height: 18px;
	color: #231f20;
}
.comment-meta .fn, .comment-meta .fn a {
	font-size: 14px;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	color: #00a89e;
}
.comment-meta time {
	font-size: 11px;
}
.comment-meta {
	margin-bottom: 12px;
}
.comment-content p {
	margin-bottom: 1em;
}
.comment-content p:last-of-type {
	margin-bottom: 0;
}
a.comment-reply-link {
	color: #00a89e;
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	margin-top: 10px;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	color: #00a89e;
	text-decoration: underline;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor .comment-content, .commentlist .children > li.bypostauthor .comment-content {
	background: #FAF9F9;
	padding: 5px 2px;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	margin: 0 auto 1.625em;
	padding: 10px;
	position: relative;
	width: 580px;
	overflow: hidden;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	position: relative;
	float: left;
	display: inline-block;
	padding: 2px 5px;
	border: none;
	border: 1px solid #EBE9E8;
}
#respond input[type="text"] {
	width: 255px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
	margin: 5px 0 0;
	
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	color: #231f20;
	display: inline-block;
	font-size: 11px;
	padding: 0px 10px 8px;
	position: relative;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 570px;
	min-height: 150px;
	border: 1px solid #231f20;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 11px;
	color: #231f20;
}
#respond .logged-in-as a {
	color: #231f20;
}
#respond p {
	margin: 5px 0;
	font-size: 11px;
}
#respond .form-submit {
	float: left;
	margin: 0 0;
}
#respond input#submit {
	background: #eee;
	width: 140px;
	height: 23px;
	cursor: pointer;
	margin: 10px 0;
}
.pushbutton-wide {
	background: #FFF;
	cursor: pointer;
}
#respond input#submit:hover, .pushbutton-wide:hover {
}
#respond #cancel-comment-reply-link {
	color: #231f20;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
	color:  #000;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#cancel-comment-reply-link {
	color: #231f20;
	display: block;
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	top: 1.1em;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	border: 1px solid #d0c8c6;
	font-size: 13px;
	height: 19px;
	line-height: 1.2em;
	padding: 4px 10px;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}
.comment-subscription-form {
	clear: both;
	display: block;
	font-size: 11px;
	color: #231f20;

}
.comment-subscription-form label {
	font-size: 11px;
}

/* =Footer
----------------------------------------------- */

#colophon {
	position: relative;
	margin-top: -30px;
	height: 30px;
	clear: both;
	background:#424143;
}

/* Site Generator Line */
#site-generator {
	color: #e7e8e9;
	font-size: 12px;
	width: 950px;
	margin: 0 auto;
	text-align: center;
}
#site-generator nav {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 2px;
}
#site-generator nav div {
	float: right;
}
#site-generator nav li {
	float: left;
	list-style: none;
	text-transform: lowercase;
	padding-right:8px;
}
#site-generator nav li::after {
	content: "/";
	padding-left: 8px;
}
#site-generator #contact {
	position: relative;
	top: 4px;
}
#site-generator nav li:last-of-type::after {
	content: "";
}
#site-generator a {
	color: #e7e8e9;
}
#site-generator a:hover {
	color: #00A89E;
	text-decoration: none;
}
.page-back {
	margin-left: 123px;
}

/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}