@charset "UTF-8";
/* CSS Document */

/* In my next life, I want to be as cool as Aaron Feaver */
/* link color: #3b9ca7 */

body { background: url(../img/maybe2.jpg) #666666; margin: 0; padding: 0; text-align: center; font: normal 11px "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; line-height: 15px; letter-spacing: 0.04em; color: #4A3D30; }
body { min-width:960px; }
a { color:#3b9ca7; text-decoration:none; }
a:hover { color:#DC291E; text-decoration:none; }
img.alignleft { padding: 2px; margin: 0 10px; display: inline; border:solid #999 1px; }
img.alignright { padding: 2px; margin: 0 10px; display: inline; border:solid #999 1px; }
img.alignleftx {
	padding: 5px 10px 5px 0;
	margin: 0 10px;
	display: inline;
	border: 0px;
}
img.alignrightx {
	padding: 5px 0 5px 10px;
	margin: 0 10px;
	display: inline;
	border:0px;
}
.twoColFixRtHdr #container {
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRtHdr #header {
	background:url(../img/banner_bg4.png) no-repeat;
	position:relative;
	height: 430px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColFixRtHdr #header #tough-ass {
	position:absolute;
	top: 0px;
	left: 10px;
	width: 940px;
	height: 140px;
	background:url(../img/tough-ass2.png) no-repeat;
}
.twoColFixRtHdr #header p {
	padding:0.2em 0 0.5em 0;
}
.linkbreak {
	display: block;
}
.twoColFixRtHdr #header #tri1 {
	position:absolute;
	top: 140px;
	left: 10px;
}
.twoColFixRtHdr #header #tri2 {
	position:absolute;
	top: 140px;
	left: 330px;
}
.twoColFixRtHdr #header #tri3 {
	position:absolute;
	top: 140px;
	left: 650px;
}
.twoColFixRtHdr #header #tri1, #tri2, #tri3 {
	width: 280px;
	height: 130px;
	padding: 10px;
	background:url(../img/trifecta.png) repeat-x;
}
.twoColFixRtHdr #header #photo {
	position:absolute;
	top: 310px;
	left: 10px;
	width: 940px;
	height: 70px;
	background:url(../img/photo_bg.png) repeat-x;
	padding: 10px 0 20px 0;
}
.twoColFixRtHdr #sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin-right: 10px;
}
.twoColFixRtHdr #sidebar #bookmarks, #search_box {
	float: right; /* since this element is floated, a width must be given */
	width: 260px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 20px 0 20px;
	background:url(../img/gen_bg.png);
}
.twoColFixRtHdr #sidebar #bookmarks .top {
	background:url(../img/bookmarks.png) no-repeat;
	width: 280px;
	height: 20px;
	padding-bottom: 10px;
}
.twoColFixRtHdr #sidebar #search_box .top {
	background:url(../img/search_box.png) no-repeat;
	width: 280px;
	height: 20px;
	padding-bottom: 10px;
}
.twoColFixRtHdr #sidebar #search {
	width: 255px;
	font-size: 10px;
}
.twoColFixRtHdr #sidebar #friends {
	float: right; /* since this element is floated, a width must be given */
	width: 260px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 20px 0 20px;
	background:url(../img/gen_bg.png);
}
.twoColFixRtHdr #sidebar #friends .top {
	background:url(../img/friends.png) no-repeat;
	width: 280px;
	height: 20px;
	padding-bottom: 10px;
}
.twoColFixRtHdr #sidebar .side-butt {
	background:url(../img/side-butt.png) repeat-x;
	width: 300px;
	height: 15px;
	padding: 5px 0 20px 0;
	font-size:11px;
	letter-spacing:1px;
	float:right;
}
.twoColFixRtHdr #mainContent {
	margin: 0 330px 0 10px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. *//*	padding: 15px 0;  remember that padding is the space inside the div box and margin is the space outside the div box */
width: 610px;
}
.twoColFixRtHdr #mainContent .post {
	padding: 20px;
	width: 570px;
	background:url(../img/gen_bg.png);
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRtHdr #mainContent .post h1 {
	font: 24px/28px 'NeoRetroFillRegular', Arial, sans-serif;
	letter-spacing: 0;
	padding-bottom:0.3em;
}
.twoColFixRtHdr #mainContent .post h2 {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	letter-spacing: 1px;
}
.twoColFixRtHdr #mainContent .post p {
	line-height: 14px;
	letter-spacing: 0.05em;
	padding-bottom:0.9em;
}
.twoColFixRtHdr #mainContent .post .top {
	background:url(../img/top-post.png) no-repeat;
	width: 570px;
	height: 30px;
	margin-top: -20px;
	padding-bottom: 10px;
}

.twoColFixRtHdr #mainContent .post #top_search {
	background:url(../img/results.png) no-repeat;
	width: 570px;
	height: 30px;
	margin-top: -20px;
	padding-bottom: 10px;
}
.twoColFixRtHdr #mainContent .post-butt {
	background:url(../img/post-butt.png) no-repeat;
	width: 600px;
	height: 35px;
	padding: 5px 0 20px 10px;
	font-size:10px;
	letter-spacing:1px;
}

.twoColFixRtHdr #mainContent .line {
	background:url(../img/line.png);
	margin: 20px 0;
	width: 100%;
	height: 1px;
	border: none;
}
.twoColFixRtHdr #mainContent #comment_box {
	background:url(../img/comment_bg.png);
	margin: 20px;
	padding-left: 20px;
	width: 540px;
	border: none;
}
.alignleft, .alignleftx {
	float: left;
	padding: 0 10px;
}
.alignright, .alignrightx {
	float: right;
	padding: 0 10px;
}
.twoColFixRtHdr #mainContent #post-butt a {
	color:#988b7e;
	text-decoration:none;
}
.twoColFixRtHdr #mainContent #post-butt a:hover {
	color:#3b9ca7;
}
.twoColFixRtHdr #footer {
	background:url(../img/footer.png) repeat-x;
	width: 920px;
	height: 60px;
	margin-left: 10px;
	padding: 3px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
