/*
	Stylesheet for <Netlash.com>
	@copyright	Netlash <http://www.netlash.com>
	@author	name <johan@netlash.com>
*/
 
/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address{ margin: 0; padding: 0; }
html, body { height: 100%; width: 100%; }
ol, ul { list-style:none; }
img, a img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Font face declarations
*/

@font-face {
	font-family: "Museo Light";
	src: local("Museo Light"), url(http://www.planetgadget.be/fonts/Museo500-Regular.otf);
}

@font-face {
	font-family: "Museo Regular";
	src: local("Museo Regular"), url(http://www.planetgadget.be/fonts/Museo500-Regular.otf);
}

@font-face {
	font-family: "Museo Bold";
	src: local("Museo Bold"), url(http://www.planetgadget.be/fonts/Museo700-Regular.otf);
}

/*
	Text styles
*/

body {
	background: #151718;
	font-size: 13px;
	line-height: 1.53;
	color: #333;
	font-family: Arial, sans-serif;
}
	
	.colorInverse {
		color: #CDCDCD;
	}

h1, h2, h3, h4 {
	line-height: 1.2;
	color: #000;
}

	.colorInverse h1,
	.colorInverse h2,
	.colorInverse h3,
	.colorInverse h4 {
		color: #FFF;
	}

	h1  {
		font-family: "Museo Regular", "Lucida Fax", Helvetica, "Trebuchet MS", Arial, sans-serif;
		font-size: 36px;
		padding: 0;
	}

	#container h1 a {
		border: none;
		color: #FFF;
	}

	h2  {
		font-family: "Museo Regular", "Lucida Fax", Helvetica, "Trebuchet MS", Arial, sans-serif;
		font-size: 24px;
		padding: 12px 0 12px;
	}
	
		/* Article title styles */
		.article h2 { padding-bottom: 3px;}
		.article h2 a:link, .article h2 a:visited { border: none; }
		
		/* Image classes */
		img.alignLeft, img.left { float: left; padding-right: 12px; }
		/* No image right for this site, it most often looks like sh** */
	
h3 {
	font-size: 15px;
	padding: 0 0 9px;
}

h4 {
	padding: 9px 0 5px;
	font-size: 13px;
}

p {
	padding: 0 0 17px;
}

	.content p {
		padding: 0 0 9px;
	}
	
	.content p.intro {
		font-size: 15px;
		color: #000;
		padding: 0 0 17px;
	}
	
	.author {
		color: #666;
	}

	p.secondaryContent {
		padding: 0 0 8px;
	}
	
		.secondaryContent, small { font-family: "Lucida Grande", Verdana, sans-serif; font-size: 11px; }
		.secondaryContent em, small em { font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif; }
	
	p.clickthrough,
	p.readmore {
		text-align: right;
	}

	strong {
		color: #000;
	}
		.colorInverse strong { color: #FFF; }
		a strong { color: inherit; }

.date {
	font-size: 11px;
	width: 80px;
	padding: 10px 0 0 0;
	margin-left: -80px;
	float: left;
}

.date b {
	display: block;
	border-bottom: 1px solid silver;
	width: 20px;
	text-align: center;
	padding: 5px 0 5px 40px;
}

.article {
	width: 425px;
	border-bottom: 1px solid silver;
	padding: 0 0 25px;
	margin: 0 0 12px;
	clear: both;
}

ul.meta {
	text-align: right;
	padding-top: 14px;
}

ul.meta li {
	display: inline;
	margin-right: 10px;
}

	ul.meta li span {
		font-size: 75%;
	}

table.datagrid {
	margin: 0 0 12px;
}

table.datagrid tr.rowOdd td {
	background: #FCFCFC;
}

table.datagrid th {
	border-bottom: 1px solid #DDD;
	padding: 5px 10px;
	white-space: nowrap;
}

table.datagrid td.date,
table.datagrid td.comments {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666;
}

table.datagrid td {
	padding: 5px 10px;
	border-bottom: 1px solid #EEE;
}

table.datagrid td:last-child,
table.datagrid td.comments {
	border-right: none;
}

table.datagrid td:first-child,
table.datagrid td.date,
table.datagrid th:first-child,
table.datagrid th.date {
	padding-left: 0;
}

/*
	Links
*/

a { text-decoration: none; }
a:link { color: #8171bc; border-bottom: 1px solid #a8a8cb;}
a:visited { color: #8171bc; border-bottom: 1px solid #c8c1e2; }
a:hover { color: #6e6ed5; border-bottom: 1px solid #bfbfed; }
a:active { color: #000; border-bottom: 1px solid #000; }
.noUnderlines a { border-bottom: none !important; }

.colorInverse a:link { color: #a8acad; text-decoration: none; border-bottom: 1px solid #DDD; }
.colorInverse a:visited { color: #EEE; text-decoration: none; border-bottom: 1px solid #AAA; }
.colorInverse a:hover, .color-inverse a:active { color: #FFF; text-decoration: none; border-bottom: 1px solid #FFF; }

.swapUnderlines a:link,
.swapUnderlines a:visited { border-bottom: none; }

.swapUnderlines a:hover,
.swapUnderlines a:active { border-bottom: 1px solid #F00; }

/*
	Structure
*/

#container, #footer {
	width: 880px;
	margin: 0 auto;
}

/* Standard 2 column division */
.col { float: left; }
.colLeft { width: 588px; }
.colRight { width: 292px; }

/*
	Form styles
*/

label {
	font-size: 11px;
	font-weight: 700;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

input {
	border: 1px solid #BBB;
	border-color: #CDCDCD #BABABA #BABABA #CDCDCD;

	/* @inc .rc */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	background: #FCFCFC;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px; padding: 2px 1px;
}

textarea { 
	width: 254px;
	padding: 4px;
	height: 170px;
	border: 1px solid #BBB;
	background: #FCFCFC;

	/* @inc .rc */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}

input:focus, textarea:focus {
	border-color: #999; background: #FFF;
}

/*
	Forms
*/

input, textarea, select, button { 
	font-family: Arial, sans-serif;
	font-size: 13px;
}

/*
	Submit button
*/

a.button, a.comment-link {
	background: url(http://www.planetgadget.be/Images/buttonbg.png) repeat-x;

	/* @inc .rc */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	padding: 1px 4px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color: #CDCDCD #BABABA #BABABA #CDCDCD;
	text-align: center;
	_letter-spacing: -0.05em;
}

	#secondaryContent a.button {
		border-color: #fff;
		font-weight: 700;
		padding: 3px 24px 3px 12px;
		background: url(http://www.planetgadget.be/Images/rss.png) no-repeat top right;
	}

/*
	Print logo
*/

#printLogo {
	display: none;
}

/*
	General purpose classes
*/
.hidden { display: none; }
.mute { color: #666; }
.left { float: left; }
.right { float: right; }
.nopad { padding: 0; }
.pad { padding: 12px; }
.noborder { border: none !important; }
.last { margin: 0 !important; padding: 0 !important;}
.marked { background: #FFA; }

/* 
	The Legendary Clearfix
*/

.clearfix:after, .cols:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header {
	background: #DE0E00 url(http://www.planetgadget.be/Images/eightball.png) no-repeat 17px 13px;
	padding: 20px 0 0 80px;
	height: 60px;
}

#secondaryContent {
	background: #3E464A url(http://www.planetgadget.be/Images/seccontent.png) repeat-y;
}

	#secondaryContent h3 {
		font-family: "Museo Light", "Lucida Fax", "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 18px;
		padding: 12px 20px;
	}
	
	#secondaryContent #widgets {
		border-left: 1px solid #CDCDCD;
	}
	#secondaryContent #widgets .section {
		padding: 0 0 0 42px;
		background: #363C3F url(http://www.planetgadget.be/Images/section.png) repeat-y -1px 0;
		margin: 0 0 20px;
		border-top: 1px solid #CCC;
		border-color: rgba(0,0,0,0.2);
		border-bottom: 1px solid #CCC;
		border-color: rgba(0,0,0,0.2);
	}
	#secondaryContent #widgets .first {
		background: #2B2F31 url(http://www.planetgadget.be/Images/ots.png) no-repeat -1px 0;
	}

	#secondaryContent #widgets .sectionLast {
		margin: 0;
	}
	
	.section h3 {
		padding-left: 20px;
	}
	
	#secondaryContent ul {
		padding: 0 0 20px 20px;
	}
	
	#secondaryContent ul li a {
		border: none;
	}

#content {
	padding: 20px 0 40px 80px;
	background: white;
}
	
	#content .article:last-child {
		border: none;
	}

#rssSubscription {
	border-left: 1px solid #212527;
	height: 50px;
	padding: 30px 0 0 0;
	background: #30373A;
	text-align: center;
}

.cols {
	background: #FFF;
}

#footer {
	background: #556268;
	color: #EEE;
}

#footer p {
	padding: 20px 80px;
}

.colLeft .topSection  {
	background: #DDD;
	padding: 0 20px 0 80px;
	height: 40px;
}

.colRight .topSection {
	padding: 0 20px 0 42px;
	background: #3e464a;
	border-left: 1px solid #666;
	color: #FFF;
	height: 40px;
}

#skyscraper {
	padding: 12px 20px;
}

.content #googleblock {
	float: left;
	margin: 0 12px 6px 0;
}

#ads #googlebar {
	padding-top: 12px;
}

a[onblur] { border: none !important; }

embed, object {
	max-width: 425px;
}