/*
Theme Name: Ray Wenderlich's Theme
Theme URI: http://www.raywenderlich.com/
Description: The theme for Ray Wenderlich's web site.
Version: 1.0
Author: Ray Wenderlich
Author URI: http://www.raywenderlich.com/
Tags: simple
*/

/*
#####
######
#####        #
###         ##
####   #   ###
##### ### ####
##############
##############

Ray Wenderlich
*/

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Everything else */

body {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	/*font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;*/
	font-family: Verdana, Arial, sans-serif;
	background: #acacac;
	font-size: 13px;
}

#content p, #follow-us ul, #about p, #tweets ul {
	/*font-family: Helvetica, Verdana, Arial, sans-serif;*/
	/*font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrap {
	/*width:940px;*/
	/*width:970px;*/
	width:1050px;
	margin:0 auto;
}

dt a,
dd a {
	color: #000000;
}

dt a:hover,
dd a:hover {
	color: #000000;
}

a {
	color: #006837;
}

a:hover {
	color: #000000;
}

pre {
	clear:both;
}

h1 a,
#menu li a,
pre a {
	text-decoration: none;
}

#banner {
	margin-top:10px;
}

#banner a {
	text-decoration: none;
}

#blog-title {
	height:89px;
	padding: 15px 0px 0px 110px;
	background:url(images/logo.png) no-repeat;
	/*width: 520px;*/
	width:550px;
	float:left;
}

#blog-title dt {
	font-size: 44px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 2px;
	color:white;
	padding-bottom: 5px;
}

#blog-title dd {
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	color:white;
}

#blog-title dt em,
#blog-title dd em {
	color:#006837;
}

#latest-tweet {
	float:right;
	width:310px;
	height:104px;
	background: url(images/chat-arrow.png) 260px 85px no-repeat;
}

#latest-tweet p {
	margin:10px 10px 5px 15px;
	height:65px;
	padding:5px 10px;
	background-color: #edf0d5;
	font-size: 12px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333333;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#nav {
	clear:both;
	/*width:940px;*/
	/*width:970px;*/
	width:1054px;
	background-color: #006837;
	height:40px;
}

#menu {
	list-style: none;
	width:580px;
	float:left;
}

#menu li {
	float:right;
	padding:5px 0px 5px 20px;
	margin:5px 0px 5px 15px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}

#menu li a {
	color:white;
	text-shadow: 1px 1px 3px #333;
}

#menu li a:hover {
	color: #000000;
	text-shadow: none;
}

#about, 
#game-blog,
#contact,
#tutorials,
#free-art,
#forums {
	border-left: 2px solid white;
}

#social {
	list-style: none;
	float:left;
	width:460px;
	height:40px;
}

#social li {
	float:right;
	height:40px;
	margin-right: 20px;
}

#main {
	float:left;
	background-color: white;
	border-left: 2px solid #006837;
	border-right: 2px solid #006837; 
	/*width:936px;*/
	/*width:966px;*/
	width:1050px;
}

#content {
	padding: 20px 20px;
	/*width: 608px;*/
	width:730px;
	float:left;
	position: relative;
}

#content-full {
	padding: 20px 20px;
	width: 1030px;
	float:left;
	position: relative;
}

#spacing {
  height: 90px;
  display: block; 
}

h1 {
	clear: both;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size:24px;
	/*margin-top: 70px;*/
}

h2 {
	padding-top: 5px;
	padding-bottom: 15px;
	font-weight: bold;
	font-size:18px;
	color: #006837;
}

#content .post h1 a,
#content .post h1 {
	color:#006837;
}

#content .post .date,
#content .post .category,
#content .post .tags,
.wp-caption-text {
	padding-bottom: 5px;
	font-size: smaller;
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
	color:#aeaeae;
	clear:both;
}

#content .post .follow {
	padding-bottom: 5px;
	font-size: smaller;
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
	color:#777;
	clear:both;
}

#content .post .date {
	text-transform: uppercase;
}

p {
	padding-bottom: 10px;	
	line-height: 1.4em;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

#sidebar {
	float:left;
	/*width:288px;*/
	width:280px;
}

.sidebar-entry h4 {
	height:20px;
	margin:10px 0px;
	padding:10px 10px 10px 20px;
	background-color: #006837;
	color:white;
	font-size:16px;
	font-weight: bold;
	text-shadow: 1px 1px 3px #333;
}

.sidebar-entry p {
	padding:0px 10px 10px 0px;
}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

.photo {
	/*background:#edf0d5;*/
	margin:0px 10px;
	/*padding:5px;*/
}

.wp-caption {
	background:#edf0d5; /*#eeeeee*/
	margin:0px 10px;
	padding:10px 0px 0px 10px;
}

.wp-caption-text {
	text-align:center;
}

