/* @override http://www.racketboy.com/wp-content/themes/racketboy/css/screen.css */

/* 
Theme Name: Racketboy
Theme URI: http://racketboy.com
Description: 
Version: 2.0
Author: <a href="http://mattbrett.com">Matt Brett</a>
Author URL: http://mattbrett.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/* @group reset */

/* 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: "" ""; 
}

::-moz-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #006bbd; 
}

::-webkit-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #006bbd; 
}

::selection { 
	color: #fff; 
	text-shadow: none; 
	background: #006bbd; 
}

/* @end */

/* @group fonts */

/* FONTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

@font-face { 
	font-family: 'Bebas'; 
	src: url('../fonts/bebas.eot'); 
	src: local('☺'), url('../fonts/bebas.woff') format('woff'), url('../fonts/bebas.ttf') format('truetype'), url('../fonts/bebas.svg#webfontKYIQSBQk') format('svg'); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face { 
	font-family: 'Nevis'; 
	src: url('../fonts/nevis.eot'); 
	src: local('☺'), url('../fonts/nevis.woff') format('woff'), url('../fonts/nevis.ttf') format('truetype'), url('../fonts/nevis.svg#webfontKYIQSBQk') format('svg'); 
	font-weight: normal; 
	font-style: normal; 
}

/* @end */

/* @group structure */

/* STRUCTURE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body { 
	font: 62.5% "Arial", Verdana, sans-serif; 
	color: #363636; 
	text-align: center; 
	background: #171717 url("../images/bg.jpg") repeat 50% 0; 
}

#header, #mid { 
	float: left; 
	width: 100%; 
}

#header { 
	height: 151px; 
	background: url("../images/header-bg.jpg") repeat-x 50% 0; 
}

#header-inner, #mid-inner { 
	width: 950px; 
	margin: 0 auto; 
	text-align: left; 
}

#mid-inner { 
	padding: 10px 0; 
}

#main { 
	float: left; 
	width: 950px; 
	margin-bottom: 1px; 
	background: url("../images/content-bg.jpg") repeat 0 0; 
}

#content { 
	float: left; 
	display: inline; 
	width: 570px; 
	margin: 20px 20px 5px 20px; 
}

#sidebar { 
	float: left; 
	display: inline; 
	width: 340px; 
	margin: 0 0 -1px 0; 
	overflow: hidden;
}

#full-width { 
	width: 910px; 
	margin-bottom: 1px; 
	padding: 20px; 
	background: url("../images/pattern-01.jpg") repeat 50% 0; 
}

#footer { 
	float: left; 
	display: inline;
	width: 100%;
	margin-bottom: 1px; 
	background: url("../images/pattern-04.jpg") repeat 50% 0;
}

/* @end */

/* @group header */

/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#logo { 
	position: relative; 
	float: left; 
	display: inline; 
	width: 368px; 
	height: 70px; 
	margin: 15px 0 10px; 
	text-indent: -5000px; 
	overflow: hidden; 
}

#logo span { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	background: url("../images/logo.png") no-repeat 0 0; 
	cursor: pointer; 
}

#logo a { 
	text-decoration: none; 
}

#header-right { 
	float: right; 
	display: inline; 
	width: 340px; 
}

#search { 
	float: left; 
	width: 100%; 
	height: 30px; 
	margin: 15px 0 10px; 
}

#search #q { 
	float: left; 
	display: inline; 
	width: 301px; 
	height: 20px; 
	padding: 5px; 
	font: 1.2em Arial, Helvetica, Geneva, sans-serif; 
	color: #014e80; 
	background: url("../images/search-input.jpg") no-repeat 0 0; 
	border: 0; 
}

#search-button { 
	float: left; 
	display: inline; 
}

#social { 
	clear: both;
	width: 280px;
	height: 30px; 
	margin-left: 60px; 
}

#social li { 
	float: left; 
	display: inline; 
	width: 30px;
	height: 30px;
	margin-left: 10px; 
	overflow: hidden; 
}

#social li:hover, #social li:focus { 
	margin-top: -3px; 
}

#social li a { 
	float: left; 
	display: block; 
	width: 30px;
	height: 0; 
	padding-top: 30px; 
}

#social li#social-feed a { 
	background: url("../images/social.jpg") no-repeat 0 0; 
}

