/**
Theme Name:Ubelly
Theme URI:http://ubelly.com
Description:Custom theme for Ubelly, created with code, colours and hedgehogs.
Author:John O'Nolan
Author URI:http://john.onolan.org
Version:2.0
Test line
**/


/* -------------------------------------------------------------------------------------------------- */
/* CSS Reset */
/* -------------------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, 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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

html, body { height:100%; }
html, body, div, p,
address, blockquote,
ol, ul, dd, dl, dt, fieldset, form,
h1, h2, h3, h4, h5, h6,
pre, hr, menu { display:block; }
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display:block; }
body { font-size:100%; line-height:1.5; }
:focus { outline:none; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
blockquote, q, em, cite, dfn, cite, var, address { font-style:italic; }
th, strong, dt { font-weight:bold; }
sub, sup { font-size:smaller; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

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

ul { list-style:disc; }
ol { list-style:decimal; }

table { border-collapse:collapse; border-spacing:0; }
table .column-1,
table .column-2,
table .column-3,
table .column-4,
table .column-5,
table .column-6,
table .column-7,
table .column-8,
table .column-9,
table .column-10,
table .column-11,
table .column-12,
table .column-13 {
	float:none;
	margin-right:0;
	width:auto;
}
th { text-align:left; }
caption { position:absolute; left:-9999em; }
input, select { vertical-align:middle; }
textarea { overflow:auto; }
label, input[type=button], input[type=submit], button { cursor:pointer; }
button { width:auto; overflow:visible; }
a img { border:none; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block;clear:both; }


/* -------------------------------------------------------------------------------------------------- */
/* Set up the Typefaces */
/* -------------------------------------------------------------------------------------------------- */

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


/* -------------------------------------------------------------------------------------------------- */
/* Set up the Grid */
/* -------------------------------------------------------------------------------------------------- */

.wrap {
	display:block;
	width:976px; 
	margin-left:auto; 
	margin-right:auto; 
}

.wrap:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

.column-1, 
.column-2, 
.column-3, 
.column-4, 
.column-5, 
.column-6, 
.column-7, 
.column-8, 
.column-9, 
.column-10, 
.column-11, 
.column-12 { 
	position:relative; 
	float:left; 
	margin-right:20px; 
}

.last { margin-right:0; }

.column-1 { width:63px; } 
.column-2 { width:146px; } 
.column-3 { width:229px; } 
.column-4 { width:312px; } 
.column-5 { width:395px; } 
.column-6 { width:478px; } 
.column-7 { width:561px; } 
.column-8 { width:644px; }
.column-9 { width:727px; } 
.column-10 { width:810px; } 
.column-11 { width:893px; } 
.column-12 { width:976px; }

.after-1 { padding-right:63px; } 
.after-2 { padding-right:146px; } 
.after-3 { padding-right:229px; } 
.after-4 { padding-right:312px; } 
.after-5 { padding-right:395px; } 
.after-6 { padding-right:478px; } 
.after-7 { padding-right:561px; } 
.after-8 { padding-right:644px; } 
.after-9 { padding-right:727px; } 
.after-10 { padding-right:810px; } 
.after-11 { padding-right:893px; } 
.after-12 { padding-right:976px; }

.before-1 { padding-left:63px; } 
.before-2 { padding-left:146px; } 
.before-3 { padding-left:229px; } 
.before-4 { padding-left:312px; } 
.before-5 { padding-left:395px; } 
.before-6 { padding-left:478px; } 
.before-7 { padding-left:561px; } 
.before-8 { padding-left:644px; } 
.before-9 { padding-left:727px; } 
.before-10 { padding-left:810px; } 
.before-11 { padding-left:893px; } 
.before-12 { padding-left:976px; }

.push-1 { left:63px; } 
.push-2 { left:146px; } 
.push-3 { left:229px; } 
.push-4 { left:312px; } 
.push-5 { left:395px; } 
.push-6 { left:478px; } 
.push-7 { left:561px; } 
.push-8 { left:644px; } 
.push-9 { left:727px; } 
.push-10 { left:810px; } 
.push-11 { left:893px; } 
.push-12 { left:976px; }

.pull-1 { left:-63px; } 
.pull-2 { left:-146px; } 
.pull-3 { left:-229px; } 
.pull-4 { left:-312px; } 
.pull-5 { left:-395px; } 
.pull-6 { left:-478px; } 
.pull-7 { left:-561px; } 
.pull-8 { left:-644px; } 
.pull-9 { left:-727px; } 
.pull-10 { left:-810px; } 
.pull-11 { left:-893px; } 
.pull-12 { left:-976px; }


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

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#333;
	background:#fff;
	padding:0;
}

/* Verdical Rhythm */
#site-title,
#site-search,
#site-topics,
.page-title,
.wp-post-image,
.entry-utility,
#sidebar section,
#reply-title,
.comment-meta,
.comment-list .comment,
.reply,
#comments-title,
h1, h2, h3, h4, h5, h6,
p, pre, ol, ul, dl, dd {
	margin-bottom:20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Folk", "Helvetica Neue", Helvetica, Arial, serif;
	text-transform:uppercase;
	font-weight:normal;
}

h1 {
	font-size:44px;
	line-height:40px;
}
h2 {
	font-size:40px;
	line-height:36px;
	margin-bottom:15px;
}
h3 {
	font-size:30px;
	line-height:26px;
	margin-bottom:8px;
}
h4 {
	font-size:28px;
	line-height:24px;
	margin-bottom:6px;
}
h5 {
	font-size:26px;
	line-height:22px;
	margin-bottom:4px;
}
h6 {
	font-size:24px;
	line-height:20px;
	margin-bottom:2px;
}
.noposts {
	margin-bottom: 300px;
}

a:link,
a:visited,
a:active {
	color:#228EC4;
}
a:hover {
	color:#333;
}

.pink {color: #ff3366;}
.blue {color: #228EC4;}
.orange {color: #FF8800;}
.grey {color: #404040;}
.green {color: #90B231;}
.red {color: #d11212;}
.purple {color: #8b4ab0;}

.entry-title {
	clear:both;
	display:block;
	font-size:40px;
	line-height:36px;
	letter-spacing: 1px;
}


.widget-title a {
	text-decoration:none;
}

.entry-meta,
.entry-utility,
#sidebar,
#colophon,
#site-description,
#commentform,
.reply,
.comment-meta,
#cancel-comment-reply-link {
	font-size:12px;
	line-height:20px;
}

.comment-author-info cite {
	font-size:16px;
}

#menu-main-nav,
#site-topics,
.entry-meta,
.entry-utility,
/*.widget-title,*/
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment,
.form-allowed-tags,
input[type="submit"],
#reply-title,
#comments-title,
.comment-meta,
.reply,
#site-info,
#site-credits,
#content, 
aside,
input, 
textarea,
#breadcrumbs {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#site-credits,
#site-description {
	font-style:italic;
}

/* Monospaced fonts */	
pre {
	font-family:"Courier 10 Pitch", Courier, monospace;
}

code, tt, code, kbd, samp, var {
	font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* -------------------------------------------------------------------------------------------------- */
/* Global Form Styles */
/* -------------------------------------------------------------------------------------------------- */

label {
	font-size:10px;
	text-transform:uppercase;
	color:#646464;
	line-height:12px;
}

input[type="text"],
textarea {
	width:96%;
	padding:8px 10px;
	border:#ddd 1px solid;
	font-size:13px;
	line-height:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-appearance: none;
}
input[type="text"]:focus,
textarea:focus {
	border:#aaa 1px solid;
	outline:none;
}

select {
	width:70%;
	padding:8px 10px;
	border:#ddd 1px solid;
	font-size:13px;
	line-height:20px;
}

input[type="submit"] {
	display:inline-block;
	width:200px;
	padding:12px 0 8px 0;
	margin-right:15px;
	border:none;
	color:#fff;
	font-family: Folk, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	background:#228EC4;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-appearance:none;
}
input[type="submit"]:hover {
	cursor:pointer;
	color:#fff;
	background:#333;
}

.logged-in-as,
#commentform textarea,
#commentform input[type="text"] {
	font-size:13px;
	line-height:20px;
}

.logged-in-as {
	display:inline-block;
}

#commentform textarea,
#commentform input[type="text"] {
	width:98%;
}
	

#content p {
	word-wrap:break-word;
}

sup {
	vertical-align:super;
}

#content pre {
	overflow-x:scroll;
}
	
	
/* -------------------------------------------------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------------------------------------------------- */
	
#top {
	background: #333;
	margin-bottom: 23px;
}

#top .critterwrap {
	width: 967px;
	margin: 0 auto;
	position: relative;
	bottom: -28px;
}

#top .critters {
	width: 305px;
	height: 67px;
	position: absolute;
	bottom: 0px;
	left: 250px;
	background: url(library/images/critters-header.png) 0 0 no-repeat;
}