.twoColFixRtHdr #footer p {
	font-size:10px;
	display:block;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.delicious-post {
	font-size: 12px;
}
.delicious-post a {
	display: block;
	padding-top: 0.9em;
	font-size: 11px;
}
.delicious-posts {
	font-size: 12px;
}
.delicious-posts a {
	display: block;
	padding-top: 0.9em;
	font-size: 11px;
}
#slick-toggle {
	display: block;
	margin-top: 10px;
	font-weight:bold;
}
#rss {
	display: block;
	font-weight:bold;
	float:right;
}
#rss2 {
	display: block;
	font-weight:bold;
	float:right;
	margin-top: -14px;
}
.comments {
	padding: 0 20px;
}
.comments h1, .comments h2, .comments h3 {
	font-style: normal;
	font-weight:700;
	color:#333;
	letter-spacing: 0.05em;
	padding:0;
}
#comment_box a, .comments h1 a, .comments h2 a, .comments h3 a {
	color:#DC291E;
}
.comments h1 {
	font-size: 24px;
}
.comments h2 {
	font-size: 14px;
}
.comments h3 {
	font-size: 11px;
}
.comments p {
	font-style: normal;
	font-size: 11px;
	color:#666;
	letter-spacing: 0.04em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	padding:0;
}
#comment_box h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-size:18px;
	color:#333;
	padding:10px 0 15px 0;
}
#comment_box p {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
}
.comments-form legend {
	display:none;
	visibility:hidden;
}
.comments-form p {
	position:relative;
}
.comments-form input, .comments-form label {
	vertical-align:baseline;
}
.comments-open-data p {
	float:left;
	margin:0 9px 0 0;
	position:static;
}
.comments-form p span {
	position:absolute;
	right:0;
}
.comments-open-data label {
	display:block;
	line-height:18px;
}
.comments-open-data input {
	width:190px;
}
#comment-text {
	height:123px;
	width:90%;
}
#comment-form-remember-me {
	padding-bottom:18px;
}
#comment-form-remember-me label {
	display:inline;
	font-weight:normal;
}
input#comment-remember-me {
	margin:0 4px 0 0;
	width:auto;
}
#comment-preview {
	margin-right:9px;
}
.search_button {
	padding-top: 5px;
	float: right;
}

#twitter_update_list li a {display:none;}
#twitter_update_list li span a {display:inline;}
.ImgCaptMainR {
	/* only need a width if it's not inheriting one
 	width:; */
	position:relative;
	float:right;
}

.ImgCaptMainL {
	/* only need a width if it's not inheriting one
 	width:; */
	position:relative;
	float:left;
}

.ImgCaptMain {
	/* only need a width if it's not inheriting one
 	width:; */
	position:relative;
}

.ImgCaptDescBox290 {
	position:absolute;
	bottom:0;
	left:0;
	/* since it's positioned absolutely it will need a width, but not height,
       that would fill the entire box covering the image */
	width:290px;
}

.ImgCaptDescBox580 {
	position:absolute;
	bottom:0;
	left:0;
	/* since it's positioned absolutely it will need a width, but not height,
       that would fill the entire box covering the image */
	width:580px;
}

.ImgCaptDescBg {
	background:#333333;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.ImgCaptDesc {
	padding:5px;
	color:#fff;
	font-weight:normal;
	font-size:.785em;
	text-align:left;
}
.post li {
list-style-position: outside;
list-style-image: url(http://blog.jimrenaud.com/img/bullet.png);
margin: 1em 3em 0 3em;
	padding: 5px;
}
.clear_me {
	clear:both;
}

/* Non-Flash video player */

.playButton {
	background-color: rgb(20,20,20);
	cursor: pointer;
	font-weight: bold;
	font-size: 1.25em;
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	position: relative;
	top: 50%;
	zoom: 100%;
	padding: .5em 1em;
	color: white;
}
.playBackground {
	background-color: rgb(0,0,0);
	opacity: 0.0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0px;
	left: 0px;
}
/* Blockquotes */
.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #bd3424;
 }


 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 30px;
     font-size: 700%;
     color: #bd3424;
 }
blockquote {
     padding: 0 15px;
}
::-moz-selection{
	background:#DC291E;
	color:#fff;
}

::selection {
	background:#DC291E;
	color:#fff;
}

code::-moz-selection {
	background: #333333;
}

code::selection {
	background: #333333;
}
@charset "UTF-8";

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2010 11:23:16 AM America/New_York */



@font-face {
	font-family: 'NeoRetroDrawRegular';
	src: url('NEORD___-webfont.eot');
	src: local('☺'), url('NEORD___-webfont.woff') format('woff'), url('NEORD___-webfont.ttf') format('truetype'), url('NEORD___-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NeoRetroFillRegular';
	src: url('NEORF___-webfont.eot');
	src: local('☺'), url('NEORF___-webfont.woff') format('woff'), url('NEORF___-webfont.ttf') format('truetype'), url('NEORF___-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NeoRetroShadowRegular';
	src: url('NEORS___-webfont.eot');
	src: local('☺'), url('NEORS___-webfont.woff') format('woff'), url('NEORS___-webfont.ttf') format('truetype'), url('NEORS___-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}