/*HTML 5
*********************************************************/

article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time, video{
	display:block;
	}

/*Global Reset
*********************************************************/

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, font, 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, audio, canvas, details, figcaption, 
figure, footer, header, hgroup, mark, meter, nav, 
output, progress, section, summary, time, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	vertical-align:baseline;
	background:transparent;
	border:none;
	}
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;
	}
input[type=hidden]{
	visibility:hidden;
	}
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}

/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */

/*Typography
*********************************************************/

* { -webkit-font-smoothing: antialiased; }
html, body, p { text-rendering: optimizeLegibility; }

/*Text Selection Styles
*********************************************************/

::selection{
	background-color:#ff3366;
	color:#fff;
	text-shadow:none !important;
	}
::-moz-selection{
	background-color:#ff3366;
	color:#fff;
	text-shadow:none !important;
	}

/*Body Styles
*********************************************************/

body{
	border-top:6px solid #ff3366;
	font:85%/150% "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	}
	
/*Container Styles
*********************************************************/

.container{
	width:978px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	}
	.container:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
		}
		
/*Font Face Styles
*********************************************************/
		
@font-face {
    font-family:'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BebasNeue-webfont.woff') format('woff'),
    url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
    url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight:normal;
    font-style:normal;
	}

/*Header Styles
*********************************************************/

header div.container{
	padding:20px 0;
	}
	a#logo{
		float:left;
		width:280px;
		height:80px;
		overflow:hidden;
		display:block;
		cursor:pointer;
		text-indent:100%;
		white-space:nowrap;
		background:#fff url('../img/logo.png') no-repeat 0 0;
		}
		a#logo:hover{
			background:#fff url('../img/logo.png') no-repeat -280px 0;
			}
	nav#items{
		float:right;
		margin-top:8px;
		}
		nav#items li{
			float:left;
			margin-left:10px;
			width:118px;
			}
			nav#items li a{
				background:#ff3366;
				padding:8px;
				color:#fff;
				font-weight:bold;
				text-decoration:none;
				display:block;
				border-radius:5px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				text-transform:uppercase;
				line-height:1em;
				}
				nav#items li a:hover,nav#items li a.active{
					background:#101010;
					}
				nav#items li a span{
					display:block;
					margin-top:5px;
					font-size:.9em !important;
					line-height:1.3em;
					text-transform:none !important;
					}
	#main-nav{
		width:100%;
		border-bottom:3px solid #101010;
		height:50px;
		background:#202020 url('../img/bg-nav.png') repeat-x 0 0;
		}
		nav#secondary{
			margin:0 auto;
			width:978px;
			}
			nav#secondary li{
				float:left;
				margin-right:20px;
				text-transform:uppercase;
				font-size:.95em;
				line-height:53px;
				}
				nav#secondary li a{
					color:#ddd;
					text-decoration:none;
					padding:10px 10px !important;
					font-weight:bold;
					}
					nav#secondary li a:hover,nav#secondary li a.active{
						background-color:#111;
						border-radius:5px;
						-webkit-border-radius:5px;
						-moz-border-radius:5px;
						box-shadow:0 1px 1px rgba(255,255,255,0.1);
						}
						nav#secondary li a:hover{
							color:#ff3366;
							}
							nav#secondary li a.active{
								color:#fff;
								}
/*Home Page Styles
*********************************************************/
					
section#masthead{
	clear:both;
	width:100%;
	background:#f2f2f2 url('../img/stucco.png') repeat 0 0;
	border-bottom:1px solid #d0d0d0;
	position:relative;
	height:285px;
	}
	section#masthead .container{
		background:transparent url('../img/bg-home-panel-v2.png') no-repeat right 0;
		}
	section#masthead:after{
		content:"";
		width:100%;
		position:absolute;
		top:0;
		background-color:transparent;
		-moz-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.2);
		-webkit-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.2);
		box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.2);
		height:285px;
		}
	section#masthead #intro{
		width:480px;
		padding:57px 0;
		}
		#masthead h1{
			font-size:4.4em;
			font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			text-transform:uppercase !important;
			line-height:1em;
			font-weight:normal !important;
			letter-spacing:1px;
			margin-bottom:0;
			text-shadow:0 1px 1px #fff;
			}
		#masthead h2{
			font-size:1.4em;
			margin-bottom:0;
			line-height:1.5em;
			text-shadow:0 1px 1px #fff;
			}
			
