/*
Theme Name: Squid in a Box
Theme URI: http://squidinabox.com
Author: Matt Dunn
Author URI: http://processyellow.ca
Description: Custom theme for Squid in a Box.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:
*/

@import url('normalize.css');

/* =Global
----------------------------------------------- */
body{color:#222;font-family:Cabin, Helvetica, Arial, sans-serif;font-size:14px;line-height:1.5;background:url(../../../img/background.png)}
h1,h2,h3,h4,h5,h6{clear:both;text-transform:uppercase;font-weight:700}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul,ol{margin:0 0 1.5em 15px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0;margin-left:15px}
dd{margin:0 1.5em 1.5em}
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch", Courier, monospace;font-size:1.5rem;line-height:1.6;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}
code,kbd,tt,var{font:15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
small{font-size:75%}
big{font-size:125%}
table{width:100%;margin:0 0 1.5em}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=text],input[type=email],textarea{color:#666;border:1px solid #ccc;border-radius:3px}
input[type=text]:focus,input[type=email]:focus,textarea:focus{color:#111}
input[type=text],input[type=email]{padding:3px}
textarea{overflow:auto;padding-left:3px;vertical-align:top;width:98%}
a{color:#f58220; text-decoration: none;}
a:visited{color: #f58220; opacity: .8;}
a:hover,a:focus,a:active{color:#191970}
.alignleft{display:inline;float:left;margin-right:1.5em}
.alignright{display:inline;float:right;margin-left:1.5em}
.aligncenter{clear:both;display:block;margin:0 auto}
.assistive-text{clip:rect(1px,1px,1px,1px);position:absolute!important}
.main-navigation{clear:both;display:block;float:left;width:1040px;margin-left:-20px;background:#fff;font-size:14px;text-transform:uppercase; background: #eee; padding: 16px 0;}
.main-navigation ul{list-style:none;padding-left:0;width:520px;margin:0 auto}
.main-navigation li{float:left;position:relative;margin-right:25px}
.main-navigation a{display:block;text-decoration:none}
.main-navigation ul ul{-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;float:left;position:absolute;top:1.5em;left:0;z-index:99999}
.main-navigation ul ul ul{left:100%;top:0}
.main-navigation ul ul a{width:200px}
.main-navigation ul li:hover > ul{display:block}
.menu-toggle{cursor:pointer}
.entry-meta{clear:both}
.single .byline,.group-blog .byline{display:inline}
.entry-content,.entry-summary{margin:1.5em 0 0}
.page-links{clear:both;margin:0 0 1.5em}
.site-header img,.entry-content img,img[class*=align],img[class*=wp-image-]{height:auto}
.site-header img,.entry-content img,img.size-full{max-width:100%;width:auto}
.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
.wp-caption{border:1px solid #ccc;max-width:100%}
.wp-caption img{display:block;max-width:98%;margin:1.2% auto 0}
.wp-caption-text{text-align:center}
.wp-caption .wp-caption-text{margin:.8075em 0}
#content .gallery a img{border:none;height:auto;max-width:90%}
#content .site-navigation{overflow:hidden;margin:0 0 1.5em}
#content .nav-previous{float:left;width:50%}
#content .nav-next{float:right;text-align:right;width:50%}
p,.wp-caption.aligncenter,.wp-caption.alignleft,.wp-caption.alignright,#content .gallery{margin-bottom:1.5em}
dt,b,strong,th{font-weight:700}
address,.hentry,.widget{margin:0 0 1.5em}
figure,#content .gallery dd{margin:0}
.main-small-navigation .menu,.byline,.blog .format-aside .entry-title,.archive .format-aside .entry-title,#searchsubmit{display:none}
.site-header img,.entry-content img,.comment-content img,.widget img,embed,iframe,object{max-width:100%}
br.clear {clear: both;}

/* =Specifics
----------------------------------------------- */

header#masthead, footer#colophon {background: #fff; width: 1000px; padding: 0 20px; margin: 0 auto;}
#main {background: #fff; width: 960px; padding: 0 40px; margin: 0 auto;}

#primary {width: 700px; float: left; margin-right: 40px;}
#secondary {width: 220px; float: right;}
#secondary ul {margin-left: 0px;}

#site-title {float: left; width: 750px;}
#top-social {float: right; position: relative; top: 55px;}
	#top-social li {list-style: none; display: inline;}
#top-social a:hover {opacity: .8;}

#site-title h1 {text-indent: -9999px; margin-bottom: -80px;}
#secondary h1, h2, h3, h4, h5, h6 {font-size: 18px;}

#featured-game {height: 365px; width: 1040px; background: url('../../../img/waves.jpg'); margin-left: -40px; color: #eee; font-size: 14px; font-family: Dosis;}
	#featured-game a {color: #fff; text-decoration: none;}
		#featured-game a:hover {color: #f58220}
	#featured-game-desc {background: url('../../../img/black-container.png'); width: 500px; position: relative; top: 75px; margin-left: 40px; padding: 15px;}
	#featured-game #buy-now {display: block; width: 265px; height: 50px; background: #f58220; position: relative; left: 305px; top: 75px; text-align: center;}
	#buy-now a, #buy-now span {color: #fff; text-decoration: none; position: relative; top: 15px; margin-right: 10px;}
		#buy-now a:hover {color: #000;}
.one-third {width: 300px; float: left; margin-right: 20px;}

h1 {font-size: 24px;}
h2 {font-size: 21px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}

#blog-posts ul li {margin-left: -55px; list-style: none;}
span.home-date {color: #777; font-weight: 100; font-size: 14px;}

footer#colophon {border-top: double 4px #666; padding-top: 1.5em; padding-bottom: 1.5em; font-size: 14px;}

.entry-meta {font-size: 12px;}

.entry-title a {text-decoration: none; color: #333;}
	.entry-title a:hover {color: #f58220;}

#featured-game h1 {font-size: 21px;}

/* comments */
.form-allowed-tags, .form-allowed-tags code	 {font-size: 12px; font-style: italic;}	
.comment-content {margin-bottom: 25px; border-bottom: 1px solid #eee;}
.reply {float: right; font-size: 12px;}
.comment-meta {font-size: 12px; position: relative; top: -21px; margin-left: 57px;}
.comment-author { padding: 0;}
ol.commentlist {margin: 0; padding: 0; list-style: none;}
cite.fn, span.says {position: relative; top: -21px;}
.comment-content {margin-top: -31px;}
cite.fn {margin-left: 15px;}
#respond input {margin-left: 20px;}
#respond input#email {margin-left: 21px;}
#respond input#url {margin-left: 19px;}

.page-template-game-php blockquote p{font-size: 18px; color: #7f7f7f; font-style: italic;}
.page-template-game-php blockquote footer {font-size: 12px; color: #7f7f7f; text-transform: uppercase; float: right; position: relative; top: -25px;}

#game-cta {border-top: 1px solid #000; border-bottom: 1px solid #000;}

.piclenselink {display: none;}
#ngg-gallery-3-684 {margin-top: 15px; margin-left: 10px;}
.ngg-gallery-thumbnail-box {margin-right: 10px; margin-bottom: 19px;}

h2.site-description {text-transform: none; color: #666; font-style: italic; font-size: 16px; font-weight: none; margin-top: 20px;}