/* Imports */
@import url("reset.css");
@import url("global-forms.css");


@font-face{font-family:'OFLSortsMillGoudyTTRegular';src:url('../fonts/OFLGoudyStMTT.eot');src:local('OFL Sorts Mill Goudy TT'),local('OFLGoudyStMTT'),url('../fonts/OFLGoudyStMTT.woff') format('woff'),url('../fonts/OFLGoudyStMTT.ttf') format('truetype'),url('../fonts/OFLGoudyStMTT.svg#OFLGoudyStMTT') format('svg')}@font-face{font-family:'ProcionoRegular';src:url('../fonts/Prociono-Regular.eot');src:local('Prociono'),local('Prociono-Regular'),url('../fonts/Prociono-Regular.woff') format('woff'),url('../fonts/Prociono-Regular.ttf') format('truetype'),url('../fonts/Prociono-Regular.svg#Prociono-Regular') format('svg')}
body{
	color:#999;
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:2;
	margin:0 auto;
	padding:0;
	text-align:left;
	width: 800px;
	background-color: #1a1a1a;
	background-image: url(../images/thread-01.png);
	background-repeat: repeat-y;
	background-position: -90px;
}
h1{font-size:3em}
h2{font-size:3em}
h3{font-size:2.5em}
h4{font-size:2em}
h5{font-size:1.5em}
h6{font-size:1em}
h1,h2,h3,h4,h5,h6{
	font-family:'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	font-weight:normal;
	line-height:1;
	margin-bottom:16px
}
h3{padding-top:8px}
a{outline:0}
a img{border:0px;text-decoration:none}
a:link,a:visited{
	color:#666666;
	padding:0 0px;
	text-decoration:none
}
a:hover,a:active,a:focus{
	background:#333;
	color: #CCCCCC;
}
a:active{position:relative;top:1px
}
p{margin-bottom:1em
}
strong,b{font-weight:bold
}
em,i{font-style:italic
}
ul{list-style:outside disc;margin:0 0 2em 2.25em
}
ol{list-style:outside decimal;margin:0 0 2em 2.5em
}
dl{margin:0 0 2em 0
}
dt{font-weight:bold
}
dd{margin-left:2.5em
}
blockquote{font-style:italic
}
cite{}
q{}
acronym{border-bottom:1px dotted #ccc;cursor:help}
a acronym{cursor:pointer}
table{margin:.5em auto 1.5em auto;width:100%}
thead th{padding:.5em .4em;text-align:left}
thead td{}
tbody td{padding:.5em .4em}
tbody th{}tbody .alt td{}
tbody .alt th{}tfoot th{}tfoot td{}
hgroup,header,section,footer,aside,nav,article,figure,figcaption{
	display:block
}
header[role='banner']:after,div[role='main']:after,#slider:after,#error-404 fieldset:after,ol.posts:after,footer[role='contentinfo']:after{clear:both;content:".";display:block;height:0;visibility:hidden}
footer[role='contentinfo']{background:#1a1a1a;color:#DFDFDF;font-size:0.875em;line-height:1.429em;padding-top:60px;width:100%}
footer[role='contentinfo'] .vcard{margin:0 auto;overflow:hidden;padding:2em 0 8px 0;position:relative;width:896px}
footer[role='contentinfo'] .close{background:#333;border:1px solid #444;border-bottom:1px solid #494949;border-top:1px solid #595959;color:#777;cursor:pointer;font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;right:-1px;line-height:1;padding:1px 5px 4px 6px;position:absolute;text-shadow:-1px -1px 0 rgb(0,0,0);text-shadow:-1px -1px 0 rgba(0,0,0,.9);top:10px;border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px}
footer[role='contentinfo'] .close:hover{background:#444;color:#ddd}
footer[role='contentinfo'] .close:active{top:11px}
footer[role='contentinfo'] h1{display:none}
footer[role='contentinfo'] h2{border-top:1px dotted #333;clear:both;font-size:1.714em;padding:1em 0 0 0}
footer[role='contentinfo'] h2 a:link,footer[role='contentinfo'] 
h2 a:visited{background:url('../images/icons/ico-vcard.png') no-repeat center left;float:right;font-size:0.55em;margin-left:2em;padding-left:25px;text-decoration:underline}
footer[role='contentinfo'] h2 a:hover,footer[role='contentinfo'] h2 a:active{color:#A5D8A5}
footer[role='contentinfo'] hgroup h2{border:0;clear:none;padding-bottom:0;padding-top:0}
footer[role='contentinfo'] h3{color:#A5D8A5;font-family:'ProcionoRegular',Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;font-size:1em;margin:0 0 0.438em 0}
footer[role='contentinfo'] ul{list-style:none;margin:0 4em 2em 0}
footer[role='contentinfo'] ul li{overflow:hidden;margin-bottom:.5em;width:100%}footer[role='contentinfo'] acronym{border-color:#555}
footer[role='contentinfo'] .details a:link,footer[role='contentinfo'] .details a:visited{background:none;padding:0;text-decoration:underline}
footer[role='contentinfo'] .details a:hover,footer[role='contentinfo'] .details a:active,footer[role='contentinfo'] .details a:focus{color:#A5D8A5}
footer[role='contentinfo'] .details{float:left;width:280px}footer[role='contentinfo'] .details strong{color:#A5D8A5;display:block;float:left;font-weight:normal;width:100px}
footer[role='contentinfo'] .details span,footer[role='contentinfo'] .details abbr.bday{display:block;float:right;width:170px}footer[role='contentinfo'] figure{float:right;text-align:center;width:167px}footer[role='contentinfo'] figure img{border:3px solid #252525}footer[role='contentinfo'] figcaption{color:#9E9E9E;font-size:0.786em;font-style:italic;line-height:1.091}footer[role='contentinfo'] .col{float:left;width:25%}footer[role='contentinfo'] .col.msg{width:30%}footer[role='contentinfo'] .col.games{width:20%}footer[role='contentinfo'] .col a:link,footer[role='contentinfo'] .col a:visited,footer[role='contentinfo'] .col span{background-color:transparent;background-repeat:no-repeat;background-position:center left;color:#DFDFDF;padding:0 0 0 25px;text-decoration:underline}footer[role='contentinfo'] .col a:hover,footer[role='contentinfo'] .col a:active{color:#A5D8A5;text-decoration:underline}footer[role='contentinfo'] .col span{text-decoration:none}footer[role='contentinfo'] a[href*='delicious.com']{background-image:url('../images/icons/delicious.png')}footer[role='contentinfo'] a[href*='digg.com']{background-image:url('../images/icons/digg.png')}footer[role='contentinfo'] a[href*='facebook.com']{background-image:url('../images/icons/facebook.png')}footer[role='contentinfo'] a[href*='lastfm.es'],.social a[href*='lastfm.']{background-image:url('../images/icons/lastfm.png')}footer[role='contentinfo'] a[href*='/feed/']{background-image:url('../images/icons/rss.png')}footer[role='contentinfo'] a[href*='twitter.com']{background-image:url('../images/icons/twitter.png')}footer[role='contentinfo'] a[href*='mailto:']{background-image:url('../images/icons/gmail.png')}footer[role='contentinfo'] a[href*='skype:']{background-image:url('../images/icons/skype.png')}footer[role='contentinfo'] a[href*='aim:']{background-image:url('../images/icons/aim.png')}footer[role='contentinfo'] .gtalk{background-image:url('../images/icons/google.png')}footer[role='contentinfo'] .psn{background-image:url('../images/icons/psn.png')}footer[role='contentinfo'] .xbox{background-image:url('../images/icons/xbox.png')}		

/*
	Header
*****************/
#banner {
	margin: 0 auto;
	padding: 2.5em 0 0 0;
}

/* 
Banner */
#banner h1 {
	font-size: 3.571em;
	line-height: .65;
}
#banner h1 a:link, #banner h1 a:visited {
	color: #666666;
	display: block;
	font-weight: bold;
	margin: 0 0 0.6em 1.4em;
	text-decoration: none;
	width: 500px;
	padding-top: 5px;
	padding-bottom: 14px;
}
#banner h1 a:hover, #banner h1 a:active {
	background: none;
	color: #B20022;
	text-shadow: none;
}

#banner h1 strong {font-size: 0.36em; font-weight: normal;}
/* Main Nav */
#banner nav {
	background: #000305;
	font-size: 1.143em;
	height: 40px;
	line-height: 30px;
	margin: 0 auto 2em 80px;
	padding: 0;
	text-align: center;
	width: 720px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
}

#banner nav ul {list-style: none; margin: 0 auto; width: 800px;}
#banner nav li {float: left; display: inline; margin: 0;}

#banner nav a:link, #banner nav a:visited {
	color: #fff;
	display: inline-block;
	height: 30px;
	padding: 5px 1.5em;
	text-decoration: none;
}
#banner nav a:hover, #banner nav a:active,
#banner nav .active a:link, #banner nav .active a:visited {
	color: #fff;
	text-shadow: none !important;
	background-color: #B20022;
}

#banner nav li:first-child a {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
/*
	Featured
*****************/
.center640 {
	display: block;
	width: 640px;
	margin-left: 60px;
}
#featuredvideo {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 760px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
}

#featured {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 760px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
}

#featured figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 150px;
	text-align: center;
}
#featured figure img {
	display: block;
	float: right;
}