#social li#social-email a { 
	background: url("../images/social.jpg") no-repeat -30px 0; 
}

#social li#social-podcast a { 
	background: url("../images/social.jpg") no-repeat -60px 0; 
}

#social li#social-facebook a { 
	background: url("../images/social.jpg") no-repeat -90px 0; 
}

#social li#social-google a { 
	background: url("../images/social.jpg") no-repeat -180px 0; 
}

#social li#social-twitter a { 
	background: url("../images/social.jpg") no-repeat -120px 0; 
}

#social li#social-youtube a { 
	background: url("../images/social.jpg") no-repeat -150px 0; 
}

#nav { 
	position: relative;
	clear: both; 
	width: 951px; 
	height: 56px; 
	margin-left: -1px; 
	padding-left: 1px; 
	background: url("../images/nav-bg.jpg") no-repeat 0 0; 
}

#nav li { 
	display: inline; 
	height: 56px;
	overflow: hidden;
}

#nav a { 
	float: left; 
	height: 0; 
	padding-top: 56px; 
	overflow: hidden; 
	text-decoration: none; 
}

#nav-guides a { 
	width: 160px; 
	background: url("../images/nav.jpg") no-repeat 0 0; 
}

#nav-guides a:hover, #nav-guides a:focus { 
	background: url("../images/nav.jpg") no-repeat 0 -56px; 
}

#nav-editorial a { 
	width: 165px; 
	background: url("../images/nav.jpg") no-repeat -160px 0; 
}

#nav-editorial a:hover, #nav-editorial a:focus { 
	background: url("../images/nav.jpg") no-repeat -160px -56px; 
}

#nav-together a { 
	width: 170px; 
	background: url("../images/nav.jpg") no-repeat -325px 0; 
}

#nav-together a:hover, #nav-together a:focus { 
	background: url("../images/nav.jpg") no-repeat -325px -56px; 
}

#nav-podcast a { 
	width: 165px; 
	background: url("../images/nav.jpg") no-repeat -495px 0; 
}

#nav-podcast a:hover, #nav-podcast a:focus { 
	background: url("../images/nav.jpg") no-repeat -495px -56px; 
}

#nav-forum a { 
	width: 150px; 
	background: url("../images/nav.jpg") no-repeat -660px 0; 
}

#nav-forum a:hover, #nav-forum a:focus { 
	background: url("../images/nav.jpg") no-repeat -660px -56px; 
}

#nav-store a { 
	width: 140px; 
	background: url("../images/nav.jpg") no-repeat -810px 0; 
}

#nav-store a:hover, #nav-store a:focus { 
	background: url("../images/nav.jpg") no-repeat -810px -56px; 
}

/* @end */

/* @group homepage */

/* HOMEPAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#features { 
	float: left; 
	width: 100%; 
	margin-bottom: 1px; 
	background: url("../images/pattern-01.jpg") repeat 50% 0; 
}

#slides { 
	position: relative; 
	float: left; 
	display: inline; 
	width: 570px; 
	height: 240px; 
	margin: 25px 0 0 25px; 
}

.slides_container { 
	width: 380px; 
	height: 250px; 
	margin-left: 210px; 
	overflow: hidden; 
	position: relative; 
}

.slide-title { 
	display: block; 
	margin: 5px 5px 0 5px; 
	font: bold 10px Arial, Helvetica, Geneva, sans-serif; 
	text-transform: uppercase; 
	color: #fff; 
}

#slides .pagination { 
	position: relative; 
	margin: -250px 0 0 0; 
	width: 210px; 
}

#slides .pagination a { 
	position: absolute; 
	display: block;
	width: 210px;
	height: 54px;
	top: 0; 
	left: 0; 
	text-decoration: none; 
	background: url("../images/spacer.gif") repeat 0 0;
	cursor: pointer;
}

#slides .pagination li { 
	position: relative; 
	float: left; 
	width: 200px; 
	padding: 5px 5px 0; 
}

#slides .pagination li img { 
	float: left; 
	display: inline; 
	margin-right: 5px; 
}

#slides .pagination li { 
	display: block; 
	filter: alpha(opacity=35); 
	-moz-opacity: .35; 
	opacity: .35; 
}

#slides .pagination li:hover { 
	filter: alpha(opacity=75); 
	-moz-opacity: .75; 
	opacity: .75; 
}

#slides .pagination li.current { 
	margin-bottom: -5px; 
	padding: 5px; 
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0; 
	background: url("../images/pattern-blue.jpg") repeat 0 0; 
}

#sections { 
	float: left; 
	width: 100%; 
	margin-bottom: 1px; 
	padding-top: 20px; 
	background: url("../images/pattern-02.jpg") repeat 50% 0; 
}

.section { 
	float: left; 
	display: inline; 
	width: 213px; 
	margin: 0 0 20px 20px; 
	text-shadow: 0 1px 1px #fff; 
}

#section-02, #section-03, #section-06, #section-07 { 
	width: 212px; 
}

.section img { 
	float: left; 
	display: inline; 
	margin: 0 10px 0 0; 
}

.section:hover img { 
	margin: -5px 10px 5px 0; 
}

.section h3 { 
	margin: 5px 0 2px; 
	font: 1.3em Nevis, Arial, Helvetica, Geneva, sans-serif; 
	text-transform: uppercase; 
}

.section h3 a { 
	color: #000; 
	text-decoration: none; 
}

.section h3 a:hover { 
	text-decoration: underline; 
}

.section p { 
	font-size: 1.1em; 
	line-height: 1.2em; 
	color: #363636; 
}

#twoup { 
	float: left; 
	width: 100%; 
	margin-bottom: 1px; 
	text-shadow: 0 1px 1px #fff; 
	background: url("../images/pattern-02.jpg") repeat 50% 0; 
}

#together { 
	float: left; 
	display: inline;
	width: 425px; 
	padding: 20px 20px 0; 
}

#together-retro { 
	position: relative; 
	float: none; 
	display: block; 
	width: 196px; 
	height: 74px; 
	margin: 5px 0; 
	text-indent: -5000px; 
	overflow: hidden; 
}

#together-retro span { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	background: url("../images/together-retro.png") no-repeat 0 0; 
}

#together-retro a { 
	text-decoration: none; 
}

#together h6 { 
	margin-bottom: 10px; 
	font-size: 1.1em; 
	font-weight: normal;
}

#together p { 
	font-size: 1.2em; 
	font-weight: bold; 
}

#together p span { 
	margin: 0 5px; 
	color: #969696; 
}

#together a { 
	color: #363636; 
	text-decoration: none; 
}

#together a:hover { 
	color: #000; 
	text-decoration: underline; 
}

#podcast { 
	float: right; 
	display: inline;
	width: 444px; 
	padding: 20px 20px 0; 
	border-left: 1px solid #171717; 
}

#podcast .tnail { 
	float: right; 
	margin: 0 -5px 20px 20px; 
}

#podcast h3 { 
	margin: 5px 0 12px; 
	font: 1.6em Nevis, Arial, Helvetica, Geneva, sans-serif; 
	text-transform: uppercase; 
}

#podcast h3 a { 
	color: #015485; 
	text-decoration: none; 
}

#podcast h3 a:hover { 
	color: #000; 
	text-decoration: underline; 
}

#podcast p { 
	margin: 0 0 10px; 
	font-size: 1.1em; 
	line-height: 1.3em; 
}

#podcast-buttons { 
	width: 120px; 
	height: 30px; 
	margin-bottom: 20px; 
}

#podcast-buttons li { 
	float: left; 
	display: inline; 
	width: 30px; 
	height: 30px;
	margin-right: 10px; 
	overflow: hidden; 
}

#podcast-buttons li:hover, #podcast-buttons li:focus { 
	margin-top: -3px; 
}

#podcast-buttons li a { 
	float: left; 
	display: block; 
	height: 0; 
	padding-top: 30px; 
}

#podcast-buttons li#podcast-download a { 
	background: url("../images/podcast-buttons.jpg") no-repeat 0 0; 
}

#podcast-buttons li#podcast-subscribe a { 
	background: url("../images/podcast-buttons.jpg") no-repeat -30px 0; 
}

#podcast-buttons li#podcast-archive a { 
	background: url("../images/podcast-buttons.jpg") no-repeat -60px 0; 
}

#forums { 
	float: left; 
	display: inline;
	width: 930px; 
	margin-bottom: 1px; 
	padding: 20px 0 15px 20px; 
	text-shadow: 0 1px 1px #fefefe; 
	background: url("../images/pattern-03.jpg") repeat 50% 0; 
}

#forums-left, #forums-right { 
	float: left; 
	display: inline; 
	width: 425px; 
}

#forums-right { 
	width: 445px; 
	margin-left: 40px; 
}

#forums h3 { 
	margin: 0 0 5px; 
	font: 1.3em Nevis, Arial, Helvetica, Geneva, sans-serif; 
	color: #000; 
	text-transform: uppercase; 
}

#forums p {
	float: left;
	display: inline;
	width: 425px;
	font-size: 1.1em; 
	margin: 0 40px 5px 0; 
}

#forums p:nth-child(3), #forums p:nth-child(5), #forums p:nth-child(7), #forums p:nth-child(9), #forums p:nth-child(11), #forums p:nth-child(13), #forums p:nth-child(15), #forums p:nth-child(17) { 
	width: 445px;
	margin-right: 0;
}

#forums a { 
	color: #363636; 
	text-decoration: none; 
}

#forums a:hover { 
	color: #000; 
	text-decoration: underline; 
}

#forums span { 
	float: right; 
	color: #666; 
}

#slides { 
	float: left; 
	display: inline; 
	width: 595px; 
	height: 255px; 
	margin: 20px 0 15px 20px; 
	background: url("../images/features-bg.png") no-repeat 0 0; 
}

#bigbox { 
	float: right; 
	display: inline; 
	width: 305px; 
	height: 255px; 
	margin: 20px 15px 15px 0; 
	background: url("../images/bigbox-bg.png") no-repeat 0 0; 
}

#notfound { 
	position: relative; 
	float: left; 
	display: inline; 
	width: 570px; 
	height: 240px; 
	margin: 25px 0 0 25px; 
}

#notfound .page-title {
	margin: 0 0 10px;
	padding: 0; 
	border-bottom: 0; 
}

/* @end */