#top .critters #about-us {
	display: block;
	min-width: 14px;
	text-align: center;
	height: 19px;
	padding: 5px 7px 2px 7px;
	font-size: 14px;
	line-height:14px;
	font-family: Folk, 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	position: absolute;
	top: -24px;
	left: 104px;
	border-radius: 5px;
	color: #fff;
	background: #90B231;
}
#top .critters #about-us:before {
	content: "";
	position: absolute;
	bottom: -7px;
	right: 7px;
	border-width: 0 7px 7px 0;
	border-style: solid;
	border-color: transparent #90B231;
	display: block;
	width: 0;
}
#top .critters #about-us:hover {
	text-decoration: underline;
}

#branding {
	position:relative;
	padding-bottom:0px;
}

v

#site-search {
	float:right;
	margin: 70px 0 0 0;
}

form#searchform {
	background:#626262;
	border:0px solid #eee;
	font-size:16px;
	position:relative;
	padding: 10px;
}

form#searchform label {
	display:block;
	height:25px;
	left:-12px;
	text-indent:-999em;
	width:25px;
}

form#searchform input {
	background:#fff;
    border:none;
    outline:none;
    -webkit-appearance: none;
	width:188px;
	height:25px;
	padding:3px 6px 2px 6px;
	margin: 0;
	border-radius: 0;
}
form#searchform input[type="text"]:focus {
	border:none;
	outline:none;
}

form#searchform input#searchsubmit {
	background: #ff3366;
	border:none;
	color:#fff;
	line-height: 22px;
	letter-spacing:1px;
	margin:0;
	padding:4px 6px;
	width:80px;
	height:30px;
}

form#searchform input#searchsubmit:hover {
	background-color: #000;
}


/* -------------------------------------------------------------------------------------------------- */
/* Top Navigation */
/* -------------------------------------------------------------------------------------------------- */

.menu-top-nav-wrap {
	background: #000;
}
#menu-top-nav {
	font-size:14px;
	line-height:18px;
	letter-spacing: 1px;
	font-family: Folk, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#menu-top-nav li {
	float:left;
	line-height:0;
	margin-left:5px;
	position:relative;
}
#menu-top-nav li:first-child {
	margin-left: 0;
}

#menu-top-nav a {
	color:#fff;
	display:block;
	line-height:16px;
	padding: 10px 8px 6px 8px;
	text-decoration:none;
	text-transform:uppercase;
}

#menu-top-nav li:first-child a {
	padding-left: 0;
}

#menu-top-nav a:hover, 
#menu-top-nav li.current-menu-item a,
#menu-top-nav .current-menu-parent a {
	color:#b2d219;
}
#menu-top-nav li.current-menu-item a:before,
#menu-top-nav .current-menu-parent a:before {
	content: "";
	position: absolute;
	bottom: -7px;
	right: 40%;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #000 transparent;
	display: block;
	width: 0;
}
#menu-top-nav li.web.current-menu-item a:before,
#menu-top-nav .web.current-menu-parent a:before {right:29%;}

#menu-top-nav {
	list-style:none;
	margin-bottom:0;
}

#menu-top-nav ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	width:180px;
	z-index:9999;
}

#menu-top-nav ul li {
	min-width:180px;
}
#menu-top-nav ul ul {
	left:100%;
	top:0;
}

#menu-top-nav ul a {
	background:#333;
	padding:10px 9px 9px 9px;
	width:160px;
	height:auto;
}

#menu-top-nav li:hover > ul {
	display:block;
}

#menu-top-nav li.current_page_item > a,
#menu-top-nav li.current-menu-ancestor > a,
#menu-top-nav li.current-menu-item > a,
#menu-top-nav li.current-menu-parent > a {
	color:#fff;
}
* html #menu-top-nav li.current_page_item a,
* html #menu-top-nav li.current-menu-ancestor a,
* html #menu-top-nav li.current-menu-item a,
* html #menu-top-nav li.current-menu-parent a,
* html #menu-top-nav li a:hover {
	color:#fff;
}

#menu-top-nav .everything.current-post-ancestor a,
#menu-top-nav .everything.current-post-parent a,
#menu-top-nav .everything.current-menu-parent a,
#menu-top-nav .everything a:hover {
	color: #fded3d;
}
#menu-top-nav .web.current-post-ancestor a,
#menu-top-nav .web.current-post-parent a,
#menu-top-nav .web.current-menu-item a,
#menu-top-nav .web.current-menu-parent a,
#menu-top-nav .web a:hover {
	color: #228EC4;
}
#menu-top-nav .mobile.current-post-ancestor a,
#menu-top-nav .mobile.current-post-parent a,
#menu-top-nav .mobile.current-menu-item a,
#menu-top-nav .mobile.current-menu-parent a,
#menu-top-nav .mobile a:hover {
	color: #FF8800;
}
#menu-top-nav .desktop.current-post-ancestor a,
#menu-top-nav .desktop.current-post-parent a,
#menu-top-nav .desktop.current-menu-item a,
#menu-top-nav .desktop.current-menu-parent a,
#menu-top-nav .desktop a:hover {
	color: #999;
}
#menu-top-nav .innovation.current-post-ancestor a,
#menu-top-nav .innovation.current-post-parent a,
#menu-top-nav .innovation.current-menu-item a,
#menu-top-nav .innovation.current-menu-parent a,
#menu-top-nav .innovation a:hover {
	color: #90B231;
}
#menu-top-nav .kinect.current-post-ancestor a,
#menu-top-nav .kinect.current-post-parent a,
#menu-top-nav .kinect.current-menu-item a,
#menu-top-nav .kinect.current-menu-parent a,
#menu-top-nav .kinect a:hover {
	color: #8b4ab0;
}
#menu-top-nav .geeklove.current-post-ancestor a,
#menu-top-nav .geeklove.current-post-parent a,
#menu-top-nav .geeklove.current-menu-item a,
#menu-top-nav .geeklove.current-menu-parent a,
#menu-top-nav .geeklove a:hover {
	color: #ff3366;
}
#menu-top-nav .events.current-post-ancestor a,
#menu-top-nav .events.current-post-parent a,
#menu-top-nav .events.current-menu-item a,
#menu-top-nav .events.current-menu-parent a,
#menu-top-nav .events a:hover {
	color: #d11212;
}

#menu-top-nav .fb,
#menu-top-nav .twtr,
#menu-top-nav .yt,
#menu-top-nav .ss,
#menu-top-nav .rss,
#menu-top-nav .flckr {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-top: 8px;
	margin-left: 10px;
	text-indent: -9999px;
	background-image: url(library/images/sprite-general.png);
}

#menu-top-nav .fb { background-position: -80px -14px; }
#menu-top-nav .twtr { background-position: -96px -14px; }
#menu-top-nav .yt { background-position: -32px -14px; }
#menu-top-nav .ss { background-position: -64px -14px; }
#menu-top-nav .rss { background-position: -16px -14px; }
#menu-top-nav .flckr { background-position: -48px -14px; }

#menu-top-nav .fb a:hover,
#menu-top-nav .twtr a:hover,
#menu-top-nav .yt a:hover,
#menu-top-nav .ss a:hover,
#menu-top-nav .rss a:hover,
#menu-top-nav .flckr a:hover {
	background: transparent;
}
	
/* -------------------------------------------------------------------------------------------------- */
/* Main Navigation */
/* -------------------------------------------------------------------------------------------------- */

#menu-main-nav {
	padding:6px 0;
	background:#ff3366;
	width:100%;
	font-size:16px;
	line-height:20px;
	letter-spacing: 1px;
	font-family: Folk, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	list-style:none;
	margin-bottom:0;
	position: relative;
	z-index: 300;
	bottom: -23px;
}

#menu-main-nav li {
	float:left;
	margin-left:15px;
	position:relative;
}
#menu-main-nav li:first-child {
	margin-left: 6px;
}

#menu-main-nav a {
	color:#fff;
	display:block;
	font-size: 16px;
	line-height:16px;
	padding:6px 10px 6px 33px;
	text-decoration:none;
	text-transform:uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#menu-main-nav a:hover, 
#menu-main-nav li.current-menu-item a,
#menu-main-nav .current-menu-parent a {
	background:rgba(0,0,0,0.2);
}

#menu-main-nav ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	width:180px;
	z-index:9999;
}

#menu-main-nav ul li {
	min-width:180px;
}
#menu-main-nav ul ul {
	left:100%;
	top:0;
}

#menu-main-nav ul a {
	background:#333;
	padding:10px 9px 9px 9px;
	width:160px;
	height:auto;
}

#menu-main-nav li:hover > ul {
	display:block;
}

#menu-main-nav li.current_page_item > a,
#menu-main-nav li.current-menu-ancestor > a,
#menu-main-nav li.current-menu-item > a,
#menu-main-nav li.current-menu-parent > a {
	color:#fff;
}
* html #menu-main-nav li.current_page_item a,
* html #menu-main-nav li.current-menu-ancestor a,
* html #menu-main-nav li.current-menu-item a,
* html #menu-main-nav li.current-menu-parent a,
* html #menu-main-nav li a:hover {
	color:#fff;
}

