* {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

body {
	font: 14px/20px Georgia, "Times New Roman", Times, serif;
	background: #ffeb75 url(../img/pagebg.gif) 0 0 repeat-y;
}

header, footer, nav, section, article { 
	 display:block; 
}



#paging {
	padding-left: 140px;
	margin: 60px 0;
	overflow: hidden;
}

#paging a {
	float: left;
	margin-right: 10px;
}

nav a:active img {
	position: relative;
	top: 1px;
}

#ftr a {
	color: #ffe75a;
}

#ftr {
	padding-left: 70px;
	padding-top: 33px;
}

footer section {
	width: 250px;
	float: left;
}

/* @group Header */

#about {
	width: 400px;
	padding-right: 20px;
	font-size: 21px;
	line-height: 27px;
}

#about p + p {
	text-indent: 0;
}

header {
	color: #aba7a0;
	height: 50px;
	float: left;
	width: 220px;
	font-size: 14px;
	line-height: 15px;
	margin: 0 10px 0 20px;
	_margin-left: 10px;
	padding-top: 250px;
}

header h2 a {
	display: block;
	width: 148px;
	height: 0;
	padding-top: 45px;
	line-height: 1em;
	background: url(../img/9bits.gif) 0 0 no-repeat;
	overflow: hidden;
	margin-bottom: 6px;
}

header a {
	color: #fff;
	text-decoration: none;
}

header a:hover {
	text-decoration: underline;
}

#search {
	position: absolute;
	top: 105px;
	left: 20px;
}

/* @end */

/* @group Ad */

#ad {
	margin-top: 60px;
}

#ad a {
	color: #aba7a0;
}

#ad a:hover {
	color: #fff;
	text-decoration: none;
}
#ad .fusiontext {
	display: block;
	margin: 4px 0;
	padding-right: 10px;
}
#ad .fusiontext a {
	color: #e5dfd6;
}
.poweredby {
	font-size: 11px;
}

/* @end */

#content {
	width: 640px;
	float: left;
	overflow: hidden;

}

#content article {
	padding-left: 140px;
	overflow: hidden;
	position: relative;
	margin-top: 105px;
}

a {
	color: #000;
}
article a {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-webkit-transition: all .15s ease-in-out;
}

article a:hover {
	text-decoration: underline;
	background-color: #ffe75a;
}

article footer a .date {
	display: block;
	color: #eee;
	-webkit-transition: all .15s ease-in-out;
	font-weight: bold;
}

article footer a:hover .date {
	color: #ffe75a;
}

a.retweet {
	display: block;
	margin: 10px 0;
}

a.retweet span {
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	padding: 3px;
	background-color: #ffeb75;
}

article footer {
	color: #eee;
	position: absolute;
	top: 0;
	
	left: 0;
	_left: -130px;
	width: 120px;
	padding-left: 10px;
	font: 12px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

article footer a {
	padding: 0;
	background-color: transparent;
	text-shadow: none;
	color: #666;
	font-weight: lighter;
}

article footer a:hover {
	background: none;
	text-decoration: none;
}

.sidelist {
	list-style-type: none;
	margin: 30px 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
}

.hint {
	color: #aba7a0;
}

/* @group Typography */

h1 {
	width: 420px;
	font-weight: normal;
	font-size: 29px;
	line-height: 30px;
}



p + p {
	text-indent: 1.5em;
}

.copy blockquote {
	padding-left: 1em;
	opacity: .8;
	border-left: 3px solid #ffe75a;
	margin: .5em 0 .5em 1.5em;
}

.copy ul {
	margin-left: 1.5em;
	list-style-type: square;
}

.copy h3 {
	font-size: 1em;
	font-weight: normal;
}

.copy ol {
	margin: 1em 1.5em;
	color: #555;
	
}

.copy ol li {
	margin-bottom: .6em;
}

/* @end */

/* @group Quote */

.quote blockquote {
	background: url(../img/dots.gif) 0 0 repeat-x;
	padding-top: 15px;
}

.quote .copy {
	background: url(../img/quotebottom.gif) 0 0 no-repeat;
	padding-top: 18px;
	margin-top: 6px;
}

.quote blockquote {
	width: 420px;
	text-shadow: #ffe75a 2px 2px 0;
}

.quote blockquote.short {
	font-size: 51px;
	line-height: 51px;
}

.quote blockquote.medium, .quote blockquote.long {
	font-size: 30px;
	line-height: 33px;
}


.quote .firstquote {
	display: none;
}

/* @end */

/* @group Video */
.primary {
	margin-bottom: 6px;
}
/* @end */

/* @group Link */

.link h1 {
	margin-top: 0;
}

.link h1 a {
	text-decoration: none;
	color: #000;

	letter-spacing: -1px;

	display: block;
	background: transparent;
	margin-left: -19px;
	padding-left: 14px;
	border-left: 5px solid #fff;
}

.link h1 a:hover {
	text-decoration: underline;
	border-color: #ffe75a;

}
.copy {
	padding-top: 6px;
	width: 420px;
}


/* @end */

/* @group Notes */

#notes {
	margin-left: 80px;
	width: 420px;
	border-top: 1px dotted #999;
	margin-top: 21px;
}

#notes li {
	padding: 3px 0;
	position: relative;
	border-bottom: 1px dotted #ccc;
	padding: 8px 40px 8px 20px;
}

#notes li a img {
	position: absolute;
	top: 8px;
	left: 0px;
}

#notes .note {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

#notes .action a {
	font-style: normal;
}

#notes ol {
	list-style-type: none;
}

#notes a {
	text-decoration: none;
}

.note {
	border-bottom: 1px dotted #999;
}

.note blockquote a {
	color: #999;
	padding: 0;
	background: transparent none;
	font-weight: normal;
	padding-right: 20px;
}

.note blockquote {
	padding-left: 6px;
	padding: 3px 6px 6px;
}

.answer_form_container {
	margin: 12px 0;
	text-indent: 0;
}

/* @end */


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.tags {
	padding-top: 20px;
}

.tags a {
	color: #999;
	font-size: 12px;
}