#featured h2, #featuredvideo h2 {color: #C74451; font-size: 1.714em; margin-bottom: 0.333em;}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}

#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #fff;}
#featured figure {display: inline;
} /* Double margin fix */

/*
	Body
*****************/
#content {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 760px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}

	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}

	tbody .alt td {}
	tbody .alt th {}

	/* Tfoot */
	tfoot th {}
	tfoot td {}
/*
/*
	Extras
*****************/
#extras {margin: 0 auto 3em auto; overflow: hidden;}

#extras ul {list-style: none; margin: 0;}
#extras li {border-bottom: 1px solid #fff;}
#extras h2 {
	color: #C74350;
	font-size: 1.429em;
	margin-bottom: .25em;
	padding: 0 3px;
}

#extras a:link, #extras a:visited {
	color: #444;
	display: block;
	border-bottom: 1px solid #F4E3E3;
	text-decoration: none;
	padding: .3em .25em;
}

	/* Blogroll */
	#extras .blogroll {
		float: left;
		width: 615px;
	}

	#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}

	/* Social */
	#extras .social {
		float: right;
		width: 175px;
	}
#extras li:last-child, /* last <li>*/
#extras li:last-child a /* <a> of last <li> */
{border: 0}

#extras .blogroll li:nth-last-child(2),
#extras .blogroll li:nth-last-child(3),
#extras .blogroll li:nth-last-child(2) a,
#extras .blogroll li:nth-last-child(3) a {border: 0;}
#extras div[class='social'] a {
	background-repeat: no-repeat;
	background-position: 3px 6px;
	padding-left: 25px;
}
/* Start button effects */

