/*
Theme Name: ATX Web Show 2
Theme URI: http://atxwebshow.com
Author: Dave Rupert
Author URI: http://daverupert.com
Tags: starkers, html5, beginning, start, clean, basic
*/
/* @override http://debiddo.local:8888/wp-content/themes/atxwebshow/style.css */

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('League_Gothic-webfont.eot');
	src: local('?'), url('League_Gothic-webfont.woff') format('woff'), url('League_Gothic-webfont.ttf') format('truetype'), url('League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

/* Grid
-------------------------------------------------------------- */
.container_12{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}

.container_12 .grid_3{width:220px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_6{width:460px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_9{width:700px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_12 .grid_12{width:940px}

.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_3{padding-left:240px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_6{padding-left:480px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_9{padding-left:720px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}

.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_3{padding-right:240px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_6{padding-right:480px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_9{padding-right:720px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}

.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* Page
-------------------------------------------------------------- */
html { overflow-y: auto; }

body {
	min-width: 1040px;
}

xbody	{ background: url(img/grid.png) repeat; } 

#header { 
	background: url(img/atxbg2.jpg) repeat-x; 
	display: block; 
	height: 144px; 
	margin-bottom: 54px;
}
#logo { padding-top:24px; }

#footer {
	font-size: 12px;
}

/* Typography
-------------------------------------------------------------- */

/* Default font settings
   The font-size percentage is of 16px (0.75 * 16px = 12px) */
body { 
  font-size: 14px;
 	line-height: 24px;
	color: #211E1F; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p           { margin: 0 0 24px; }

strong      { font-weight: bold; }
em		    { font-style: italic; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Bold", Helvetica, Arial, sans-serif; font-weight: bold; }

h1,
h2 { font-size: 20px; line-height: 20px; margin-bottom: 4px;}
h3,
h4,
h5,
h6 { font-size: 14px;  line-height: 24px;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin:0;
}

h1 a, h2 a, h3 a, 
h4 a, h5 a, h6 a {
  text-decoration: none;
}

.tinyTitle {
	margin-top: -23px;
	margin-bottom: -1px;
	font-size: 10px;
	font-weight: normal;
}

/* Links
-------------------------------------------------------------- */

a           	{ color: #6ea7ab; text-decoration: underline; }
a:focus, 
a:hover     	{ color: #C10000; }
a:visited		{}
a:visted:hover 	{}


/* Tables - You still need cellspacing="0" in the markup
-------------------------------------------------------------- */

table		{ width: 100%; border-collapse:collapse; }

thead		{}
tbody		{}
tfoot       {}

th,td       { padding: 4px 10px 4px 5px; vertical-align:top; }
th          { border-bottom: 1px solid #ccc; font-weight: bold; background: #f0f0f0; }
td          { border-bottom: 1px solid #ccc; }
tr			{}

caption     { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

tr.even td  { background: #f0f0f0; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 0.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ul + li		{}

ol          { list-style-type: decimal; }
ol + li		{}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

#sidebar ul {
	list-style-type:none;
	margin:0px 0px 24px 0px;
}

/* Forms
-------------------------------------------------------------- */


label       	{font-weight: bold;}

textarea      	{ width: 400px; height: 80px; padding:5px; }

select        	{ width:200px; }

input:focus,textarea:focus,select:focus {	
	border:1px solid #666;
}

input,textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

/* Other Elements
-------------------------------------------------------------- */

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
dfn         { font-style: italic;font-weight: bold; background: #ffc; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Navigation
-------------------------------------------------------------- */

#nav ul { 
	margin:59px 0px 0px;
	height: 48px;
	overflow:hidden;
	display:block;
}

#nav li{
	float:left;
	list-style-type: none;
}

#nav a {
	color: #fff; 
	font-weight: normal;
	display: block;
	float:left;
	font: 24px/1 "LeagueGothicRegular", 'Helvetica Nueue Condensed', sans-serif;
	margin-right: 30px;
	padding-bottom: 8px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition:all 0.1s ease-out;
	-moz-transition:all 0.1s ease-out;
	-o-transition:all 0.1s ease-out;
	transition:all 0.1s ease-out;
}

#nav a:hover,
#nav a.active {
	border-bottom: 3px solid #211E1F;
}

.navigation {
	position: relative;
	display: block;
	clear: both;
	margin-bottom: 48px;
	min-height: 24px;
	padding-top: 24px;
}

.navigation ul {
	list-style: none;
}

.navigation .prev {
	position: absolute;
	left: 0px;
	top: 0px;
	width: auto;
}

.navigation .next {
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
}


/* Classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

img.alignleft	{float:left; clear:left; margin:0px 10px 10px 0px;}
img.alignright	{float:right; clear:right; margin:0px 0px 10px 10px;}

/* Sidebar
-------------------------------------------------------------- */
input, textarea {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;	
}

#searchform {
	margin:0px;
	height: 24px;
	margin-bottom: 24px;
}

#searchform label {
	display: none;
}

#searchform #s {
	margin:0px 0px 26px;
	position: relative;
	top: -3px;
	padding:0px 45px 0 5px;
	width:150px;
	line-height: 24px;
	height: 24px;
	-webkit-appearance: textfield;
}

#searchform input:focus#s {
	background: url(img/button_enter_off.gif) no-repeat 160px center;
}

#socialLinks ul {
	margin-bottom: 48px;
}

#socialLinks a {
	display: block;
}

#socialLinks li {
	padding-left: 26px;
	background-image: url(img/atxsprite.png);
	background-repeat:no-repeat;
}

#socialLinks #iTunesLink { background-position: 0px 3px; }
#socialLinks #rssLink { background-position: 0px -33px; }
#socialLinks #twitterLink { background-position: 0px -69px; }
#socialLinks #facebookLink { background-position: 0px -105px; }

#socialLinks a {
	text-decoration: none;
	color:#666;
}

#socialLinks a:hover {
	color: #C10000;
	background-image: url(img/atxsprite.png);
	background-repeat: no-repeat;
}

#socialLinks #iTunesLink a { background-position: right -143px; }
#socialLinks #rssLink a { background-position:right -183px; }
#socialLinks #twitterLink a { background-position: right -226px; }
#socialLinks #facebookLink a { background-position: right -269px; }

#meetup-blogroll {
	font-size:12px;
}

