/*
/////////////////////////////////////////////////////////////////////////

	Default (mobile first) layout
	
/////////////////////////////////////////////////////////////////////////

  Last edited on 14.11.2011
  
  1  Basics
	2  Navigation
	  2a. Network
		2b. Sections
  3  Layout
  4  Images
  5  Main
  6  Article
		6a. Generic
		6b. Metadata
		6c. Inline Advert
  7  Ad Sidebar

*/

/*

  TYPOGRAPHY styles:
  
  1  Typefaces
  2  Basics
  3  Specifics
  4  Adaptive sizes

*/

/* ---------------------------------------------------------------------- 
  1  Typefaces
---------------------------------------------------------------------- */

/* Proxima Nova */
/* font-size-adjust:0.488; TAKEN OUT */
body, input, textarea, button { font-family:"Proxima Nova Regular", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
em, ul.interact-list li a.twitter, ul.interact-list li a.rss, ul.interact-list li a.facebook { font-family:"Proxima Nova Italic", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:normal; font-style:italic; }
strong, h4, h5, h6 { font-family:"Proxima Nova Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal; }
strong em, em strong { font-family:"Proxima Nova Bold Italic", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:italic; }
/*div.col.sections nav ul li { font-family:"ProximaNovaExtraCondensedLight", "Arial Narrow", Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:200; font-style:normal; }*/

/* Skolar Latin */
ul.postmetadata li.author, ul.postmetadata + p, div.ad + p { font-family:"Skolar Latin Regular", "Times New Roman", serif; font-weight:normal; font-style:normal; }
ul.postmetadata + p em, div.ad + p em { font-family:"Skolar Latin Italic", "Times New Roman", serif; font-weight:normal; font-style:italic; }
h2, h3, ul.postmetadata + p strong, div.ad + p strong { font-family:"Skolar Latin Bold", "Times New Roman", serif; font-weight:bold; font-style:normal; }
h2 em, h3 em { font-family:"Skolar Latin Bold Italic", "Times New Roman", serif; font-weight:bold; font-style:italic; }

/* ---------------------------------------------------------------------- 
  2  Basics
---------------------------------------------------------------------- */

/*

  h2		36px / 16px = 2.25em
  h3		24px / 16px = 1.5em
  body		16px / 16px = 1em
  small		14px / 16px = 0.875em
  v small	12px / 16px = 0.75em
  
*/

::selection { background:#333; color:#fff; }
::-moz-selection { background:#333; color:#fff; }
body, input, textarea, button { color:#333; font-size:100%; line-height:1.4em; }
h2 { font-size:2.25em; line-height:1.1em; padding:0.5em 0 0 0; }
h3 { font-size:1.5em; padding:1.5em 0 0.5em 0; }
h4, h5, h6 { letter-spacing:0.125em; padding:1.5em 0 0.5em 0; text-transform:uppercase; }
p { padding:0.5em 0; }
a { color:#41b7d8; text-decoration:none; }
a:active { background:#e53b2c; color:#fff; }
p a { border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:1px; }
p a:hover { border-bottom:1px solid #41b7d8; }
/*input { -webkit-appearance: none; }*/
pre, code { background:#fefeec; }
img { max-width: 100%; }
article li ul, 
article li ol { margin: 0 1.5em; }
article ul, article ol { margin: 0 1.5em 1.5em 1.5em; }
article ul { list-style-type: disc; }
article ol { list-style-type: decimal; }
article li { padding:0.25em 0; }

/* ---------------------------------------------------------------------- 
  x  Forms by Ryan Taylor
---------------------------------------------------------------------- */

form label {
	display: block;
	font-weight: bold;	
	padding-bottom:0.25em;
}
	form label .required {
		font-weight: normal;
	}
form input[type=text],
form textarea, form input[type=password] {
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #333;
	font-size: 1em;
	margin-bottom: 1em;
	outline: none;
	padding: 0.5em;
	width: 97%;
}
	.no-rgba form input[type=text],
	.no-rgba form textarea {
		border: 1px solid #E5E5E5;
	}
	form input[type=text]:focus,
	form textarea:focus {
		border: 1px solid rgba(0,0,0,0.3);					
	}
		.no-rgba form input[type=text]:focus,
		.no-rgba form textarea:focus {
			border: 1px solid #B2B2B2;
		}
form input[type=submit], .submit-button {
	background: -moz-linear-gradient(top, rgba(233,92,51,1) 0%, rgba(229,59,44,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,92,51,1)), color-stop(100%,rgba(229,59,44,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* W3C */
	border: rgb(233,92,51); 
	background-color: rgb(233,92,51);
	border: 1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	cursor: pointer;
	display: block;
	outline: none;
	padding: 0.75em 2em;
	position: relative;
	text-decoration: none;
}
form p {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------- 
  3  Specifics
---------------------------------------------------------------------- */

div.col.network nav ul li { font-size:0.875em; padding:0.25em 0; }
div.col.network nav ul li a { color:#666; }
div.col.network nav ul li a:hover { color:#ccc; }
div.col.network nav ul li.current a { color:#fff; }
/*
div.col.sections nav ul li { font-size:1.5em; font-weight:bold; letter-spacing:0.15em; padding:0.5em 0; text-transform:uppercase; }
div.col.sections nav ul li ul { padding:0.5em 0 1em 0; }
div.col.sections nav ul li ul li {  font-weight:normal; text-transform:none; letter-spacing:0; }
*/

br + em { color:rgba(0,0,0,0.4); font-size:0.875em; }
ul.postmetadata li.author, ul.postmetadata + p, div.ad + p { font-size:1.5em; line-height:1.25em; margin: 0;
}
a.continue-reading,
#twitter a.follow-us {
	background-color: #41b7d8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display:inline-block;
	margin:2em 0 0 0;
	padding:0.25em 0.5em;
}
#twitter a.follow-us { margin:1em 0; }
h2 a { color:#333; }
p.advertisewithus { color:rgba(0,0,0,0.2); font-size:0.875em; padding:1em 0 1.5em 0; }
p.advertisewithus a { margin-left:110px; }
ul.bnnr-list li { font-size:0.75em; text-align:center; }

/* ---------------------------------------------------------------------- 
  x  Basics
---------------------------------------------------------------------- */

body { 
	background-color:#201f1f;
	background:#f4f4f4;
	font-size:90%; /* Gets overwritten as soon as it moves up from a tiny display */ 
	max-width: 1800px;
	background-image: url(/images/body.gif);
	
}

* { margin:0; padding:0; }
div, ul, li, form { position:relative; }

br.nasty { clear:both; }
.clearfix::after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

input, textarea {
  transition: border-color 0.3s;
  -moz-transition: border-color 0.3s; /* Firefox */
  -ms-transition: border-color 0.3s; /* IE, when it eventually supports it */
  -o-transition: border-color 0.3s; /* Opera */
  -webkit-transition: border-color 0.3s; /* Safari & Chrome */
}

/* ---------------------------------------------------------------------- 
  x  Navigation
---------------------------------------------------------------------- */

/* 2a. Network */

nav .network {
	display: none;
}

/*
nav.toplevel {
	background:#fff;
	border-bottom:10px solid #e5e5e5;
}
*/

nav.toplevel .mini {
	padding: 1em 0 1em 10px;
	float: left;
	width: 58%;
	margin-left: 5.5%;
}

nav.toplevel .mini a {
	float: left;
	margin-right: 1em;
	width: 50%;
	vertical-align: top;
}

nav.toplevel .mini img {
	margin-top:0.5em;
	width: 100%;
}

nav.toplevel .mini select {
	width: 40%;
	margin: 5.5% 0 0 2%;
}

/* 2b. Channels */

nav .channels {
	margin: 6% 7% 0 0;
	float: right;
}

nav .channels li {
	float: left;
	margin-left: 6px;
}

nav .channels li a {
	display: block;
	width: 23px;	
	height: 23px;
	background-image: url("../images/channels.png");
	text-indent: -9999em;
	opacity: 0.45;
}

nav .channels li a:hover
{
	opacity: 1;
}

nav .channels li.rss a { background-position: -23px 0; }
nav .channels li.facebook a { background-position: -23px -23px; }
nav .channels li.twitter a { background-position: -23px -46px; }

/* nav .channels li.rss a:hover,
nav .channels li.rss a:focus { background-position: -23px 0; }

nav .channels li.facebook a:hover,
nav .channels li.facebook a:focus { background-position: -23px -23px; }

nav .channels li.twitter a:hover,
nav .channels li.twitter a:focus { background-position: -23px -46px; } */


/* 2c. Sections */

nav.sections ul {
	display: none;
}

nav.sections ul > li a
{
	cursor: default;
}

nav.sections ul > li a.section-head:hover
{
	background: none;
}

nav.sections .mini {
	padding: 1em 5.5% 0 5.5%;
}

nav.sections .mini select {
	display: block;
	width: 100%;
}

#naviebookslink {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    position: absolute;
    right: 0;
    top: 2px;
}
#naviebookslink:hover {
    background: none repeat scroll 0 0 transparent;
}
#naviebookslink img#littleebooksimage {
    top: 0;
}

/* ---------------------------------------------------------------------- 
  x  Layout
---------------------------------------------------------------------- */
#container {
	
}

#container .fluid {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
}

.logo {
	display: block;
	margin: 2em 0;
	text-align: center;
}

.logo img {
	/*max-width: 50%;*/
	max-width: 90%;
}

article { background-color: #fff; }

/* ---------------------------------------------------------------------- 
  x  Images
---------------------------------------------------------------------- */

p img, div.ad img { /*border:1px solid #000;*/ height:auto; max-width: 100%; }
p img { margin:0.5em 0; }
p a[src$="jpg"], p a[src$="gif"], p a[src$="png"] { border:none; } /* Attribute selector targets any href ending in gif, jpg, or png; i.e.: any kind of image */

/* ---------------------------------------------------------------------- 
  x  Article
---------------------------------------------------------------------- */

form#search { 
	padding: 1em 5.5% 0 5.5%; 
}
	
form#search input { 
	background: #fff; 
	border: 1px solid rgba(0,0,0,0.1); 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; 
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px; 
	color: #333; 
	float: left; 
	padding: 0.5em; 
	width: 68%; 
	line-height: 1.2;
}
form#search input::-webkit-input-placeholder {
	color: rgba(0,0,0,0.2);
}
form#search input:-moz-placeholder {
    color: rgba(0,0,0,0.2);
}
form#search input:focus { 
	border-color:rgba(0,0,0,0.3); 
	outline:none;
}

form#search select {
	display: none;
}
	
form#search button { 
	background: rgb(233,92,51); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(233,92,51,1) 0%, rgba(229,59,44,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,92,51,1)), color-stop(100%,rgba(229,59,44,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95c33', endColorstr='#e53b2c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* W3C */
	border: 1px solid rgba(0,0,0,0.1); 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 5px; 
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px; 
	color: #fff; 
	padding: 0.5em; 
/*	position: absolute;*/
	top: 1em;
	right: 5.5%;
	width: 20%;
	line-height: 1.2;
}

form#search button:hover {
	border: 1px solid rgba(0,0,0,0.7); 
}

/* 5a. Generic */
article.post { 
	border-bottom:5px solid #41B7D8;
	margin-bottom:2em;
	padding:0 5.5% 4em 5.5%;
	position: relative;
}
	
section.comments { 
	padding: 4em 5.5%; 
}

/* 5b. Metadata */
ul.postmetadata { /*border-bottom:10px solid #f4f4f4;*/ padding-bottom:2em; margin: 0;
}
ul.postmetadata li { color:rgba(0,0,0,0.3); display:block; list-style:none; padding:1em 2em 0 1.5em; }
ul.postmetadata li.author { border-bottom:1px solid rgba(0,0,0,0.1); display:block; padding:0.5em 0.5em 0.5em 0;  } /* width:98%; TAKEN OUT */
ul.postmetadata li.author img { border-radius:50px; position:absolute; right:0; top:0.5em; display:none; }
ul.postmetadata li.date { background:url(../images/icon_date.gif) 0 1.25em no-repeat; }
ul.postmetadata li.tags { background:url(../images/icon_tags.gif) 0 1.25em no-repeat; }
ul.postmetadata li.comments { background:url(../images/icon_comments.gif) 0 1.25em no-repeat; }
ul.postmetadata li a:hover { border-bottom:1px solid; }
ul.postmetadata li.social {padding: 1.1em 2em 0 0; vertical-align: top;}

/* 5c. Inline Advert */
div.ad span { color:rgba(0,0,0,0.2); display:block; /*font-size:0.75em;*/ padding:1em 0 0.5em 0; }

/* Tags at the bottom of the article */
p.tags a { 
	background:#41b7d8;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	display:inline-block;
	padding:0.25em 0.5em;
}

p.tags a:hover { 
	background:#333;
	border:none;
	
}

/* ---------------------------------------------------------------------- 
  x  Category/Author Post Listings
---------------------------------------------------------------------- */
#category,
#recent,
.subtab-pages,
#author {
	padding: 0 5.5% 3em 5.5%;
}
	#recent .post,
	.subtab-pages .post {
		clear: both;
		float: left;
	}
	#recent .post .post-thumb,
	.subtab-pages .post .post-thumb {
		float: left;
		margin-right: 2.5%;
		padding-top: 0.65em;
		width: 12.5%;
	}
	#recent .post .entry,
	.subtab-pages .post .entry {
		float: left;
		margin-bottom: 2em;
		width: 85%;
	}
	
#author .author-bio-thumb {
	float: left;
	margin-right: 2.5%;
	padding-top: 0.65em;
	width: 12.5%;
}

/* ---------------------------------------------------------------------- 
  x  Select menu
---------------------------------------------------------------------- */
.select-content { display: none; }
#search .selectmenu {
	background: url("../images/site/select.png") no-repeat scroll right center #FDFEFE;
    border-radius: 3px 3px 3px 3px;
    color: #7E8183;
    font-size: 1em;
    height: auto;
    margin: 0;
    outline: medium none;
    position: absolute;
    right: 27%;
    top: 1.5em;
    width: 150px;
    z-index: 4;
}
	#search .selectmenu a {
		border: none;
		color: #7E8183;
	}
