/*
Theme Name: Pixel
Theme URI: http://www.pixel.co.uk
Description: A theme for the 2012 edition of the Pixel Magazine website
Author: Mike @ Miniman
Author URI: http://www.miniman-webdesign.co.uk/
Version: 0.1
License: Private
License URI: http://www.miniman-webdesign.co.uk/wpplayground-licence
*/

/* ------------------------------------------------
 HTML5 Reset
------------------------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,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{border:0;font-family:inherit;font-size:100%;
font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align: baseline}:focus{/* remember to define focus styles! */outline:0}body{background:#fff;line-height:1}ol,ul{list-style: none}
table{/* tables still need 'cellspacing="0"' in the markup */border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content: ""}
blockquote,q{quotes: "" ""}a img{border: 0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}.clear{clear:both}.clearfix:after{content:".";visibility:hidden;display:block;height:0;
clear:both}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}strong{font-weight:bold;}em{font-style:italic}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

/* ------------------------------------------------
 Fonts
------------------------------------------------ */

@font-face {
    font-family: 'league_gothicregular';
    src: url('fonts/league_gothic-webfont.eot');
    src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league_gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ------------------------------------------------
 Global
------------------------------------------------ */

body {
	color:#585858;
	background-color:#f8f8f8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}
.wrapper {
	margin:32px auto 0px auto;
	width:1000px;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 30px 0px #dcdcdc;
    box-shadow: 0px 0px 30px 0px #dcdcdc;
	padding:20px 0px 20px 0px
}
a:link, a:visited, a:active {
	color:#155d9b;
	text-decoration:none;
}
a:hover {
	color:#F93 !important;
	text-decoration:none !important;	
}

/* ------------------------------------------------
 Header Bar
------------------------------------------------ */

.headerbar {
	background-color: #d4d4d4;
	background-image: url(img/headerbar-bg.png);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b7b7b7;
	position: fixed;
	height: 32px;
	width: 100%;
	padding:0px 10px 0px 10px;
	left: 0px;
	top: 0px;
	z-index:99999;
}
.headerbar h1, .headerbar h2{
		font-size:12px;
		color:#878686;
		float:left;
		padding-top:10px;
}
.headerbar h2{
	padding-left:4px;	
}
.headerbar h1 a {
	color:#878686;
}
.headerbar h1 a:hover {
	color:#4E4E4E;
	text-decoration:none;
}
.headerbar-left {
	float:left;	
	width:48%;
}
.headerbar-right {
	float:right;
	width:48%;
	text-align:right;
	padding:6px 25px 0px 0px;
	font-size:12px;
	color:#878686;	
}
.headerbar-right img{
	margin-left:10px;
	vertical-align:middle;	
}
.headerbar-right a {
	font-style:italic;
	color:#878686;	
}
.headerbar-right a:hover {
	font-style:italic;
	color:#4e4e4e;
	text-decoration:none;
}
.simple-login-item {
	float:left;	
}
/* ------------------------------------------------
 Main Header
------------------------------------------------ */

.main-header {
	padding: 0px 20px 20px 20px;	
}
.main-header-left {
	width:260px;
	float:left;
	
}
.main-header-right {
	width:400px;
	float:right;
	text-align:right;
	padding:15px 70px 0px 0px;
}
/* ------------------------------------------------
 Main Navigation
------------------------------------------------ */

.main-nav {
	background-color: #262626;
	background-image: url(img/nav-bar.png);
	background-repeat: repeat-x;
	background-position: center top;
	height:59px;
}
.main-nav ul {
	
}
.main-nav li {
	float:left;
}
.main-nav a{
	font-family: 'league_gothicregular';
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	display:block;
	height:59px;
	padding:13px 20px 0px 20px;
}
.main-nav a:hover, li.current-menu-item a {
	background-image: url(img/nav-bar-hover.png);
	background-repeat: repeat-x;
	height:59px;
	text-decoration:none;
	color:#fff !important;
}
.searchbar {
	float:right;
	padding:8px 20px 0px 0px;	
}
#searchsubmit {
	display:none;	
}
input.searchbox {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 4px 4px 20px 1px #e9e9e7;
	box-shadow: inset 4px 4px 20px 1px #e9e9e7;
	color:#999;
	padding-left:10px;	
}

/* ------------------------------------------------
 Main Content
------------------------------------------------ */

.main-content {
	padding: 20px 20px 20px 20px;	
}
.main-content-left {
	float:left;
	width:637px;	
}
.header-title {
	color:#585858;
	font-size:24px;	
	font-family: 'league_gothicregular';
}
.main-content-full {
	width:100%;	
}

/* ------------------------------------------------
 Index Content
------------------------------------------------ */

.index-item {
	padding:20px 0px 20px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
	line-height:130%;
}
.index-featured-image {
	float:left;
	width:199px;
	height:163px;
	margin-right:25px;
	-webkit-box-shadow: 4px 4px 10px 0px #ececec;
	box-shadow: 4px 4px 10px 0px #ececec;
}
.index-featured-image img {
	border: 1px solid #707070;	
}
.index-item-content h1 {
	margin-bottom:10px;
}
.index-item-content h1 a {
	color:#155d9b;
	font-size:18px;
}
.index-item-content small {
	color:#6b6b6b;
	font-size:12px;
	margin-bottom:10px;
	display:block;
}
.index-item-content small a {
	color:#155d9b;
}
a.read-more {
	color:#155d9b;
	font-size:12px;
	font-style:italic;
}
.share-buttons {
	margin-top:20px;
	background-color:#f1f6fb;
	padding:8px 0px 0px 20px;
	border: 1px solid #d3dee9;
}
.wp-caption-text {
	font-size:11px;
	font-style:italic;	
}
/* ------------------------------------------------
 TV Content
------------------------------------------------ */

.tv-item {
	width: 300px;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	border: 1px solid #dce0e4;
}
.tv-featured-image {
	height:264px;	
}
.tv-item-content h1{
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	background-color:#1362a6;
	font-weight:bold;
	font-size:18px;
}
.tv-item-content h1 a{
	color:#fff;
	text-decoration:none;
}

/*******************************************************************
* Home section
********************************************************************/

.home-section {
	background-color:#f1f6fb;
	border: 1px solid #d3dee9;
	padding:20px;
	margin-bottom:20px;
	background-image: url(img/featured-logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.home-intro {
	width:48%;
	float:left;	
	line-height:140%;
}
.home-intro p {
	padding-bottom:10px;
}
.home-section h2 {
	color:#585858;
	font-size:24px;	
	font-family: 'league_gothicregular';
	padding-bottom:10px;
}

.featured {
	width:48%;
	float:right;	
	line-height:140%;
}
.featured-content h3 {
	font-weight:bold;
	font-size:16px;	
	line-height:140%;
	margin-bottom:10px;
}
.featured-content {
	float:left;
	width:200px;	
}
.featured-image {
	float:right;
	width:200px;	
}
.featured-image img{
	border: 1px solid #d3dee9;	
}
/*******************************************************************
* Pagination
********************************************************************/

.page-navigation {
	margin-top:20px;	
}
.pagenavi {
	margin: 0 0 10px 0px;
	padding: 5px 1px 5px;
	float:left;
	width: 98%;
}
.pagenavi a {
	padding: 5px 6px 4px 6px;
	margin: 3px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #999 !important;
	background-color: #f3f3f3;
}
.pagenavi a:hover {
    border: 1px solid #444;
    color: #fff;
    background-color: #2b6fa8;
	text-decoration:none;
}
.pagenavi span.pages {
	padding: 5px 6px 4px 6px;
    margin: 3px;
    color: #999;
}
.pagenavi span.current {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    font-weight:bold;
    border: 1px solid #666;
    color: #fff;
    background-color: #2b6fa8;
}
.pagenavi span.expand {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    border: 1px solid #ccc;
    color: #444;
    background-color: inherit;
}
.pagenavi .first, .pagenavi .last {
    border: 1px solid #aaa;
}
.pagenavi .single_page {
	border: 1px dashed #ccc;
}

/* ------------------------------------------------
 Single and page Content
------------------------------------------------ */

.page-header-title {
	color:#585858;
	font-size:24px;	
	font-family: 'league_gothicregular';
	margin-bottom:10px;
}
.page-item {
	padding:20px 0px 20px 0px;
	line-height:130%;
}
.author-page-details {
	background-color: #f1f6fb;
	padding: 10px;
	border: 1px solid #d9ecff;
}

.author-page-details-avatar {
	float:left;
	width:70px;	
}
.author-page-details-bio {
	float:left;
	padding-left:20px;
	width:520px;
	line-height:130%;
	font-size:12px;
}
.single-page-tags {
	margin-top:15px;
	clear:both;	
}


/* ------------------------------------------------
 Comments
------------------------------------------------ */

.main-comments h3#reply-title, .main-comments .comment-form-comment label {
	display:none;
}
.logged-in-as {
	padding-bottom:10px;	
}
.comment-form-comment textarea {
	width:625px;
	height:200px;
	margin-bottom:10px;	
}
.form-allowed-tags {
	font-size:10px;
	margin-bottom:10px;	
}

/**/

.comment-header {
	background-color: #f4f4f4;
	padding:10px;
}
.comment-header p {
	padding-bottom:6px;
}
.comment-author-avatar {
	float:left;
	width:48px;
	height:48px;
	font-size:10px;
	margin-right:20px;
	border: 1px solid #CCC;
}
.comment-author-meta {
	float:left;
}
.comment-content {
	padding:20px;
}
.comment-options {
	font-size:10px;
	padding-top:10px;	
}

.depth-2 {
	margin-left:30px;	
}
div.comment-author-admin.comment-author-avatar {
	border: 1px solid #0C0;	
}

/* ------------------------------------------------
 Sidebar
------------------------------------------------ */

.sidebars {
	float:right;
	width:280px;	
}
.widget-title {
	color:#585858;
	font-size:24px;
	font-family: 'league_gothicregular';
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E9E9E9;
}
.widget-container {
	margin: 0px 0px 20px 0px;
	font-size:12px;
	line-height:130%;
	background-color:#FBFBFB;
	padding:10px;
	-webkit-box-shadow: 1px 1px 3px 0px #ececec;
	box-shadow: 1px 1px 3px 0px #ececec;
}
.header-banner {
-webkit-box-shadow: 4px 4px 10px 0px #ececec;
	box-shadow: 4px 4px 10px 0px #ececec;
	width:470px;	
}
.widget-container a {
	color:#155d9b;
}

/* Recent Posts */

.srp-thumbnail-box {
	float:left;	
}
.srp-content-box {
	margin-left:80px;	
}
.srp-widget-singlepost {
	padding:15px 0px 15px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
}
.srp-post-title {
	padding-bottom:4px;
}
.srp-post-title a{
	color:#155d9b;
	font-size:14px;	
	line-height:130%;
}

/* ------------------------------------------------
 Footer
------------------------------------------------ */

.footer {
	margin:20px auto 20px auto;
	width:1000px;
	font-size:12px;
	color:#999898;
}
.footer-left {
	width:700px;
	float:left;
}
.footer-right {
	width:296px;
	float:right;
}
.footer a{
	color:#999898;
	font-style:italic;
}
.footer a:hover{
	color:#6A6A6A;
	text-decoration:none;
}
.footer ul{
	float:right;	
}
.footer li {
	float:left;
	padding-left:10px;	
}
.footer li.current-menu-item a {
	background-image:none;
}

/* ------------
Forum
--- */

.bbp-forum-content, .bbp-topic-wrapper, .bbp-single-user {
	margin:20px 20px 0px 20px;	
}
.bbp-forum-content .entry-title {
	text-align:left;
	font-size:26px;	
	font-family: 'league_gothicregular';
	margin-bottom:10px;
}
.bbp-forum-content a {
	color:#1966a7;
	text-decoration:none !important;	
}
.bbp-forum-content a:hover {
	color:#F93 !important;
	text-decoration:none !important;
}
.bbp-topic-permalink {
	font-size:14px;	
	color:#ff0000;
	font-weight:bold;
}
.type-topic, .type-reply {
	line-height:1.6;
	font-size:14px;
	word-wrap:break-word;	
}
.bbp-forum-content {
	padding:10px;
	margin:0px;
	font-style:normal;
	line-height:140%;
	font-family:Arial, Helvetica, sans-serif !important;
	color:#333;
}
.bbp-forum-content p {
	font-style:normal !important;
}
.bbp-forum-title {
	font-size:15px;	
}
.bbp-forum-title a{
	font-weight:normal !important;	
	font-size:14px !important;
}
.bbp-forum-title a:hover {
	color:#F93 !important;
	text-decoration:none !important;
}

.bbp-header {
	background: #1169b3 !important;
background: -moz-linear-gradient(top, #155c99 0%, #1169b3 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#155c99), color-stop(100%,#1169b3)) !important;
background: -webkit-linear-gradient(top, #155c99 0%,#1169b3 100%) !important;
background: -o-linear-gradient(top, #155c99 0%,#1169b3 100%) !important;
background: -ms-linear-gradient(top, #155c99 0%,#1169b3 100%) !important;
background: linear-gradient(to bottom, #155c99 0%,#1169b3 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#155c99', endColorstr='#1169b3',GradientType=0 ) !important;
color:#fff !important;
}
.bbp-header a {
	color:#fff !important;
}
.bbp-reply-header {
	background-color: #E4E9EF !important;
	color: #849BB7 !important;
}
.bbp-reply-header a {
	color: #597597 !important;
}
.odd {
	background:#fff !important;	
}
.bbp-footer {
	display:none !important;	
}
.d4pbbc-quote {
	background:#fbfbfb;
	padding:10px;
	color:#9A9A9A;
	font-size:12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EFEFEF;
	border-right-color: #EFEFEF;
	border-bottom-color: #EFEFEF;
	border-left-color: #DDE6EC;
	-webkit-box-shadow: 2px 2px 4px 1px #ededed;
box-shadow: 2px 2px 4px 1px #ededed;
}
.d4pbbc-quote a{
	color:#9a9a9a;
	font-size:12px;
}
.bbp-reply-author .avatar {
	-webkit-box-shadow: 2px 2px 4px 1px #ededed;
	box-shadow: 2px 2px 4px 1px #ededed;
	border: 1px solid #ededed !important;	
}
.status-spam {
	background-color:#f9e5e5 !important;
	background-image: url(img/spam.jpg) !important;
	background-repeat: repeat;
}
.bbp-body .status-closed {
	background-image: url(img/closed.png) !important;
	background-repeat: no-repeat !important;
	padding-left:35px !important;
	background-position: 4px center;
}
.single-topic-class .status-closed {
	background-image: none !important;
	padding-left:0px !important;
}
.bbp-body .status-closed.bbp-reply-position-1 {
	background-image:none
}
.bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky {
	background-color:#fff;ff0 !important;
	background-image: url(img/pinned.png) !important;
	background-repeat: no-repeat !important;
	padding-left:35px !important;
	background-position: 4px center !important;
}

/* RTE */
.index-item-content {
	line-height:140%;	
}
.index-item-content p {
	margin-bottom:10px;	
}
.index-item-content ul {
	margin-left:10px;
	list-style-type:disc;
	margin-bottom:10px;	
}
.index-item-content ol {
	margin-left:10px;
	list-style-type:decimal;
	margin-bottom:10px;	
}
.index-item-content strong {
	font-weight:bold;	
}
.index-item-content em {
	font-style:italic;
}
.index-item-content del {
	text-decoration:line-through;
}
.index-item-content h1,
.index-item-content h2,
.index-item-content h3,
.index-item-content h4, {
	font-weight:bold;
	padding-bottom:20px;
}
.index-item-content h1 {
	font-size:18px;
}
.index-item-content h2 {
	font-size:17px;
}
.index-item-content h3 {
	font-size:16px;
}
.index-item-content h4 {
	font-size:15px;
}
.www_slider {display:none;}
#featured_slider {
	line-height:135%;
	overflow:hidden;	
}
/* ------------------------------------------------
 Galleries
------------------------------------------------ */
.gallery {
	background:#f7f7f7;
	border: 1px solid #eaeaea;	
	clear:both;
}
dl.gallery-item {
	float:left;
	margin:10px 10px 0px 10px;
	border: 1px solid #eaeaea;
	
}
/* ------------------------------------------------
 Review Box
------------------------------------------------ */
.sub-reviews-section {
	margin:20px 0px 20px 0px;	
}
.review-box {
	background-color: #f8f8f8;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #eaeaea;
	overflow:auto;
	margin-bottom:10px;
}
.review-image {
	width:150px;
	float:left;	
	text-align:center;
}
.review-content {
	width: 420px;
	float: right;
	margin-left:20px;	
}
.review-content h2 {
	font-size:16px;
	font-weight:bold;	
}
.review-image-main {
	float:right;
	padding:0px 0px 20px 20px;	
}
.reviews-intro {
	color:#666;
	margin:10px 0px 20px 0px;	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 500px) and (min-device-width : 320px) and (max-device-width : 569px) {
.wrapper {
	margin:0;
	width:100%;
	background-color:#fff;
	-webkit-box-shadow:none;
    box-shadow:none;
	padding:5px;
}
.headerbar {
	display:none;
}
/* ------------------------------------------------
 Main Header
------------------------------------------------ */

.main-header {
	padding: 5px;	
}
.main-header-left {
	width:100%;
	float:none;
	text-align:center;
	
}
.main-header-right {
	display:none;
}
.home-section {
	display:none;
}

/* Main nav */

.main-nav {
	background-color: #000;
	background-image: none;
	height:inherit;
	overflow:hidden;
}
.main-nav ul {
	background-color:#000;
	overflow:hidden;
}
.main-nav li {
	float:none;
	text-align:center;
}
.main-nav a{
	font-family: 'league_gothicregular';
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	padding:5px;
	height:inherit;
}
.main-nav a:hover, li.current-menu-item a {
	background-image:none;
	background-color:#1263a8;
	text-decoration:none;
	height:inherit;
}
.searchbar {
	float:none;
	padding:5px;
	text-align:center;	
}
#searchsubmit {
	display:none;	
}
input.searchbox {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 4px 4px 20px 1px #e9e9e7;
	box-shadow: inset 4px 4px 20px 1px #e9e9e7;
	color:#999;
	padding-left:0px;	
}
.sidebars {
	margin-top:20px;
	float:none;
	width:100%;	
}
.main-content {
	padding: 5px;
	clear:both;	
}
.main-content-left {
	float:none;
	width:100%;	
}
.share-buttons {
	display:none;	
}



/* ------------------------------------------------
 Footer
------------------------------------------------ */

.footer {
	margin:10px 0px 10px 0px;
	width:100%;
	font-size:12px;
	color:#999898;
}
.footer-left {
	width:100%;
	float:none;
	text-align:center;
}
.footer-right {
	display:none;
}
.footer a{
	color:#999898;
	font-style:italic;
}
.footer a:hover{
	color:#6A6A6A;
	text-decoration:none;
}
.footer ul{
	float:none;	
}
.footer li {
	float:left;
	padding-left:5px;	
}
.footer li.current-menu-item a {
	background-image:none;
}
}