#menu-main-nav .icon {
	position: absolute;
	top: 5px;
	left: 10px;
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(library/images/sprite-general.png) 0 0 no-repeat;
}
#menu-main-nav .news .icon { background-position: 0 -33px; }
#menu-main-nav .galleries .icon { background-position: -38px -33px; }
#menu-main-nav .guestposts .icon { background-position: -117px -33px; }
#menu-main-nav .interviews .icon { background-position: -96px -32px; }
#menu-main-nav .events .icon { background-position: 0 -33px; }
#menu-main-nav .podcast .icon { background-position: -76px -31px; }
#menu-main-nav .shorts .icon { background-position: -20px -33px; }
#menu-main-nav .videos .icon { background-position: -56px -33px; }


/* Gaming Nav */

#menu-gaming-navigation {
	padding:6px 0;
	background: #87c440;
	width:100%;
	font-size:16px;
	line-height:20px;
	letter-spacing: 1px;
	font-family: Folk, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	list-style:none;
	margin-bottom:0;
	position: relative;
	z-index: 300;
	bottom: -23px;
}

#menu-gaming-navigation li {
	float:left;
	margin-left:15px;
	position:relative;
}
#menu-gaming-navigation li:first-child {
	margin-left: 6px;
}

#menu-gaming-navigation a {
	color:#fff;
	display:block;
	font-size: 16px;
	line-height:16px;
	padding:6px 10px 6px 33px;
	text-decoration:none;
	text-transform:uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#menu-gaming-navigation a:hover, 
#menu-gaming-navigation li.current-menu-item a,
#menu-gaming-navigation .current-menu-parent a {
	background:rgba(0,0,0,0.2);
}

#menu-gaming-navigation ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	width:180px;
	z-index:9999;
}

#menu-gaming-navigation ul li {
	min-width:180px;
}
#menu-gaming-navigation ul ul {
	left:100%;
	top:0;
}

#menu-gaming-navigation ul a {
	background:#333;
	padding:10px 9px 9px 9px;
	width:160px;
	height:auto;
}

#menu-gaming-navigation li:hover > ul {
	display:block;
}

#menu-gaming-navigation li.current_page_item > a,
#menu-gaming-navigation li.current-menu-ancestor > a,
#menu-gaming-navigation li.current-menu-item > a,
#menu-gaming-navigation li.current-menu-parent > a {
	color:#fff;
}
* html #menu-gaming-navigation li.current_page_item a,
* html #menu-gaming-navigation li.current-menu-ancestor a,
* html #menu-gaming-navigation li.current-menu-item a,
* html #menu-gaming-navigation li.current-menu-parent a,
* html #menu-gaming-navigation li a:hover {
	color:#fff;
}

#menu-gaming-navigation .icon {
	position: absolute;
	top: 5px;
	left: 10px;
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(library/images/sprite-general.png) 0 0 no-repeat;
}
#menu-gaming-navigation .menu-item .icon { background-position: 0 -33px; }
#menu-gaming-navigation .menu-item-16704 .icon { background-position: -96px -32px; }
#menu-gaming-navigation .menu-item-16705 .icon { background-position: -117px -33px; }
#menu-gaming-navigation .menu-item-16706 .icon { background-position: -117px -33px; }

/* -------------------------------------------------------------------------------------------------- */
/* Post Sorter */
/* -------------------------------------------------------------------------------------------------- */

.post-sorter {
	padding: 5px 6px;
	margin: 40px 0 20px 0;
	background: #dfdfdf;
	position: relative;
}

.post-sorter h2 {
	font-size: 20px;
	line-height: 20px;
	padding-top: 4px;
	margin: 0;
}

.critters2 {
	width: 241px;
	height: 54px;
	background: url(library/images/sprite-general.png) 0 -86px;
	position: absolute;
	left: 55%;
	top: -54px;
}


/* -------------------------------------------------------------------------------------------------- */
/* NivoSlider */
/* -------------------------------------------------------------------------------------------------- */

#homeslider {
	width:100%;
	height:200px;
	overflow:hidden;
	color:#fff;
	background:#dadada;
	position: relative;
	top: -23px;
	margin-bottom: -23px;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
.nivo-caption {
	display:none;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/* -------------------------------------------------------------------------------------------------- */
/* Page Content */
/* -------------------------------------------------------------------------------------------------- */	

.page article {border-bottom:none;}


/* -------------------------------------------------------------------------------------------------- */
/* Post Content */
/* -------------------------------------------------------------------------------------------------- */	

#main {
	clear:both;
	padding-top: 20px;
}

#hfeed article {
	float:left;
	margin-bottom: 20px;
	position:relative;
	background: #222;
	height: 340px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

#hfeed article.number2,
#hfeed article.number4,
#hfeed article.number6,
#hfeed article.number8,
#hfeed article.number10,
#hfeed article.number12,
#hfeed article.number14 {
	margin-right: 0;
}

.grid #hfeed article.number2,
.grid #hfeed article.number4,
.grid #hfeed article.number6,
.grid #hfeed article.number8,
.grid #hfeed article.number10,
.grid #hfeed article.number12,
.grid #hfeed article.number14 {
	margin-right: 20px;
}
.grid #hfeed article.number3,
.grid #hfeed article.number6,
.grid #hfeed article.number9,
.grid #hfeed article.number12,
.grid #hfeed article.number15,
.grid #hfeed article.number18,
.grid #hfeed article.number21,
.grid #hfeed article.number24,
.grid #hfeed article.number27,
.grid #hfeed article.number30 {
	margin-right: 0;
}

#hfeed article .postthumbnail {
	position: absolute;
}

#hfeed article .wrapper {
	width:232px;
	padding: 18px 20px 42px 60px;
	background: #333;
	position: absolute;
	bottom: 0;
}