#footer {
	border-top: 1px solid #01452e;
	clear:both;
	background:#006837;
	padding:5px;

}

#footer p {
	font-size: 10px;
	text-align: right;
	color:white;
	padding-bottom: 0px;
}

#footer p a {
	color: #edf0d5;
}

label {
	display:block;
	padding-bottom: 5px;
	width:120px;
	float:left;
	padding-top:5px;
}

.subscribe-to-comments label {
	width:200px;
}

.subscribe-to-comments input {
	margin-top:2px;
}

#wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg, #author, #email, #url, #comment {
	display: block;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#edf0d5 none repeat scroll 0 0;
	border:2px solid #006837;
	font-size:18px;
	padding:3px;
	width:500px;
	font-family: Verdana, Arial, sans-serif;	
}

#contactsubmit, #submit, #searchsubmit, #vote {
	clear: both;
	margin:5px 0px 0px 120px;
	background: #006837;
	color:white;
	display: block;
	font-size: 18px;
	font-weight:bold;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
	border-color: #006837;
}

h3 {
	clear:both;
	margin-bottom: 10px;
	color:#006837;
	font-size:18px;
	font-weight: bold;
}

.comment {
	float:left;
	padding:10px 5px 10px 0px;
	width:550px;
	margin-bottom: 5px;
	border:1px solid #aeaeae;
	word-wrap: break-word;
}

.bypostauthor {
	background: #D5E9D7;
}

.comment-author {
	display: inline;
	font-size: 16px;
	font-weight: bold;
}

.comment-author img {
	float:left;
}

.comment-author cite,
.comment-meta {
	font-size: 10px;
	color: #aeaeae;
}

.comment-author cite a {
	font-size: 16px;
}

.comment p,
.comment pre {
	display: block;
	margin-top: 10px;
	margin-left: 85px;
}

.comment pre {
	font-family: monospace;
	background-color: #edf0d5;
	padding:5px;
	border:1px solid #000000;
}

.comment-meta {
	display: inline;
	float: right;
}

.comment-meta a {
	color: #aeaeae;
}

.says {
	display:none;
}

.more-link, .add-comment {
	float:right;
}

.entry ol, .entry ul {
	margin-left: 40px;
	list-style: 
}

.entry ol { 
	list-style-type: decimal;
}

.entry ul li {
	list-style-type: disc;
}

.entry li {
	display: list-item;
	line-height: 1.4em;
	margin-bottom:10px;
}

.entry em {
	/*color:#006837;*/
	color: #006837;
	font-weight: bold;
}

.wp_codebox {
	margin: 3px 0px 12px 0px;
	text-align: left;
}

.wp-caption {
	margin-bottom: 10px;
}

.sidebar-entry ul li {
	line-height: 1.4em;
	margin-bottom: 10px;
	margin-right: 5px;
}

#categories,
#tags {
	line-height: 1.7em;
}

.bordered {
	border:1px solid #000000;
}

.navigation {
	clear:both;
	margin-top:20px;
}

table {
	border:1px solid #000;
	background: #fff;
	margin-bottom: 20px;
}

table th, table td {
	margin:0;
	padding:5px 5px;
	text-align: center;
}

table td {
	border-right: 1px solid #b5b5b5;
}

table th, .key {
	text-align: left;
	color: #ffffff;
	background: #006837;
}

table td.good {
	color: #006837;
}

#support form {
	margin-top:10px;
}

.strikeout {
	text-decoration: line-through;
}

.command {
	font-family: "Courier New", Courier, Monaco, monospace;
	font-weight: bold;
	background-color: #edf0d5;
	color: #333333;
	padding:5px;
	margin-bottom: 20px;
	line-height: 1.4em;	
}

strong.search-excerpt {
  color: #006837;
}

#searchsubmit {
	margin:0;
	margin-top:5px;
	margin-left: 194px;
}

.special {
	background:#edf0d5; /*#eeeeee*/
	margin:10px 10px;
	padding:10px 10px 10px 10px;
	line-height: 1.5em;
}

.invisible {
	display:none;
}

#phpbb {
	margin-bottom: 20px;
}

#phpbb_topic {
	float:left;
}

#phpbb_reply {
	float:right;
}

#moderator {
	float:left;
	width: 125px;
	margin-left: 10px;
}

#moderator p {
	margin-right: 15px;
	text-align: center;
	width:135px;
	margin-bottom: 5px;
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

.wp-polls-ul li:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.wp-polls-ul input {
    float:left;
}

.poll-answer-label {
    margin:0px 0px 0px 15px;
    padding:0px;
    width:220px;
}

.wp-polls p {
    padding-bottom: 0px;
}

#vote {
    margin:5px 0px 0px 194px;
    width: 77px;
    padding: 2px 0px;
    text-align: center;
}

