/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, 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, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font: normal 1em/1.1em Arial, Sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End reset */
@font-face {
    font-family: 'PlayBold';
    src: url('css/play-bold-webfont.eot');
    src: url('css/play-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/play-bold-webfont.woff') format('woff'),
         url('css/play-bold-webfont.ttf') format('truetype'),
         url('css/play-bold-webfont.svg#PlayBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Fonts */

html { background: #E8E8E0 url('images/bg.jpg') repeat top left; }
h1, h1 a, h2, h3, h4, h5, h6 {
	font-family: 'PlayBold', Arial;
	color: #505050;	/* Crazy ass blue */
}
h1 { font-size: 3em; line-height: 1.5em; }
h1 a { text-decoration: none; }
h2 { font-size: 1.2em; line-height: 1.2em; color: #333333; padding-bottom: 20px; }

h2.entry-title { color: #505050;	/* Crazy ass blue */ }
.blue, strong, a { color: #0897d2;/*  Blue */ /* color: #088479  Green sea*/}
.single-post #content h1,
h3 { font-size: 1.8em; line-height: 2em; }
strong { font-weight: bold; }
.column p,
#skills td,
li,
a,
small { font: normal 0.9em/1.2em Arial, sans-serif; margin: 0; padding: 0; }
p { padding: 10px 0; }
/* End fonts */

#global_outer {	
	margin: 0 auto;
	width: 1000px;
}
#global_inner {
	color: #505050;
	padding-top: 1em;	
}
.body { background: transparent url(images/stage_bg.png) repeat-x top left; width: 990px; padding-top: 10px; } 
.home .body { position: relative; }
.single-post .body { position: static; }

.single-post #content .body,
.single-post #content .meta { padding: 10px 50px; background: #fff; margin: 0 auto; width: 874px; }
 .single-post #content .meta{ margin: 10px auto; } 

/*Preload*/
#preloader {
    width: 220px;
    margin: 20px auto; 
}
#preloader div {
    padding-top: 40%;
    color: #fff;
    text-align: center;
}
/* Stage*/
#actor {
	background: transparent url(images/stage_content.jpg?cb=fdfsd) no-repeat top left;
	width: 970px;
	height: 400px;
	margin: 0 auto 0;
}
.tour { background: transparent url(images/arrowkeys.png) no-repeat top right; height: 45px; }

.case { position: absolute; top: 0; left: 0; }
.case h4, .case h5 { color: #fff; padding-bottom: 0.5em; }
.case p { font-size: 0.9em; padding-bottom: 0.9em; }
.case p, .case a { color: #000;}
.nav-next { float: right; }
#stage .bottom_center p { color: #cfcfcf; }
/* Preload state */
#stage #curtain { } /*switches to actor upon run*/
#stage .hidden { display: none;}

.column { float: left; width: 316px; }
.column p { padding-right: 20px; margin-bottom: 10px; }
.column .last { float: right; }

.body #services { padding: 0 10px 10px; }
.body #services .column .inner { padding-left: 10px; }
.body #services .inbetweener { margin: 0 10px;}
.body .column .inner { padding: 20px 50px; margin: 0; background: #fff; }

.disc { list-style: disc; list-style-type: disc; margin-left: 20px; }

/*skills*/
#skills { width: 100%; }
#skills td { padding: 2px; } 
#skills td.first { padding-right: 10px;}
.rating {
    width: 130px;
    display: block;
    vertical-align: middle;
    height: 11px;
    text-indent: -9999px;    
}
.score1 { background: #fff url(images/rating.jpg) no-repeat 0px -20px; }
.score2 { background: #fff url(images/rating.jpg) no-repeat 0px -30px; }
.score3 { background: #fff url(images/rating.jpg) no-repeat 0px -40px; }
.score4 { background: #fff url(images/rating.jpg) no-repeat 0px -50px; }
.score5 { background: #fff url(images/rating.jpg) no-repeat 0px -60px; }
.score6 { background: #fff url(images/rating.jpg) no-repeat 0px -70px; }
.score7 { background: #fff url(images/rating.jpg) no-repeat 0px -80px; }
.score8 { background: #fff url(images/rating.jpg) no-repeat 0px -100px; }
.score9 { background: #fff url(images/rating.jpg) no-repeat 0px -110px; }
.score10 { background: #fff url(images/rating.jpg) no-repeat 0px -120px; }
li { margin: 5px 0; }
#footer {			
	font-size: 0.8em;
	line-height: 2em;
	padding: 40px 20px;
    background: #ddd;
    margin: 2.5em 0;
}
#footer ul { float: right; }
#footer p, #footer a {

}
#footer li { float: left; }
code {
    
    font: normal 0.8em/1em monospace;
}