#search .selectmenu .selectmenu-selected a {
	background: url("../images/dropdown.png") no-repeat scroll right 18px transparent;
	cursor: pointer;
	display: block;
	padding: 0.4375em 15px 0.4375em 0.625em;
	text-align: right;
}
	.ie7 #search .selectmenu-selected {
		width: 78.5%;
	}
#search .selectmenu .selectmenu-menu {
	background-color: #FDFEFE;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-o-border-bottom-right-radius: 3px;
	-o-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	display: none;
	list-style: none;
	right: -10%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 2.80em;
	width: 100%;
	z-index: 3;
}
	#search .selectmenu .selectmenu-menu li {
		display: block;
		margin: 0;
		padding: 0;
	}
		#search .selectmenu .selectmenu-menu a {
			cursor: pointer;
			display: block;
			padding: 0.405em 1em;
			transition: background-color 0.2s;
			-moz-transition: background-color 0.2s;
			-ms-transition: background-color 0.2s;
			-o-transition: background-color 0.2s;
			-webkit-transition: background-color 0.2s;
		}
			#search .selectmenu .selectmenu-menu a:hover,
			#search .selectmenu .selectmenu-menu a:focus {
				background-color: #FFFF66;
				color: #333;
				text-shadow: none;
			}

/* ---------------------------------------------------------------------- 
  x  Author Bio
---------------------------------------------------------------------- */
.bio:first-of-type {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin: 0 5.5% 0 0;
	padding: 0 0 1em 0;
	overflow: visible;
}
	.no-rgba .bio:first-of-type {
		border: 1px solid #E5E5E5;
	}