/*web/blue*/
#hfeed article.category-web .wrapper,
#trending article.category-web .wrapper,
.grid-trending.category-web {
	background: #228fc4;
	background-image: linear-gradient(left bottom, #228EC4 0%, #29A7D1 100%);
	background-image: -o-linear-gradient(left bottom, #228EC4 0%, #29A7D1 100%);
	background-image: -moz-linear-gradient(left bottom, #228EC4 0%, #29A7D1 100%);
	background-image: -webkit-linear-gradient(left bottom, #228EC4 0%, #29A7D1 100%);
	background-image: -ms-linear-gradient(left bottom, #228EC4 0%, #29A7D1 100%);
	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #228EC4), color-stop(1, #29A7D1) );
}

/*mobile/orange*/
#hfeed article.category-mobile .wrapper,
#trending article.category-mobile .wrapper,
.grid-trending.category-mobile {
	background: #ff8a00;
	background: linear-gradient(left bottom, #FF8800 0%, #FFA600 100%);
	background: -o-linear-gradient(left bottom, #FF8800 0%, #FFA600 100%);
	background: -moz-linear-gradient(left bottom, #FF8800 0%, #FFA600 100%);
	background: -webkit-linear-gradient(left bottom, #FF8800 0%, #FFA600 100%);
	background: -ms-linear-gradient(left bottom, #FF8800 0%, #FFA600 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FF8800), color-stop(1, #FFA600) );
}

/*innovation/green*/
#hfeed article.category-innovation-2 .wrapper,
#trending article.category-innovation-2 .wrapper,
.grid-trending.category-innovation-2 {
	background: #90B231;
	background: linear-gradient(left bottom, #90B231 0%, #A7C23B 100%);
	background: -o-linear-gradient(left bottom, #90B231 0%, #A7C23B 100%);
	background: -moz-linear-gradient(left bottom, #90B231 0%, #A7C23B 100%);
	background: -webkit-linear-gradient(left bottom, #90B231 0%, #A7C23B 100%);
	background: -ms-linear-gradient(left bottom, #90B231 0%, #A7C23B 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #90B231), color-stop(1, #A7C23B) );
}

/*fun/pink*/
#hfeed article.category-geek-love .wrapper,
#trending article.category-geek-love .wrapper,
.grid-trending.category-geek-love {
	background: #ff3366;
	background: linear-gradient(left bottom, #FF3366 0%, #FF3E7B 100%);
	background: -o-linear-gradient(left bottom, #FF3366 0%, #FF3E7B 100%);
	background: -moz-linear-gradient(left bottom, #FF3366 0%, #FF3E7B 100%);
	background: -webkit-linear-gradient(left bottom, #FF3366 0%, #FF3E7B 100%);
	background: -ms-linear-gradient(left bottom, #FF3366 0%, #FF3E7B 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FF3366), color-stop(1, #FF3E7B) );
}

/*desktop/grey*/
#hfeed article.category-desktop .wrapper,
#trending article.category-desktop .wrapper,
.grid-trending.category-desktop {
	background: #404040;
	background: linear-gradient(left bottom, #404040 0%, #4E4E4E 100%);
	background: -o-linear-gradient(left bottom, #404040 0%, #4E4E4E 100%);
	background: -moz-linear-gradient(left bottom, #404040 0%, #4E4E4E 100%);
	background: -webkit-linear-gradient(left bottom, #404040 0%, #4E4E4E 100%);
	background: -ms-linear-gradient(left bottom, #404040 0%, #4E4E4E 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #404040), color-stop(1, #4E4E4E) );
}

/*kinect/purple*/
#hfeed article.category-kinect .wrapper,
#trending article.category-kinect .wrapper,
.grid-trending.category-kinect {
	background: #8b4ab0;
	background: linear-gradient(left bottom, #8b4ab0 0%, #9e53c8 100%);
	background: -o-linear-gradient(left bottom, #8b4ab0 0%, #9e53c8 100%);
	background: -moz-linear-gradient(left bottom, #8b4ab0 0%, #9e53c8 100%);
	background: -webkit-linear-gradient(left bottom, #8b4ab0 0%, #9e53c8 100%);
	background: -ms-linear-gradient(left bottom, #8b4ab0 0%, #9e53c8 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #8b4ab0), color-stop(1, #9e53c8) );
}

/*events/red*/
#hfeed article.category-events .wrapper,
#trending article.category-events .wrapper,
.grid-trending.category-events {
	background: #d11212;
	background: linear-gradient(left bottom, #d11212 0%, #eb1414 100%);
	background: -o-linear-gradient(left bottom, #d11212 0%, #eb1414 100%);
	background: -moz-linear-gradient(left bottom, #d11212 0%, #eb1414 100%);
	background: -webkit-linear-gradient(left bottom, #d11212 0%, #eb1414 100%);
	background: -ms-linear-gradient(left bottom, #d11212 0%, #eb1414 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #d11212), color-stop(1, #eb1414) );
}

/*editorscolumn/black*/
#hfeed article.category-editors-column .wrapper,
#trending article.category-editors-column .wrapper,
.grid-trending.category-editors-column {
	background: #111;
	background-image: linear-gradient(left bottom, #111 0%, #1f1f1f 100%);
	background-image: -o-linear-gradient(left bottom, #111 0%, #1f1f1f 100%);
	background-image: -moz-linear-gradient(left bottom, #111 0%, #1f1f1f 100%);
	background-image: -webkit-linear-gradient(left bottom, #111 0%, #1f1f1f 100%);
	background-image: -ms-linear-gradient(left bottom, #111 0%, #1f1f1f 100%);
	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #111), color-stop(1, #1f1f1f) );
}

#hfeed article .entry-icon {
	position: absolute;
	top: 17px;
	left: 21px;
	width: 18px;
	height: 20px;
	background: url(library/images/sprite-general.png) 0 -33px no-repeat;
}
#hfeed article.content-news .entry-icon { background-position: 0 -33px; }
#hfeed article.content-galleries .entry-icon { background-position: -38px -33px; }
#hfeed article.content-guest-posts .entry-icon { background-position: -117px -33px; }
#hfeed article.content-interviews .entry-icon { background-position: -96px -32px; }
#hfeed article.content-events .entry-icon { background-position: 0 -33px; }
#hfeed article.content-podcast .entry-icon { background-position: -76px -31px; }
#hfeed article.content-quick-bits .entry-icon { background-position: -20px -33px; }
#hfeed article.content-videos .entry-icon { background-position: -56px -33px; }

#hfeed article .entry-title {
	clear:none;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 3px;
}
#hfeed article .entry-title a {
	color: #fff;
	text-decoration: none;
}
#hfeed article .entry-title a:hover {
	color: rgba(255,255,255,0.8);
}

#hfeed article .entry-meta {
	height: 20px;
	padding: 5px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.1);
}
#hfeed article .entry-meta .entry-category {
	margin-left: 60px;
}
#hfeed article .entry-meta .entry-category a {
	font-size: 11px;
	color: #fff;
}
#hfeed article .entry-meta .entry-category a:hover {
	text-decoration: underline;
}
#hfeed article .entry-meta .published {
	margin-right: 35px;
	font-size: 10px;
}
#hfeed article .entry-meta .post-edit-link {
	color: rgba(255,255,255,0.5);
	font-size: 11px;
	text-decoration: none;
	position: absolute;
	left: 10px;
	top: 5px;
}

#hfeed article p {
	margin-bottom: 0;
}

.entry-category a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.more-link {
	display: block;
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.1);
	position: absolute;
	bottom: 0;
	right: 0;
}
.more-icon {
	display:block;
	width: 14px;
	height: 14px;
	float: left;
	margin: 7px 0 0 8px;
	text-decoration:none;
	background:url(library/images/sprite-general.png) 0 0 no-repeat;
}
.more-link:hover {
	background-color:rgba(0,0,0,0.2);
}

.sharelinks {
	list-style: none;
}
.sharelinks li {
	float: left;
}

.commentcount {
	display:block;
	margin-left:3px;
	width:12px;
	text-align:left;
	height:9px;
	color:#fff;
	text-indent:15px;
	font-size:11px;
	font-weight:bold;
	font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	line-height:9px;
	text-decoration:none;
	background:#fff;
	position:relative;
	top:-3px;
	display:inline-block;
	min-width:0;
	padding:0;
	border-radius:2px;
}
.commentcount:before {
    content:"";
    position:absolute;
    bottom:-3px;
    left:6px;
    border-width:0 3px 3px 0;
    border-style:solid;
    border-color:transparent #fff;
    display:block; 
    width:0;
}

/* -------------------------------------------------------------------------------------------------- */
/* Author Box */
/* -------------------------------------------------------------------------------------------------- */

.authorbox {
	padding:20px;
	margin-bottom:30px;
	background:#f9f9f9;
	border:#e9e9e9 1px solid;
	position:relative;
	clear:both;
}

.authorbox h3 {
	font-size:20px;
	line-height:20px;
	margin-bottom:12px!important;
}

.authorbox .more {
	display:inline-block;
	padding:4px 5px 4px 18px;
	color:#fff;
	font-size:11px;
	line-height:11px;
	text-align:right;
	text-decoration:none;
	background:#3dadf5 url(library/images/sprite-general.png) -9px -230px no-repeat;
	position:absolute;
	top:20px;
	right:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.authorbox .more:hover {background-color:#333;}

.authorbox .avatar {
	float:left;
	padding:5px;
	border:#ddd 1px solid;
	background:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.authorbox .authormeta {
	width:495px;
	float:left;
	margin-left:20px;
}
.authorbox .authormeta p {margin:0;}


/* -------------------------------------------------------------------------------------------------- */
/* Trending Posts */
/* -------------------------------------------------------------------------------------------------- */

#trending {}

#trending article {
	margin-bottom:20px;
	width: 200px;
	float: left;
	margin-right: 22px;
	position: relative;
	color: #fff;
}

#trending article .wrapper {
	background: #333;
	padding: 20px 60px 20px 20px;
}

#trending article .wrapper {
	min-height: 120px;
}

#trending img {float:left;}
#trending .entry-title {
	line-height: 20px;
}
#trending .entry-title {
	margin: 0;
}
#trending .entry-title a {
	text-decoration: none;
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
}
#trending .entry-title a:hover {
	color: rgba(255,255,255,0.8);
}

#trending .post-meta {
	color: rgba(255,255,255,0.8);
	font-size: 11px;
	position: relative;
	top: -10px;
}
#trending .post-meta a {color: rgba(255,255,255,0.8);}
#trending .post-meta a:hover {
	color: #fff;
	text-decoration: underline;
}

#trending .entry-meta {
	height: 20px;
}

#trending a {
	color: #fff;
}

#trending .commentcount {
	font-size: 13px!important;
	line-height: 10px!important;
	font-weight: normal;
	left: -3px;
}

#trending .post-edit-link {
	position: absolute;
	right: 20px;
	bottom: 15px;
	font-size: 12px;
	color: rgba(255,255,255,0.6);
}

#trending .number1 {
	width:100%;
	margin-right: 0;;
	clear: both;
}

#trending .number1 .wrapper {
	padding: 20px 20px 20px 80px;
}

#trending .number1 .entry-title {
	margin-bottom: 5px;
}
#trending .number1 .entry-title a {
	font-size: 30px;
	line-height: 30px
}
#trending .number1 .commentcount {
	float: right;
	margin-right: 10px;
	top: 5px;
}

#trending .number1 .post-edit-link {
	display: inline-block;
	width: 30px;
	left: 20px;
}

#trending .number4 {
	margin-right: 0;
}

#trending article .entry-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 18px;
	height: 20px;
	background: url(library/images/sprite-general.png) 0 -33px no-repeat;
}
#trending article.content-news .entry-icon { background-position: 0 -33px; }
#trending article.content-galleries .entry-icon { background-position: -38px -33px; }
#trending article.content-guest-posts .entry-icon { background-position: -117px -33px; }
#trending article.content-interviews .entry-icon { background-position: -96px -32px; }
#trending article.content-events .entry-icon { background-position: 0 -33px; }
#trending article.content-podcast .entry-icon { background-position: -76px -31px; }
#trending article.content-quick-bits .entry-icon { background-position: -20px -33px; }
#trending article.content-videos .entry-icon { background-position: -56px -33px; }

#trending .number1 .entry-title {
	position: relative;
}
#trending .number1 .entry-icon {
	width: 27px;
	height: 28px;
	top: -2px;
	left: -54px;
	background: url(library/images/sprite-general.png) 0 -58px no-repeat;
}
#trending .number1.content-news .entry-icon { background-position: 0 -58px; }
#trending .number1.content-galleries .entry-icon { background-position: -57px -58px; }
#trending .number1.content-guest-posts .entry-icon { background-position: -176px -58px; }
#trending .number1.content-interviews .entry-icon { background-position: -144px -57px; }
#trending .number1.content-podcasts .entry-icon { background-position: -114px -55px; }
#trending .number1.content-quick-bits .entry-icon { background-position: -30px -58px; }
#trending .number1.content-videos .entry-icon { background-position: -84px -58px; }


/* -------------------------------------------------------------------------------------------------- */
/* Archive Pages */
/* -------------------------------------------------------------------------------------------------- */

.grid-trending {
	color: #fff;
	margin-bottom: 20px;
	background: #333;
}

.grid-trending .wrapper {
	padding: 20px 20px 20px 0;
	position: relative;
}

.grid-trending .entry-title {
	margin-bottom: 0;
}
.grid-trending .entry-title a {
	color: #fff;
	text-decoration: none;
}

.grid-trending .entry-meta,
.grid-trending .entry-meta a {
	color: rgba(255,255,255,0.8);
}
.grid-trending .entry-meta a:hover {
	color: #fff;
	text-decoration: underline;
}

.grid-trending figure,
.grid-trending .wp-post-image {
	line-height: 0;
	margin-bottom: 0;
}

.grid-trending .countwrap {
	position: absolute;
	bottom: 10px;
	right: 28px;
}
.grid-trending .commentcount {
	color: #fff;
}


/* -------------------------------------------------------------------------------------------------- */
/* Single Post */
/* -------------------------------------------------------------------------------------------------- */

.single .content-cats {position:absolute;left:-90px;}
.single .entry-title {margin:0;}
.single .entry-meta {
	color: #888;
	position: relative;
	top: -3px;
	margin-bottom: 10px;
}
.single .entry-meta a {
	color: #888;
}
.single .entry-meta a:hover {
	color: #000;
}

.single #hfeed figure .wp-post-image {margin-bottom:15px;}

.single .entry-utility .meta {
	margin:10px 0 20px 0;
	clear:both;
}
.single .meta .twitter-share-button {
	float: left;
	margin-top: 2px;
}
.fbrecommend {
	width:450px;
	float:left;
}

.single .entry-title a,
.page .entry-title a {
	color: #333;
	text-decoration: none;
}

.single .entry-content ul,
.single .entry-content ol {
	margin:0 0 20px 20px;
}


/* -------------------------------------------------------------------------------------------------- */
/* Related Posts */
/* -------------------------------------------------------------------------------------------------- */

.relatedposts {
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	background: #f9f9f9;
	border: #e9e9e9 1px solid;
	clear:both;
}
.relatedposts article {
	border-bottom:none;
	width:286px;
	margin:0 30px 20px 0;
	float:left;
	clear:none;
}

.relatedposts .wp-post-image {
	line-height: 0;
	margin-bottom: 0;
}

.relatedposts .number2,
.relatedposts .number4,
.relatedposts .number6,
.relatedposts .number8 {
	margin-right:0;
}

.relatedposts .entry-title {
	display:inline-block;
	font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	font-weight: bold;
	font-size:14px;
	line-height:16px;
	float:right;
	width:175px;	
}
.relatedposts .entry-title a {color:#333;}
.relatedposts .entry-title a:hover {color:#25A8E0;}

.relatedposts .count {
	display:block;
	margin-left:3px;
	width:12px;
	text-align:left;
	height:9px;
	color:#222;
	text-indent:15px;
	font-size:11px;
	font-weight:bold;
	font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	line-height:9px;
	text-decoration:none;
	background:#228EC4;
	position:relative;
	top:-4px;
	display:inline-block;
	min-width:0;
	padding:0;
	border-radius:2px;
}
.relatedposts .count:before {
    content:"";
    position:absolute;
    bottom:-3px;
    left:6px;
    border-width:0 3px 3px 0;
    border-style:solid;
    border-color:transparent #228EC4;
    display:block; 
    width:0;
}

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

#comments {
	margin:0 auto 20px auto;
	color:#333;
}

#comments-title {
	font-family:'Folk', Helvetica, Arial, sans-serif;
	font-size:30px;
	line-height:30px;
	color:#888;
}
ol.commentlist {list-style:none;margin-bottom:30px;}
ol.commentlist li h4 { margin-bottom: 0; }
ol.commentlist li { margin-top:20px; position: relative;clear:both; }
ol.commentlist .comment {
	padding:20px;
	background-color:#f9f9f9;
	border:#e9e9e9 1px solid;
}
ol.commentlist .author-wrap {
	float:left;
	font-size:12px;
	line-height:14px;
	margin-right:20px;
}
ol.commentlist .avatar { 
	display:block;
	padding:3px;
	background-color:#fff;
	border:#eaeaea 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.comment-author-name {
	line-height:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.comment-author-name a {
	text-decoration:none;
	font-weight:bold;
}
ol.commentlist li .comment-meta {
	margin:0 5px;
	font-size: 9px;
	text-transform:uppercase;
	color:#646464;
}

ol.commentlist .comment-body {
	width:530px;
	float:right;
	font-size:12px;
	line-height:18px;
	color:#666;
}

ol.commentlist ul {list-style:none;margin-left:0;}
ol.commentlist li ul li { margin-top:20px; position: relative; }
ol.commentlist li ul li ul li { margin-top:10px; position: relative; }

ol.commentlist ul li.comment {background:#fdfdfd;}
ol.commentlist ul li .comment-body {width:490px;color:#777;}

ol.commentlist ul li ul li.comment {background:#fefefe;}
ol.commentlist ul li ul li .comment-body {width:448px;color:#888;}

ol.commentlist .bypostauthor {
	background:#ecf5ff;
	border:#c5ddec 1px solid;
}
ol.commentlist ul .bypostauthor {
	background:#ecf5ff !important;
	border:#c5ddec 1px solid;
}
ol.commentlist .bypostauthor .comment-body {color:#506f83;}
ol.commentlist .bypostauthor ul .comment-body {color:#777;}

ol.commentlist .bypostauthor .avatar {border:#adc9db 1px solid;}
ol.commentlist .bypostauthor ul .avatar {border:#eaeaea 1px solid;}
ol.commentlist .bypostauthor ul ul .avatar {border:#eaeaea 1px solid;}
ol.commentlist ul .bypostauthor .avatar {border:#adc9db 1px solid;}
ol.commentlist ul .bypostauthor ul .avatar {border:#eaeaea 1px solid;}
ol.commentlist ul ul .bypostauthor .avatar {border:#adc9db 1px solid;}

ol.commentlist .bypostauthor ul ul .comment-body {color:#888;}
ol.commentlist ul .bypostauthor .comment-body {color:#506f83;}
ol.commentlist ul .bypostauthor ul .comment-body {color:#888;}
ol.commentlist ul ul .bypostauthor .comment-body {color:#506f83;}

ol.commentlist .bypostauthor .comment-reply-link {background:#adc9db;}
ol.commentlist .bypostauthor ul .comment-reply-link {background:#ccc;}
ol.commentlist .bypostauthor ul .bypostauthor .comment-reply-link {background:#adc9db;}

/*Hide staff label for non-logged-in users - prevents spammers*/
ol.commentlist .staff {display:none;}

/*Show staff label for logged-in users*/
ol.commentlist .byuser .staff {
	display:inline-block;
	padding:2px 3px;
	font-size:9px;
	line-height:9px;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#25a8e0;
	position:relative;
	top:-1px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.comment-reply-link {
	position:absolute;
	top:17px;
	right:20px;
	display:inline-block;
	padding:4px 8px;
	color:#fff !important;
	font-size:11px;
	line-height:11px;
	text-align:right;
	text-decoration:none;
	background:#ccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.comment-reply-link:hover {
	cursor:pointer;
	text-decoration:none !important;
	background:#333!important;
}

#cancel-comment-reply-link {
	position:absolute;
	bottom:-38px;
	left:215px;
	color:#e00000;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-transform:none;
}


/* Comment Form
-------------------------------------------------------------------------------------------------- */
#respond {margin-top:20px;clear:both;position:relative;}
#respond form {margin:0;}
#reply-title {
	font-size:30px;
	margin-bottom:10px!important;
	font-family:"Folk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#reply-title small {margin:0;padding:0;font-size:10px;}

.logged-in-as {font-size:12px;margin:0;}
#commentform p {margin-bottom:10px;}
#commentform p span {display:none;}
.comment-notes,
.form-allowed-tags {display:none;}

#comments input[type="text"],
#comments textarea {
	width:100%;
	padding:8px 10px;
	border:#ddd 1px solid;
	font-size:13px;
	line-height:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-appearance: none;
}
#comments input[type="text"]:focus,
#comments textarea:focus {
	border:#aaa 1px solid;
	outline:none;
}

.comment-form-author,
.comment-form-email {
	float:left;
	width:29%;
	margin-right:5%;
	margin-top:0;
}
.comment-form-url {
	float:left;
	width:29%;
	margin:0;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	font-size:10px;
	text-transform:uppercase;
	color:#646464;
	line-height:12px;
}

.comment-form-comment {margin:0 20px 0 0;padding:0;}
.comment-form-comment label {display:none;}

.form-submit {
	display:block;
	float:left;
}
#commentform input[type="submit"] {
	display:block;
	width:200px;
	margin-right:15px;
	border:none;
	color:#fff;
	font-size:14px;
	background:#ff3366;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-appearance:none;
}
#commentform input[type="submit"]:hover {
	cursor:pointer;
	color:#fff;
	background:#333;
}


/* -------------------------------------------------------------------------------------------------- */
/* Sharing Widgets */
/* -------------------------------------------------------------------------------------------------- */

.sharebuttons {
	background:#f9f9f9;
	width:54px;
	padding:7px 7px 0 7px;
	margin-top:19px;
	border:#e9e9e9 1px solid;
	clear:both;
	text-align:center;
}

.facebookshare,
.twittershare,
.googleshare,
.stumbleshare {
	margin-bottom:10px;
}

/*DONT FUCK WITH THIS*/
.sharewrap {position:absolute;}
#sharebar {position:absolute;}
#sharebar.fixed {position:fixed;top:0;}

.horizontalshare {
	display:none;
	background:#f9f9f9;
	height:20px;
	padding:7px;
	margin-bottom:20px;
	border:#e9e9e9 1px solid;
	clear:both;
}
.horizontalshare .facebookshare,
.horizontalshare .twittershare,
.horizontalshare .googleshare,
.horizontalshare .stumbleshare {
	float:left;
}
.horizontalshare .stumbleshare {margin:1px 15px 2px;}


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

#sidebar a, #sidebar a:active, #sidebar a:visited {
	color:#222;
	font-weight:bold;
}

.widget-container {
	margin-bottom:20px;
}

.widget {
	margin-top:10px;
}
#sidebar .widget-title {
	border-left: #ff3366 6px solid;
	padding: 0 0 0 8px;
	line-height: 24px;
}
.widget:first-child {margin:0;}

/*Editor's Column*/
#editors-column {
	color: #fff;
	background: #1f1f1f;
	background: linear-gradient(left bottom, #111 0%, #222 100%);
	background: -o-linear-gradient(left bottom, #111 0%, #222 100%);
	background: -moz-linear-gradient(left bottom, #111 0%, #222 100%);
	background: -webkit-linear-gradient(left bottom, #111 0%, #222 100%);
	background: -ms-linear-gradient(left bottom, #111 0%, #222 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #111), color-stop(1, #222) );
}
#editors-column .inner {
	padding: 20px;
}
#editor-read-more {
	display: inline-block;
	padding: 3px 24px 3px 5px;
	text-decoration: none;
	color: #222;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	background: #fff;
	position: relative;
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
}
#editor-read-more .icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(library/images/sprite-general.png) 0 -14px;
	position: absolute;
	top: 5px;
	right: 5px;
}
#editor-read-more:hover {
	color: #fff;
	background: #ff3366;
}
#editor-read-more:hover .icon {
	background-position: 0 0;
}

/*Blogroll*/
.blogroll {
	list-style: none;
}
.blogroll li {
	padding: 3px 0;
	border-top: rgba(255,255,255,0.1) 1px solid;
}
.blogroll a {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
}

/*Trending posts*/
#ubelly-trending-posts {
    list-style: none;
    margin:10px 0 0 0 !important;
    padding:0;
}

#ubelly-trending-posts .counter {
	font-size: 50px;
	font-weight: bold;
	float: left;
	margin-top: 15px;
	font-family:"League Gothic", "Helvetica Neue", Helvetica, Arial, serif;
}

#ubelly-trending-posts .comments  {
	display:block;
	min-width:14px;
	text-align:center;
	height:19px;
	padding:7px 7px 0px 7px;
	color:#fff !important;
	font-size:12px;
	text-decoration:none;
	background:#1d0a0d;
	position:absolute;
	top:10px;
	right: 0;
	margin-right: -21px; 
	border-radius:5px;
}

#ubelly-trending-posts .comments:before {
    content:"";
    position:absolute;
    bottom:-7px;
    left:7px;
    border-width:0 0 7px 7px;
    border-style:solid;
    border-color:transparent #1d0a0d;
    display:block; 
    width:0;
}

#ubelly-trending-posts .comments:hover {
	text-decoration:none;
}


#ubelly-trending-posts .title {
	margin-left: 40px;
	display: block;
	color: #414826 !important;
}

#ubelly-trending-posts .title a {
	line-height: 18px;
	color: #fff;
	color: rgba(255,255,255,0.9);
}

#ubelly-trending-posts li {
    display:block;
    padding:15px 20px 15px 15px;
    position:relative;
    line-height:13px;
	border-bottom: 1px solid #ffffff;
	min-height: 40px;
}
#ubelly-trending-posts li.comment-0 { width: 265px;
	background:#ff3366; }
#ubelly-trending-posts li.comment-1 { width: 230px;
	background:#b44057; }
#ubelly-trending-posts li.comment-2 { width: 210px;
	background:#732736; }
#ubelly-trending-posts li.comment-3 { width: 180px;
	background:#4a1923; }
#ubelly-trending-posts li.comment-4 { width: 150px;
	background:#1d0a0d; }
#ubelly-trending-posts .counter{ color:rgba(255,255,255,0.1); }

#ubelly-trending-posts li a {
    display:block;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
	line-height: 12px;
}
#ubelly-trending-posts .comments a {
    position:absolute;
    top:30%;
    right:-20px;
    background:url(images/speech-bubble-small-black.png) no-repeat;
    width:27px;
    height:25px;
    text-align:center;
    font-size:10px;
    line-height:16px;
    z-index:5;
}

/* ---- Write us widget ----*/

.write-us-widget {
	border: 1px solid #EBEBEB;
	padding: 10px 10px 0 10px;
	margin-top: 10px;
}


/* -------------------------------------------------------------------------------------------------- */
/* 404 */
/* -------------------------------------------------------------------------------------------------- */

.error404 #content {padding:200px 0;text-align:center;}

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

#footer {
	padding:64px 0 0 0;
	color: #fff;
	background:#333;
}
.single #footer,
.page #footer {
	padding-top: 40px;
}

#footer a:hover {
	color: #fff;
}

/*Twitter Widget*/
.widget_ubelly_twitter ul {
	list-style: none;
}
.widget_ubelly_twitter .content {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-style: italic;
}
.widget_ubelly_twitter .time {
	clear: both;
	float: left;
	width: 100%;
	margin: 5px 0 15px 0;
	display: inline-block;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-style: italic;
	color: #888;
	text-decoration: none;
}
.widget_ubelly_twitter .follow-wrap {
	clear: both;
	margin-top: 10px;
	padding: 5px 0 0 5px;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/*Flickr Widget*/
.widget_ubelly_flickr .wrap  { position: relative; }
.widget_ubelly_flickr .flickr_badge_image  { 
	float: left; 
	margin: 0 15px 15px 0;
	line-height: 0;
	background: #fff;
}
.widget_ubelly_flickr #flickr_badge_image5,
.widget_ubelly_flickr #flickr_badge_image10 {
	margin-right: 0;
}
.widget_ubelly_flickr .flickr_badge_image:hover  { 
	background: #ff3366;
}


.widget_ubelly_flickr a img  { 
	float: left;
	display: block;
	padding: 4px;
}

/*Credits*/

#credits {
	padding: 14px 0;
	font-size: 12px;
	color: #999;
	line-height: 12px;
	background: #111;
}
#credits a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

#copyright {
	float: left;
	display: inline-block;
}

#legal {
	display: inline-block;
	float: right;
}
.menu-footer-nav-container {
	float: right;
	display: inline-block;
}
#menu-footer-nav {
	float: right;
	margin: 0;
}

#menu-footer-nav li {
	float: right;
	line-height: 12px;
	margin-left: 15px;
}



/* =Images
-------------------------------------------------------------- */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width:100%; /* When images are too wide for containing element, force them to fit. */
	height:auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:18px;
	margin-top:2px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:18px;
	margin-top:2px;
}
.aligncenter,
img.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:20px;
}
.wp-caption {
	background:#f1f1f1;
	max-width:632px !important; /* prevent too-wide images from breaking layout */
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
}
.wp-caption .wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.wp-smiley {
	margin:0;
}


