/*

Theme Name: Logic Bomb Studios

Theme URI: http://thomascblack.com

Description: Logic Bomb Studios WP theme.

Version: 1

Author: Tom Black

Author URI: http://thomascblack.com

Tags: logicbomb

*/



/**

 * HTML5 ✰ Boilerplate

 *

 * style.css contains a reset, font normalization and some base styles.

 *

 * Credit is left where credit is due.

 * Much inspiration was taken from these projects:

 * - yui.yahooapis.com/2.8.1/build/base/base.css

 * - camendesign.com/design/

 * - praegnanz.de/weblog/htmlcssjs-kickstart

 */



/**

* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)

* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark

* html5doctor.com/html-5-reset-stylesheet/

*/



/*@import "css/typography.css";

@import "css/960.css";*/



html, 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, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,  time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: "";
	content: none;
}
ins {
	background-color: #ff9;
	color: #fff;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #fff;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
/**

* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/

*/



body {
	font: 13px/1.231 sans-serif;
 *font-size: small;
}
/* Hack retained to preserve specificity */

select, input, textarea, button {
	font: 99% sans-serif;
}
/* Normalize monospace sizing:

   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */

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

* Minimal base styles.

*/



/* Always force a scrollbar in non-IE */

html {
	overflow-y: scroll;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

a:hover, a:active {
	outline: none;
}
ul, ol {
	margin-left: 2em;
}
ol {
	list-style-type: decimal;
}
/* Remove margins for navigation lists */

nav ul, nav li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
td {
	vertical-align: top;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
pre {
	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

    white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 15px;
}
textarea {
	overflow: auto;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */



.ie6 legend, .ie7 legend {
	margin-left: -7px;
}
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */

input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
/* Hand cursor on clickable input elements */

label, input[type="button"], input[type="submit"], input[type="image"], button {
	cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */

button, input, select, textarea {
	margin: 0;
}



/* Colors for form validity */

input:valid, textarea:valid {
}
 input:invalid, textarea:invalid {
 border-radius: 1px;
 -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
 box-shadow: 0px 0px 5px red;
}
 .no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
 background-color: #f0dddd;
}



/* These selection declarations have to be separate

No text-shadow: twitter.com/miketaylr/status/12228805301

Also: hot pink! */

::-moz-selection {
 background: #000;
 color: #b0aeac;
 text-shadow: none;
}



::selection {
 background: #000;
 color: #b0aeac;
 text-shadow: none;
}
/* j.mp/webkit-tap-highlight-color */

a:link {
	-webkit-tap-highlight-color: #b0aeac;
}
/* Make buttons play nice in IE:

   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

button {
	width: auto;
	overflow: visible;
}
/* Bicubic resizing for non-native sized IMG:

   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/**

 * You might tweak these..

 */



body, select, input, textarea {
	/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */

    color: #b0aeac;/* Set your base font here, to apply evenly */

    /* font-family: Georgia, serif;  */

}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 10px;
}
small {
	margin: 10px;
}
a, a:active, a:visited {
}
a:hover {
}
/* 

VideoJS Default Styles (http://videojs.com)

Version 2.0.2



REQUIRED STYLES (be careful overriding)

================================================================================ */

/* Box containing video, controls, and download links.

   Will be set to the width of the video element through JS

   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */

.video-js-box {
	text-align: left;
	position: relative;
	line-height: 0 !important;
	margin: 0;
	padding: 0 !important;
	border: none !important;
}
/* Video Element */

video.video-js {
	background-color: #000;
	position: relative;
	padding: 0;
}
.vjs-flash-fallback {
	display: block;
}
/* Poster Overlay Style */

.video-js-box img.vjs-poster {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
/* Subtiles Style */

.video-js-box .vjs-subtitles {
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
}
/* Fullscreen styles for main elements */

.video-js-box.vjs-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.video-js-box.vjs-fullscreen video.video-js,  .video-js-box.vjs-fullscreen .vjs-flash-fallback {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.video-js-box.vjs-fullscreen img.vjs-poster {
	z-index: 1001;
}
.video-js-box.vjs-fullscreen .vjs-spinner {
	z-index: 1001;
}
.video-js-box.vjs-fullscreen .vjs-controls {
	z-index: 1003;
}
.video-js-box.vjs-fullscreen .vjs-big-play-button {
	z-index: 1004;
}
.video-js-box.vjs-fullscreen .vjs-subtitles {
	z-index: 1004;
}
/* Styles Loaded Check */

.vjs-styles-check {
	height: 5px;
	position: absolute;
}
/* Controls Below Video */

.video-js-box.vjs-controls-below .vjs-controls {
	position: relative;
	opacity: 1;
	background-color: #000;
}
.video-js-box.vjs-controls-below .vjs-subtitles {
	bottom: 75px;
} /* Account for height of controls below video */
/* DEFAULT SKIN (override in another file)

================================================================================

Using all CSS to draw the controls. Images could be used if desired.

Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,

so you can upgrade to newer versions easier. */



/* Controls Layout 

  Using absolute positioning to position controls */

.video-js-box .vjs-controls {
	position: absolute;
	margin: 0;
	opacity: 0.85;
	color: #fff;
	display: none; /* Start hidden */
	left: 0;
	right: 0; /* 100% width of video-js-box */
	width: 100%;
	bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
	height: 35px; /* Including any margin you want above or below control items */
	padding: 0; /* Controls are absolutely position, so no padding necessary */
}
.video-js-box .vjs-controls > div { /* Direct div children of control bar */
	position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
	text-align: center;
	margin: 0;
	padding: 0;
	height: 25px; /* Default height of individual controls */
	top: 5px; /* Top margin to put space between video and controls when controls are below */
	/* CSS Background Gradients 

     Using to give the aqua-ish look. */

  /* Default */ background-color: #0B151A;
	/* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
	/* Firefox */ background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px;
	/* CSS Curved Corners */

  border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/* CSS Shadows */

  box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
}
/* Placement of Control Items 

   - Left side of pogress bar, use left & width

   - Rigth side of progress bar, use right & width

   - Expand with the video (like progress bar) use left & right */

.vjs-controls > div.vjs-play-control {
	left: 5px;
	width: 25px;
}
.vjs-controls > div.vjs-progress-control {
	left: 35px;
	right: 165px;
} /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control {
	width: 75px;
	right: 90px;
} /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control {
	width: 50px;
	right: 35px;
}
.vjs-controls > div.vjs-fullscreen-control {
	width: 25px;
	right: 5px;
}
/* Removing curved corners on progress control and time control to join them. */

.vjs-controls > div.vjs-progress-control {
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control {
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
}
/* Play/Pause

-------------------------------------------------------------------------------- */

.vjs-play-control {
	cursor: pointer !important;
}
/* Play Icon */

.vjs-play-control span {
	display: block;
	font-size: 0;
	line-height: 0;
}
.vjs-paused .vjs-play-control span {
	width: 0;
	height: 0;
	margin: 8px 0 0 8px;
	/* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */

  border-left: 10px solid #fff; /* Width & Color of play icon */
	/* Height of play icon is total top & bottom border widths. Color is transparent. */

  border-top: 5px solid rgba(0, 0, 0, 0);
	border-bottom: 5px solid rgba(0, 0, 0, 0);
}
.vjs-playing .vjs-play-control span {
	width: 3px;
	height: 10px;
	margin: 8px auto 0;
	/* Drawing the pause bars with borders */

  border-top: 0px;
	border-left: 3px solid #fff;
	border-bottom: 0px;
	border-right: 3px solid #fff;
}
/* Progress

-------------------------------------------------------------------------------- */

.vjs-progress-holder { /* Box containing play and load progresses */
	position: relative;
	padding: 0;
	overflow:hidden;
	cursor: pointer !important;
	height: 9px;
	border: 1px solid #777;
	margin: 7px 1px 0 5px; /* Placement within the progress control item */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
	position: absolute;
	display: block;
	width: 0;
	height: 9px;
	margin: 0;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.vjs-play-progress {
	/* CSS Gradient */

  /* Default */ background: #fff;
	/* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
	/* Firefox */ background: -moz-linear-gradient(top, #fff, #777);
}
.vjs-load-progress {
	opacity: 0.8;
	/* CSS Gradient */

  /* Default */ background-color: #555;
	/* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
	/* Firefox */ background: -moz-linear-gradient(top, #555, #aaa);
}
/* Time Display

-------------------------------------------------------------------------------- */

.vjs-controls .vjs-time-control {
	font-size: 10px;
	line-height: 1;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
}
.vjs-controls .vjs-time-control span {
	line-height: 25px; /* Centering vertically */
}
/* Volume

-------------------------------------------------------------------------------- */

.vjs-volume-control {
	cursor: pointer !important;
}
.vjs-volume-control div {
	display: block;
	margin: 0 5px 0 5px;
	padding: 4px 0 0 0;
}
/* Drawing the volume icon using 6 span elements */

.vjs-volume-control div span { /* Individual volume bars */
	float: left;
	padding: 0;
	margin: 0 2px 0 0; /* Space between */
	width: 5px;
	height: 0px; /* Total height is height + bottom border */
	border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on {
	border-color: #fff; /* Volume on bar color */
}

/* Creating differnt bar heights through height (transparent) and bottom border (visible). */

.vjs-volume-control div span:nth-child(1) {
border-bottom-width: 2px;
height: 16px;
}
 .vjs-volume-control div span:nth-child(2) {
border-bottom-width: 4px;
height: 14px;
}
 .vjs-volume-control div span:nth-child(3) {
border-bottom-width: 7px;
height: 11px;
}
 .vjs-volume-control div span:nth-child(4) {
border-bottom-width: 10px;
height: 8px;
}
 .vjs-volume-control div span:nth-child(5) {
border-bottom-width: 14px;
height: 4px;
}
 .vjs-volume-control div span:nth-child(6) {
margin-right: 0;
}
/* Fullscreen

-------------------------------------------------------------------------------- */

.vjs-fullscreen-control {
	cursor: pointer !important;
}
.vjs-fullscreen-control div {
	padding: 0;
	text-align: left;
	vertical-align: top;
	cursor: pointer !important;
	margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
	width: 20px;
	height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */

.vjs-fullscreen-control div span {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: 0;
	text-align: left;
	vertical-align: top;
}
 .vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
 margin-right: 3px; /* Space between top-left and top-right */
 margin-bottom: 3px; /* Space between top-left and bottom-left */
 border-top: 6px solid #fff; /* Height and color */
 border-right: 6px solid rgba(0, 0, 0, 0);  /* Width */
}
 .vjs-fullscreen-control div span:nth-child(2) {
border-top: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
}
 .vjs-fullscreen-control div span:nth-child(3) {
clear: both;
margin: 0 3px 0 0;
border-bottom: 6px solid #fff;
border-right: 6px solid rgba(0, 0, 0, 0);
}
 .vjs-fullscreen-control div span:nth-child(4) {
border-bottom: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
}

/* Icon when video is in fullscreen mode */

.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) {
border: none;
border-bottom: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
}
 .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) {
border: none;
border-bottom: 6px solid #fff;
border-right: 6px solid rgba(0, 0, 0, 0);
}
 .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) {
border: none;
border-top: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
}
 .vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) {
border: none;
border-top: 6px solid #fff;
border-right: 6px solid rgba(0, 0, 0, 0);
}
/* Download Links - Used for browsers that don't support any video.

---------------------------------------------------------*/

.vjs-no-video {
	font-size: small;
	line-height: 1.5;
}
/* Big Play Button (at start)

---------------------------------------------------------*/

div.vjs-big-play-button {
	display: none; /* Start hidden */
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -43px 0 0 -43px;
	text-align: center;
	vertical-align: center;
	cursor: pointer !important;
	border: 3px solid #fff;
	opacity: 0.9;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	/* CSS Background Gradients */

  /* Default */ background-color: #0B151A;
	/* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
	/* Firefox */ background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 40px;
	/* CSS Shadows */

  box-shadow: 4px 4px 8px #000;
	-webkit-box-shadow: 4px 4px 8px #000;
	-moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
	box-shadow: 0px 0px 80px #fff;
	-webkit-box-shadow: 0px 0px 80px #fff;
	-moz-box-shadow: 0px 0px 80px #fff;
}
div.vjs-big-play-button span {
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	margin: 20px 0 0 23px;
	/* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */





  border-left: 40px solid #fff; /* Width & Color of play icon */
	/* Height of play icon is total top & bottom border widths. Color is transparent. */

  border-top: 20px solid rgba(0, 0, 0, 0);
	border-bottom: 20px solid rgba(0, 0, 0, 0);
}
/* Spinner Styles

---------------------------------------------------------*/

/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */

.vjs-spinner {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	z-index: 1;
	margin: -50px 0 0 -50px;
	/* Scaling makes the circles look smoother. */

  transform: scale(0.5);
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
}
/* Spinner circles */

.vjs-spinner div {
	position:absolute;
	left: 40px;
	top: 40px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}

/* Each circle */

.vjs-spinner div:nth-child(1) {
opacity: 0.12;
transform: rotate(000deg) translate(0, -40px) scale(0.1);
-webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1);
-moz-transform: rotate(000deg) translate(0, -40px) scale(0.1);
}
 .vjs-spinner div:nth-child(2) {
opacity: 0.25;
transform: rotate(045deg) translate(0, -40px) scale(0.2);
-webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2);
-moz-transform: rotate(045deg) translate(0, -40px) scale(0.2);
}
 .vjs-spinner div:nth-child(3) {
opacity: 0.37;
transform: rotate(090deg) translate(0, -40px) scale(0.4);
-webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4);
-moz-transform: rotate(090deg) translate(0, -40px) scale(0.4);
}
 .vjs-spinner div:nth-child(4) {
opacity: 0.50;
transform: rotate(135deg) translate(0, -40px) scale(0.6);
-webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6);
-moz-transform: rotate(135deg) translate(0, -40px) scale(0.6);
}
 .vjs-spinner div:nth-child(5) {
opacity: 0.62;
transform: rotate(180deg) translate(0, -40px) scale(0.8);
-webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8);
-moz-transform: rotate(180deg) translate(0, -40px) scale(0.8);
}
 .vjs-spinner div:nth-child(6) {
opacity: 0.75;
transform: rotate(225deg) translate(0, -40px) scale(1.0);
-webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0);
-moz-transform: rotate(225deg) translate(0, -40px) scale(1.0);
}
 .vjs-spinner div:nth-child(7) {
opacity: 0.87;
transform: rotate(270deg) translate(0, -40px) scale(1.1);
-webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1);
-moz-transform: rotate(270deg) translate(0, -40px) scale(1.1);
}
 .vjs-spinner div:nth-child(8) {
opacity: 1.00;
transform: rotate(315deg) translate(0, -40px) scale(1.3);
-webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3);
-moz-transform: rotate(315deg) translate(0, -40px) scale(1.3);
}
/**

* Primary styles

*

* Author: Tom Black

*/



