/*   
Theme Name: Binx
Theme URI: http://example.com/example/
Description: Binx for gamers
Author: Chris Mahon
Author URI: http://chrismahon.com/
Version: 1.0
Your theme will be your copyrighted work
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/* BODY ---------------------------------------------------------*/
	
	body {
		height: 100%;
	}
	
	body {
		overflow-y: scroll;
		font-size: 16px;
		line-height: 20px;
		font-family: "Gill Sans", "Gill Sans MT", Arial;
		font-weight: 100;
		letter-spacing: .3px;
	}

	strong { font-weight: bold; }

/* STRUCTURE ---------------------------------------------------------*/

	.inner {
		margin: auto;
		width: 580px;
	}
	#container {
		/*padding-top: 60px;*/
	}

/* LINKS */

	a:hover,
	a:focus {
		color: #CC0000;
	}

/* LISTS ---------------------------------------------------------*/

	ol,
	ul {
		margin-left: 20px;
	}
	ol li,
	ul li {
		margin-left: 20px;
		margin-bottom: 5px;
		list-style: disc;
	}
	ol li {
		list-style: upper-roman;
	}

/* TEXT ---------------------------------------------------------*/

	p,
	ol,
	ul {
		margin-bottom: 20px;
	}
	
	code {
		font-family: "Gill Sans", "Gill Sans MT";
		font-size: 16px;
		font-weight: 100;
		letter-spacing: .3px;
		}
	.entryContent code {
		display: block;
		font-family: Lucida Console, Monaco, monospace;
		font-size: 12px;
		line-height: 20px;
		font-weight: normal;
		padding: 5px 7px;
		margin: 0 5px 20px 5px;
		border: 1px solid #838379;
		background: white url(images/code-bg.png) repeat 0 4px;
		overflow-x: auto;
	}
	
	.metaSep {
		margin-right: 3px;
	}
	
/* VIDEOS ---------------------------------------------------------*/
	
	video,
	object,
	embed {
		width: 100%;
		margin-bottom: 20px;
	}
	
/* HEADINGS ---------------------------------------------------------*/

	h1 {
		font-weight: bold;
		font-size: 30px;
		line-height: 28px;
		text-align: center;
		text-transform: uppercase;
		margin: 60px 40px 50px 40px;
	}
	h2,
	h3,
	h4 {
		margin-bottom: 20px;
	}
	h2 {
		text-transform: uppercase;
		font-weight: bold;
	}
	h3 {
		font-weight: normal;
	}
	h4 {
		font-weight: normal;
		font-size: 12px;
	}
	h1 span,
	h2 span,
	h3 span,
	h4 span {
		color: #cc0000;
	}

/* ICONS ---------------------------------------------------------*/

	.icon {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}
	.iconPost {
		height: 26px;
		width: 18px;
	}
	.iconComment {
		height: 18px;
		width: 20px;
	}
	.iconArchive {
		height: 26px;
		width: 24px;
	}
	.iconCategory {
		height: 26px;
		width: 24px;
	}
	.iconTag {
		height: 26px;
		width: 24px;
	}
	.iconBookmark {
		height: 26px;
		width: 10px;
		margin: 0 17px 0 7px;
	}
	.iconTweet {
		height: 26px;
		width: 25px;
	}
	.iconQuote {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		height: 108px;
		width: 130px;
		z-index: -1;
	}
	.iconAdd {
		width: 16px;
		height: 16px;
	}
	.iconPermalink {
		margin-right: 5px;
		width: 21px;
		height: 14px;
	}
	.iconReply {
		margin-right: 5px;
		width: 11px;
		height: 14px;
	}

/* HEADER ---------------------------------------------------------*/

	#header {
		padding: 50px 50px 20px 50px;
	}

	#blogTitle {
		font-weight: bold;
		text-align: center;
		line-height: 75px;
		font-size: 75px;
		text-transform: uppercase;
	}
	#blogTitle a {
		text-decoration: none;
		letter-spacing: -5px;
	}
	
	#blogDescription {
		text-align: center;
		font-weight: 100;
		font-size: 15px;
		text-transform: uppercase;
		line-height: 1;
	}
	
	#branding {
		margin-bottom: 40px;
	}