.bio .gravatar {
	float: left;
	width: 30%;
}
.bio .gravatar img {
	margin-left:20%;
}
.bio .about {
	float: left;
	width: 70%;
}
.bio .about .post-author {
	font-family:"Skolar Latin Bold", "Times New Roman", serif; font-weight:bold; font-style:normal;
	font-size: 1.5em;
}
	.bio .about .post-author:hover {
		border-bottom: 1px solid;
	}
	
#contribute1,
#contribute2 {
	float: left;
	width: 39%;
	margin: 0 0 2em 5.5%;
}

#contribute1 ul li a,
#contribute2 ul li a {
	background: -moz-linear-gradient(top, rgba(233,92,51,1) 0%, rgba(229,59,44,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,92,51,1)), color-stop(100%,rgba(229,59,44,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* W3C */
	background-color: rgb(233,92,51);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display:inline-block;
	margin:0.25em 0;
	padding:0.25em 0.5em;
}

.main p.tags {
	float: left;
	padding: 1em 5.5%;
	width: 28%;
}
.main .ed {
	clear: left;
	float: right;
	margin-bottom: 2em;
	padding: 0 5.5%;
}

.main .ed.ad { /* Just the first inline ad. It gets floated later, but not at these small widths. */
	clear:none;
	float:none; 
	padding:0;
}


.homepagepremedtargetwrapper,
.main a#acom + .ed {
	/* Ad between posts n the home page, or just before comments on a post page */
	border-bottom:1px solid #333;
	clear: both;
	text-align:center;
	width:89%;
}

.homepagepremedtargetwrapper img,
.main a#acom + .ed img {
	margin-bottom:4em;
}

.homepagepremedtargetwrapper .declare,
.main a#acom + .ed .declare {
	display:inline;
}

.main .ed .declare {
	margin: 0 0 0.5em;
}

/* ---------------------------------------------------------------------- 
  x  Pagination by Ryan Taylor
---------------------------------------------------------------------- */
.wp-pagenavi {
	clear: both;
	margin: 0 5.5% 4em;
}
	.no-rgba .wp-pagenavi {
		border-top: 1px solid #E5E5E5;
	}
.wp-pagenavi .previous,
.wp-pagenavi .next {
	float: left;
	padding: 0.25em 0;
	width: 20%;
}

.wp-pagenavi a {
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
}