#meetup-blogroll a:nth-child(1) {
	display:block;
	font-size:14px;
}

#meetup-blogroll li {
	margin-bottom: 7px;
}

/* Post
-------------------------------------------------------------- */
.post { 
	display: block;
	margin-bottom: 72px;
}

.posted { 
	line-height: 21px;
	font-size:12px; 
	color:#aaa;
	margin-bottom: 3px;
}

#latestEp {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-radius:5px;
	background: #f4f4f4;
	padding: 37px 24px 24px;
	margin: -13px -24px 47px;
	-webkit-box-shadow:  0px 2px 10px rgba(200,200,200,0.1);
	-moz-box-shadow:  0px 2px 10px rgba(200,200,200,0.1);
	border: 1px solid #d0d0d0;
}

#latestEp .posted {
	margin-top: -22px;
	margin-bottom: 0px;
	color: #bbb;
}

#latestEp h2 {
	margin-bottom: 10px;
}

.category-podcast img {
	margin-bottom: 11px;
}

.bttn {
	/*background: #88A3A3;
	background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#c1cccc), to(#88A3A3));
	background:-moz-linear-gradient(0% 0%, 0% 20%, from(#c1cccc), to(#88A3A3));*/
	padding: 6px 12px;
	/*color: #fff;*/
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	margin: 0px 10px 10px 0px;
	display: inline-block;
	
	color:#6ea7ab;
	text-shadow:1px 0px 0px #fff;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.6);
	background: -moz-linear-gradient(top, #fff, #ddd 50%, #ccc 51%, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(.5, #ddd), color-stop(.5, #d0d0d0), to(#ddd)); 

}

a:hover.bttn,
a:active.bttn {
	/*color: #fff!important;
	background: #a0aaaa;
	background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#c1cccc), to(#779292));
	background:-moz-linear-gradient( 0% 0%, 0% 20%, from(#c1cccc), to(#779292));*/

	color:#444;
}

.powerpress_links {
	display: none;
}

.no-audio #audio,
.audio #audio-alt {
   display: none; /* Don't show Audio options */
}

.no-audio #audio-alt,
.audio #audio {
   display: block;
}

.music-credit { clear:both; display: block; min-height: 75px;}

.music-credit img {
	float:left; margin-right:10px;
}

#audio {
	margin-bottom: 1.5em;
}
/* Comments
-------------------------------------------------------------- */
#comments {
	display: block;
	clear:both;
	margin: 0px 0px 2em;
}

.commentlist {
	list-style-type: none;
	margin: 0px 0px 24px;
	border-top: 1px solid #ccc;

}

.children {
	list-style-type: none;
	margin: 0px 0px 24px 24px;
}

.avatar {
	float: left;
	height: 48px;
	width: 48px;
	position: relative;
	top: -2px;
	margin: 0px 10px 0px 0px;
}

.commentmetadata {
	margin: 0px 0px 24px 0px;
}
.commentmetadata a {
	text-decoration: none;
}

#commentform {
	position: relative;
}

.comment {
	position: relative;
	font-size: 12px;
	list-style: none;
	padding-top:2em;
	border-bottom: 1px solid #ccc;
}

.comment #respond {
	margin-left: 24px;
}

.comment-reply-link {
	position: absolute;
	top: 0px;
	right: 0px;
}

#cancel-comment-reply-link {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #C10000;
}

#commentform label {
	font-size: 12px;
	font-weight: normal;
}
#commentform p {
	position: relative;
	margin-bottom: 23px;
	top: -8px;
}
input {
	vertical-align:baseline;
	margin: 0px;
	height: 22px;
	line-height: 24px;
	padding: 0px 5px;
}

#commentform textarea {
	margin: 0px;
	height: 108px;
	position: relative;
	margin-bottom: 12px;
	top: -8px;
}

#respond {
	position: relative;
	clear: both;
	display: block;
	margin-bottom: 48px;
}

#send,
#clean_contact_send {
	display: block;
	background: #fff;
	border:1px solid #ccc;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
	padding:0px 15px;
	line-height:24px;
	height: 24px;
	margin-bottom: 24px;
}

button:hover#send {
	background: #f8f8f8;
	color:#333;
}

button:active#send {
	background: #f0f0f0;
	color:#333;
}

.trackback, .pingback {
	display: none;
}