/*Content Styles
*********************************************************/

blockquote{
	margin:50px 12%;
	border-left:4px solid #ddd;
	padding-left:24px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.1em;
	}
	blockquote p{
		line-height:1.6em !important;
		}
p.emphasis{
	font-weight:bold;
	color:#101010 !important;
	font-size:1em !important;
	}
div#content ul,#articlecontent ul{
	font-size:.95em;
	}
	ul#sitemap{
		margin-top:30px;
		}
	div#content li,#articlecontent li{
		color:#444;
		margin-bottom:30px;
		padding-left:30px;
		background:transparent url('../img/bullet-standard.gif') no-repeat 0 3px;
		}
		ul#sitemap li{
			margin-bottom:10px;
			}
div.alignleft{
	float:left;
	margin:8px 30px 20px 0 !important;
	padding:0 !important;
	}
	div.wp-caption{
		overflow:hidden;
		padding:0 !important;
		width:auto !important;
		height:auto !important;
		border:3px solid #101010;
		position:relative;
		margin-bottom:30px;
		}	
		.wp-caption-text{
			position:absolute;
			bottom:0;
			background-color:#101010;
			color:#eee !important;
			font-weight:bold !important;
			margin:0 !important;
			text-align:center;
			width:100% !important;
			margin:0 !important;
			padding:5px 0 3px 0 !important;
			font-size:.95em !important;
			}	
			p.wp-caption-text:first-letter{
				font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important;
				font-size:1em !important;
				padding:0 !important;
				float:none !important;
				}
			div.wp-caption img{
				border:none !important;
				margin:0 !important;
				}

/*Sidebar Styles
*********************************************************/

aside#sidebar{
	position:relative;
	float:right;
	width:300px;
	padding-top:30px;
	}
	#sidebar-fixed{
		position:fixed;
		top:215px;
		width:300px;
		}
		#sidebar-fixed.admin{
			top:240px !important;
			}
	#sidebar div.widget-score{
		margin-bottom:3px;
		background-color:#000;
		padding:10px !important;
		color:#eee;
		}
		div.widget-score h2{
			float:left;
			margin-bottom:0 !important;
			}
			div.widget-score h2 i{
				color:#b0b0b0;
				font-size:65% !important;
				}
		div.widget-score p{
			float:left;
			margin-left:20px;	
			font-size:2.2em;
			font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			line-height:1em;
			color:#b0b0b0;
			}
	div.widget-score-summary{
		font-weight:bold;
		padding:5px 10px !important;
		margin-bottom:30px !important;
		background-color:#000;
		color:#b0b0b0;
		}
		div.widget-score-summary p strong{
			text-transform:uppercase;
			color:#eee;
			}
	#sidebar div.widget{
		padding:10px;
		background-color:#f4f4f4;
		display:block;
		border:1px solid #d7d7d7;
		margin-bottom:30px;
		text-shadow:0 1px 1px #fff;
		}
		#sidebar h2{
			font-size:2.2em;
			font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			text-transform:uppercase;
			margin-bottom:10px;
			font-weight:normal !important;
			line-height:1em;
			}
			#sidebar h2 i{
				font-size:70%;
				padding-right:10px;
				}
				div.widget h2 i{
					color:#999;
					}
	ul#sociallinks li{
		margin-bottom:5px;
		background:#f4f4f4 !important;
		border:1px solid #d7d7d7;
		text-shadow:0 1px 1px #fff;
		}
		ul#sociallinks li a,ul#sociallinks li.facebook-like,ul#sociallinks li.google-plus{
			display:block;
			color:#101010;
			text-decoration:none;
			padding:10px;
			font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			font-size:1.6em;
			background-color:transparent;
			}
			ul#sociallinks li a:hover{
				background-color:#fff !important;
				}
				ul#sociallinks li.facebook-like:hover,ul#sociallinks li.google-plus:hover{
					background-image:none !important;
					background-color:#fff !important;
					}
			ul#sociallinks li.facebook-like,ul#sociallinks li.google-plus{
				padding:10px 10px 0 10px;
				line-height:30px;
				}
			ul#sociallinks li a i{
				color:#999;
				font-size:75%;
				padding-right:10px;
				float:left;
				margin-top:2px;
				}
				ul#sociallinks li.link-twitter a i,ul#sociallinks li.link-facebook a i{
					font-size:85% !important;
					}	
	aside p.title{
		margin-bottom:20px !important;
		}		
	