/* Default WordPress CSS */
.screen-reader-text {
	position:absolute;
	left:-9000px;
}

.aligncenter, .aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.alignleft {
	margin:0 15px 15px 0;
}
.alignright {
	margin:0 0 15px 35px;
}
.wp-caption {
	background-color:#f3f3f3;
	border:1px solid #ddd;
/*
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
*/
/* 	margin:10px; */
	padding-top:4px;
	text-align:center;
}
.wp-caption img {
	border:0 none;
	margin:0;
	padding:0;
}
.wp-caption .wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}


/* Undo Captions */

.wp-caption {
	background:none;
	border:none;
/* 	margin:0 0 15px 0; */
	margin-bottom:15px;
	padding:0;
}
.wp-caption .wp-caption-text {
	color:#333;
	font-size:11px;
	line-height:18px;
	padding:3px 0 3px 0;
	text-align:left;
}

/* Copy Hide/Show Buttons and Content */

body.js-on div#copy-hide {
	display:none;
}
body.js-on h3#copy-hide-trigger {
	background:#25a8e0;
	color:#fff;
	display:block;
	margin-bottom:25px;
	padding:5px 0;
	text-align:center;
	width:100%;
}
body.js-on h3#copy-hide-trigger:hover {
	background:#333;
	cursor:pointer;
}


