/*
Theme Name: Recurly
Description: HTML5 theme for Recurly
Author: Isaac Hall
Author URI: http://isaachall.com/
Version: 2.0

*/

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

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin: 0;
  padding: 0;
}
article, aside, figure, footer, header, hgroup, nav, section {
  display:block;
  margin:0;
  padding:0;
}
body {
  background: url("http://www-static.recurly.com/images/v3/main/body-tile-bg.png") repeat-x scroll 0 0 #EAEAEA;
  font-family:'Helvetica','Arial',sans-serif;
  margin: 0;
  padding: 0;
}
a {
  color: #025E66;
}
a:hover {
  color: #B01164;
}
a:active {
 color: #709A24;
}
a:visited {
 color: #249987;
}
a img {	border: none; }


#page {
	display: block;
	margin: 0 auto;
	width: 980px;
}
#main {
	width: 980px;
	margin: 0 auto;
	min-height: 50em;
	position: relative;
	-moz-border-radius:0.5em;
  -webkit-border-radius:0.5em;
  -moz-box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.48);
  background:url("http://www-static.recurly.com/images/v3/main/content-tile-bg.png") repeat-y scroll 100% 0 #FFFFFF;
}
#primary {
  padding: 20px;
  margin-right: 320px;
}


/* Increase the size of the content area for templates without sidebars */

.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000em;
}


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

#top { 
  height: 68px;
  display: block;
  padding: 8px 20px 0;
}
#top header, #top hgroup { display: inline; }
#top img { margin-top: 10px; width: 135px; }
#top h1 { display: none; }

#welcome {
}
#welcome hgroup {
  width: 600px;
  margin: 10px 0 20px 20px;
}
#big-signup {
  float: right;
  margin: 20px 20px 0 0;
}
#welcome h1 {
  color: #fff;
  font-size: 24px;
  text-shadow:2px 2px 2px rgba(0, 0, 0, 0.48);
}
#welcome h2 {
  color: #BEA8E9;
  font-size: 18px;
  text-shadow:2px 2px 2px rgba(0, 0, 0, 0.48);
  margin-top: 0.25em;
}

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

#top nav {
  float: right;
}
#top nav li {
  display: inline-block;
  margin-left: 4px;
  margin-top: 14px;
}


/* =Buttons
-------------------------------------------------------------- */

button { border: 0; }
.button {
  -webkit-border-radius:5px 5px 5px 5px;
  -webkit-box-shadow:1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-border-radius:5px 5px 5px 5px;
  -moz-box-shadow:1px 2px 1px rgba(0, 0, 0, 0.1);
  display:inline-block;
  margin:0;
  overflow:hidden;
  padding:1px;
  text-decoration:none;
  vertical-align:middle;
}
.button .inner {
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-top:1px solid rgba(255, 255, 255, 0.2);
  color:#FFFFFF;
  display:block;
  font:bold 12px 'Lucida Grande','Helvetica','Arial',sans-serif;
  margin:0;
  padding:6px 12px 7px;
  position:relative;
  text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.button.pink {
  background-color:#b23467;
}
.button.green {
  background-color:#709A24;
}
.button.green:hover {
  background-color:#83b429;
}
.arrow {
  color: yellow;
}

/* =Content
-------------------------------------------------------------- */

#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content a:hover {
  text-decoration: underline;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
.page-title {
  color:#5F4D89;
  font-size:24px;
  margin-bottom:16px;
}
#nav-above {
  background: url("http://www-static.recurly.com/images/v3/accents/sep-line.png") repeat-x scroll 0 100% transparent;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#nav-below {
	margin: 1em 0 0 0;
}
.page-link {
	margin: 0 0 1em 0;
}


/* =Article
-------------------------------------------------------------- */

.post {
  background: url("http://www-static.recurly.com/images/v3/accents/sep-line.png") repeat-x scroll 0 100% transparent;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.post h1 {
  color:#2B1660;
  font:bold 18px/24px 'Lucida Grande','Helvetica','Arial',sans-serif;
  margin-bottom:6px;
}
.post.single h1 {
  font:bold 28px/33px 'Lucida Grande','Helvetica','Arial',sans-serif;
  margin-bottom:8px;
}
.post h1 a {
  color:#2B1660;
  text-decoration:none;
}
.post h1 a:hover {
  color:#206B84;
  text-decoration:underline;
}
.post h2 {
  color:#5F4D89;
  font-size:18px;
  margin-bottom:8px;
}
.post h3 {
  color:#709A24;
  font-size:14px;
  margin-bottom:8px;
}
.post h4 {
  color:#709A24;
  font-size:12px;
  margin-bottom:8px;
}
.post p {
  font-size:14px;
  line-height:22px;
  margin-bottom:10px;
}
.post blockquote {
	border-left: 2px solid #bbb6a9;
	font-style: italic;
	margin-left: 30px;
	padding-left: 10px;
}
.post img {
	padding: 2px;
	border: solid 1px #d3d0c5;
	max-width: 580px;
}
.post img.no_border {
	padding: 0;
	border: none;
}
.post img.right {
	float: right;
	margin: 0 0 8px 8px;
}
.post ul img,
.post ol img {
  max-width: 560px;
}
.post p.caption {
  font-size: 11px; 
  line-height: auto;
  margin: 0;
  padding: 0;
}
.post.single p {
  margin-bottom: 20px;
}
.post ul, .post ol {
  margin: 0 0 20px 30px;
}
.post li {
  color: #373e40;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
}
.post .entry-meta p {
  color: #373e40;
  font-size: 12px;
  margin-bottom: 0;
}
.post .entry-meta .num_comments,
.post .entry-meta .post_category {
  border-left: 1px solid silver;
  margin: 0 0 0 4px;
  padding: 0 0 0 8px;
}
.post.single .post_details .num_comments {
  font-weight: bold;
}
.post table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  width: 570px;
}
.post table thead th {
  background: #ccc;
  font-size: 12px;
  padding: 5px 8px;
}
.post table tbody td {
  border: 1px solid #ccc;
  font-size: 12px;
  padding: 10px;
}