/*Footer Styles
*********************************************************/

#footer-main{
	clear:both;
	margin-top:50px;
	width:100%;
	background:#202020 url('../img/bg-footer.png') repeat 0 0;
	padding:40px 0 25px 0;
	border-bottom:8px solid #101010;
	}
	#footer-col1{
		float:left;
		width:220px;
		margin-right:60px;
		}
	#footer-col2,#footer-col3{
		float:left;
		width:110px;
		margin-right:20px;
		padding-left:30px;
		background:transparent url('../img/divider-footer.png') repeat-y 0 0;
		min-height:150px;
		}
	#footer-main h5{
		font-size:1.5em;
		font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		text-transform:uppercase;
		color:#eee;
		font-weight:normal;
		margin-bottom:10px;
		text-shadow:1px 1px 1px rgba(0,0,0,0.8);
		line-height:1em !important;
		}
	#footer-main p{
		font-size:.85em;
		color:#a7a7a7;
		line-height:1.8em;
		margin-bottom:15px;
		text-shadow:1px 1px 1px rgba(0,0,0,0.8);
		}
		p.credit{
			font-size:80% !important;
			}
	nav.footernav li{
		font-size:.85em;
		margin-bottom:3px;
		text-shadow:1px 1px 1px rgba(0,0,0,0.8);
		}
		nav.footernav li a,#footer-main p a{
			color:#a7a7a7;
			text-decoration:none;
			}
			nav.footernav li a:hover,#footer-main p a:hover{
				color:#eee;
				}
	
/*index.php Styles
*********************************************************/

section#content,div#content{
	float:left;
	width:642px;
	padding-top:30px;
	}
	p.title{
		text-transform:uppercase;
		margin-bottom:30px !important;
		color:#999 !important;
		display:block;
		border-left:4px solid #eee;
		background-color:#eee;
		line-height:1.2em !important;
		font-size:.8em !important;
		font-weight:bold;
		font-style:normal !important;
		}
		p.title span{
			background-color:#fff;
			padding:0 8px;
			}
	section#content article{
		padding-bottom:5px;
		border-bottom:4px solid #eee;
		margin-bottom:30px;
		}
		header.postinfo div{
			float:left;
			width:80%;
			}
			header.postinfo h2,section#content h2{
				font-size:3em;
				font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
				text-transform:uppercase;
				margin-bottom:10px;
				font-weight:normal !important;
				line-height:1em;
				}
				header.postinfo h2{
					margin-bottom:0 !important;
					}
				header.postinfo h2 a{
					color:#101010 !important;
					}
					header.postinfo h2 a:hover{
						color:#ff3366 !important;
						}
			header.postinfo p.comments{
				float:right;
				}
		p.comments{
			margin-top:5px;
			}
			p.comments a,
			span.dsq-postid{
				position:relative;
				padding:5px 12px 5px 12px;
				color:#fff !important;
				font-weight:bold;
				background-color:#101010;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				font-size:1em;
				-webkit-transition:opacity .2s ease-in-out;
				-moz-transition:opacity .2s ease-in-out;
				-ms-transition:opacity .2s ease-in-out;
				-o-transition:opacity .2s ease-in-out;
				transition:opacity .2s ease-in-out;
				}
				p.comments a:after,
				span.dsq-postid:after{
					content:"";
					position:absolute;
					bottom:-8px;
					left:8px;
					border-width:10px 10px 0 0;
					border-style:solid;
					border-color:#101010 transparent; 
					display:block; 
					width:0;
					}
				span.dsq-postid:hover{
					opacity:0.6;
					}
				p.comments:hover{
					color:#101010 !important;
					}
		p.meta{
			color:#999 !important;
			margin-bottom:30px;
			}
			p.meta a{
				color:#666 !important;
				text-decoration:underline !important;
				}
				p.meta a:hover{
					color:#ff3366 !important;
					}
		.teaser img,.entry img,.standard-page img{
			border:3px solid #101010;
			margin-bottom:20px;
			}
			.standard-page img.wp-post-image{
				margin-top:20px;
				}
			.teaser img:hover{
				border:3px solid #ff3366;
				}
		article.teaser p.readmore{
			margin:30px 0 0 0 !important;
			font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			font-size:1.4em !important;
			}
			article.teaser p.readmore a{
				background:#ff3366;
				color:#fff !important;
				padding:5px 8px;
				text-transform:uppercase;
				}
				article.teaser p.readmore a:hover{
					background:#101010;
					}
		.teaser footer{
			margin-top:20px;
			padding:10px 0 0 0;
			border-top:1px solid #eee;
			}
			.teaser footer ul{
				float:right;
				height:30px;
				}
				.teaser footer li{
					float:left;
					}
		section#content p{
			color:#444;
			font-size:.95em;
			}
		section#content a{
			text-decoration:none;
			color:#ff3366;
			}
	