/* Attachment Pages */

.attachment div#container .content,
body.attachment div#container div#content,
body.attachment div#container article {
	width:100%;
}
.attachment div#container .aside {
	display:none;
}
.navigation .parent-post a {
/*
	background:#25a8e0;
	border-right:1px solid #1e86b3;
	border-top:1px solid #1e86b3;
*/
	background:#333;
	color:#fff;
	left:400px;
	position:absolute;
	top:10px;
}
.navigation .parent-post a:hover {
	color:#fff;
}
.attachment .attachment {
	display:block;
	text-align:center;
}
.attachment .navigation-bottom {
	display:none;
}


/* Table Styles */

table {
	font-size:0.9em;
	margin-bottom:25px;
}
table td {
	border:1px solid #eee;
	padding:5px 10px;
}
table th {
	background:#efefef;
	padding:5px 10px;
	text-align:left;
}
table#wp-table-reloaded-id-4-no-1 a {
	color:#111;
	text-decoration:none;
}
table#wp-table-reloaded-id-4-no-1 a:hover {
	text-decoration:underline;
}
table tr.odd {
	background:#fafafa;
}
table th a {
	color:#000 !important;
	text-decoration:none;
}

/* Breadcrumbs */

#breadcrumbs {
	padding-top: 24px;
	background:#dfdfdf;
	border-bottom:1px solid #ccc;
	font-size:12px;
	color:#666;
	font-style: italic;
	position: relative;
	top: -23px;
	margin-bottom: -13px;
}
#breadcrumbs-wrap {
	margin:0 auto;
}
#breadcrumbs p {
	margin-bottom:0;
	padding:5px 0;
}
#breadcrumbs a {
	color:#666;
	text-decoration:none;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}