/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #EEE;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #EEE;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}


/* =Comments
-------------------------------------------------------------- */

.comment_list {
list-style:none outside none;
margin-top:20px;
}
.comment_list li {
margin-bottom:30px;
padding:10px;
}
.comment_list ul {
list-style:none outside none;
margin:20px 0 0 20px;
}
.comment_list ul li {
padding:0;
}
#comments p {
color:#373E40;
font-size:14px;
line-height:22px;
margin-bottom:20px;
}
.comment_list ul li .comment-body {
border-left:3px solid rgba(0, 0, 0, 0.3);
padding:3px 6px;
}
.comment-meta {
color:#373E40;
font-size:16px;
line-height:16px;
margin-bottom:6px;
}
.comment-meta, .comment-meta a {
font-style:normal;
font-weight:bold;
text-decoration: none;
}
.comment-date {
color:#373E40;
font-size:11px;
line-height:14px;
margin-left:8px;
}
#comments .comment_list .reply a {
-moz-border-radius:4px 4px 4px 4px;
background-color:#FEFEFE;
background-image:-moz-linear-gradient(center top , #FEFEFE, #EAEAEA);
border:1px solid #CACCCB;
color:#868686;
display:inline-block;
font-size:9px;
font-weight:bold;
padding:7px 7px 5px;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 1px #FFFFFF;
text-transform:uppercase;
}
#comments .comment_list .reply a:hover {
background-image:-moz-linear-gradient(center top , #FAFAFA, #E3E3E3);
text-decoration:none;
}
#respond {
margin-top:30px;
padding:25px 0 0;
}
#respond h2 {
color:#373E40;
font:bold 18px 'Lucida Grande','Helvetica','Arial',sans-serif;
margin-bottom:15px;
}
#respond p.logged_in, #respond p.cancel-comment-reply {
color:#727272;
font-size:14px;
line-height:22px;
margin-bottom:0;
}
#respond fieldset {
border:medium none;
}
#respond p {
  margin-bottom:8px;
  overflow:hidden;
}
#respond label {
  color:#8E8E8E;
  display:block;
  float:left;
  font-size:14px;
  font-weight:bold;
  margin-top:12px;
  padding-right:10px;
  text-align:right;
  width:140px;
}
#respond input.text {
  border:2px solid #E6E6E6;
  float:left;
  font-size:14px;
  padding:8px;
  width:420px;
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em;
}
#respond input.required {
  border:2px solid #CCC;
}
#respond textarea {
  border:2px solid #CCC;
  float:left;
  font-size:14px;
  height:100px;
  margin:3px 0;
  padding:8px;
  width:420px;
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em;
}
#respond .submit_button {
  margin:13px 0 0 150px;
}



/* =Widgets
-------------------------------------------------------------- */

.widget-area {
  position: absolute;
  right: 0;
  top: 0;
	width: 280px;
	padding: 20px;
}
.widget-container {
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: url("http://www-static.recurly.com/images/v3/accents/sep-line.png") repeat-x scroll 0 100% transparent;
}
.widget-area ul.xoxo {
	list-style: none;
	padding: 0;
}
.widget-container li {
  list-style: none;
  margin-bottom: 8px;
  font-size: 14px;
}
.widget-area ul ul {
	list-style: disc;
	padding: 0 0 0 1em;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}
.widget-area h1 a {
  color:#2B1660;
  text-decoration:none;
}
.widget-area h1 a:hover {
  color:#206B84;
  text-decoration:underline;
}
.widget-title {
  color:#5F4D89;
  font-size:20px;
  margin-bottom:8px;
}
.widget-area h3 {
  color:#709A24;
  font-size:14px;
  margin-bottom:8px;
}
.widget-area h4 {
  color:#709A24;
  font-size:12px;
  margin-bottom:8px;
}


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

footer {
	padding: 2em 20px 1.5em;
  font-size: 12px;
}
#copyright {
  display: inline;
  color: #59575C;
}
footer ul {
  float: right;
}
footer li {
  display: inline-block;
  padding: 0 8px;
  border-right: 1px solid #C0BDC7;
}
footer li:last-child {
  border-right: none;
  padding-right: 0px;
}
footer a, footer a:visited { color: #59575C; }
.link-facebook {
  background:url("http://www-static.recurly.com/images/v3/icons/16px/ico-facebook.png") no-repeat scroll 0 50% transparent;
  padding:3px 0 3px 20px;
}

.link-twitter {
  background:url("http://www-static.recurly.com/images/v3/icons/16px/ico-twitter.png") no-repeat scroll 0 50% transparent;
  padding:3px 0 3px 20px;
}


/* =WordPress basics
-------------------------------------------------------------- */

.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}