.wp-pagenavi .previous a,
.wp-pagenavi .next a {
	/* Updates by EJS */
	background: -moz-linear-gradient(top, rgba(233,92,51,1) 0%, rgba(229,59,44,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,92,51,1)), color-stop(100%,rgba(229,59,44,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* W3C */
	background-color: rgb(233,92,51);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display:inline-block;
	margin-top:-0.25em;
	padding:0.25em 0.5em;
}
	.wp-pagenavi .next {
		text-align: right;
	}
	.wp-pagenavi .previous a:hover,
	.wp-pagenavi .next a:hover {
		background:#333;
		border:none;
	}
.wp-pagenavi .pagelist {
	float: left;
	width: 60%;
}
.wp-pagenavi .pagelist a,
.wp-pagenavi .pagelist span.current {
	display: inline-block;
	float: left;
	margin: 0 1%;
	text-align: center;
	padding: 0.25em 0;
	width: 8%;
}
	.wp-pagenavi .pagelist span.current,
	.wp-pagenavi .pagelist a:hover {
		background-color: #41b7d8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
	}
		.no-rgba .wp-pagenavi .pagelist span.current,
		.no-rgba .wp-pagenavi .pagelist a:hover {
			background-color: #B2B2B2;
		}

/* ---------------------------------------------------------------------- 
  x  Ad Sidebar
---------------------------------------------------------------------- */
div.col.ads {
	padding: 0 5.5%;
}

.spnsrlistwrapper {
	display:none; /* Overwritten at 1020px */
}

ul.bnnr-list li { display:inline-block; margin:0 2% 1em 0; width:48%; }

span.declare { color:rgba(0,0,0,0.2); display: block; margin:0.875em 0; }
.spnsrlistwrapper span.declare:first-child {
	display: inline-block;
}
span.awithus { display:inline-block; margin:0.875em 0 0.75em 102px; }

.sidebar-anniversary-box {
	margin:2em 0;
}

.sidebar-anniversary-box img {
	float:left;
	margin:0 20px 1em 0;
}

.sidebar-anniversary-box p {
	padding:1em 20px 1em 0;
}
div.sidebartabs {
	clear: both;
}
div.sidebartabs ul.sidebar-nav {
	margin:0 -25px 0 -20px;
	overflow: auto;
}
div.sidebartabs ul.sidebar-nav li { 
	float:left;
	border-right: 1px solid rgba(0,0,0,0.05);
	text-align:center;
	width:33%;
}

div.sidebartabs ul.sidebar-nav li:last-child {
	border:none;
}

div.sidebartabs ul.sidebar-nav li a {
	color: rgba(0, 0, 0, 0.3); 
	display:block;
	font-weight: normal;
	padding:2.5em 1em 0.5em;
	height:28px;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
}
	div.sidebartabs ul.sidebar-nav li a strong {
		font-family: "Proxima Nova Regular","Helvetica Neue",Arial,Helvetica,sans-serif;
		font-weight: normal;
	}

div.sidebartabs ul.sidebar-nav li a:hover,
div.sidebartabs ul.sidebar-nav li.ui-state-active a { 
	background:#ff6;
	color:rgba(0,0,0,0.6);
}

div.sidebartabs ul.sidebar-nav li + li + li a:hover,
div.sidebartabs ul.sidebar-nav li + li + li.ui-state-active a { 
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}

div.sidebartabs {
	background:rgba(255,255,255,0.7);
	/*
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1);
	*/
	//margin:2em 0 2em -20px;
	margin-bottom: 2em;
	padding:0 20px 2em 20px;
}

div.two div.left {
	border-right: 1px solid rgba(0,0,0,0.1);
	float: left;
	padding-right: 4%;
	width: 46%;
}
	.no-rgba div.two div.left {
		border-right: 1px solid #E5E5E5;
	}

div.two div.right {
	float: right;
	padding-left: 4%;
	width: 45%;
}

div.smashingwidget li {
	border-bottom:1px solid rgba(0,0,0,0.05);
	list-style:none;
	padding:0.5em 0;
}

div.smashingwidget li div.sw-source, ul.topiclist li p {
	font-size:0.75em;
	line-height:1.4em;
}

div.smashingwidget h3 {
	padding-left:50px;
	position:relative;
}

div.smashingwidget h3 img {
	bottom:6px;
	left:0;
	position:absolute;
}

div.smashingwidget li:last-child {
	border:none;
}

/* ---------------------------------------------------------------------- 
  x  Sidebar Item
---------------------------------------------------------------------- */

.sidebaritem,
.sidebared,
#twitter {
	margin-bottom: 2em;
}

/* ---------------------------------------------------------------------- 
  x  Interact
---------------------------------------------------------------------- */

ul.interact-list li a.twitter { color:#0087d4; }
ul.interact-list li a.rss { color:#e57c30; }
ul.interact-list li a.facebook { color:#3151a2; }

/* ---------------------------------------------------------------------- 
  x  Twitter
---------------------------------------------------------------------- */

#twitter li {
	background:#333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	margin-bottom:1.5em;
	padding: 0.75em;
}

#twitter li:after {
	background:url(../images/twitter_badge.png);
	bottom:-11px;
	content:".";
	display:block;
	height:25px;
	position:absolute;
	right:0;
	width:51px;
}

#twitter li a { 
	border-bottom:1px solid #999;
	color:#fff;
}

#twitter li a:hover { 
	border-color:#fff;
}

#twitter li a.tweet-status {
	border:none;
	color:#999;
	display: block;
	font-size: 0.875em;
}

/* ---------------------------------------------------------------------- 
  x  Text Widget by Ryan Taylor
---------------------------------------------------------------------- */
.sidelist li {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 0.8125em;
	padding: 0.25em 0;
}
	.no-rgba .sidelist li {
		border-top: 1px solid #E5E5E5;
	}
		.sidelist li a:hover {
			border-bottom: 1px solid;
		}

/* ---------------------------------------------------------------------- 
  x  Newsletter Form by Ryan Taylor
---------------------------------------------------------------------- */
#newsletterbox {
    background: url("http://media.smashingmagazine.com/themes/smashing/images/newsletter-box-bg.jpg") no-repeat scroll 7px 3px #BCE3F7;
    border-radius: 0.9em 0.9em 0.9em 0.9em;
    color: #E94F17;
    height: auto;
    margin: 20px 0;
    padding: 0 0 51px;
    position: relative;
    width: 180px;
}
#newsletterbox form {
    height: auto;
    padding-top: 375px;
    position: static;
    width: 170px;
}
#newsletterbox form span {
	font-size: 12px;
}
#newsletterbox form label {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	padding: 0 10px 0 5px;
}
#newsletterbox form .firstfields {
    margin: 0 0 3px 14px;
}
#newsletterbox .email-wrapper {
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 0 6px #D9EFFB;
    height: 22px;
    width: 150px;
}
#newsletterbox .email-wrapper input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    box-shadow: 1px 1px 2px #999999 inset;
    color: #E94F17;
    font: 12px Arial,Helvetica,sans-serif;
    height: 22px;
    margin: 0;
    padding: 0;
    text-indent: 0.5em;
    width: 150px;
}
#newsletterbox .emailtypes {
    margin: 10px 0 0;
    width: 180px;
}
#newsletterbox .emailtypes span {
    color: #454545;
    font-weight: bold;
}
#newsletterbox .emailtypes ul {
    margin: 0 0 0 -5px;
    padding: 0;
}
#newsletterbox .emailtypes li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#newsletterbox .submitfield {
    background: none repeat scroll 0 0 #E94F17;
    border-bottom-left-radius: 0.9em;
    border-bottom-right-radius: 0.9em;
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 180px;
}
#newsletterbox .subscribe {
	background: none;
	background-color: #EFEFEF;
	color: #333;
    display: block;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    margin: 10px auto;
    width: 120px;
    padding: 0;
}
#newsletterbox #mce-responses {
    color: #AA2D00;
    font-weight: bold;
    margin: -7px 0 0 7px;
    width: 180px;
}
#newsletterbox .mce_inline_error {
    font-size: 11px;
    line-height: 12px;
    margin: 15px 0 5px;
    padding: 0;
    width: 160px;
    word-wrap: break-word;
}
#newsletterbox .newsletter-link {
    display: block;
    height: 360px;
    position: absolute;
    top: 0;
    width: 180px;
}
/*#mce-error-response, #mce-success-response {
    display: none;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    margin: 15px 0 5px;
    padding: 0;
    width: 160px;
    word-wrap: break-word;
    z-index: 1;
}
.smbutton {
    background-color: #CCCCCC;
    background-image: -moz-linear-gradient(center top , #EEEEEE, #CCCCCC);
    border: 1px solid #777777;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #333333;
    display: inline-block;
    font: bold 1em/2em Arial,Helvetica;
    margin: 0.5em;
    padding: 0 1.5em;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
}
.smbutton:hover {
    background-color: #DDDDDD;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #DDDDDD);
}
.smbutton:active {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3) inset;
    position: relative;
    top: 1px;
}
.smbutton:focus {
    background: none repeat scroll 0 0 #FAFAFA;
    outline: 0 none;
}
.smbutton:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.15em 0 0 0.15em;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    float: left;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 0.2em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}
.smwrap .next {
    float: right;
}
.smwrap {
    clear: both;
    overflow: auto;
}*/