/* MENU ---------------------------------------------------------*/

	.skipLink {
		display: none;
	}
	
	#menu {
		position: relative;
		background-image: url(images/menu_bg.png);
		background-position: 0 100%;
		background-repeat: repeat-x;
		text-align: center;
	}
	#menu ul {
		overflow: hidden;
		margin: 0;
	}
	#menu ul li {
		position: relative;
		z-index: 1;
		display: inline-block;
		margin: 0;
	}
	#menu ul li a {
		display: block;
		padding: 25px 20px;
		font-size: 18px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 500;
	}
	#menu ul li.current_page_item,
	#menu li.current-cat {
		background: url(images/overlay_bg.png) 0 0 repeat;
	}
	#menu ul li a:hover,
	#menu ul li a:focus {
		color: #EFEFEF;		
	}
	#menu ul li input {
		padding: 10px;
		font-size: 18px;
		font-weight: 500;
		font-family: "Gill Sans", "Gill Sans MT";
	}
	
	#menu .seperator {
		position: absolute;
		right: 0;
		left: 0;
		background: url(images/dark/seperator.png) 50% 100% repeat-x;
		height: 3px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
		filter: alpha(opacity=25);
	}
	#menu .seperator.top {
		top: 4px;
		opacity: .25;
	}
	#menu .seperator.bottom {
		bottom: 4px;
		opacity: .25;
	}

/* HOME ---------------------------------------------------------*/

	.otherStory .inner {
		width: 540px;
		padding: 20px;
		height: 150px;
		position: relative;
		margin-top: 30px;
		margin-bottom: 30px;
		cursor: pointer;
	}
	.otherStory .inner .image {
		position: absolute;
		top: 20px;
		left: -20px;
	}
	.otherStory .inner h2,
	.otherStory .inner div,
	.otherStory .inner p {
		margin-left: 260px;
		margin-bottom: 15px;
	}
	.otherStory .inner h2 {
		font-size: 20px;
		line-height: 20px;
		text-transform: uppercase;
		margin-bottom: 2px;
		margin-top: 4px;
	}
	.otherStory .inner h2 a {
		text-decoration: none;
	}
	.otherStory .inner .entryMeta {
		margin-bottom: 10px;
		text-align: left;
	}
	.otherStory .commentLink {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: normal;
	}