/* @group content */

/* CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.content { 
	text-shadow: 0 1px 1px #fff; 
}

.content a:link, .content a:visited, .content a:active { 
	color: #000; 
	text-decoration: underline; 
}

.content a:hover, .content a:focus { 
	color: #006bbd; 
	text-decoration: underline; 
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { 
	margin: 2em 0 1em; 
	font-family: Bebas, Arial, Helvetica, Geneva, sans-serif; 
	font-weight: normal;
	word-spacing: .25em; 
	color: #131313; 
}

.content h1 { 
	margin: 0 0 1em; 
	font-size: 3.2em; 
	color: #006bbd;
}

.content h2 { 
	margin: 2em 0 1em; 
	padding-bottom: 5px;
	font-size: 2.2em; 
	color: #006bbd;
	border-bottom: 1px solid #cbcbcb;
}

.content.index h2 {
	padding-bottom: 0; 
	border-bottom: none;
}

.content h3 { 
	font-size: 2em; 
}

.content h4 { 
	font-size: 1.6em; 
}

.content h5 { 
	font-size: 1.4em; 
}

.content h6 { 
	font-size: 1.3em; 
}

.content p { 
	margin-bottom: 1.5em; 
	font-size: 1.3em; 
	line-height: 1.4em; 
}

.content ul, .content ol { 
	margin: 0 0 15px 30px; 
}

.content li ul, .content li ol { 
	margin: 5px 0 5px 30px; 
}

.content li { 
	margin-bottom: 5px; 
	font-size: 1.3em; 
	line-height: 1.4em; 
}

.content li li { 
	font-size: 1em; 
}

.content ul li { 
	list-style-type: square; 
}

.content ol li { 
	list-style-type: decimal; 
}

.content blockquote { 
	padding: 0 15px; 
	font-style: italic; 
}

.content strong, .content b { 
	font-weight: bold; 
}

.content em, .content i { 
	font-style: italic; 
}

.content img { 
	max-width: 555px; 
	padding: 4px !important; 
	background: #fff !important; 
	border: 1px solid #cbcbcb !important; 
	-moz-box-shadow: 3px 3px 0px #d7d7d7; 
	-webkit-box-shadow: 3px 3px 0px #d7d7d7; 
	box-shadow: 3px 3px 0px #d7d7d7; 
}

.content .alignleft { 
	float: left; 
	display: inline; 
	margin: 5px 15px 15px 0; 
}

.content img[align $='left'], .content img[style $='left'] { 
	float: left; 
	display: inline; 
	margin: 5px 15px 15px 0; 
}

.content .alignright { 
	float: right; 
	display: inline; 
	margin: 5px 0 15px 15px; 
}

.content img[align $='right'], .content img[style $='right'] { 
	float: right; 
	display: inline; 
	margin: 5px 0 15px 15px; 
}

.content .wp-caption { 
	padding: 4px 0; 
	text-align: center; 
	background: #fff; 
	border: 1px solid #cbcbcb; 
	-moz-box-shadow: 3px 3px 0px #d7d7d7; 
	-webkit-box-shadow: 3px 3px 0px #d7d7d7; 
	box-shadow: 3px 3px 0px #d7d7d7; 
}

.content .wp-caption img, .content img.plain, .content img.wp-smiley, .content .tnail img { 
	padding: 0 !important; 
	background: transparent !important; 
	border: none !important; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
}

.content .wp-caption p { 
	margin: 5px 5px 2px; 
	font-size: 1.1em; 
}

.content .aligncenter { 
	margin: 0 auto 15px auto; 
}

.content .alignnone { 
	margin: 0 0 15px 0; 
}

.content table { 
	width: 610px !important; 
	margin: 0 0 20px -20px; 
	border-top: 1px solid #171717; 
}

.content table td { 
	padding: 20px; 
	font-size: 1.2em; 
	text-align: left; 
	vertical-align: top; 
	border-bottom: 1px solid #171717; 
}

.content table td p { 
	font-size: 1em; 
}

.tnail { 
	float: left; 
	display: inline; 
	width: 160px; 
	height: 120px; 
	margin: 0 20px 20px 0; 
	padding: 5px 0 0 5px; 
	background: url("../images/tnail-bg.png") no-repeat 0 0; 
}

.index .tnail { 
	float: right; 
	margin: 3px 0 20px 20px; 
}

.index .post, .page-title, .post-author-index { 
	float: left; 
	width: 570px; 
	margin: 0 0 20px -20px; 
	padding: 0 20px; 
	border-bottom: 1px solid #131313; 
}

.index .post h2 { 
	margin: 0 0 10px; 
}

.page-title { 
	padding-bottom: 20px; 
	font: 2.4em Bebas, Arial, Helvetica, Geneva, sans-serif; 
	word-spacing: .25em; 
	color: #006bbd; 
}

.page-title strong { 
	color: #015485; 
	font-weight: normal; 
}

.post-meta { 
	margin-bottom: 20px; 
	font-size: 1.2em; 
}

.post-meta div.modified-date { 
	font-size: .95em; 
}

.post-meta div { 
	margin-bottom: 5px; 
}

.mb-pagination { 
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 15px; 
	padding: 0; 
	font: bold 12px Arial, Helvetica, Geneva, sans-serif; 
	text-shadow: none; 
}

.mb-pagination span, .mb-pagination a:link, .mb-pagination a:visited, .mb-pagination a:active { 
	display: block; 
	float: left; 
	width: auto; 
	margin: 0 1px 0 0; 
	padding: 10px 8px; 
	color: #eeeff1; 
	text-decoration: none; 
	background: #969696; 
}

.mb-pagination a:hover { 
	color: #fff; 
	background: #363636; 
}

.mb-pagination .current { 
	padding: 10px 8px; 
	color: #fff; 
	background: #006bbd; 
}

.post-author-avatar { 
	float: right; 
	display: inline; 
	margin: 0 0 15px 20px; 
}

/* @end */