/* ---------------------------------------------------------------------- 
  x  Comments by Ryan Taylor
---------------------------------------------------------------------- */
#discussion {
	/*
	margin: 0 5.5%;
	*/
}
.sub-tabs {
	border: 1px solid rgba(0,0,0,0.1);
	border-top: 0;
	border-right: 0;
	clear: both;
	margin: 0 5.5% 2em;
}
	.no-rgba .sub-tabs {
		border: 1px solid #E5E5E5;
		border-top: 0;
		border-right: 0;
	}
	.sub-tabs li {
		border-right: 1px solid rgba(0,0,0,0.1);
		float: left;
	}
		.sub-tabs a {
			background-color: #FFF;
			color: rgba(0, 0, 0, 0.3);
			display: block;
			padding: 1em;
			position: relative;
			text-align: center;
			width: 150px;
		}
			.sub-tabs a:hover {
				color: #333;
				background-color: #FFFF66;
				-moz-transition: background-color 0.2s ease 0s;
			}
			.sub-tabs a.active {
				color: #333;
			}
			.sub-tabs a.active:after {
				border: 10px solid transparent;
				border-bottom-color: rgba(0,0,0,0.1);
				bottom: 0;
				content: "";
				height: 10px;
				right: 43%;
				width: 0;
				position: absolute;
			}
		.no-rgba .sub-tabs li {
			border-right: 1px solid #E5E5E5;
		}
		.no-rgba .sub-tabs a {
			color: #B2B2B2;
		}

.commentlist {
	list-style: none;
	padding: 0;
}
	.commentlist li {
		margin-bottom: 2em;
		position: relative;
	}
	
		.commentlist li:nth-child(even) .comment-text {
			background-color: rgba(0, 0, 0, 0.025);
		}
			.no-rgba .commentlist li:nth-child(even) .comment-text {
				background-color: #fafafa;
			}
			.commentlist li:nth-child(odd) .children li:nth-child(even) .comment-text {
				background-color: #FFF;
			}
		.commentlist li:nth-child(even) .commentnumber {
			color: #FFF;
		}
		
		.commentlist li.bypostauthor .comment-author h3:after {
			content: " post author";
			color: #F3A48F;
			font-size: 0.58333333333333em;
			font-style: italic;
		}
		.commentlist li.bypostauthor .comment-text {
			background-color: rgba(233, 92, 51, 0.1);
			border: 1px solid rgba(233, 92, 51, 0.5);;
		}
			.no-rgba .commentlist li.bypostauthor .comment-text {
				background-color: #FDEEEA;
				border: 1px solid #F3A48F;
			}
		.commentlist li.bypostauthor .commentnumber {
			color: rgba(233, 92, 51, 0.5);
		}
			.no-rgba .commentlist li.bypostauthor .commentnumber {
				color: #F3A48F;
			}
	.commentlist .children {
		clear: both;
		margin-left: 5.5%;
		padding: 1em 0 0;
	}
		.commentlist .children li {
			margin-bottom: 1em;
		}
	
.commentlist .commentnumber {
	color: rgba(0, 0, 0, 0.05);
 	font-size: 3.5em;
 	position: absolute;
 	right: 10px;
 	top: 60px;
 	z-index: 10;
}
	.commentlist .commentnumber {
		color: #F2F2F2;
	}
.commentlist .comment-author {
	float: left;
	margin-right: 20px;
	padding-bottom: 0.5em;
}
/*	.commentlist .comment-author img,
	.commentlist .comment-author h3,
	.commentlist .comment-author .datetime {
		float: left;
		line-height: 38px;
		margin: 0 20px 0 0;
		padding: 0;
	}
		.commentlist .comment-author .datetime {
			color: rgba(0, 0, 0, 0.4);
			font-size: 0.875em;
			line-height: 1em;
			margin-right: 0;
			margin-top: 15px;
		}*/
.commentlist .comment-author img,
.commentlist .comment-author h3,
.commentlist .comment-author .datetime {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}
	.commentlist .authormeta {
		float: left;
	}
	.commentlist .comment-author .datetime {
		float: left;
		clear: left;
		color: rgba(0, 0, 0, 0.4);
		font-size: 0.875em;
		line-height: 1em;
		margin-right: 0;
		margin-top: 5px;
	}		

.commentlist .comment-text {
	border: 1px solid rgba(0, 0, 0, 0.1);
	clear: left;
	float: left;
	padding: 1em 10% 0 2.5%;
	width: 87.5%;
}
	.no-rgba .commentlist .comment-text {
		border: 1px solid #E5E5E5;
	}
	.commentlist .comment-text * {
		position: relative;
		z-index: 15;
	}
	.commentlist .comment-text p {
		padding: 0 0 1em;
	}

.commentlist .commentmeta {
	clear: both;
	padding: 0.5em 2.55% 0;
	width: 94%;
}
.commentlist .commentmeta .commentrating,
.commentlist .commentmeta .reply {
	float: right;
	position: relative;
}
	.commentlist .commentmeta .commentrating {
		bottom: 0;
		margin: 3px 0 0;
		right: 0;
	}
	.commentlist .commentmeta .reply {
		margin-left: 20px;
	}
	.commentlist .commentmeta .reply a:hover {
		border-bottom: 1px solid;
	}
	
/* ---------------------------------------------------------------------- 
  x  Comment Form by Ryan Taylor
---------------------------------------------------------------------- */
#respond {
	margin: 0 5.5%;
	position: relative;
}
	#respond div,
	#respond form {
		position: static;
		margin-top:1em;
	}
	#discussion #respond {
		margin: 0;
	}