.sidebar-entry em {
    color:#006837;
    font-weight: bold;
}

.sidebar-entry p {
    margin-top: 10px;
    padding-bottom: 0px;
}

/* Ads */

#ad-leaderboard {    
    margin:0px;
    height: 90px;
    position: absolute;
    top: 10px;
    left: 10px;
}

#ad-leaderboard .bsap {
    /*width: 728px;
    display: block;*/
}

#ad-leaderboard .bsap>a {
    display: inline;
    width: 728px;
    float: left;
}

#ad-sidebar {
    margin-top: 10px;
    margin-left: 10px;
}

#ad-sidebar a {
    /*margin:10px 25px 4px 0px;*/
    margin-left: 10px;
    margin-bottom: 10px;
}

.bsap_adhere2 {
    float: none;
}

#ad-google {
  width: 300px;
  margin: 0px auto;
}

/* Store */

#store p {
  text-decoration: none;
}

.product {
  border: 1px solid #ccc;
  padding: 10px;
  width: 360px;
  border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 2px;
  background: #FBFBFB;
  color: #333;
  display: block;	
  position: relative;
}

.product h2 {
  color: #333;
  padding-bottom: 10px;
}

.product .descr {
  color: #777;
  padding-bottom: 20px;
}

.product:hover {
  background: #EAEAEA;
  border: 1px solid #006837;
}

.price {
  position: absolute;
  bottom: 5px;
  right: 30px;
  color: #333;
  font-weight: bold;
}

/* Store Sale Page */

#product-sale {

}

#post-4075 h1 {
  font-weight: 60px;
}

#product-sale-video {
  width:675px;
  float:left;
}

#product-sale-sidebar {
  width:280px;
  float:left;
  margin-left: 20px;
  height: 361px;
  padding:10px;
  border: 1px solid #006837;
  border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 0px 2px;
  background: #FBFBFB;
  color: #333;
  margin-bottom: 20px;
}

/*#product-sale-sidebar:hover {
  background: #EAEAEA;
  border: 1px solid #006837;
}*/

#product-sale-sidebar h2 {
  font-size: 24px;
  
}

.strikethrough {
  text-decoration: line-through;
}

.sale {
  color: #006837;
}

#buy-77-swap {
  width:280px;
  height:96px;
  display: block;
}

#buy-77-swap:hover, 
#buy-77-swap:focus, 
#buy-77-swap:active {
  background: url(images/button_price_77_hover.png) no-repeat;  
}

#buy-77-swap:hover img, 
#buy-77-swap:focus img, 
#buy-77-swap:active img {
  background: transparent;
  visibility: hidden;
}

.center {
  margin: 0 auto;
}

/* Newsletter signup */

#af-form-1264023281 .af-body .af-textWrap{width:70%;display:block;float:right;}
#af-form-1264023281 .af-body input.text, #af-form-1264023281 .af-body textarea{background-color:#FFFFFF;border-color:#CCCCCC;border-width:2px;border-style:inset;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
#af-form-1264023281 .af-body input.text:focus, #af-form-1264023281 .af-body textarea:focus{background-color:inherit;border-color:#CCCCCC;border-width:2px;border-style:inset;}
#af-form-1264023281 .af-body label.previewLabel{display:block;float:left;width:25%;text-align:left;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
#af-form-1264023281 .af-body{padding-bottom:0px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:12px;font-family:, serif;}
#af-form-1264023281 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-1264023281 .af-standards .af-element{padding-right:15px;padding-left:15px;}
#af-form-1264023281 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/063.png");background-position:top left;background-repeat:repeat-x;background-color:#004613;border:1px solid #004613;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
#af-form-1264023281 .buttonContainer input.submit{width:auto;}
#af-form-1264023281 .buttonContainer{text-align:right;}
#af-form-1264023281 button,#af-form-1264023281 input,#af-form-1264023281 submit,#af-form-1264023281 textarea,#af-form-1264023281 select,#af-form-1264023281 label,#af-form-1264023281 optgroup,#af-form-1264023281 option{float:none;position:static;margin:0;}
#af-form-1264023281 div{margin:0;}
#af-form-1264023281 form,#af-form-1264023281 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1264023281 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-1264023281 input,#af-form-1264023281 button,#af-form-1264023281 textarea,#af-form-1264023281 select{font-size:100%;}
#af-form-1264023281 select,#af-form-1264023281 label,#af-form-1264023281 optgroup,#af-form-1264023281 option{padding:0;}
#af-form-1264023281,#af-form-1264023281 .quirksMode{width:270px;}
#af-form-1264023281.af-quirksMode{overflow-x:hidden;}
#af-form-1264023281{background-color:transparent;border-color:inherit;border-width:none;border-style:none;}
#af-form-1264023281{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}

.post-4275 #af-form-1264023281 {
  margin: 0px;
}