/*
	960 Grid System
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Reset
------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }


/* `Basic HTML
------------------------------------*/
body {
	background: #EEE url("../img/bg.png") repeat;
	color: #33373B;
	font: 13px/1.5 Georgia, serif;
	padding: 40px 0 10px 0;
}

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../tools/bebas-neue/BebasNeue-webfont.eot');
	src: local('☺'), url('../tools/bebas-neue/BebasNeue-webfont.woff') format('woff'), url('../tools/bebas-neue/BebasNeue-webfont.ttf') format('truetype'), url('../tools/bebas-neue/BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	border-bottom: 1px dotted #C3C7CB;
	color: #6A737B;
	font-style: italic;
	text-decoration: none;
}

a:hover { border-bottom: 1px solid #33373B; }
a:focus { outline: 1px dotted; }

hr {
	border: 0 dotted #CCC;
	border-top-width: 1px;
	clear: both;
	height: 0;
}


/* `Headings
------------------------------------*/
h1, h2 { font-family: 'BebasNeueRegular', Arial, sans-serif; line-height: 1; }

h1, h2, h3 { font-weight: normal; }

h1 {
	color: #6A737B;
	font-size: 60px;
	margin-top: 18px;
}

h2 { color: #838C95; font-size: 30px; }

h3 { font-size: 18px; margin-bottom: 12px; }

h3, p.intro { text-shadow: 0 -1px 0 rgba(255,255,255,0.9); }

p.intro { font-size: 23px; line-height: 30px; }

p { overflow: hidden; }


/* `Spacing
------------------------------------*/
ol { list-style: decimal; }
ul { list-style: none;    }
li {
	background: url("../img/anchor.png") no-repeat 0 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 25px;
}

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}


/* `Containers
------------------------------------*/
.container {
/*	background: #FFF url(../img/12_col.gif) repeat-y;*/
	margin: 0 auto;
	width: 960px;
}


/* `Grid >> Global
------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,
.grid_5,.grid_6,.grid_7,.grid_8,
.grid_9,.grid_10,.grid_11,.grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}


/* `Children
------------------------------------*/
.alpha { margin-left: 0;  }
.omega { margin-right: 0; }


/* `Grid
------------------------------------*/
.grid_1  { width: 60px;  }
.grid_2  { width: 140px; }
.grid_3  { width: 220px; }
.grid_4  { width: 300px; }
.grid_5  { width: 380px; }
.grid_6  { width: 460px; }
.grid_7  { width: 540px; }
.grid_8  { width: 620px; }
.grid_9  { width: 700px; }
.grid_10 { width: 780px; }
.grid_11 { width: 860px; }
.grid_12 { width: 940px; }


/* `Prefix
------------------------------------*/
.prefix_1  { padding-left: 80px;  }
.prefix_2  { padding-left: 160px; }
.prefix_3  { padding-left: 240px; }
.prefix_4  { padding-left: 320px; }
.prefix_5  { padding-left: 400px; }
.prefix_6  { padding-left: 480px; }
.prefix_7  { padding-left: 560px; }
.prefix_8  { padding-left: 640px; }
.prefix_9  { padding-left: 720px; }
.prefix_10 { padding-left: 800px; }
.prefix_11 { padding-left: 880px; }


/* `Suffix
------------------------------------*/
.suffix_1  { padding-right: 80px;  }
.suffix_2  { padding-right: 160px; }
.suffix_3  { padding-right: 240px; }
.suffix_4  { padding-right: 320px; }
.suffix_5  { padding-right: 400px; }
.suffix_6  { padding-right: 480px; }
.suffix_7  { padding-right: 560px; }
.suffix_8  { padding-right: 640px; }
.suffix_9  { padding-right: 720px; }
.suffix_10 { padding-right: 800px; }
.suffix_11 { padding-right: 880px; }


/* `Push
------------------------------------*/
.push_1  { left: 80px;  }
.push_2  { left: 160px; }
.push_3  { left: 240px; }
.push_4  { left: 320px; }
.push_5  { left: 400px; }
.push_6  { left: 480px; }
.push_7  { left: 560px; }
.push_8  { left: 640px; }
.push_9  { left: 720px; }
.push_10 { left: 800px; }
.push_11 { left: 880px; }


/* `Pull
------------------------------------*/
.pull_1  { left: -80px;  }
.pull_2  { left: -160px; }
.pull_3  { left: -240px; }
.pull_4  { left: -320px; }
.pull_5  { left: -400px; }
.pull_6  { left: -480px; }
.pull_7  { left: -560px; }
.pull_8  { left: -640px; }
.pull_9  { left: -720px; }
.pull_10 { left: -800px; }
.pull_11 { left: -880px; }


/* `Clear
------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }


/* `Header
------------------------------------*/
header {
	background: url("../img/header.png") no-repeat 0 0;
	height: 116px;
	margin-bottom: 45px;
}


/* `Section
------------------------------------*/
.container div:first-of-type section:first-of-type {
	border-bottom: 1px dotted #C3C7CB;
	margin-bottom: 35px;
	padding-bottom: 20px;
}


/* `Simple List for SimplePie
------------------------------------*/
.simple_list {
	list-style: none;
}
.simple_list li {
	background: none;
	font-size: 12px;
	margin-bottom: 12px;
	margin-left: 0;
	padding-left: 0;
	word-wrap: break-word;
}

.simple_date {
	display: block;
	font-size: 10px;
	margin-top: 1px;
}
.simple_date a { color: #969da4; }


/* `Footer
------------------------------------*/
footer {
	background: rgba(255,255,255,0.2) url("../img/sun.png") no-repeat 50% 50%;
	border-top: 1px dotted #C3C7CB;
	margin-top: 50px;
	padding: 20px 0;
	text-align: center;
}

footer p {
	color: #969da4;
	font-size: 11px;
	line-height: 2;
	margin-bottom: 0;
}

/* `Ads
------------------------------------*/
#ads { font-size: 12px; }
#ads img {
	background-color: #FFF;
	padding: 5px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#ads a:hover img { -webkit-transform: rotate(-0.5deg);}