#respond .cancel-comment-reply {
	position: absolute;
	right: 0;
	top: 2.5em;
}
	#respond .cancel-comment-reply:hover {
		border-bottom: 1px solid;
	}

/* ---------------------------------------------------------------------- 
  x  Footer
---------------------------------------------------------------------- */
#footer {
	clear: both;
	margin: 2em 0;
	padding: 2em 5.5% 0 0;	
}

#footer div {
	float: left;
	padding: 0 0 2em 5.5%;
	width: 43.5%;	
}

#footer div h4 {
	transition: color 0.3s;
  	-moz-transition:-color 0.3s; /* Firefox */
	-ms-transition: color 0.3s; /* IE, when it eventually supports it */
	-o-transition: color 0.3s; /* Opera */
	-webkit-transition: color 0.3s; /* Safari & Chrome */
}

#footer div:hover h4 {
	color:#e53b2c;
}

#footer div:nth-child(2n + 1) {
	clear: left;
}

#footer li {
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
	padding:0.125em 0;
}


/* ---------------------------------------------------------------------- 
  x  Jobs
---------------------------------------------------------------------- */

article.entry { 
	margin:0 5.5% 0 5.5%;
	padding:1.5em 0;
	border-bottom: 1px solid #DDDDDD;
	cursor: pointer;
}

.entry-list
{
	width: 100%;
	border-bottom: 5px solid #41B7D8;
	margin-bottom: 2em;
	padding-bottom: 2em;
}

.entry-list > li
{
	display: block;
}

article.entry ul
{
	padding-bottom: 0em;
}

.entry-list .tags
{
	color: #41B7D8;
	font-size: 0.875em;
}

.entry
{
	position: relative;
}

.entry-type, .entry-location, .entry-company, .entry-new
{
	font-size: 0.875em;
	color: rgba(0, 0, 0, 0.3);
	height: 1em;
	line-height: 1em;
}

.entry-type
{
	position: relative;
	display: inline-block;
	top: 0.4em;
	left: 0.5em;
	color: #41B7D8;
}

.entry-location
{
	top: 50%;
	margin-top: 0.7em;
	position: absolute;
	right: 5.5%;
}

.entry-company
{
	position: relative;
	top: 0.4em;
}

.entry-company strong
{
	color: #41B7D8;
}
.entry-options{
	position:relative;
	top:5px;
	left:4px;
}
.entry-options span{
    padding:2px;
    margin:2px;
/*
	background: -moz-linear-gradient(center top , #E95C33 0%, #E53B2C 100%) repeat scroll 0 0 transparent;
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
*/
}
.entry-options span a{
	color:#E85331;
};


.entry-new
{
	position: relative;
	display: inline-block;
	top: 0.4em;
	left: 1em;
	color: #E95C33;
}

.entry h2
{
	width: 100%;
	padding: 0;
}

article.entry:hover
{
	background: #F9F9F9;
}

article.entry h2
{
	font-size: 1.25em;
}

article.entry h2:hover, article.entry:hover h2
{
	color: #E53B2C;
}

.actions
{
	padding: 2em 5.5% 0 5.5%;
	font-size: 0.875em;
}

.lol
{
	visibility: hidden;
	height: 0;
}

.actions .button {
	/* Updates by EJS */
	/*background: -moz-linear-gradient(top, rgba(233,92,51,1) 0%, rgba(229,59,44,1) 100%); /* FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,92,51,1)), color-stop(100%,rgba(229,59,44,1))); /* Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* Opera11.10+ 
	background: -ms-linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* IE10+ 
	background: linear-gradient(top, rgba(233,92,51,1) 0%,rgba(229,59,44,1) 100%); /* W3C */
	/*background-color: rgb(233,92,51);*/
	background-color: #41B7D8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display:inline-block;
	margin: 0.8125em 0 1.3125em 0;
	padding:0.3125em 0;
	width: 50%;
	text-align: center;
	font-size: 1.2em;
	line-height: 2.625em;
	vertical-align: top;
	cursor: pointer;
}

.actions .button:hover
{
	background:#333;
	border:none;
}

.actions .prices
{
	width: 44.5%;
	padding-left: 5.5%;
	display: inline-block;
}

.actions .price
{
	font-size: 1.5em;
	font-style: normal;
	color: #41B7D8;
}


.promo
{
	font-size: 0.875em;
	line-height: 2em;
	position: relative;
	top: 0em;
	margin-bottom: 4em;
}

.promo .why
{
	list-style: disc;
	padding-left: 20px;
}

.promo .why li
{
		
}