/* @group sidebar */

/* SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.widget { 
	float: left; 
	display: inline;
	width: 340px; 
	border-bottom: 1px solid #131313; 
}

.widget-inner {
	float: left;
	display: inline;
	width: 300px;
	margin: 20px; 
}

.widget select#cat { 
	width: 300px; 
	margin: 0 0 20px;
}

#sidebar .widget img { 
	padding: 0 !important; 
	background: transparent !important; 
	border: none !important; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
}

#sidebar-nav { 
	float: left; 
	display: inline; 
	width: 320px;
}

#sidebar-nav ul { 
	margin: 0; 
	padding: 0; 
}

#sidebar-nav ul li { 
	float: left;
	display: inline;
	margin: 0 0 10px; 
	padding: 0; 
	list-style-type: none; 
}

#sidebar-nav ul li a { 
	float: left; 
	display: block; 
	width: 125px; 
	margin: 0 10px 0 0; 
	padding: 8px 10px; 
	font: bold 12px Arial, Helvetica, Geneva, sans-serif; 
	color: #131313; 
	text-decoration: none; 
	text-shadow: none; 
	text-transform: uppercase; 
	background: url("../images/pattern-01.jpg") repeat 0 0; 
	border: none; 
	cursor: pointer; 
	-moz-box-shadow: 3px 3px 0px #d7d7d7; 
	-webkit-box-shadow: 3px 3px 0px #d7d7d7; 
	box-shadow: 3px 3px 0px #d7d7d7; 
}

#sidebar-nav ul li a:hover { 
	color: #fff; 
	background: url("../images/pattern-blue.jpg") repeat 0 0; 
}

#sidebar-nav ul li a:active, #sidebar-nav ul li a:focus { 
	margin: 3px 7px -3px 3px; 
	color: #fff; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
}

#sidebar h2 { 
	margin: 0;
	color: #006bbd; 
}

#sidebar .post { 
	float: left;
	width: 100%; 
	margin: 20px 0 0;
}

#sidebar.content .post h3 {
	margin: 5px 0 0; 
	font-size: 15px; 
	font-weight: normal;
}

#sidebar .post h3 a { 
	text-decoration: none; 
}

#sidebar .post .tnail { 
	width: 110px;
	height: 83px;
	margin: 0 10px 0 0;
	background: url("../images/tnail-small-bg.png") no-repeat 0 0; 
}

#sidebar .post .details { 
	float: right;
	display: inline;
	width: 170px; 
}

#sidebar .post h4 { 
	margin: 0 0 2px;
	font-size: 13px; 
}

#sidebar .post p { 
	margin: 0;
	font-size: 11px; 
}

/* @end */

