#desc {
  background-color: {color:Description};
  width:500px;
}
 
body {
		background: #232323;
		color: #000;
/*        font: 16px MuseoSlab, Helvetica, Arial, sans-serif; */
		margin: 0px;
		padding: 0px;
}

ul { margin: 0px; padding: 0px; list-style-type: none; }

.horsebag {
		width: 100%;
		background: #232323;
}

.container {
		width: 997px;
		margin: auto;
}

.topshadow {
		background-image: url(http://www.idlethumbs.net/assets/img/blog/shadow-bottom.png);
		background-repeat: no-repeat;
		background-position: center top;
}

.bottomshadow {
		background-image: url(http://www.idlethumbs.net/assets/img/blog/shadow-top.png);
		background-repeat: no-repeat;
		background-position: center bottom;
}

#header
{
		background: #2E2E2E url(http://www.idlethumbs.net/assets/img/blog/shadow-top.png) no-repeat center 97px;
		border-bottom: 1px dotted #575756;
		height: 135px;
}

.sitelogo
{
		padding: 45px 0px 0px 60px;
		display: block;
}

.sitelogo h1
{
		color: #FFF;
		margin: 0px;
		padding: 0px;
		background: url(http://www.idlethumbs.net/assets/img/blog/sprite.png) no-repeat 0px -275px;
		text-indent: -9999px;
		width: 165px;
		height: 46px;
		display: block;
}

.topsection, .maincontent
{
		position: relative;
		top: -28px;
		margin-bottom: -28px;
}

#content-nav
{
		position: absolute;
		background-color: transparent;
		margin-top: -28px;
		z-index: 10;
}

#videogames .topsection
{
		height: 323px; /* compensating for the 28px offset */
		background: url(http://www.idlethumbs.net/assets/img/blog/homepage-wizard.jpg) no-repeat center 0px;
		padding: 130px 0px 0px 40px;
}

#videogames h2
{
		margin: 0px;
		
}

.navsection .nav
{
		height: 43px;
		border-top: 1px solid #ABAAA8;
		border-bottom: 1px dotted #ABAAA8;
		padding-left: 670px;
}

.navsection .nav li
{
		float: left;
		display: inline-block;
		text-transform: uppercase;
		height: 43px;
		margin: 0px 5px;
}

.navsection .nav li a
{
		color: #FFF;
		text-decoration: none;
		display: block;
		height: 23px;
		padding: 24px 8px 0px 8px;
		position: relative;
		top: -10px;
		width: 80px;
		text-align: center;
		font-size: 16px;
		font-weight: 300;
}

.navsection .nav li a:hover, body.about .navsection .nav li#navAbout a, body.archive .navsection .nav li#navArchive a
{
		background: #2E2E2E;
		box-shadow: 0px 4px 4px -3px #161616;
}

.topsection h2
{
		font-size: 180px;
		font-family: "futura-pt";
		font-weight: 700;
/*        text-indent: -9999px; */
		line-height: 140px;
		padding: 0px;
		margin: 80px 0px 0px 40px;
		color: #FFF;
		text-transform: uppercase;
		font-style: italic;
 /*       background: url(http://static.tumblr.com/l7s9tfb/xo5m7amuc/wereback.png) no-repeat 0px 0px;  */
		width: 626px;
		height: 267px;
		left: 35px;
		top: 110px;
		letter-spacing: -.03em;
}

.maincontent { background: #FFF; }

.post a:link { color: #9D5D3A; text-decoration: none; border-bottom: 1px dotted #9D5D3A; }
.post a:visited { color: #9D5D3A; text-decoration: none; border-bottom: 1px dotted #9D5D3A; }
.post a:active { color: #9D5D3A; text-decoration: none; border-bottom: 1px dotted #9D5D3A; }
.post a:hover { color: #65140E; border-bottom: 1px dotted #65140E; }

.maincontent .inset { padding: 1px 46px; }
.maincontent .inset p { margin: 20px 0px; }


#wrap {
	width:600px;
	
}

body.about .navsection .nav li a:hover, body.about .navsection .nav li#navAbout a { color: #FFF; }

body.archive .navsection .nav li a:hover, body.archive .navsection .nav li#navArchive a
{
		background: url(http://www.idlethumbs.net/assets/img/blog/sprite.png) no-repeat -470px -793px;
}

.maincontent h3
{
	margin-top: 20px;
	font-family: "futura-pt";
	font-weight: 700;
	font-style: italic;
	font-size: 36px;
	line-height: 1.1em;
}

a.titlelink:link {color: #000000; border-bottom: none; text-decoration: none;}
a.titlelink:visited {color: #000000; border-bottom: none; text-decoration: none;}
a.titlelink:hover {color: #000000; border-bottom: none; text-decoration: none;}
a.titlelink:active {color: #000000; border-bottom: none; text-decoration: none;}

.maincontent p
{
		font-size: 16px;
		line-height: 1.35em;
}

#about { position: relative; }

.horsebag#bottom-nav .container { position: relative; height: 385px; }

#bnav-rollover
{
	background: url(http://www.idlethumbs.net/assets/img/blog/massive-rollover.png) no-repeat -20px -170px;
	width: 880px;
	height: 385px;
	background-size: 800px 700px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -440px;
	z-index: 0; 
	opacity: 0.0;
}
#bnav-rollover.bnav-transit
{
	-webkit-transition: background-size 0.5s, background-position 0.5s;
	-moz-transition: background-size 0.5s, background-position 0.5s;
	-ms-transition: background-size 0.5s, background-position 0.5s;
	-o-transition: background-size 0.5s, background-position 0.5s;
}

.bottom-nav { height: 340px; padding: 45px 5px 0px 40px; position: absolute; z-index: 1; }

.bottom-nav li
{
		float: left;
		width: 317px;
		display: inline-block;
		color: #818181;
}

.bottom-nav li a { display: block; color: #818181; text-decoration: none; padding-right: 45px; }

.bottom-nav li h3, .bottom-nav li h4 { color: #FFF; }

.bottom-nav li .screen
{
		height: 82px;
		width: 260px;
		background: #FFF;
		text-align: center;
		padding: 6px;
		box-shadow: 0px 2px 5px #111;
		overflow: hidden;
}

.bottom-nav li .screen #scr-forums, .bottom-nav li .screen #scr-about
{
		background: url(http://www.idlethumbs.net/assets/img/blog/sprite.png) no-repeat 0px -350px;
		width: 260px;
		height: 82px;
		margin: auto;
}

.bottom-nav li .screen #scr-archive
{
		background: url(http://static.tumblr.com/l7s9tfb/AGRm76nkj/idlethumbs_archive.png);
		width: 260px;
		height: 82px;
		margin: auto;
}

.bottom-nav li .screen #scr-about
{
		background-position: 0px -450px;
}

.bottom-nav li #scr-archive { position: relative; }

.bottom-nav li .textitem
{
		padding: 25px 0px 12px 20px;
}

.bottom-nav li .textitem h3, .bottom-nav li .textitem h4
{
		margin: 0px;
		padding: 0px;
}

.bottom-nav li .textitem h3
{
		background: url(http://www.idlethumbs.net/assets/img/blog/sprite.png) no-repeat 0px 0px;
		font-size: 24px;
		text-indent: -9999px;
}
.bottom-nav li .textitem h4 { font-size: 12px; font-weight: normal; }

.bottom-nav li#archive h3 { background-position: -400px -550px; }
.bottom-nav li#about h3 { background-position: -400px -500px; }
.bottom-nav li#forums h3 { background-position: -400px -450px; }

.bottom-nav li .textitem p
{
		margin: 0px;
		padding: 5px 5px 20px 0px;
		font-size: 12px;
}

.bottom-nav li .textitem .clicker
{
		display: block;
		border-radius: 10px;
		width: 70px;
		height: 18px;
		color: #232323;
		background: #818181;
		font: bold 10px Verdana, sans-serif;
		padding: 1px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		float: right;
}

.bottom-nav li .textitem .clicker span
{
		display: block;
		border: 1px solid #232323;
		border-radius: 8px;
		height: 14px;
		padding: 2px 4px 0px 4px;
}

#footer
{
		background: #2E2E2E;
		border-top: 1px solid #575756;
		height: 90px;
		box-shadow: inset 0px 20px 15px -20px #111;
		margin: 0px;
}

.footbag
{
		width: 630px;
		margin: auto;
		font-size: 14px;
}

.footbag li
{
		float: left;
		padding: 0px;
		display: inline-block;
		width: 100px;
		background: url(http://www.idlethumbs.net/assets/img/blog/sprite.png) no-repeat 0px 0px;
		text-indent: -9999px;
		position: relative;
		margin: 20px 10px -10px 10px;
}

.footbag li#logoThumbs { background-position: -650px -60px; height: 40px; margin-top: 27px; }
.footbag li#logoTypewriter { background-position: -650px -101px; height: 50px; margin-top: 23px; }
.footbag li#logoLordThumbly { background-position: -650px -875px; height: 100px; margin-top: 0px; top: -10px; width: 120px; }
.footbag li#logoCircleThumb { background-position: -650px -150px; height: 50px; }
.footbag li#logoThumbShield { background-position: -650px 0px; height: 60px; margin-top: 17px; }

	
.info {
  color:#aaaaaa;
  margin-top:10px;
	font-family: "futura-pt";
	font-weight: 400;
  font-size: 15px;
}

div.post {
  border: 0;
  margin: 0;
  padding: 0 0 20px 0;
}

.post.text {
  width: 580px;
}

.permalink {
  float: none;
  clear: none;
  margin-left:0px;
  font-weight: normal;
  font-size: 15px;
}

a.permalink:link {color: #aaaaaa; border-bottom: none; text-decoration: none;}
a.permalink:visited {color: #aaaaaa; border-bottom: none; text-decoration: none;}
a.permalink:hover {color: #65140E; border-bottom: 1px dotted #65140E; text-decoration: none;}
a.permalink:active {color: #000000; border-bottom: none; text-decoration: none;}

.infopipe { font-size: 17px; font-weight: 100;}

.text img {
  max-width: 500px;
}

.text blockquote img {
  max-width: 150px;
}

.post.text blockquote {
	font-family: "futura-pt";
	font-weight: 500;
	font-size: 20px;
	font-style: italic;
	margin-left: 33px;
}

.post blockquote p {
	padding-left: 10px;
	border-left: 2px dotted #AAA;
}

.post.quote blockquote {
	font-family: "futura-pt";
	font-weight: 500;
	font-size: 24px;
	font-style: normal;
	margin-left: 33px;
}

.post.quote cite {
	font-family: "museo-slab";
	font-weight: 500;
	font-style: italic;
	font-size: 14px;
	color: #a3a3a3;
}

.post.quote .deco {
	font-size: 55px;
	color: #a3a3a3;
	position: relative;
	top: -15px;
	font-family: serif;
}

a.comments_link {
	color: #aaa;
	text-decoration: none;
}

#disqus_thread {
	padding: 20px 0;
	clear: both;
}

.post ul {
	font-family: "futura-pt";
	font-weight: 500;
	font-size: 16px;
	text-indent: 18px;
	line-height: 1.65em;
	margin-bottom: 18px;
}

.post li a:link { color: #7f4b23; border-bottom: none; }
.post li a:visited { color: #7f4b23; border-bottom: none; }
.post li a:hover { color: #65140E; border-bottom: 1px dotted #65140E; }
.post li a:active { color: #7f4b23; border-bottom: none; }

.post li:before {
	content: "\00BB";
	color: #777777;
	padding-right: 10px;
	vertical-align: 1px;
}

.post li {
	
}

.striped-hr-container {
	width: 600px;
	height: 9px;
	border-bottom: #eee 1px solid;
	padding: 0 0 12px 0;
	margin: 0 0 50px 0;
}

.striped-hr {
	width: 100%;
	height: 100%;
	background-image: url(http://static.tumblr.com/l7s9tfb/xL2m764y3/striped_hr.gif);
}

.postnotes {
	color:#cacaca;
	margin: -51px 0 40px 0;
	font-family: "futura-pt";
	font-weight: 500;
	font-size: 15px;
}

.postnotes span.action a:link { color: #aaaaaa; border-bottom: 1px dotted #aaaaaa; text-decoration: none; }
.postnotes span.action a:visited { color: #aaaaaa; border-bottom: 1px dotted #aaaaaa; text-decoration: none; }
.postnotes span.action a:hover { color: #000000; border-bottom: 1px dotted #000000; text-decoration: none; }
.postnotes span.action a:active { color: #000000; border-bottom: 1px dotted #000000; text-decoration: none; }

ol.notes li.note span.action {
	font-weight: 500;
}

#paginationeering {
	margin: 0 0 40px 0;
	font-family: "futura-pt";
	color: #aaaaaa;
	font-size: 15px;
	font-weight: 700;
	height: 20px;
}

#paginationeering a:link { color: #aaaaaa; text-decoration: none; }
#paginationeering a:visited { color: #aaaaaa; text-decoration: none; }
#paginationeering a:hover { color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; }
#paginationeering a:active { color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; }

.post img {
	width: 600px;
	max-width: 600px;
}


#socialicons {
	width: 276px;
	height: 40px;    
	margin: 0px 0 24px 0;
}

.socialicon-wrapper {
	float: right;
	height: 34px;
	width: 36px;
	border: 0px solid #f1f1f1;
	box-shadow: 0 0px 0px #bbbbbb;
	margin-right: 4px;
	padding: 3px;
}

.socialicon {
	min-width: 32px;
	min-height: 32px;
	border: 0px solid #eaeae8;
	position: absolute;
	opacity: 0.3; filter: alpha(opacity=30);
}

.icon-twitter { background: url('http://static.tumblr.com/l7s9tfb/85em7ad1z/socialicon_twitter.png'); }
.icon-facebook { background: url('http://static.tumblr.com/l7s9tfb/J2Jm7ad0o/socialicon_facebook.png'); }
.icon-itunes { background: url('http://static.tumblr.com/l7s9tfb/MJcm7ad0z/socialicon_itunes.png'); }
.icon-rss { background: url('http://static.tumblr.com/l7s9tfb/EO1m7ad1c/socialicon_rss.png'); }
.icon-twitch { background: url('http://static.tumblr.com/l7s9tfb/WFfm7ad1p/socialicon_twitch.png'); }
.icon-email { background: url('http://static.tumblr.com/l7s9tfb/J3Hm7aczt/socialicon_email.png'); }
a.socialicon:hover { opacity: 1; filter: alpha(opacity=100); }

#rightnav {
	width: 272px;
	float: right;
	margin-top: 44px;
	margin-bottom: 4px;
}

a.rightnav-block {
	margin: 0 0 20px 0;
	display: block;
	text-decoration: none;
}

a.rightnav-block:hover .rightnav-element {
	opacity: 1; filter: alpha(opacity=100);
}
a.rightnav-block:hover ul {
	color: #000000;
}
a.rightnav-block:hover .rightnav-subhead {
	border-bottom: 1px dotted #a3a3a3;
}

.rightnav-element-container {
	width: 262px;
	height: 85px;
	border: 1px solid #f1f1f1;
	background-color: #ffffff;
	padding: 4px;
	box-shadow: 0 2px 2px #bbbbbb;
	margin: 0 0 10px 0;
}

.rightnav-element {
	width: 260px;
	height: 83px;
	border: 1px solid #eaeae8;
	background-color: #000000;
	opacity:0.95; filter:alpha(opacity=95);
}

.rightnav-block-text {
	text-align: center;
}

li.rightnav-header {
	font-family: "futura-pt";
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2em;
}

li span.rightnav-subhead {
	font-family: "museo-slab";
	font-weight: 500;
	font-style: italic;
	font-size: 14px;
	color: #a3a3a3;
}

.rightnav-text {
	display: none;
}

#goldblum {
	width: 600px;
	background: url('http://static.tumblr.com/l7s9tfb/0Pjm7ajwj/goldblum.gif') no-repeat center top;
	position: relative;
	height: 422px;
}
