/*   
Theme Name: Concrete Games Theme
Theme URI: http://concretegames.com
Description: The official theme of Concrete Games' new 2012 website.
Author: R and P Design
Author URI: http://randpdesign.co.uk
Version: 1.0
*/

/* @group ========== HTML5 Reset ========== */

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* image replacement class */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Stupid plugin adds stupid button we can't get rid of */
span.mr_social_sharing:last-child {
  display:none !important;
}

.fb_iframe_widget {
  background-color: white;
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #c0fcfc; color: #fff; text-shadow: none;}
::selection { text-shadow: none; background-color: #c0fcfc; } 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* @end */

/* ==|== primary styles =====================================================
   Author: Rob Prior of R and P Design http://randpdesign.co.uk for Concrete Software
   ========================================================================== */
   
/* @group ========== Main Website Structure ========== */

html { background: #1f1f20; }
body { background: #f2f2f2; font-family: 'Open Sans', sans-serif; }

.container { width: 960px; margin: 0 auto; position: relative; }

.fullwidth article { width:100%; }

header { 
	background-color: #eefaff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 255, 255)), to(rgb(228, 245, 254)));
	background-image: -webkit-linear-gradient(top, rgb(250, 255, 255), rgb(228, 245, 254));
	background-image: -moz-linear-gradient(top, rgb(250, 255, 255), rgb(228, 245, 254));
	background-image: -o-linear-gradient(top, rgb(250, 255, 255), rgb(228, 245, 254));
	background-image: -ms-linear-gradient(top, rgb(250, 255, 255), rgb(228, 245, 254));
	background-image: linear-gradient(top, rgb(250, 255, 255), rgb(228, 245, 254));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#faffff', EndColorStr='#e4f5fe');	
	border-bottom: 1px solid #e3e5e6;
}

	article header { background: none; border: none; }
	
div#tagline { background-image: url(/wp-content/themes/concretesoftware/img/pattern.jpg); border-bottom: 1px solid #e3e5e6; padding-bottom: 5px; }
hgroup { text-align: center; padding: 25px 0 10px; }		
div#tagline h4 { background: none; padding: 5px; }

div#main { clear: left; padding: 30px 0 20px; position: relative; }
	body.home div#main { padding-top: 20px; }
	body.page-template-game-list-page-php div#main { padding-bottom: 0px; }

article { 
	position: relative;
	width: 628px; 
	float: left; 
	border: 1px solid #bfbfbf; 
	background-color: #fff;
}
	
	body.single-games article { background-color:  #f7f7f7; }
	body.blog article { margin: 0 0 20px 0; }
	body.single-post article { margin: 0 0 10px 0; }
	article div.entry { padding: 0 10px; }
	div.news { width: 630px; float: left; }
	
section { width: 630px; float: left; }
	section#game-list { width: 960px; position: relative; }
	
aside { position: relative; float: left; width: 300px; margin-left: 30px; }
	body.single-games aside { 
		background-color:  #f7f7f7; 
		border: 1px solid #bfbfbf;
		width: 298px;
		margin-bottom: 20px;
	}

footer { clear: left; background-color: #1f1f20; color: #959595; height: 120px; }
	footer img { position: absolute; right: 0px; top: 18px;}
	footer p { position: absolute; right: 4px; top: 66px; }
	
	article footer {
		padding: 10px;
		background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
		height: 30px;
		border-top: 1px solid #e3e5e6;
	}

/* @end */

/* @group ====== Navigation ====== */

/* === Top Navigation === */

header nav { float: right; }

	header nav li {
		float: left;
		margin-left: 0px;
		list-style: none;
	}

		header nav li a {
			color: #393939;
			font-size: 17px;
			font-weight: 800;
			padding: 40px 14px 25px;
			display: block;
			transition: color .4s ease-in-out;
			-o-transition: color .4s ease-in-out;
			-moz-transition: color .4s ease-in-out;
			-webkit-transition: color .4s ease-in-out;
			border: 1px solid;
			border-color: transparent;
			text-transform: uppercase;
		}

			header nav li a:hover { color: #004b96; }
			
			header nav li.current-menu-item a, body.single-games nav li.menu-item-29 a, body.single-post nav li.menu-item-28 a, body.tax-platforms nav li.menu-item-29 a, body.tax-genres nav li.menu-item-29 a { 
				color: #004b96; 
				background: #fff;
				border-color: #e3e5e6;
				border-bottom: 6px solid #393939;
				border-top: 0; 
			}

/* === Footer Navigation === */

footer nav { padding-top: 20px; }

	footer nav li {
		float: left;
		margin-right: 34px;
		list-style: none;
	}

		footer nav li a { 
			color: #cecece;
			font-size: 14px;
			font-weight: 800;
			display: block;
			transition: color .4s ease-in-out;
			-o-transition: color .4s ease-in-out;
			-moz-transition: color .4s ease-in-out;
			-webkit-transition: color .4s ease-in-out;
			border: 0;
			border-color: transparent;
			text-transform: uppercase;
		}

		footer nav li a:hover, footer nav li.current-menu-item a, body.single-games footer nav li.menu-item-29 a, body.single-post footer nav li.menu-item-28 a, body.tax-platforms footer nav li.menu-item-29 a, body.tax-genres footer nav li.menu-item-29 a { color: #95e3e3;  background: none; border: 0;}
		
/* === Footer Secondary Navigation === */

ul.secondary { float: left; clear: left; padding-top: 10px; }
	ul.secondary li { float: left; margin-right: 24px; }
		ul.secondary li a {
			color: #a9a9a9;
			font-size: 12px;
			font-weight: 800;
			display: block;
			transition: color .4s ease-in-out;
			-o-transition: color .4s ease-in-out;
			-moz-transition: color .4s ease-in-out;
			-webkit-transition: color .4s ease-in-out;
		}
		
			ul.secondary li a:hover, ul.secondary li.current a { color: #e9e9e9; }
			ul.secondary li.facebook a { color: #6985bd; }
				ul.secondary li.facebook a:hover { color: #8ea3cd; }
			ul.secondary li.twitter a { color: #6ac2df; }
				ul.secondary li.twitter a:hover { color: #a4d9eb; }
			ul.secondary li.youTube a { color: #a54540; }
				ul.secondary li.youTube a:hover { color: #c77671; }
			ul.secondary li.googlePlus a { color: #ce5248; }
				ul.secondary li.googlePlus a:hover { color: #dd827b; }

/* @end */

/* @group ====== Main Links ====== */

a {
	text-decoration: none;
	color: #004b96;
	transition: color .2s linear;
	-o-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
}

	a:hover { color: #02a0dc; }
	
/* === R and P Design Link === */

a.randpLink {
	float: left;
	clear: left;
	margin-top: 10px;
	color: #5a5a5b;
}
	
	a.randpLink:hover { color: #a9a9a9; }
  
/* @end */

/* @group ====== Main Typography ====== */

h1 { 
	font-size: 38px;
	font-weight: 800;
	color: #004b96; 
}
	h1 img { max-width: 100%; height: 74px;	display: block; float: left; margin: 20px 10px 5px; }
 
h2 {
	font-size: 32px;
	font-weight: 800;
	color: #004b96;
	padding-bottom: 10px;
}
	hgroup h2 { padding-bottom: 0px; }
	hgroup h2 em { font-size: 8px; position: relative; top: -14px; }
	
	section#game-list h2 {
		color: #333333;
		font-size: 16px;
		background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
		padding: 10px 10px 0;
		clear: left;
	}
	
	body.single-games h2, h2.heading {
		color: #004b96;
		font-size: 22px;
		background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
		padding: 10px;
	}
	
	h2.heading { border-bottom: 1px solid #e3e5e6; margin-bottom: 16px;}
	
	div.taxonomyTitle h2 { font-size: 22px; color: #333333; }
	
	body.blog h2, body.single-post h2 { padding: 0; }
	
		body.blog h2 a, body.single-post h2  {
			color: #004b96;
			font-size: 20px;
			background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
			padding: 10px;
			display: block;
		}
		
			body.blog h2 a:hover { color: #02a0dc; }
			
			body.single-post h2#comments {
				color: #004b96;
				font-size: 16px;
				background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
				padding: 10px;
				border: 1px solid #bfbfbf;
				margin: 10px 0 0;
				width: 608px;
				float: left;
				border-bottom-width: 0;
			}
			
			body.single-post div#respond h2 { 
				margin: 0 0 4px 0; 
				padding: 10px;
				font-size: 18px; 
				background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;  
				border-bottom: 1px solid #e3e5e6;
				width: 608px;
				position: relative;
				top: -16px;
				left: -16px;
			}

h3 { 
	font-size: 22px;
	font-weight: 800;
	color: #004b96;
	padding: 10px;
	background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
}


h4 { 
	font-size: 18px;
	font-weight: 800;
	color: #333333;
	padding: 10px;
	background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
}
	
	hgroup h4 { font-style: italic; font-size: 18px; font-weight: 400; }
		hgroup h4 strong { font-weight: 800; color: #004b96; }
	
	#postSlider h4 {
		background: none;
		padding: 4px 0 13px;
		font-size: 15px;
		color: #004b96;
	}
	
	body.single-games h4 {
		color: #004b96;
		border-bottom: 1px solid #e3e5e6;
		border-top: 1px solid #e3e5e6;
		font-weight: 600;
	}

h5 { 
	font-size: 18px;
	font-weight: 800;
	color: #333333;
	float: left;
	padding: 6px 16px 0px 10px;
}
	
	body.single-games h5 {
		position: relative;
		font-size: 18px;
		font-weight: 600;
		color: #004b96;
		padding: 10px;
		background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
		border: 1px solid #bfbfbf;
		width: 278px;
		margin: 0 0 5px 30px;
	}
	
	body.single-games aside h5 {
		border: none;
		border-bottom: 1px solid #e3e5e6;
		margin: 0;
	}

h6 { 
	font-size: 16px;
	font-weight: 800;
	color: #333333;
	clear: left;
	margin-bottom: 16px;
}

p { padding-bottom: 16px; line-height: 1.6; font-size: 14px; color: #4c4c4c;}

em { font-style: italic; }

/* @end */

/* @group ====== Home Page ====== */

/* === Latest Post Slider === */

#postSlider p { font-size: 13px; }

#postSlider div.postPreview { width: 608px; padding: 10px; }
	#postSlider div.postPreview a img {
		border: 1px solid #e3e5e6;
		float: right;
		margin: 0 0 10px 15px;
		max-width: 220px;
		height: auto;
	}
		#postSlider div.postPreview a img:hover {
			border-color:#004b96;
			-moz-box-shadow:0 0 6px #bababa;
			-webkit-box-shadow:0 0 6px #bababa;
			box-shadow:0 0 6px #bababa;
		}

#postSlider a.newsLink, a.postLink {
	position: absolute;
	right: 0;
	bottom: 0;
	border-top: 1px solid #e3e5e6;
	border-left: 1px solid #e3e5e6;
	background-color: #f9faf9;
	padding: 10px 20px;
	font-weight: 800;
	color: #adacac;
	z-index: 1000;
}
	a.postLink { padding: 16px 20px; }
	#postSlider a.newsLink:hover, a.postLink:hover { color: #393939; background-color: #fff; }
	
/* === Follow Us Social Btns === */

div.followUs {
	background: #fff;
	border: 1px solid #bfbfbf;
	padding: 8px;
	width: 282px;
	margin-bottom: 14px;
}
	div.followUs ul li { float: left; margin-left: 7px; }
		div.followUs ul li:first-child { margin-left: 0; }
		div.followUs ul li a {
			background: url(/wp-content/themes/concretesoftware/img/sprites.png) no-repeat;
			display: block;
			height: 36px;
			width: 36px;
			text-indent: -9999em;
			transition: opacity .2s linear;
			-o-transition: opacity .2s linear;
			-moz-transition: opacity .2s linear;
			-webkit-transition: opacity .2s linear;
			opacity: 0.85;
		}
			div.followUs ul li a:hover { opacity: 1; }
			div.followUs ul li a.facebook { background-position: -99px -126px; }
			div.followUs ul li a.twitter { background-position: -181px -126px; }
			div.followUs ul li a.youTube { background-position: -57px -126px; }
			div.followUs ul li a.googlePlus { background-position: -140px -126px; }
	
/* === Adverts === */
	
ul.ads { clear: left; margin-bottom: 20px; }
	ul.ads li { float: left; width: 300px; height: 108px; margin-left: 30px; position: relative; }
	ul.ads li a { 
		display: block;
		width: 298px;
		height: 106px;
		text-indent: -9999em;
		position: absolute;
		border: 1px solid #BFBFBF;
	}
		ul.ads li a:hover {
			border-color:#004b96;
			-moz-box-shadow:0 0 6px #bababa;
			-webkit-box-shadow:0 0 6px #bababa;
			box-shadow:0 0 6px #bababa;
		}
	ul.ads li img { display: block; width: 300px; height: 108px; position: absolute; }
	ul.ads li:first-child { margin-left: 0; }

/* @end */

/* @group ====== Game Page ====== */

.gameTitleImage {
	margin: 0; 
	background: #fff; 
	padding: 10px;
	width: 938px;
	height: 278px;
	border: 1px solid #bfbfbf;
	position: relative; 
	top: 11px;
	zoom: 1;
	float: left; 
}

ul.meta { 
	background-color: #efefef; 
	border-bottom: 1px solid #e3e5e6;
	border-top: 1px solid #e3e5e6;
	padding: 10px;
	margin-bottom: 10px;
}

	ul.meta li {
		float: left;
		display: block;
		font-weight: 800;
		margin-right: 30px;
	}
	
		ul.meta li span, ul.meta li a { font-weight: 400; margin-left: 6px; }

ul.screenshots { padding: 10px 2px; float: left; }

	ul.screenshots li {
		float: left;
		margin-left: 8px;
		height: 78px;
		width: 78px;
		border: 1px solid #bfbfbf;
		opacity: 0.9;
		-webkit-transition: opacity 0.4s ease, border-color 0.4s ease; 
		-moz-transition: opacity 0.4s ease, border-color 0.4s ease; 
		transition: opacity 0.4s ease, border-color 0.4s ease;
	}
	
		ul.screenshots li:hover { border-color: #333333; opacity: 1; }


body.single-games aside ul { clear: left; border-bottom: 1px solid #e3e5e6; }
	body.single-games aside ul li { padding: 10px; }
		body.single-games aside ul li:nth-child(even) { background-color: #efefef; }
		
		body.single-games aside ul li a {
			clear: left;
			width: 280px;
			display: block;
			margin-top: 10px;
			color: #004b96;
		}
		
			body.single-games aside ul li a:hover { color: #038bc7; }

img.downloadIcn {
	position: absolute;
	right: -1px;
	top: -1px;
}

h5.downloadTitle {
	float: right;
}
	
ul.downloadList { 
	width: 310px;
	padding: 0px 0px 25px 0px;
	float: right;
	clear: right;
}
	body.single-games ul.downloadList li {
		float: left;
		padding: 0;
		margin: 10px 0 0 10px;
	}
	body.single-games ul.downloadList li a {
		background: url(/wp-content/themes/concretesoftware/img/downloadBtnsSprites.png) no-repeat;
		text-indent: -9999em;
		height: 50px;
		width: 145px;
		opacity: 0.75;
		-webkit-transition: opacity 0.4s ease; 
		-moz-transition: opacity 0.4s ease; 
		transition: opacity 0.4s ease;
	}
		body.single-games ul.downloadList li a:hover { opacity: 1; }
		body.single-games ul.downloadList li a.appStore { background-position: 0px 0px; }
		body.single-games ul.downloadList li a.googlePlay { background-position: -149px 0px; }
		body.single-games ul.downloadList li a.blackberry { background-position: 0px -54px; }
		body.single-games ul.downloadList li a.windowsPhone { background-position: 0px -160px; }
		body.single-games ul.downloadList li a.amazonKindle { background-position: -149px -108px; }
		body.single-games ul.downloadList li a.amazonAppStore { background-position: 0px -108px; }
		body.single-games ul.downloadList li a.nook { background-position: -149px -54px; }

/* @end */

/* @group ====== Blog Comments, Contact Form, Sharing and Pagination ====== */ 

/* === Comments System === */
ol.commentlist {
	list-style: none;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 20px;
}
ol.commentlist li.comment {
	border: 1px solid #bfbfbf;
	border-bottom: none;
	padding: 16px 10px 10px 100px;
	position: relative;
	display: block;
	width: 518px;
	clear: left;
	background-color: #fafafa;
}

ol.commentlist li.comment div.vcard { margin-bottom: 4px; }
ol.commentlist li.comment div.vcard cite.fn { 
	color: #393939; 
	font-style: normal;
	font-weight: bold;
}

ol.commentlist li.comment div.vcard img.photo {
	position: absolute;
	left: 10px;
	width: 76px;
	height: 76px;
	border: 1px solid #b4d3f3;
}
ol.commentlist li.comment div.vcard span.says { display: none;}
ol.commentlist li.comment div.comment-meta { font-size: 13px; }
ol.commentlist li.comment div.comment-meta a { 
	display: block;
	margin-bottom: 12px;
	color: #959595; 
}
ol.commentlist li.comment p {
	font-size: 13px;
	padding-bottom: 16px;
	color: #5a5a5a;
}

ol.commentlist li.comment div.comment-meta a.comment-edit-link {
	display: block;
	color: #2A799A;
	padding: 3px 6px;
	width: 64px;
	transition: color .2s linear;
	-o-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	position: absolute;
	z-index: 999;
	border-top: 1px solid #B4D3F3;
	left: 11px;
	top: 68px;
	text-align: center;
	background: white;
	font-weight:bold;
}

ol.commentlist li.comment-author-admin  div.comment-meta a.comment-edit-link { }	
	ol.commentlist li.comment div.comment-meta a.comment-edit-link:hover { color: #004b96; }

ol.commentlist li.comment-author-admin div.vcard cite.fn { color: #004B96; }
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.odd { background: #fff; }
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.bypostauthor { background-color: #f0fefe; }

/* === Blog Respond Form and Contact Form === */
div#respond {
	padding: 16px;
	background-color: #fff;
	border: 1px solid #bebfbe;
	width: 596px;
	margin: 10px 0;
	clear: left;
}

form.wpcf7-form {
	padding: 16px;
	background-color: #FEFFFE;
	border: 1px solid #E3E5E6;
	width: 574px;
	margin-bottom: 10px;
}

.wpcf7-form p { padding-bottom: 0; }
div.required { margin-bottom: 16px; color:#706f6f; }
span.required { font-weight: bold; color: #D14832; }

div#respond form, form.wpcf7-form { font-size: 13px; }

div.wpcf7 img.ajax-loader {
	margin: 11px 0 0 0 !important;
	position: absolute;
	right: 38px;
}

div#respond form input[type='text'], form.wpcf7-form input[type='text'], div#respond form select, form.wpcf7-form select {
	padding: 8px;
	border: 1px solid #dfdddd;
	outline:none;
	margin: 4px 10px 15px 0;
	background-color: #f9faf9;
	border: 1px solid #e3e5e6;
	transition: border .2s linear;
	-o-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-webkit-transition: border .2s linear;
	color: #939393;
}

	div#respond form input[type='text']:hover form.wpcf7-form input[type='text']:hover { background: #fff; border-color: #bebfbe; }
	div#respond form input[type='text']:focus, form.wpcf7-form input[type='text']:focus { background: #fff; border-color: #bebfbe; color: #3c3c3c; }
	div#respond form select, form.wpcf7-form select { padding:0; height:21px; }

div#respond form textarea, form.wpcf7-form textarea {
	padding: 8px;
	color: #939393;
	border: 1px solid #e3e5e6;
	width: 578px;
	min-height: 200px;
	margin: 4px 0 15px;
	outline:none;
	background-color: #f9faf9;
	transition: border .2s linear;
	-o-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-webkit-transition: border .2s linear;
}

form.wpcf7-form textarea {
	width: 556px;
}

	div#respond form textarea:hover, form.wpcf7-form textarea:hover { background: #fff; border-color: #bebfbe; }
	div#respond form textarea:focus, form.wpcf7-form textarea:focus { color: #3c3c3c; background: #fff; border-color: #bebfbe; }

div#respond form input[type='submit'], form.wpcf7-form input[type='submit'] { 
	font-weight: 800;
	color: #fff;
	background-color: #424240;
	border: 1px solid #164a96;
	padding: 10px 44px;
	float: right;
	font-size: 16px;
	height: 40px;
	*padding: 10px 30px;
}

form.wpcf7-form input[type='submit'] { float: none; width: 100%; }

	div#respond form input[type='submit']:hover, form.wpcf7-form input[type='submit']:hover { color: #fff; background-color: #4b4b47; }
	div#respond form input[type='submit']:active, form.wpcf7-form input[type='submit']:active { background-color: #2c2c2a; }

/* === Contact Form Responses === */
div.wpcf7-response-output {
	color: #fff;
	font: normal 16px;
	padding: 8px 14px !important;
	margin: 1.5em 0 0.5em !important;
	text-align: center;
}

span.wpcf7-not-valid-tip {
	position: relative !important;
	top: -3px !important;
	left: -11px !important;
	color: #fff !important;
	padding: 7px !important;
	background-color: #d14832 !important;
	border: 1px solid #b41f1f !important;
}

span.your-message span.wpcf7-not-valid-tip {
	top: -22px !important;
	left: 0px !important;
	width: 558px !important;
	display: block;
	text-align: center;
}

div.wpcf7-validation-errors, div.wpcf7-spam-blocked, div.wpcf7-mail-sent-ng {
	background-color: #D13321;
	border: 1px solid #BE2E1E !important;
	font-weight: bold;
}
	
div.wpcf7-mail-sent-ok {
	background-color: #6C9B3F;
	border: 1px solid #618B39 !important;
	font-weight: bold;
}

/* === Respond Subscription Checkboxes === */
p.comment-subscription-form { padding-bottom: 2px; color: #777777; font-size: 12px; }
p.comment-subscription-form input { margin: 0 4px 3px 0; }

/* === Blog Post Sharing === */
div.socialSharing {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 279px;
	height: 22px;
	background-color: rgba(255, 255, 255, 0.65);
	padding: 12px 0 10px 10px;
}

div.mr_social_sharing_wrapper {
	position: absolute;
	z-index: 999;
	bottom: 12px;
	left: 20px;
	margin: 0 !important;
}

div.socialSharing div.mr_social_sharing_wrapper { bottom: 8px; }

div.mr_social_sharing_wrapper span {
	width: 89px;
	opacity: 0.8;
	-webkit-transition: opacity 0.4s ease; 
	-moz-transition: opacity 0.4s ease; 
	transition: opacity 0.4s ease;
}

	div.mr_social_sharing_wrapper span:hover { opacity: 1; }

/* === Blog Pagination === */
div.wp-pagenavi {
	margin: 0 auto;
	display: table;
	width: auto;
	clear: both;
}

div.wp-pagenavi a {
	color:#adacac;
	font-size:16px;
	font-weight: 800;
	display: block;
	height: 28px;
	min-width: 36px;
	border:1px solid #e3e5e6;
	text-align: center;
	padding: 6px 0 0 !important;
	margin-right: 6px !important;
	float: left;
	background-color: #F9FAF9;
}

div.wp-pagenavi span.current {
	font-size:16px;
	color: #fff;
	display: block;
	height: 28px;
	width: 36px;
	border:1px solid #212121;
	text-align: center;
	padding: 6px 0 0 !important;
	margin-right: 6px !important;
	float: left;
	background: #333333;
}

div.wp-pagenavi span.extend {
    float: left;
    line-height: 34px;
    letter-spacing: 3px;
    padding-right: 4px;
    color: #cfcfcf;
}

div.wp-pagenavi a.first, div.wp-pagenavi a.last {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

	div.wp-pagenavi a:hover { 
		color: #333333; 
		border: 1px solid #bfbfbf; 
		background-color: #fff;
		-moz-box-shadow:0 0 6px #dbdbdb;
		-webkit-box-shadow:0 0 6px #dbdbdb;
		box-shadow:0 0 6px #dbdbdb;
	}
	
	div.wp-pagenavi a:active { box-shadow: none; } 

/* @end */

/* @group ====== Blog Post Styling and Typography ====== */ 

body.single-post div.entry h2, body.page div.entry h2, body.blog div.entry h3, body.single-post div.entry h3, body.page div.entry h3, body.blog div.entry h4, body.page div.entry h4, body.single-post div.entry h4, body.blog div.entry h5, body.page div.entry h5, body.single-post div.entry h5 {
	padding-left: 0;
	background: none;
}
body.single-post div.entry h2, body.page div.entry h2 { font-size: 32px; }
body.blog div.entry h4, body.single-post div.entry h4, body.page div.entry h4 { font-size: 20px; }
body.blog div.entry h5, body.single-post div.entry h5, body.page div.entry h5 { padding-bottom: 16px; }

article div.entry img.wp-post-image {
	float: right;
	margin: 0 0 10px 10px;
	border:1px solid #e3e5e6;
}

article iframe { display: block; }
article div.entry iframe { max-width: 608px !important; }
article div.entry span.embed-youtube { margin-bottom: 14px; }
article div.entry address, article div.entry pre { padding-bottom: 16px; }

body.blog ul.socialSharing, body.single-post ul.socialSharing { padding: 0 0 4px 0; left: 10px; }

.entry ol { margin-left: 16px; margin-bottom: 16px; } 
.entry ul { margin-left: 16px; margin-bottom: 16px; list-style: disc;}
.entry blockquote {
	padding: 16px 16px 0 16px;
	border:1px solid #e3e5e6;
	margin-bottom: 16px;
	background-color:#f7f7f7;
}

img.alignleft { float: left; margin: 16px 16px 16px 0; }
img.alignright { float: right; margin: 16px 0 16px 16px; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
div.wp-caption {
	padding: 12px 6px;
	border:1px solid #e3e5e6;
	margin: 16px 0 16px 16px;;
	background-color:#f7f7f7;
	font-weight: 800;
	text-align: center;
}
	div.wp-caption img { padding: 0; }
	div.wp-caption p { padding: 8px 6px 0;}
	
div.alignright {float:right; }
div.alignleft {float:left; }
div.aligncenter {display: block; margin-left: auto; margin-right: auto}

div.gallery img { border: none !important; }

/* === Hide Smiley === */
img#wpstats { display: none; }

/* === Wordpress Avatar Fix === */
a.ab-item img.avatar-64 { max-height: 64px !important; }

/* @end */

/* @group ====== Sliders ====== */

.royalSlider {	
	position: relative;
	background: #fff; 
	padding: 10px 10px 0 10px;
	border: 1px solid #bfbfbf;
	width: 938px;
	height: 370px;
	overflow:hidden;
	top: 11px;
	float: left; 
}

#postSlider.royalSlider {	
	float: left; 
	border: 0;
	border-top: 1px solid #e3e5e6;
	width: 628px;
	height: 198px;
	top: 0;
	padding: 0;
}

.royalSlider .royalWrapper {
	overflow:hidden;	
	position:relative;
	width:100%; 
	height:100%;
}

/* slides holder, grabbing container */
.royalSlider .royalSlidesContainer {
	position: relative;
	left: 0;
	top: 0 !important;
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	border: 0 !important;
}

/* slide item */
.royalSlider .royalSlide {
	padding: 0 !important;
	margin: 0 !important;	
	border: 0 !important;
	list-style: none !important;
	position:relative;
	float:left;	
	overflow:hidden;
	height: 278px !important;	
}

#postSlider.royalSlider .royalSlide { height: 150px !important; } 

/* Direction Navigation (arrows) */
.royalSlider .arrow {	
	width: 53px; 
	height: 58px; 
	background: url(/wp-content/themes/concretesoftware/img/sprites.png) no-repeat;
	top: 50%;
	margin-top:-65px;	
	cursor: pointer;
	display: block;
	position: absolute;	
	opacity: 1;	
	z-index:25;
	-webkit-transition: opacity 1s ease; 
	-moz-transition: opacity 1s ease; 
	transition: opacity 1s ease;
}

.royalSlider .arrow.left { background-position: -112px -63px; left: -18px; }
	.royalSlider .arrow.left:hover { background-position: -56px -63px; }
	.royalSlider .arrow.left:active { background-position: 0px -63px; }

.royalSlider .arrow.right { background-position: -114px 0px; right: -18px; }
	.royalSlider .arrow.right:hover { background-position: -57px 0px; }
	.royalSlider .arrow.right:active { background-position: 0px 0px; }
	
.royalSlider .arrow.disabled { opacity: .3 !important; filter:alpha(opacity=30); cursor: default; }

/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow {
	width:100%;
	overflow:hidden;
	position:absolute;
	z-index: 25;
}

#postSlider.royalSlider .royalControlNavOverflow {
	width: 463px; 
	position: relative; 
	bottom: 39px;
	padding: 15px 0 12px;
	border-top: 1px solid #e3e5e6;
	background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
}

/* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer {	
	float: left;
	position: relative;
	left: -50%;
}
/* Control navigation container*/ 
.royalSlider .royalControlNavContainer {
	float: left;
	position: relative;
	left: 50%;	
}

/* Scrollable thumbnails containers */
.royalSlider .royalControlNavThumbsContainer {		
	left:0;
	position:relative;
}
.royalSlider .thumbsAndArrowsContainer {
	overflow:hidden;
	width: 100%;
	position: relative;
}
.royalSlider .royalControlNavOverflow.royalThumbs {	
	width: 950px; 
	bottom: 0; 
	left: 10px;
	float: left;
	padding: 0px 0 10px 0px;
	border-top: 0;
}

/*  Control navigation (bullets, thumbnails) */
.royalSlider .royalControlNavOverflow a{	
	width: 11px; 
	height: 11px; 
	display: block; 
	background-color:#bebebe; 
	cursor: pointer; 
	text-indent: -9999px; 
	float: left;
	margin-right: 10px;	
}
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current { cursor: default; background-color: #333333;}
/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover { background-color: #9c9c9c; }

/* Thumbnails */
.royalSlider .royalControlNavOverflow a.royalThumb {	
	width: 148px; 
	height: 72px; 
	display: block;
	overflow: hidden;
	opacity: 0.4;
	-webkit-transition: opacity 0.4s ease; 
	-moz-transition: opacity 0.4s ease; 
	transition: opacity 0.4s ease;
	margin-right: 10px;
}
.royalSlider .royalControlNavOverflow a.royalThumb.current { opacity: 1; cursor: default; }
.royalSlider .royalControlNavOverflow a.royalThumb:hover { opacity: 1; }

/* Thumbnails navigation arrows */
.royalSlider .thumbsArrow {	
	width: 38px;
	height: 68px;	
	cursor: pointer;
	display: block;
	position: relative;		
	z-index: 25;
	background: #C99;
	
}
.royalSlider .thumbsArrow.left { float: left; }
.royalSlider .thumbsArrow.right { float: right; }
.royalSlider .thumbsArrow:hover  { }
.royalSlider .thumbsArrow.disabled { }

/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen {
	background:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;	
}

/* Loading screen text ("Loading...") */
.royalSlider .royalLoadingScreen p {		
	width: 100%;
	position: absolute;	
	margin: 0 auto;
	top: 45%;
	text-align: center;
}

/* single slide image preloader */
.royalSlider .royalPreloader {	
	position:absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;	
	z-index: 0;	
	background-image: url(/wp-content/themes/concretesoftware/img/preloader.gif);
}

.royalSlider .auto-cursor{ cursor:auto; }
.royalSlider .non-draggable { cursor: auto; }

.royalSlider .fade-container .royalSlide{
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.royalSlider .royalImage {
	max-width:none;
	margin:0;
	padding: 0 !important;
	border: 0 !important;	
}

.royalSlider .royalSlide a.gameLink {
	position: absolute;
	width: 938px;
	height: 278px;
	display: block;
	top: 0;
	text-indent: -9999em;
	background:  url(/wp-content/themes/concretesoftware/img/blank.gif) repeat;
}

/* @end */

/* @group ====== Game List Page Filter ====== */

/* === Title for Platform and Genres Page === */
div.taxonomyTitle { float: left; padding: 0 0 6px 20px; }

/* === Filter Navigation === */

nav.filter ul { 
	width: 918px; 
	padding: 20px 20px 0px; 
	background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat; 
	border: 1px solid #bfbfbf; 
	clear: left;
}

	nav.filter li { 
		float: left; 
		display: block; 
		width: auto; 
		padding-right: 20px;
		margin-right: 18px;
		margin-bottom: 16px;
		border-right: 1px solid #e3e5e6;
		font-weight:800;
		font-size:16px;
		color:#767676;
		cursor: pointer;
		
		/* IE7 Tidy */
		*height: 40px;
		*border: none;
	}
		nav.filter li:hover { color:#969696; }
		nav.filter li.selected { color:#004b96; }
		nav.filter li:last-child { padding-right: 0; border: 0; }

		nav.filter li a {
			display: block;
			height: 22px;
			width: 22px;
			margin-right: 10px;
			background: url(/wp-content/themes/concretesoftware/img/sprites.png) no-repeat -54px -183px;
			float: left;
		}
		
			nav.filter li a:hover { background-position: -28px -183px; }
			nav.filter li a:active { background-position: -80px -183px; }
			nav.filter li.selected a { background-position: -1px -183px; }

/* === Portfolio Tile List === */

section#game-list ul { margin: 0 auto; padding: 30px 0 0; width: 990px; position: relative; left: -30px; }

	section#game-list ul li {
		float: left;
		width: 298px;
		border: 1px solid #bfbfbf;
		position: relative;
		background-color: #fff;
		margin-left: 30px;
		margin-bottom: 30px;
	}

		section#game-list ul li h2 a { color: #333333; }
			section#game-list ul li h2 a:hover { color: #02a0dc; }
			
		section#game-list ul li a img {
			float: left;
			height: 148px;
			width: 298px;
			opacity: 0.9;
			-webkit-transition: opacity 0.4s ease; 
			-moz-transition: opacity 0.4s ease; 
			transition: opacity 0.4s ease;
		}
		
			section#game-list ul li a img:hover {
				opacity: 1;
			}
		
		section#game-list ul.games li ul {
			background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
			background-position-x: 2px;
			display: block;
			float: left;
			width: 100%;
			border-bottom: 1px solid #e3e5e6;
			position: relative;
			left: 0px;
			padding: 0;
		}
		
			section#game-list ul.games li ul li {
				float: left;
				border: 0;
				background: none;
				margin: 5px 10px 5px;
				width: auto;
				color: #253972;
				font-size: 12px;
			}
			
			section#game-list ul.games li p {
				clear: left;
				padding: 10px;
				line-height: 1.5;
				height: 130px;
			}
			
/* === CSS Portfolio Filter Animations === */			
			
.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none;  z-index: 1; }

.isotope, .isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/* @end */

/* @group ====== Fancybox ====== */
   
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading { background-image: url('/wp-content/themes/concretesoftware/img/fancybox_sprite.png'); }

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/wp-content/themes/concretesoftware/img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -22px;
	cursor: pointer;
	z-index: 8040;
	background: url('/wp-content/themes/concretesoftware/img/sprites.png') 0px -126px no-repeat;
	width: 53px;
	height: 52px;
}

	.fancybox-close:hover { background-position: -171px -57px; }
	.fancybox-close:active { background-position: -171px 0px; }

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('/wp-content/themes/concretesoftware/img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }

.fancybox-nav span {
	position: absolute;
	top: 50%;
	margin-top: -28px;
	width: 53px; 
	height: 58px; 
	cursor: pointer;
	z-index: 8040;
}

.fancybox-prev span, .fancybox-next span { background-image: url('/wp-content/themes/concretesoftware/img/sprites.png'); }

.fancybox-prev span { background-position: -112px -63px; left: -27px; }
	.fancybox-prev span:hover { background-position: -56px -63px; }
	.fancybox-prev span:active { background-position: 0px -63px; }

.fancybox-next span { background-position: -114px 0px; right: -28px; }
	.fancybox-next span:hover { background-position: -57px 0px; }
	.fancybox-next span:active { background-position: 0px 0px; }

.fancybox-nav:hover span {}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/wp-content/themes/concretesoftware/img/patternInvert.jpg) repeat;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	font: normal 14px/20px "open sans",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -45px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: url(/wp-content/themes/concretesoftware/img/pattern.jpg) repeat;
	border: 1px solid #e3e5e6;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 0 #fff;
	color: #004b96;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap { margin-top: 10px; }

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* @end */

/* @group ====== FAQ Page ====== */

p.faq-label {
	float:left;
	font-weight:bold;
}

div.faq {
	margin-left: 1.5em;
}

p.faq-label-question {
	padding-bottom:0;
}

div.faq-question {
	padding-bottom:0;
}

div.faq-question *:last-child {
	padding-bottom:0;
}

/* @end */

/* @group ====== Sidebar Widget ====== */ 

aside li.widget { margin-bottom: 20px; background: #fff; }
body.home aside li.widget { margin: 20px 0 0 0;}

li.widget h3 {
	border: 1px solid #BFBFBF;
	border-bottom: 0;
}

li.widget iframe, li.widget img {
	margin: 0px;
	display: block;
}

li.widget_image a {
	width: 298px;
	border: 1px solid #BFBFBF;
	float: left;
}

	li.widget_image a:hover {
		border-color: #004b96;
		-moz-box-shadow: 0 0 6px #bababa;
		-webkit-box-shadow: 0 0 6px #bababa;
		box-shadow: 0 0 6px #bababa;
	}

/* === Vertical Response Newsletter Widget === */

li.widget_vr {
	background: #fff;
	border: 1px solid #bfbfbf;
	width: 298px;
}

li.widget_vr h3 {
	font-size: 18px;
	font-weight: 800;
	color: #333333;
	background: none;
	border: none;
	padding-bottom: 0;
}

div.vr_wrapper { padding: 10px; }

div.vr_platform_select { padding-bottom: 10px; }

div.vr_platform_select input#fid_ios, div.vr_platform_select input#fid_android { margin-left: 10px; position:relative; top: -2px; }

li.widget_vr form { clear: left; }

li.widget_vr label#email_address_label { display: none; }

li.widget_vr input#email_address {
	padding: 8px;
	border: 1px solid #e0e0e0;
	transition: background .2s linear;
	-o-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-webkit-transition: background .2s linear;
	background-color: #f9faf8;
	float: left;
	height: 15px;
	width: 164px;
	color: #939393;
}
	li.widget_vr input#email_address:hover ,li.widget_vr input#email_address:focus { outline: none; border-color: #6c9b3f; background: #fff; color: #3c3c3c; }

li.widget_vr input#vr_submit {
	text-transform: uppercase;
	background-color: #6c9b3f;
	border: 0;
	padding: 9px;
	color: #fff;
	font-weight: 800;
	font-size: 13px;
	transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	float: left;
	width: 96px;
	height: 33px;
}

	li.widget_vr input#vr_submit:hover { background-color: #8ebc61; }

/* === AJAX Calendar Widget === */

li.ajax_calendar_widget {
	border: 1px solid #bfbfbf;
	padding-bottom:10px;
}

li.ajax_calendar_widget table#wp-calendar {
	width: 100%;
}

li.ajax_calendar_widget table#wp-calendar td {
	text-align: center;
}

li.ajax_calendar_widget table#wp-calendar caption {
	font-size: 18px;
	font-weight: 800;
	padding: 6px 0 15px 0;
}

li.ajax_calendar_widget table#wp-calendar td#today {
	font-weight: bold;
}

/* === Twitter Widget === */

li.widget_twitter_timeline {
	border: 1px solid #00aced;
}

li.widget_twitter_timeline h3 {
	color: #fff;
	padding: 10px;
	background: #00aced;
	border-color: #00aced;
}

li.widget_twitter_timeline iframe.twitter-timeline {
  padding: 0 6px 0 8px;
  margin-bottom: -2px;
}

/* === Facebook Widget === */

div.facebookWidget li.widget_facebook_likebox { margin-bottom: 0; }

li.widget_facebook_likebox h3 {
	border: 1px solid #aaaaaa;
	border-bottom: 0;
	background: #3a589b;
}

	li.widget_facebook_likebox h3 a { color: #fff; }
		li.widget_facebook_likebox h3 a:hover { color:#e9eef8; }

li.widget_twitter h3 a { color: #fff; }
	li.widget_twitter h3 a:hover { color: #e5f7fe; } /* @end */
   
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 860px) { .royalSlider .arrow { opacity: 1; filter: alpha(opacity=100); left: 0; }}
@media screen and (max-width: 1000px) { .royalSlider .arrow { display: none; }}