/* POST ---------------------------------------------------------*/
	
	.entryContent {
		margin-top: 40px;
	}

	.entryContent img {
		max-width: 580px;
	}
	
	.entryUtility {
		padding: 20px 0;
	}
	
	.entryUtility div {
		margin-top: 20px;
	}

	.entryUtility div:first-child {
		margin: 0;
	}
	
	.single h1 {
		margin-bottom: 10px;
	}
	
	.single #comments {
		padding: 40px 0 45px 0;
	}
	
	.single .entryContent > p:first-child {
		position: relative;
		font-size: 20px;
		font-weight: normal;
		line-height: 25px;
	}
	
	.single .entryContent > p:first-child span {
		position: absolute;
		top: 30px;
		left: 0;
		margin-left: -160px;
		width: 150px;
		
		font-size: 100px;
		text-transform: uppercase;
		text-align: right;
	}

	.entryMeta {
		font-weight: 500;
		font-size: 12px;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 40px;
	}
	
	#content {
		padding-bottom: 45px;
	}
	
	.otherPosts {
		padding: 40px 0 45px 0;
	}
	.otherPosts .inner {
		position: relative;
	}
	.otherPosts .inner .overflow {
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
	.otherPosts .inner h2 {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 40px;
		text-align: center;
		text-transform: uppercase;
	}
	.otherPosts ul {
		margin: 0;
		background: url(images/other_stories_bg.png) 0 50% repeat-x;
		height: 88px;
		width: 1000px;
	}
	.otherPosts li {
		float: left;
		width: 100px;
		margin: 0 20px 0 0;
		list-style: none;
	}
	.otherPosts .lessPosts {
		position: absolute;
		width: 49px;
		height: 43px;
		bottom: 23px;
		left: 0;
		background-position: -566px 0;
	}
	.otherPosts .morePosts {
		position: absolute;
		width: 49px;
		height: 43px;
		bottom: 23px;
		right: -49px;
		background-position: -616px 0;
	}
	.otherPosts .lessPosts:hover,
	.otherPosts .lessPosts:focus {
		background-position: -566px -43px;
	}
	.otherPosts .morePosts:hover,
	.otherPosts .morePosts:focus {
		background-position: -616px -43px;
	}
	.otherPosts .lessPosts span,
	.otherPosts .morePosts span {
		display: none;
	}
	
	.authorBlock {
		overflow: hidden;
		padding: 20px 0;
	}

	.authorBlock img {
		float: left;
		margin-right: 20px;
	}
	
	.authorBlock p {
		font-weight: 500;
		margin: 0;
	}
	
/* COMMENTS ---------------------------------------------------------*/
	
	#comments .inner h2 {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 40px;
		text-align: center;
		text-transform: uppercase;
	}
	#comments .unapproved {
		font-weight: 500;
	}
	#comments ol li .commentHolder {
		position: relative;
		padding: 20px 20px 15px 20px;
		margin-bottom: 20px;
	}
	#comments ol ul.children li {
		list-style: none;
	}
	#comments ol ul.children ul.children {
		margin-left: 40px;
	}
	#comments ol li p {
		margin: 10px 0 0 0;
	}
	#comments ol li p.subscribe-to-comments {
		margin-bottom: 20px;
	}
	#comments ol li .commentAuthor {
		float: left;
	}
	#comments ol li .commentContent {
		clear: both;
		padding-top: 5px;
	}
	#comments ol li .commentAuthor img {
		vertical-align: text-bottom;
		margin-right: 5px;
	}
	#comments ol li .commentAuthor {
		font-weight: bold;
		font-size: 16px;
	}
	#comments ol li .commentMeta {
		font-size: 14px;
		font-weight: 500;
		margin-top: 15px;
		padding-top: 10px;
		text-transform: uppercase;
		overflow: hidden;
	}
	#comments ol li .commentMeta .commentOptions {
		float: left;
		width: 60%;
	}
	#comments ol li .commentMeta .commentOptions .comment-reply-link {
		margin-right: 20px;
	}
	#comments ol li .commentMeta .commentOptions a {
		text-decoration: none;
	}
	#comments ol li .commentMeta .commentOptions a em {
		text-decoration: underline;
		font-style: normal;
	}
	#comments ol li .commentMeta .commentTime {
		float: right;
		width: 40%;
		text-align: right;
	}
	#comments .formSection {
		position: relative;
		padding: 5px 0;
		margin: 10px 0;
	}
	#comments .formSection .formLabel {
		position: absolute;
		top: 15px;
		left: -210px;
		width: 200px;
		text-align: right;
		font-weight: bold;
	}
	#comments .formSection input,
	#comments .formSection textarea {
		font-family: "Gill Sans", "Gill Sans MT";
		font-size: 16px;
		font-weight: 100;
		letter-spacing: .3px;
		padding: 10px;
		background: #FFF;
		border: none;
	}
	
	#comments .formSection textarea {
		width: 560px;
	}
	
	#comments button {
		background: #cc0000 url(images/button_bg.png) 0 100% repeat-x;
		border: none;
		font-size: 16px;
		font-weight: 500;
		padding: 0 10px 0 0;
		cursor: pointer;
	}
	
	#comments button em {
		display: inline-block;
		padding: 10px 10px 8px 10px;
		margin-right: 10px;
	}
	
	#comments button .iconAdd {
		margin: 0;
	}
	
	#comments #commentsList {
		padding-bottom: 20px;
	}
	
	#comments #respond .formAlternativeOption {
		display: none;
		font-weight: 500;
	}
	
	#comments ol,
	#comments ol li {
		margin: 0;
		list-style: none;
	}
	
	#comments ol #respond .formAlternativeOption {
		display: inline;
	}
	
	#comments ol #respond #cancel-comment-reply-link {
		font-weight: 500;
	}
	
	#comments ol #respond {
		padding: 0 0 20px 0;
	}
	
	#comments ol #respond h2 {
		display: none;
	}
	
	#comments ul.children #respond {
		margin-left: 20px;
	}
	#comments ul.children #respond .formSection textarea {
		width: 520px;
	}
	
	#comments .permalink {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 28px;
		height: 20px;
	}
	
	#comments .permalink span {
		display: none;
	}
	
	.allComments #comments {
		border: none;
		padding-bottom: 0;
	}

	#trackbacksList { padding-bottom: 48px; }