.promo .more
{
	padding: 0.5em 0em 0 0;
	display: inline;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.promo .more:hover
{
	border-bottom: 1px solid #41B7D8;
}

.promo .more:active
{
	-webkit-tap-highlight-color: transparent;
	background: transparent;
	color: #E95C33;
}

.promo-section
{
	padding: 0 5.5%;
	
}

div.promo ul.past-posters {
        margin: 1.5em 0;
}

article ul.past-posters {
    width:  100%;
}

.promo_dh
{
	font-size: 0.875em;
	line-height: 2em;
	position: relative;
	top: 0em;
	margin-bottom: 4em;
}

.promo_dh .why
{
	list-style: disc;
	padding-left: 20px;
}

.promo_dh .why li
{
		
}

.promo_dh .more
{
	padding: 0.5em 0em 0 0;
	display: inline;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.promo_dh .more:hover
{
	border-bottom: 1px solid #41B7D8;
}

.promo_dh .more:active
{
	-webkit-tap-highlight-color: transparent;
	background: transparent;
	color: #E95C33;
}

.promo_dh-section
{
	padding: 0 5.5%;
	
}

div.promo_dh ul.past-posters {
        margin: 1.5em 0;
}


.past-posters{overflow:hidden;}
.past-posters li{float:left;height:55px;width:100px;list-style-type:none;padding:4px 0;}
.past-posters li a{display:block;width:100%;height:55px;text-indent:-999px;opacity:0;}
.past-posters li a:active{-webkit-tap-highlight-color: transparent; background: transparent; }
.past-posters #google{background:transparent url(../images/sprite-bw.png) left top no-repeat;}
.past-posters #yelp{background:transparent url(../images/sprite-bw.png) -100px top no-repeat;width:90px;}
.past-posters #apple{background:transparent url(../images/sprite-bw.png) -190px top no-repeat;width:40px;}
.past-posters #tesla{background:transparent url(../images/sprite-bw.png) left -55px no-repeat;width:40px;margin: 0 10px;}
.past-posters #remember{background:transparent url(../images/sprite-bw.png) -40px -55px no-repeat;width:95px;}
.past-posters #meebo{background:transparent url(../images/sprite-bw.png) -140px -55px no-repeat;width:121px;}
.past-posters #linkedin{background:transparent url(../images/sprite-bw.png) left -110px no-repeat;width:50px;height:60px;}
.past-posters #ogilvy{background:transparent url(../images/sprite-bw.png) -50px -110px no-repeat;width:100px;height:60px;}
.past-posters #dell{background:transparent url(../images/sprite-bw.png) -160px -110px no-repeat;width:70px;height:60px;}
.past-posters #mtv{background:transparent url(../images/customer-logos/mtv-bw.png) no-repeat center;width:50px;height:60px;}
.past-posters #wikimedia{background:transparent url(../images/customer-logos/wikimedia-bw.png) no-repeat center;width:90px;height:60px;}
.past-posters #activision{background:transparent url(../images/customer-logos/activision-bw.png) no-repeat center;width:110px;height:60px;}
.past-posters #amazon{background:transparent url(../images/customer-logos/amazon-bw.png) no-repeat center;width:110px;height:60px;}
.past-posters #avg{background:transparent url(../images/customer-logos/avg-bw.png) no-repeat center;width:80px;height:60px;}
.past-posters #ea{background:transparent url(../images/customer-logos/ea-bw.png) no-repeat center;width:60px;height:60px;}
.past-posters #garmin{background:transparent url(../images/customer-logos/garmin-bw.png) no-repeat center;width:90px;height:60px;}
.past-posters #livestrong{background:transparent url(../images/customer-logos/livestrong-bw.png) no-repeat;width:100px;height:60px;background-position: center 32px;}
.past-posters #atlassian{background:transparent url(../images/customer-logos/atlassian-bw.png) no-repeat center;width:95px;height:60px;}
.past-posters #lonelyplanet{background:transparent url(../images/customer-logos/lonely-planet-bw.png) no-repeat center;width:80px;height:60px;}
.past-posters #mercedes{background:transparent url(../images/customer-logos/mercedes-bw.png) no-repeat center;width:55px;height:60px;}
.past-posters #notredameuniversity{background:transparent url(../images/customer-logos/notre-dame-university-bw.png) no-repeat center;width:65px;height:60px;}
.past-posters #riot{background:transparent url(../images/customer-logos/riot-bw.png) no-repeat center;width:68px;height:60px;}
.past-posters #rockstargames{background:transparent url(../images/customer-logos/rockstar-games-bw.png) no-repeat center;width:60px;height:60px;}
.past-posters #sony{background:transparent url(../images/customer-logos/sony-bw.png) no-repeat center;width:60px;height:60px;}
.past-posters #nokia{background:transparent url(../images/customer-logos/nokia-bw.png) no-repeat center;width:70px;height:60px;}
.past-posters #technologyreview{background:transparent url(../images/customer-logos/technology-review-bw.png) no-repeat center;width:70px;height:60px;}
.past-posters #gameforge{background:transparent url(../images/customer-logos/gameforge-bw.jpg) no-repeat center;width:100px;height:60px;}
.past-posters #bookingcom{background:transparent url(../images/customer-logos/bookingcom-bw.png) no-repeat center;width:110px;height:60px;}

.past-posters #google:hover{background:transparent url(../images/sprite.png) left top no-repeat;}
.past-posters #yelp:hover{background:transparent url(../images/sprite.png) -100px top no-repeat;width:90px;}
.past-posters #apple:hover{background:transparent url(../images/sprite.png) -190px top no-repeat;width:40px;}
.past-posters #tesla:hover{background:transparent url(../images/sprite.png) left -55px no-repeat;width:40px;}
.past-posters #remember:hover{background:transparent url(../images/sprite.png) -40px -55px no-repeat;width:95px;}
.past-posters #meebo:hover{background:transparent url(../images/sprite.png) -140px -55px no-repeat;width:121px;}
.past-posters #linkedin:hover{background:transparent url(../images/sprite.png) left -110px no-repeat;width:50px;height:60px;}
.past-posters #ogilvy:hover{background:transparent url(../images/sprite.png) -50px -110px no-repeat;width:100px;height:60px;}
.past-posters #dell:hover{background:transparent url(../images/sprite.png) -160px -110px no-repeat;width:70px;height:60px;}
.past-posters #mtv:hover{background-image:url(../images/customer-logos/mtv.png)}
.past-posters #wikimedia:hover{background-image:url(../images/customer-logos/wikimedia.png)}
.past-posters #activision:hover{background-image:url(../images/customer-logos/activision.png)}
.past-posters #amazon:hover{background-image:url(../images/customer-logos/amazon.png)}
.past-posters #avg:hover{background-image:url(../images/customer-logos/avg.png)}
.past-posters #ea:hover{background-image:url(../images/customer-logos/ea.png)}
.past-posters #garmin:hover{background-image:url(../images/customer-logos/garmin.png)}
.past-posters #livestrong:hover{background-image:url(../images/customer-logos/livestrong.png)}
.past-posters #atlassian:hover{background-image:url(../images/customer-logos/atlassian.png)}
.past-posters #mercedes:hover{background-image:url(../images/customer-logos/mercedes.png)}
.past-posters #lonelyplanet:hover{background-image:url(../images/customer-logos/lonely-planet.png)}
.past-posters #notredameuniversity:hover{background-image:url(../images/customer-logos/notre-dame-university.png)}
.past-posters #riot:hover{background-image:url(../images/customer-logos/riot.png)}
.past-posters #rockstargames:hover{background-image:url(../images/customer-logos/rockstar-games.png)}
.past-posters #sony:hover{background-image:url(../images/customer-logos/sony.png)}
.past-posters #nokia:hover{background-image:url(../images/customer-logos/nokia.png)}
.past-posters #technologyreview:hover{background-image:url(../images/customer-logos/technology-review.png)}
.past-posters #gameforge:hover{background-image:url(../images/customer-logos/gameforge.jpg)}
.past-posters #bookingcom:hover{background-image:url(../images/customer-logos/bookingcom.png);}


#applyForm form label {
  clear: both;
  padding: 10px 0 5px;
  float: left;
}
#applyForm form input {
  clear: both;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#applyForm form textarea {
  clear: both;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.genForm input.submit ,#applyForm form input.submit {
  color: #ffffff;
  display: block;
  margin-top: 10px;
  border: none;
  font-size: 0.9em;
  cursor: pointer;
}
form#bookmarklet input { width: 400px; }
.genForm fieldset {
  border: 1px solid #f2f2f2;
  padding: 10px;
  background-color: #fafafa;
}