/*single.php Styles
*********************************************************/

article.entry{
	float:left;
	width:642px;
	padding-top:30px;
	}
	article.entry h1,article.entry h2,div#content h1,section#content h1{
		font-size:3.2em;
		font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		text-transform:uppercase;
		margin-bottom:10px;
		font-weight:normal !important;
		line-height:1em;
		}
		article.entry h2{
			font-size:2.65em !important;
			margin-top:-5px;
			}
	p.singlemeta a{
		color:#666 !important;
		}
		p.singlemeta a:hover{
			color:#FF3165 !important;
			}
	div.form-error h3,h4{
		font-size:2.1em;
		margin-bottom:15px;
		color:#101010;
		font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		font-weight:normal;
		line-height:1.1em;
		}
	article.entry p,div#content p{
		color:#444;
		font-size:.95em;
		margin-bottom:25px;
		line-height:1.7em;
		}
	#articlecontent p:first-child,div#content p:first-of-type{
		font-size:1.2em;
		line-height:1.7em;
		font-style:italic;
		}
	#articlecontent p:nth-child(2):first-letter{
    	font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        font-style:normal;
        font-size:3.8em;
        line-height:1em;
        float:left;
        padding:2px 4px 0 0;
		}
	h4.single{
		font-size:2.2em !important;
		font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important;
		text-transform:uppercase;
		margin-bottom:10px;
		font-weight:normal !important;
		line-height:1em;
		color:#101010;
		}
	p.tags a{
		float:left;
		margin:0 5px 5px 0;
		color:#fff !important;
		text-decoration:none;
		padding:2px 8px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		font-weight:bold;
		background-color:#ff3366;
		}
		p.tags a:hover{
			background-color:#101010;
			}
	article.entry a,div#content a{
		color:#ff3366;
		}
		article.entry a:hover,div#content a:hover{
			color:#666;
			}
	#articlecontent,.standard-page{
		margin-bottom:40px;
		padding-bottom:100px;
		background:transparent url('../img/bg-single.png') no-repeat right bottom;
		}
	aside.postauthor{
		background-color:#f4f4f4;
		border:1px solid #ddd;
		padding:20px;
		margin-bottom:30px;
		}
		.postauthor h4{
			font-size:1.6em;
			margin-bottom:15px;
			color:#555 !important;
			text-shadow:0 1px 1px #fff;
			}
			.postauthor h4 a{
				text-decoration:none !important;
				}
		.postauthor img.avatar{
			float:left;
			margin-top:4px;
			width:60px;
			padding:5px !important;
			border:1px solid #ddd !important;
			background-color:#fff;
			}
		.authorinfo{
			float:left;
			margin-left:30px;
			width:490px;
			}
			.authorinfo p{
				font-size:.9em !important;
				font-style:normal !important;
				text-shadow:0 1px 1px #fff;
				color:#666 !important;
				width:auto;
				margin-bottom:10px !important;
				}
			.authorinfo ul{
				float:left;
				clear:both;
				margin:15px 0 0 0;
				}
				.authorinfo li{
					float:left;
					margin-right:5px;
					font-size:.8em;
					}
					.authorinfo li a{
						color:#fff;
						text-decoration:none;
						display:block;
						padding:1px 8px;
						border-radius:3px;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
						font-weight:bold;
						text-transform:uppercase;
						box-shadow:0 1px 1px #fff;
						}
						li.link-web a{
							background-color:#ff3366;
							}
						li.link-twitter a{
							background-color:#ff3366;
							}
						li.link-xbl a{
							background-color:#7cb027;
							}
						li.link-psn a{
							background-color:#008bf4;
							}
						.authorinfo li a:hover{
							background-color:#101010;
							color:#fff !important;
							}
							