/* IMAGES ---------------------------------------------------------*/

	.image {
		display: block;
		position: relative;
	}
	.image span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: .25;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
		filter: alpha(opacity=25);
	}
	.hover .image span {
		opacity: .5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
	}
	.image em {
		background-position: 0 -26px;
		position: absolute;
		left: -17px;
		bottom: 0;
		width: 155px;
		height: 51px;
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}

/* SEARCH ---------------------------------------------------------*/

	#searchForm form {
		position: relative;
	}

	#searchForm form input.hint {
		font-family: "Gill Sans","Gill Sans MT";
		font-size: 16px;
		font-weight: 100;
		padding: 10px 90px 10px 7px;
		width: 480px;
	}
	
	#searchForm form button {
		background: #cc0000 url(images/button_bg.png) 0 100% repeat-x;
		position: absolute;
		right: -2px;
		top: 0;
		border: none;
		font-size: 16px;
		font-weight: 500;
		cursor: pointer;
		padding: 7px 10px;
	}
	
	#searchForm form button span {
		display: block;
		width: 25px;
		height: 25px;
		background-position: -19px 0;
	}
	
	#searchForm form button span em {
		display: none;
	}
	
/* PAGES ---------------------------------------------------------*/
	
	body.search #content > div,
	body.page #content > div,
	body.error404 #content > div {
		width: 580px;
		margin: auto;
	}
	
	body.page .allComments #content,
	body.page .searchResults #content {
		width: 100%;
	}

/* ACCOUNT ---------------------------------------------------------*/
	#account label, #wpcf7-f3-p761-o1 label {
		display: inline-block;
		font-weight: bold;
		text-align: right;
		width: 130px;
		margin-right: 15px;
		}
		#wpcf7-f3-p761-o1 label img { /* CAPTCHA image */
			margin-bottom: -6px;
			}
	#account small {
		font-size: .8em;
		font-style: italic;
		margin-left: 10px;
		}
		#account small strong { font-weight: bold; }
	.success {
		color: #64d07e;
		font-weight: bold;
		padding: 10px;
		border: 1px solid #abf8be;
		background: #f0fff3;
		}
	.error {
		color: #9a2828;
		font-weight: bold;
		padding: 10px;
		border: 1px solid #eb7b7b;
		background: #feeded;
		}

/* LOGIN/ACCOUNT INPUTS ---------------------------------------------------------*/

	#login, #req-login, .toggle {
		width: 580px;
		margin: 0 auto;
		padding-top: 10px;
		}
	.toggle { text-align: right; }
		.toggle a { text-decoration: none; }
	#tog-log-wr {
		width: 580px;
		margin: 0 auto;
		}
	#tog-log {
		width: 62px;
		margin: 0 0 0 auto;
		}
		#tog-log a {
			display: block;
			text-indent: -9999px;
			width: 62px;
			height: 22px;
			background: url(images/login.gif) no-repeat 0 0;
			}
		#tog-log a.logged-in { background-position: 0 -57px; }
			#tog-log a:hover {
				height: 35px;
				margin-bottom: -13px;
				background: url(images/login.gif) no-repeat 0 -22px;
				}
			#tog-log a.logged-in:hover { background-position: 0 -79px; }
	#login input, #req-login input, #account input, #wpcf7-f3-p761-o1 input, #wpcf7-f3-p761-o1 textarea {
		color: #4b4a46;
		font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
		font-size: 16px;
		width: 237px;
		margin: 0 4px 3px 0;
		padding: 4px 10px;
		border: 1px solid #e4e4e0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 6px;
		background: #ffffff;
		background-image: -moz-linear-gradient(100% 30% 90deg, #ffffff, #f6f6f6);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#f6f6f6), to(#ffffff));
		}
		#wpcf7-f3-p761-o1 textarea {
			vertical-align: top;
			width: 400px;
			height: 260px;
			}
	#account input#user_login { color: #b0b0b0; }
	#login input.button, #req-login input.button, #account input.button, #wpcf7-f3-p761-o1 input.button {
		width: auto;
		cursor: pointer;
		}
		#login input.button:hover, #req-login input.button:hover, #account input.button:hover, #wpcf7-f3-p761-o1 input.button:hover {
			background-image: -moz-linear-gradient(100% 50% 90deg, #ffffff, #e9e9e9);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#e9e9e9), to(#ffffff));
			}
	input::-webkit-input-placeholder { color: #eaeaea; }
		#login input:focus, #req-login input:focus, #account input:focus, #wpcf7-f3-p761-o1 input:focus, #wpcf7-f3-p761-o1 textarea:focus {
			color: #4b4a46;
			background: #cde7ff;
			}
		#login p, #req-login p { margin-bottom: 7px; }
		#req-login .wpcf7-form p, #req-login .wpcf7-form p span {
			margin: 0;
			padding: 0;
			line-height: 1px;
			font-size: 1px;
			}
		p#lost {
			font-size: 11px;
			margin-bottom: 0;
			}