#breadcrumbs .breadcrumbdivide {
	display: inline-block;
	width: 30px;
	height: 12px;
	margin: 0 5px;;
	background: url(library/images/sprite-general.png) -14px 0;
}


/* Author bios */

div#author-bio {
	background:#f8f8f8;
	border:1px solid #eee;
	clear:both;
	padding:12px;
}
div#author-bio img {
	float:left;
	margin:0 12px 0 0;
}
div#author-bio .bio {
	float:right;
	width:470px;
}
div#author-bio h5 {
	margin-bottom:0;
}
	
/* ---- Calendar widget ---- */

#wp-calendar {
    width:100%;
	border-collapse: separate !important;
	/*margin-top: 10px;*/
	position: relative;
}
#wp-calendar caption {
    text-align:left;
    border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	position: relative !important;
	left: 0 !important;
	text-transform: uppercase;
	color: #828282;
	font-size: 14px;
	padding: 5px 0;
}
#wp-calendar thead th {
    color:#828282;
	background: none !important;
	text-align: center !important;
}
#wp-calendar tbody td {
    text-align:center;
    background:#e1e1e1;
    color:#a7a7a7;
    font-weight:bold;
    font-size:10px;
    border:1px solid #fff !important;
    
	position: relative;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	z-index:1;
}

#wp-calendar tbody td.calendar-link{
	background:#f4eca6 !important;
}

#wp-calendar tbody td.calendar-link:hover{
	background:#000 !important;
}

#wp-calendar tbody td.pad {
    background:#f1f1f1;
}

#wp-calendar tbody #today {
    background:#3DADF5;
    color:#fff;
}

#wp-calendar tbody td a {
    display:block;
    color:#000;
    text-decoration:none;
}

#wp-calendar tbody td a:hover {
	color:#fff;
	cursor:pointer;
}

#wp-calendar tfoot  td{
	border: none;
}

.ubelly_calendar_widget, .ubelly_calendar_widget div.widget {
	position: relative;
}

.calendar-pager {
	position: absolute;
	width: 15px;
	height: 15px;
	right: 2px;
	top: 44px;
	z-index: 999;
}

.calendar-pager div#prev {
	width: 5px;
	height: 8px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.calendar-pager div#prev.pad {
	background: url('library/images/sprite-general.png') -18px -89px no-repeat;
}

.calendar-pager div#prev a {
	display: block;
	width: 5px;
	height: 8px;
	background: url('library/images/sprite-general.png') -12px -89px no-repeat;
	text-indent: -9999px;
}

.calendar-pager div#next {
	width: 5px;
	height: 8px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.calendar-pager div#next.pad {
	background: url('library/images/sprite-general.png') -6px -89px no-repeat;
}

.calendar-pager div#next a {
	display: block;
	width: 5px;
	height: 8px;
	background: url('library/images/sprite-general.png') 0 -89px no-repeat;
	text-indent: -9999px;
}


/* ---- Subscribe widget ------*/

.subscribe-widget {
	border: 1px solid #EBEBEB;
	margin-top: 10px;
}

.subscribe-widget .fb-like-bar {
	min-height: 25px;
	border-bottom: 1px solid #EBEBEB;
	padding: 8px 8px 6px 8px;
}

.subscribe-widget .google-plus-bar {
	min-height: 25px;
	background: #EBF9E8;
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #fff;
	padding: 8px 8px 2px 8px;
	position:relative;
}

.subscribe-widget .google-plus-bar span {
	display:inline-block;
	width:120px;
	position: absolute;
	top:8px;
	left:85px;
	font-size: 11px;
}

.subscribe-widget .twitter-bar {
	min-height: 25px;
	background: #EEF9FD;
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #fff;
	padding: 8px 8px 3px 8px;
}

.subscribe-widget .rss-bar {
	min-height: 25px;
	background: #F6F6F6;
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #fff;
	padding: 8px;
	font-size: 11px;
}

.subscribe-widget .rss-bar .button {
	display:inline-block;
	margin-right:2px;
	border:#bbb 1px solid;
	border-radius:3px;
	background:#eee;
	background:-moz-linear-gradient(bottom,  #ddd,  #fff);
    background:-webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
}
#sidebar .subscribe-widget .rss-bar a {
	display:inline-block;
	font-size: 11px;
	line-height:12px;
	font-weight:bold;
	color:#666;
	text-shadow:#fff 0 1px;
	height:12px;
	padding: 1px 5px 1px 20px;
	margin:0;
	text-decoration: none !important;
	background: url('library/images/sprite-general.png') -45px 2px no-repeat;
}
#sidebar .subscribe-widget .rss-bar .button:hover {
	border-color:#999;
	background:#ddd;
	background:-moz-linear-gradient(bottom,  #ccc,  #fff);
    background:-webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
}
#sidebar .subscribe-widget .rss-bar .button:hover a,
#sidebar .subscribe-widget .rss-bar .button a:hover {color:#333!important;}

.subscribe-widget .rss-bar a:hover {
	color: #25A8E0 !important;
	background: url('library/images/sprite-general.png') 0 1px no-repeat;
}

.subscribe-widget .subscribe-form {
	padding: 8px;
}

.subscribe-widget .subscribe-form h5 {
	margin-bottom:8px;
	font-family:'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#666;
}

.subscribe-widget .subscribe-form label {
	display: none;
}

.subscribe-widget .subscribe-input {
	background: #DEDEDE;
    border: 0 none;
    font-size: 12px;
    height: 26px;
    outline: medium none;
    padding: 3px 10px 2px;
    width: 160px;
	color: #444;
}
.subscribe-widget input[type="text"]:focus {
	border:none;
	outline:none;
	background:#fff;
	box-shadow:#dedede 1px 1px 0 inset, #dedede -1px -1px inset;
	-webkit-box-shadow:#dedede 1px 1px 0 inset, #dedede -1px -1px inset;
	-moz-box-shadow:#dedede 1px 1px 0 inset, #dedede -1px -1px inset;
}

.subscribe-widget .subscribe-button {
	background: #3DADF5;
    border: medium none;
    color: #fff;
    font-size: 18px;
    font-weight:normal;
    height: 31px;
    letter-spacing: 1px;
    margin:0 0 0 2px;
    padding: 2px 6px;
    width: 96px;
	text-transform: uppercase;
	font-family: "Folk", "Helvetica Neue", Helvetica, Arial, serif;
}