/*archive.php Styles
*********************************************************/

h1.pagetitle{
	margin-bottom:40px !important;
	}
	
/*Social Widget Styles
*********************************************************/
	
aside#social{
	display:none;
	}

/*comments.php Styles
*********************************************************/

#respond h3{
	font-size:2.2em;
	font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:normal !important;
	line-height:1em;
	color:#101010;
	}
	
/*Form Element Styles
*********************************************************/
	
form.contact-form{
	width:100%;
	}
	form.contact-form label{
		font-size:.9em;
		color:#444;
		text-transform:uppercase;
		}
		form.contact-form label span{
			text-transform:none;
			}
	form.contact-form div input{
		padding:8px 5px;
		border:1px solid #ccc;
		color:#444;
		-webkit-appearance:none !important;
		box-shadow:0 0 0 3px #eee;
		margin-left:3px;
		border-radius:0;
		}
	form.contact-form textarea{
		width:618px;
		padding:10px 10px;
		border:1px solid #ccc;
		font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		color:#444;
		-webkit-appearance:none;
		box-shadow:0 0 0 3px #eee;
		margin-left:3px;
		border-radius:0;
		}
		form.contact-form div input:hover,form.contact-form div input:focus,form.contact-form textarea:hover,form.contact-form textarea:focus{
			color:#101010;
			border:1px solid #777;
			}
	input.pushbutton-wide{
		background:#ff3366;
		color:#fff !important;
		padding:5px 8px;
		text-transform:uppercase;
		border:none;
		font-size:1.2em;
		font-weight:normal;
		font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		-webkit-appearance:none;
		border-radius:0;
		}
		input.pushbutton-wide:hover{
			background-color:#101010;
			}
	div.form-error li{
		font-weight:bold;
		color:#ff3366 !important;
		}
	
/*WP-Paginate Styles
*********************************************************/

.wp-paginate{
	float:left;
	padding:0; 
	margin:30px 0;
	font-size:1.2em;
	}
	.wp-paginate li{
		display:inline;
		list-style:none;
		margin:0 !important;
		padding:0 !important;
		line-height:1em;
		font-family:BebasNeueRegular,"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		}
		.wp-paginate a{
			color:#101010 !important;
			margin-right:2px; 
			padding:6px 12px; 
			text-align:center;
			text-decoration:none;
			}
			.wp-paginate a:hover, .wp-paginate a:active{
				background:#222;
				color:#fff !important;
				}
			.wp-paginate .title{
				color:#262b2c;
				margin-right:5px;
				}
			.wp-paginate .gap{
				color:#262b2c;
				margin-right:5px;
				}
			.wp-paginate .current{
				color:#fff;
				background:#222;
				margin-right:5px; 
				padding:6px 12px;
				font-size:1em;
				}
				
/*AdSense Styles
*********************************************************/

#sidebar div.adblock{
	clear:both;
	margin:20px auto;
	width:300px;
	}
.adblock p{
	color:#999 !important;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:.8em !important;
	margin:0 0 10px 0 !important;
	}
	
/*Retina-fication
*********************************************************/

@media screen and (-webkit-min-device-pixel-ratio:2){

	a#logo{
	    background:url('../img/logo-2x.png') no-repeat 0 0 !important;
	    background-size:cover !important;
	    }
	    a#logo:hover{
			background:#fff url('../img/logo-2x.png') no-repeat -280px 0 !important;
			}

    }