/*General*/

body {
	background: #080808 url("images/background.jpg") center top no-repeat;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
p, img {
	padding: 10px 20px;
}
#main-container, #header-container, #footer-container {
	margin-bottom: 20px;
}
/*Header*/

#header-container {
	height: 180px;
}
h1 {
	height: 154px;
	width: 358px;
	background: url(images/vertexBlaster.png) center no-repeat;
	text-indent: -9999px;
}
nav {
	height: 50px;
}
header {
	height: 20px;
	width: 100%;
}
nav, article .content {
	width: 100%;
	background: #1f1f1f; /* Old browsers */
	background: -moz-linear-gradient(top, #1f1f1f 0%, #000000 32%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f1f1f), color-stop(32%, #000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f1f1f 0%, #000000 32%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f1f1f 0%, #000000 32%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1f1f1f 0%, #000000 32%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#1f1f1f', endColorstr = '#000000', GradientType = 0); /* IE6-9 */
	background: linear-gradient(top, #1f1f1f 0%, #000000 32%); /* W3C */
	border-width: 1px 1px;
	-moz-border-image: url(css/border.png) 42 0 49 stretch;
	-webkit-border-image: url(css/border.png) 42 0 49 stretch;
	-o-border-image: url(css/border.png) 42 0 49 stretch;
	border-image: url(css/border.png) 42 0 49 stretch;
	-webkit-box-shadow: 0px 5px 20px 1px #000;
	-moz-box-shadow: 0px 5px 20px 1px #000;
	box-shadow: 0px 5px 20px 1px #000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
nav ul {
	float: right;
	padding: 0;
}
nav ul li {
	display: block;
	width: 120px;
	height: 50px;
	float: left;
	margin-left: 5px;/*border-left: solid 1px #062830;*/

    /*border-right: solid 1px #062830;*/



}
nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 15px;
	color: white;
	text-shadow: 0px -1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=-1);
	text-align: center;
	line-height: 46px;
}
#navGames.current, #navGames a:hover, #navGames a:active {
	background: #21d6ff; /* Old browsers */
	background: -moz-linear-gradient(top, #21d6ff 0%, #21d6ff 0%, #158eab 32%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21d6ff), color-stop(0%, #21d6ff), color-stop(32%, #158eab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #21d6ff 0%, #21d6ff 0%, #158eab 32%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #21d6ff 0%, #21d6ff 0%, #158eab 32%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #21d6ff 0%, #21d6ff 0%, #158eab 32%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21d6ff', endColorstr='#158eab', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #21d6ff 0%, #21d6ff 0%, #158eab 32%); /* W3C */
}
#navAbout.current, #navAbout a:hover, #navAbout a:active {
	background: #648717; /* Old browsers */
	background: -moz-linear-gradient(top, #648717 0%, #8cba21 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #648717), color-stop(100%, #8cba21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #648717 0%, #8cba21 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #648717 0%, #8cba21 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #648717 0%, #8cba21 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#648717', endColorstr = '#8cba21', GradientType = 0); /* IE6-9 */
	background: linear-gradient(top, #648717 0%, #8cba21 100%); /* W3C */
}
#navContact.current, #navContact a:hover, #navContact a:active {
	background: #9b8317; /* Old browsers */
	background: -moz-linear-gradient(top, #9b8317 0%, #c9aa1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9b8317), color-stop(100%, #c9aa1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9b8317 0%, #c9aa1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9b8317 0%, #c9aa1e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #9b8317 0%, #c9aa1e 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9b8317', endColorstr = '#c9aa1e', GradientType = 0); /* IE6-9 */
	background: linear-gradient(top, #9b8317 0%, #c9aa1e 100%); /* W3C */
}
#navSupport.current, #navSupport a:hover, #navSupport a:active {
	background: #7d2e0f; /* Old browsers */
	background: -moz-linear-gradient(top, #7d2e0f 0%, #b54015 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d2e0f), color-stop(100%, #b54015)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d2e0f 0%, #b54015 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d2e0f 0%, #b54015 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7d2e0f 0%, #b54015 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7d2e0f', endColorstr = '#b54015', GradientType = 0); /* IE6-9 */
	background: linear-gradient(top, #7d2e0f 0%, #b54015 100%); /* W3C */
}
/*Content*/

h2 {
	font-size: 32px;
	/*line-height: 60px;*/
	font-weight: normal;
	text-shadow: 0px 0px 5px #158dab;
	filter: dropshadow(color = #158dab, offx = 0, offy = 0);
}
h3 {
	font-size: 26px;
	font-weight: bold;
}
h4 {
	font-size: 18px;
	font-weight: bold;
}
.feature {
	text-align: center;
}
/*Footer*/

.links, .copyright {
	width: 100%;
}
.links a, .spacer, .copyright {
	color: #158eab;
}
.links {
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.spacer {
	text-align: center;
	margin: 0 5px;
}
.copyright {
	text-align: center;
}
.iphone {
	width: 940px;
	height:480px;
	text-align: center;
}
.iphone img {
	border: none;
	padding: none;
	margin: none;
}
.text {
	margin-top: 20px;
	padding: 0;
	margin-bottom: 20px;
}
.itunes { width: 100%; height: 75px; text-align: center; margin-bottom: 40px; }
.itunes a { display: block; width: 217px; height: 75px; margin: 0 auto; }
.itunes a img { padding: 0; }
.itunes h2 { width: 600px; margin: 40px auto; }
.itunes h2 a, .itunes h2 a:visited, .itunes h2 a:hover, .itunes h2 a:active { color: white; text-decoration:none; }
.post {
	padding: 20px;
}
input[type=submit] {
	color: black
}
.entry div {
	margin: 10px;
}
/* Easy Slider */



	#slider ul, #slider li,  #slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider2 {
	margin-top:1em;
}
#slider li, #slider2 li {
	/* 

			define width and height of list item (slide)

			entire slider area will adjust according to the parameters provided here

		*/ 

		width:940px;
	height:480px;
	overflow:hidden;
}
#prevBtn, #nextBtn,  #slider1next, #slider1prev {
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}
#nextBtn, #slider1next {
	left:696px;
}
#prevBtn a, #nextBtn a,  #slider1next a, #slider1prev a {
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a {
	background:url(../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */	



	ol#controls {
	margin: 0 auto;
	padding:0;
	height:28px;
	width: 250px;
	position: relative;
	bottom: 60px;
}
ol#controls li {
	margin:0 20px 0 0;
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a {
	float:left;
	height:28px;
	line-height:28px;
	/*border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;*/
	background: url(images/dotOff.png) no-repeat center;
	text-indent: -9999px;
	padding:0 10px;
	text-decoration:none;
}
ol#controls li.current a {
	/*background:#5DC9E1;
	color:#fff;*/
	background: url(images/dotOn.png) no-repeat center;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline:none;
}
/**

* Non-semantic helper classes: please define your styles before this section.

*/



/* For image replacement */

.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
/* Hide for both screenreaders and browsers:

   css-discuss.incutio.com/wiki/Screenreader_Visibility */

.hidden {
	display: none;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal.

  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */

.visuallyhidden.focusable:active,  .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */

.invisible {
	visibility: hidden;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.

   j.mp/bestclearfix */

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

.clearfix {
	zoom: 1;
}



/**

* Media queries for responsive design.

*

* These follow after primary styles so they will successfully override.

*/



@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */



}
 @media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */



}



/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)

   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

@media screen and (max-device-width: 480px) {
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */

    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */

}



/**

* Print styles.

*

* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/

*/

@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
}
/* Black prints faster: sanbeiji.com/archives/953 */

    a, a:visited {
	color: #444 !important;
	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: "";
}
/* Don't show links for images, or javascript/internal links */

    pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
/* css-discuss.incutio.com/wiki/Printing_Tables */

    tr, img {
	page-break-inside: avoid;
}
 @page {
 margin: 0.5cm;
}