form.genForm input[type="text"], form.genForm input[type="password"] {
  width: 100%;
  padding: 5px;
  border: 1px solid #c6c6c6;
  margin-bottom: 12px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.genForm textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #c6c6c6;
  margin-bottom: 12px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.genForm input:focus {
  border: 1px dashed #eb4c07;
  background-color: #ffffff;
}
.genForm textarea:focus {
  border: 1px dashed #eb4c07;
  background-color: #ffffff;
}
.genForm textarea { max-width: 100%; }

.genForm select {
  width: 210px;
  margin-bottom: 12px;
  float: left;
  padding: 1px;
}
.genForm label {
  float: left;
  display: block;
  width: 150px;
  clear: both;
  padding: 3px 0 2px;
  font-size: 0.875em;
}
.genForm label.coupon { background: url('/images/ico_cupon.jpg') 75% 50% no-repeat; }
.genForm span.fieldMsg {
  display: block;
  padding: 0 0 15px;
  margin-left: 150px;
  color: #666666;
  clear: both;
  font-style: italic;
  font-size: 0.75em;
}
.genForm div.fieldMsg {
  display: block;
  padding: 0 0 15px;
  margin-left: 130px;
  color: #666666;
  clear: both;
  font-style: italic;
  font-size: 0.75em;
}
.message { padding-bottom: 20px; }
.genForm input.checkbox {
  width: 20px;
  float: left;
  clear: both;
  border: none;
  margin-left: 125px;
}
.genForm label.remember {
  clear: none;
  float: left;
  margin-left: 2px;
  padding: 0;
}
form#login .message {
  float: none;
  margin-left: 150px;
  clear: both;
}
* html form#login .message { margin-left: 65px; }
#job_logo {
  float: left;
  clear: none;
  padding-bottom: 10px;
}

#applyForm {
  margin-right: 20px;
  border: 1px solid #cccccc;
  background: #f2f2f2;
  padding: 0 15px 10px;
  font-size: 0.9em;
}
#steps { margin-bottom: 25px; }
.step {
  float: left;
  border-top: 5px solid #eb4c07;
  border-bottom: 1px dashed #cccccc;
  padding: 10px 0;
  font-weight: bold;
  font-size: 11px;
  width: 19%;
  margin-right: 1%;
}
.inactive {
  border-top: 5px solid #dadada;
  color: #999999;
  font-weight: normal;
  background: none;
}

#login-status
{
	text-align: left;
	margin: 0 5.5% 1em 0;
}

#login-status a
{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#login-status a:hover
{
	border-bottom: 1px solid #41B7D8;
}

.block
{
	display: block;
}

.inline
{
	display: inline-block;
}

.alternate
{
	margin: 5.5%;
}

a h2
{
	color: #333;
}

/* ---------------------------------------------------------------------- 
	  x  Footer
	---------------------------------------------------------------------- */
	#footer {
		clear: both;
		margin: 2em 0;
		padding: 2em 5.5% 0 0;
		font-size: 0.9em;
	}

	#footer div {
		float: left;
		padding: 0 0 2em 5.5%; /* Elliot */
		/* border: 2px solid transparent; */

	}

	#footer div h4 {
		transition: color 0.3s;
	  	-moz-transition:-color 0.3s; /* Firefox */
		-ms-transition: color 0.3s; /* IE, when it eventually supports it */
		-o-transition: color 0.3s; /* Opera */
		-webkit-transition: color 0.3s; /* Safari & Chrome */
	}

	#footer div:hover h4 {
		color:#e53b2c;
	}

	#footer #the-smashing-cat {
		margin-top: 21px;
		display: none;
	}

	#footer div:nth-child(2n) {
		clear: left;
	}
	
	/* added by vf */
	#footer div {
		width: 100%;
		clear: both;
	}
	
	#footer .contribute {
		background-color: rgba(255,255,255,0.8);
		border-bottom: 10px solid rgba(0,0,0,0.025);
/*		border-bottom: 1px solid rgba(0,0,0,0.1);
		margin-bottom: 1em;
		border-radius: 5px;
		*/	
	}

	#footer div li a {
		display: block;
		width: 94.5%;
		line-height: 1.75em;
		float: left;
		font-size: 1.1em;
		padding: 0.25em 0.75em 0.20em 0;
		border-bottom: 1px solid rgba(0,0,0,0.06);
	}
	/* /vf */

	#footer li {
		/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
		padding:0.125em 0;
	}	

	#footer a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	#footer a:hover {
		border-bottom: 1px solid rgb(65, 183, 216);
	}

	#footer div:hover {
		/* border-radius: 10px; */
		/* background-color: #fff; */
		/* border: 2px solid #efefef; */
	}

	.sidelist {
		padding-top: 15px;
	}

	.interact-area, .popular-posts-area {
	/*	background-color: #fbfbfb; */
		padding: 0 10px 15px 20px;
		position: relative;
		left: -20px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		margin-right: -20px;	
	}
	.interact-area ul, .popular-posts-area ul {
		font-size: 0.9em;
	}

	#footer .statement {
		margin: 0 0 2em 5.5%;
		clear: both;
		color: rgba(0,0,0,0.35);
		font-size: 0.8em;
		text-align: left;
	}
	
	.post.noborder
	{
		border-bottom: none;
	}
	
	.col.full
	{
		width: 100%;
	}
	
	.col.full h2.title
	{
		padding-left: 5.5%;
	}
	
	.col.full .notice
	{
		padding-left: 5.5%;
	}
	
	article.entry.nocursor
	{
		cursor: default;
	}
	
	.job-logo
	{
		position: absolute;
		right: 5.5%;
		max-width: 150px;
		overflow: hidden;
		top: 1.5em;
		display: none;
	}
	
	article.job-entry h2
	{
		width: 100%;
	}

        div.promo div.promo-section {
                line-height: normal;
        }

table.confirm_purchase{
  width:100%;
}

table.confirm_purchase thead{
  background-color:#efefef;
  height:40px;
}

table.confirm_purchase th{
  vertical-align:middle;
  padding:5px;
}

table.confirm_purchase tr.top_line{
  border-top:1px solid #efefef;
}

table.confirm_purchase tr.bottom_line{
  border-bottom:1px solid #efefef;
}

table.confirm_purchase tr.total{
  height:40px;
}

table.confirm_purchase tr.total td{
  vertical-align: middle;
}

table.doghouse.coupons th{
    text-align: left;
}

table.doghouse.coupons td{
    text-align: left;
}

table.doghouse.coupons tr{
    border-bottom: 1px solid #ddd;
}

table.doghouse.coupons tr.bottom_row{
    border-bottom: none;
}

table.doghouse.coupons tr.bottom_row td{
    padding-bottom: 10px;
}

.pagination{
    margin-top: 10px;
    text-align: center;
}
img.buy_now{
  position:relative;
  top:6px;
}