.subscribe-widget .subscribe-button:hover {
	background: #000;
}

.subscribe-widget p.description {
	font-size: 10px;
	color: #888;
	margin: 5px 0 0 0 !important;
	line-height: 14px !important;
}

/* ---- End of Subscribe widget ------*/

/* ---- Links widget ------*/

ul.ab_bookmarks {
	list-style-type: none;
	padding: 0;
	margin: 10px 0 !important;
	border-top: 1px solid #ccc;
	width: 150px;
}

ul.ab_bookmarks li {
	border-bottom: 1px solid #ccc;
	padding: 4px 0;
}

ul.ab_bookmarks li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #828282 !important;
	font-weight: normal !important;
}

ul.ab_bookmarks li a:hover {
	color: #25A8E0 !important;
}


/* ---- WP-page-navi ----*/

.pagenaviwrap {
	padding-top: 16px;
	position: relative;
	clear: both;
}
.wp-pagenavi {
	font-family: "Folk","Helvetica Neue",Helvetica,Arial,serif;
	text-transform: uppercase;
	font-size: 20px;
	height: 20px;
	clear: both;
	padding: 10px;
	color: #444444;
	background: #dfdfdf;
	position: relative;
	bottom: -20px;
}

.wp-pagenavi a {
	text-decoration: none;
	color: #444444;
	padding: 0 10px;
	font-size: 18px;
	line-height: 18px;
}

.wp-pagenavi a:hover {
	color: #25A8E0;
	text-decoration: none;
}

.wp-pagenavi .current {
	padding: 0 10px;
	font-size: 18px;
	line-height: 18px;
	color: #ff3366;
}

.wp-pagenavi .pages {
	margin-right: 15px;
}

.wp-pagenavi .nextpostslink {
	float: right;
}

.critters3 {
	width: 272px;
	height: 36px;
	background: url(library/images/sprite-general.png) 0 -145px;
	position: absolute;
	left: 10px;
	top: 0;
}

/*AdRotate*/
.widget_adrotate_widgets a img {
	disply:block;
	padding: 6px;
	background: #dfdfdf;
	text-align: center;
	line-height: 0;
}

/* -------------------------------------------------------------------------------------------------- */
/* n.ubelly custom styles*/
/* Description: n.ubelly custom styling for the nubelly page template. Please excuse the PR agency style messiness...
/* Author: Luke Murphy for 33 Digital
/* Created: 16/11/11
/* -------------------------------------------------------------------------------------------------- */

.nubelly {
	background: url('http://www.toby-powell.co.uk/images/paperBg.jpg') #333;
	background-attachment: fixed;
	text-align: center;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;

}

.nubelly h1 {
	font-family: 'Folk', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2.8em;
	color: #3399cc;
}

.nubelly h2 {
	font-family: 'Folk', helvetica, arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2em;
	color: #3399cc;
	text-align: center;
	}
	
.nubelly h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
	font-weight: normal;
	font-size: 1.5em;
	color: #333;
	text-align: left;
	}
.nubelly h4 {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
	font-weight: normal;
	font-size: 1em;
	color: #666;
	text-align: left;
	}

.nubelly #backto {
	position: fixed;
	float: right;
	top: 20px;
	right: 0px;
	z-index: 99;
}	

.nubelly #wrap {
	width: 900px;
	padding: 50px 100px 5px 100px;
	background: #fff;
	opacity: 0.9;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 50px;
}

.nubelly #title {
	background: url('images/headingbackground.jpg') no-repeat center;
	width: 100%;
	height: 90px;
	padding-top: 20px;
}


.nubelly #content {
	padding: 40px 100px;
	background-image: url(images/openquotes.jpg), url(images/closedquotes.jpg);
	background-position: left top, right bottom;
	background-repeat: no-repeat;
}
	.nubelly #content p {
	margin-bottom: 1.5em;
	line-height: 180%;
	text-align: justify;
	}

.nubelly .subheading {
	text-align: left;
	background: url('images/subtitlebackground.jpg') no-repeat top center;
	height: 126px;
	width: 176px;
	padding-top: 40px;
	}

.nubelly #credits {
	padding: 14px 0;
	font-size: 12px;
	color: #666;
	line-height: 12px;
	width: 100%;
	background: transparent;
}

	.nubelly #credits a {
		color: #333;
		text-decoration: none;
		font-weight: bold;
	}
.nubelly #copyright {
	float: left;
	display: inline-block;
}

.nubelly #legal {
	display: inline-block;
	float: right;
}

.nubelly #legal a {
	padding-left: 10px;
}

.nubelly #nform {
	width:700px;
	clear:both;
	margin-left: auto;
	margin-right: auto;
}

	.nubelly #nform input[type=text], .nubelly textarea {
		background: #efefef;
		width: 100%;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 0;
	}
	.nubelly #nform .interests {
		width: 800px;
		display: block;
		padding-bottom: 40px;
	}


		
	.nubelly #nform label {
		position: relative;
		float: left;
		width: 25%;
		text-align:left;
		background: #efefef;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-right: 10px;
		height: 30px;
		padding-top: 10px;
		padding-left: 20px;
		font-size: 1em;
		margin-bottom: 10px;
		text-transform: none;
	}
	
	.nubelly #nform select {
		background: #efefef;
		width: 100%;
		height: 1.5em;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 0;
		margin: 0;
		
	}
	.nubelly #nform input[type=file] {
		width: 100%;
		text-align: left;
	}

/* -------------------------------------------------------------------------------------------------- */
/* The Critters custom styles*/
/* Description: Critters custom styling for the nominations page template. Please excuse the PR agency style messiness...
/* Author: Luke Murphy for 33 Digital
/* Created: 12/01/12
/* -------------------------------------------------------------------------------------------------- */

.thecritters header {
	width: 976px;
	height: 200px;
	padding-left: 100px;
}
	.thecritters header h1 {
		text-align: left;
		color: rgb(210,35,42);
		font-size: 5em;
		line-height: 100%;
		margin: 20px 0 50px 0;
		position; relative;
		float: left;
		width: 400px;
	}

	.thecritters header .crittersimg {
		position: relative;
		width: 357px;
		float: left;
	}

.thecritters h3 {
	text-align: center;
	color: rgb(210,35,42);
	margin: 20px 0 50px 0;
	display: block;
	width: 100%;
}

.thecritters h4 {
	text-align: center;
}	

.thecritters h5 {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	text-transform: none;
	text-align: center;
}

.thecritters .crittersubmit {
	width: 100%;
	text-align: center;
}

.thecritters div.wpcf7-mail-sent-ng,
.post-13732 div.wpcf7-mail-sent-ng {
	border: 2px solid #398f14;	
}

@media only screen and (max-width: 480px) {

.thecritters h1 {
	font-size: 2em;

}

.thecritters img {
	display: none;
}	
 
.thecritters {
	width: 460px;
	padding: 0 10px;
}

.thecritters article {
	width: 460px;
	padding: 0 10px;
}
}


/*-----------Video Page Template Style----------------------
Added by: Luke Murphy
Date: 14/12/11
------------------------------------------------*/

ul.videotemplatepage {
	display: inline-block;
	list-style: none;
	width: 100%;
}

ul.videotemplatepage li{
	width: 307px;
	height: 260px;
	position: relative;
	float: left;
	padding-bottom: 20px;
}

ul.videotemplatepage li:nth-child(2n-1) {
	padding-right: 10px;
}

ul.videotemplatepage li:nth-child(2n) {
	padding-left: 10px;
}

ul.videotemplatepage li img {
	position:relative;
	float: left;
	padding: 0 10px 5px 0;
}

ul.videotemplatepage li br {
	display: none;
}

#site-title {
	/*--width:168px;--*/
	height:83px;
	display:block;
	float:left;
	margin:25px 30px 5px 0;
	text-indent:-999em;
	background:url('library/images/logo.png') left top no-repeat;
	
	width:168px;
}

#site-search {
	float: right;
	margin-top: 70px;
	margin-bottom: 0px;
}

/*----New styes for app developer pages. Added by Luke on 10 Sep 2012 ----*/

	.leftside {
		display: block;
		float: left;
		width: 300px;
		padding-right: 10px;
		text-align: right;
	}
	
	.rightside {
		display: block;
		float: left;
		width: 300px;
		padding-left: 10px;
		text-align: left;
		padding-bottom: 50px;	
	}
	
	.leftside div, .rightside div {
		display: block;
		width: 100%;
		padding-bottom: 5px;
	}
	
	.comparetitle { min-height: 60px; }
	
	.comparetitle h2 {
		font-family: "Segoe UI", Helvetica, Arial;
		font-weight: normal;
		font-size: 1.5em; 
		text-align: left;
		padding: 0 0 0 20px;
		margin: 0;
	}

	#why {
		background: #ededed;
		padding: 15px 10px;
		border-radius: 10px;
		margin-bottom: 15px;
	}

	.icing {
		display: inline-block;
		width: 30%;
		margin-right: 15px;
		vertical-align: top;
	}