/* @group comments */

/* COMMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#comments {
	float: left;
	display: inline;
	width: 100%; 
	margin: 0 0 20px 0; 
	border-top: 1px solid #c6c6c6;
}

#comments h3 { 
	margin: 20px 0 0; 
	color: #ef7a13; 
}

p.nocomments { 
	margin: 20px 0 -5px; 
}

#comments #comment-form h3 { 
	margin: 0; 
}

#comments .commentlist { 
	margin: 0; 
	padding: 0; 
}

#comments .commentlist li { 
	position: relative; 
	margin: 0; 
	padding: 15px 0 10px 0; 
	list-style: none; 
	font-size: 12px; 
	border-bottom: 1px solid #c6c6c6; 
}

.commentlist p { 
	color: #333; 
}

.commentlist blockquote p { 
	color: #626569; 
}

.commentlist #respond p { 
	font-size: 12px; 
}

#comments .avatar { 
	float: left; 
	display: inline; 
	margin: 0 15px 10px 0; 
	padding: 4px; 
	background: #e9e9e9; 
}

.commentlist p { 
	clear: left; 
	margin: 10px 0; 
	font-size: 12px; 
	line-height: 1.4em; 
}

#commentform p { 
	margin: 0; 
	padding: 5px 0 10px; 
}

#commentform p small { 
	font-size: 11px; 
	line-height: 1.3em; 
}

.nocomments { 
	margin: 0; 
	padding: 0; 
}

.commentmetadata { 
	margin: -10px 0 0; 
	display: block; 
	font-size: .95em; 
}

#comments .comment-author cite { 
	display: block; 
	font-size: 1.1em; 
	font-style: normal; 
	font-weight: bold; 
	padding: 3px 0 7px; 
}

#comments .comment-author .says { 
	display: none; 
}

#comments .comment-author { 
	float: left; 
	width: 100%; 
	color: #363636; 
	font: bold 1em/1.6em Arial, Helvetica, Geneva, sans-serif; 
}

#comments .comment-author a { 
	color: #333; 
}

#comments .commentmetadata { 
	position: absolute; 
	top: 45px; 
	left: 57px; 
}

#comments .commentmetadata a { 
	color: #666; 
}

#comments .comment-author a:hover, #comments .commentmetadata a:hover { 
	color: #000; 
}

#comment-form { 
	float: left; 
	margin: 0 0 20px; 
	padding: 0; 
}

#commentform { 
	padding: 10px 0 0; 
}

#commentform p, #subscribe-form p { 
	clear: left;
	font-size: 1.2em; 
}

#commentform label, #subscribe-form label { 
	float: right; 
	text-align: left; 
	width: 290px; 
	padding-top: 6px; 
	color: #666; 
}

.commentlist #commentform label { 
	float: none; 
	display: block; 
	margin: 5px 0 0; 
	padding: 0; 
	color: #666; 
}

#commentform label small { 
	font-size: 12px; 
	font-weight: bold; 
}

#commentform label small span { 
	color: #969696; 
	font-size: 11px; 
	font-weight: normal; 
}

#commentform input, #commentform textarea, #subscribe-form input {
	float: left;
	display: inline;
	margin: 0 0 10px; 
	padding: 5px; 
	font: 12px Arial, Helvetica, Geneva, sans-serif; 
	outline: none; 
	color: #969696; 
	background: #fff; 
	border: 1px solid #cbcbcb; 
	-moz-box-shadow: 3px 3px 0px #d7d7d7; 
	-webkit-box-shadow: 3px 3px 0px #d7d7d7; 
	box-shadow: 3px 3px 0px #d7d7d7; 
}

#subscribe-form input { 
	width: 250px;
}

#commentform input:focus, #commentform textarea:focus, #subscribe-form input:focus { 
	margin: 3px -3px 7px 3px; 
	color: #363636; 
	border: 1px solid #c6c6c6; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
}

#commentform input#author, #commentform input#email, #commentform input#url { 
	width: 250px; 
	margin-right: 5px; 
}

#commentform textarea { 
	width: 555px; 
}

#commentform p.subscribe-to-comments { 
	float: left; 
	display: inline; 
}

.commentlist #commentform p.subscribe-to-comments { 
	width: 100%; 
}

#commentform p.subscribe-to-comments input { 
	float: left; 
	margin: 0 5px 0 0; 
	padding: 0; 
	border: 0; 
}

#commentform p.subscribe-to-comments label { 
	float: none; 
	margin: 0; 
	padding: 0; 
}

#commentform #submit, #subscribe-form #submit { 
	float: right; 
	display: inline; 
	width: auto;
	padding: 8px 12px; 
	font-size: 11px; 
	font-weight: bold; 
	color: #d8eaf6; 
	text-decoration: none; 
	text-shadow: 0 -1px 1px #015595; 
	text-transform: uppercase; 
	background: url("../images/pattern-blue.jpg") repeat 0 0; 
	border: none; 
	cursor: pointer; 
	-moz-box-shadow: 3px 3px 0px #d7d7d7; 
	-webkit-box-shadow: 3px 3px 0px #d7d7d7; 
	box-shadow: 3px 3px 0px #d7d7d7; 
}

#subscribe-form #submit { 
	float: left; 
}

#commentform #submit:hover, #subscribe-form #submit:hover { 
	color: #fff; 
}

#commentform #submit:active, #commentform #submit:focus, #subscribe-form #submit:focus, #subscribe-form #submit:active { 
	margin: 3px -3px -3px 3px; 
	color: #fff; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
}

/* @end */

/* @group footer */

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer-copyright, #footer-links { 
	float: left; 
	display: inline; 
	width: 400px; 
	padding: 20px; 
	font-size: 1.2em; 
	text-shadow: 0 1px 1px #ebebeb; 
	color: #363636; 
}

#footer-links { 
	float: right; 
	text-align: right; 
}

#footer a:link, #footer a:visited, #footer a:active { 
	color: #363636; 
	text-decoration: none; 
}

#footer a:hover, #footer a:focus { 
	color: #000; 
	text-decoration: underline; 
}

#footer span { 
	margin: 0 5px; 
	color: #969696; 
}

/* @end */

/* @group miscellaneous */

/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.clear { 
	clear: both; 
	line-height: 1; 
	margin: 0; 
	padding: 0; 
}

.left { 
	float: left; 
	display: inline; 
}

.right { 
	float: right; 
	display: inline; 
}

/* @end */