/* Tuturial button*/

.button {
	float: left;
	display:block;
	height: 64px;
	width: 340px;
	background-position:0 0;
	cursor: pointer;
	background-image:url(../images/button-pdf.png);
	background-repeat: no-repeat;

}	

.button span.hover {
	position: absolute;
	display: block;
	height: 64px;
	width: 340px;
	background-image:url(../images/button-pdf.png);
	background-position: bottom;
}

/* Tutorial button with jQuery */
.otherbutton {
	float: right;
	display:block;
	height: 64px;
	width: 340px;
	background-position:0 0;
	cursor: pointer;
	background-image: url(../images/button-movie.png);
	background-repeat: no-repeat;

}	

.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 64px;
	width: 340px;
	background-image:url(../images/button-movie.png);
	background-position: bottom;
}


/* Bonus buttons */
.downloadbutton {
	float: left;
	width:107px;
	height:38px;
	display:block;
	background-image:url(../images/button-pdf.png);
	background-position: top right;
}
.downloadbutton span.hover{
	position: absolute;
	display: block;
	width:107px;
	height:38px;
	background-position: right bottom;
	background-image:url(../images/button-pdf.png);
}
.homebutton {
	float: left;
	width:120px;
	height:38px;
	display:block;
	background-image:url(images/twobuttons.png);
	background-position: top left;
}
.homebutton span.hover{
	position: absolute;
	display: block;
	width:120px;
	height:38px;
	background-position: bottom left;
	background-image:url(images/twobuttons.png);
}
#index #featured article .twitvid-player {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}