/* FOOTER ---------------------------------------------------------*/

	.navigation {
		width: 580px;
		padding: 20px 0;
		margin: auto;
	}
	
	.navigation a {
		text-transform: uppercase;
		font-weight: 500;
		font-size: 20px;
		text-decoration: none;
	}
	
	.navigation a:hover,
	.navigation a:focus {
		color: #CC0000;
	}
	
	.navigation .metaNav {
		font-family: 'Times New Roman';
		font-weight: normal;
		line-height: 20px;
		font-size: 40px;
	}

	html>/**/body .navigation .metaNav {
		display: inline-block;
		vertical-align: top;
	}

	.navigation .navPrevious .metaNav {
		margin: -3px 10px 0 0;
	}
	
	.navigation .navNext .metaNav {
		margin: -3px 0 0 10px;
	}
	
	.navigation .navPrevious {
		float: left;
		width: 45%;
	}
	
	.navigation .navNext {
		float: right;
		width: 45%;
		text-align: right;
	}
	
	#footer #siteInfo {
		width: 580px;
		margin: auto;
		padding: 45px 0 30px 0;
		overflow: hidden;
	}
	
	#footer #siteInfo .column {
		position: relative;
		float: left;
		width: 160px;
		margin: 40px 20px 0 0;
	}
	
	#footer #siteInfo .column h2 {
		margin-bottom: 10px;
	}
	
	#footer #siteInfo #latestTweet {
		width: 220px;
		margin-right: 0;
		font-weight: 500;
		min-height: 150px;
	}

	#footer #siteInfo #latestTweet #tweetContent ul {
		padding: 0;
	}

	#footer #siteInfo #latestTweet p {
		margin: 0;
		padding: 9px 0 0 0;
	}

	#footer #siteInfo #latestTweet p.meta a {
		font-weight: 100;
		text-transform: capitalize;
	}

	#footer #siteInfo .column ul {
		margin: 0;
		padding: 10px 0;
	}
	
	#footer #siteInfo .column ul li {
		list-style: none;
		margin: 0;
	}
	
	#footer #siteInfo .column > ul li {
		padding: 0 0 5px 0;
		font-weight: 100;
	}

	#footer #siteInfo .column ul li a {
		font-weight: 500;
	}
	
	#advertSlot {
		padding: 30px 0;
	}

	#advertSlot div {
		width: 580px;
		margin: auto;
		text-align: center;
	}
	
	#advertSlot div ul {
		overflow: hidden;
		margin: 0 -20px;
		text-align: center;
	}

	#advertSlot div ul li {
		display: inline;
		margin: 0 15px;
		list-style: none;
	}
	
	.footnote {
		overflow: hidden;
		clear: both;
		padding: 40px 0 20px 0;
	}
	
	.footnote .socialLinks {
		float: right;
		overflow: hidden;
	}

	.footnote .socialLinks li {
		float: left;
		list-style: none;
		margin: 0 0 0 10px;
	}

	.footnote .socialLinks li a {
		width: 45px;
		height: 45px;
		display: block;
		margin: 0;
	}
	
	.footnote .socialLinks li a span {
		display: none;
	}
	
	.footnote .copyright {
		font-weight: 500;
		margin: 0 0 5px 0;
	}
	
	.footnote .badge {
		font-size: 12px;
	}
	

/* FIREFOX ---------------------------------------------------------*/

	@-moz-document url-prefix(){
	
		#searchForm form button {
			right: 0;
		}
	
		#searchForm form button {
			padding: 7px;
		}
	
		#searchForm form button span {
			width: 24px;
			height: 24px;
		}
	
	}


.shr-bookmarks { /* Share plugin */
	margin-top: 48px !important;
	}