/* @override http://uxbooth.s3.amazonaws.com/wp-content/themes/uxbv2/basic.css */

/* @override http://uxbooth.s3.amazonaws.com/wp-content/themes/uxbv2/basic.css */

/* @override http://uxbooth.s3.amazonaws.com/wp-content/themes/uxbv2/basic.css */

/* @override http://uxbooth.s3.amazonaws.com/wp-content/themes/uxbv2/basic.css */

/* @override http://uxbooth.s3.amazonaws.com/theme/basic.css */

/* @override http://www.uxbooth.com/wp-content/themes/uxbv2/basic.css */

/* @override http://www.uxbooth.com/wp-content/themes/uxbv2/basic.css */

/* @override http://local.uxbooth.com/basic.css */

/* ohai! */

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/* @end */

.site-width {
  position: relative;
  width: 1020px;
  margin: 0 auto;
  /*background: url(images/grid.png) !important;*/
}

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

body {
  font: 12px/21px Verdana, "Lucida Grande", Lucida, sans-serif;
  background: url(images/footer.png);
}

#uxbooth {
  /*background: url(images/header.png) center 100px no-repeat;*/
	border-top: 1px solid #596561;
}

.post-edit-link{
  background: #7e200c;
  color: white !important;
  padding: 0.5em 0.67em;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.post-edit-link:hover{
	background: #993700;
	text-decoration: none;
}

.notice{
  background: #fffbc0;
  border: 1px solid #e5de71;
  padding: 1em 20px;
  margin-bottom: 1em;
}

.notice p:last-child{
	margin-bottom: 0;
}

.notice h4,
.notice strong{
	margin-top: 0;
	color: #656346;
	font-weight: bold;
}

.notice .content{
	padding: 0 !important;
}



div.x-small{
	width: 160px;
}

div.small{
	width: 220px;
}

div.medium{
	width: 280px;
}

div.large{
	width: 340px;
}

div.x-large{
	width: 400px;
}

div.xx-large{
	width: 520px;
}


/* @group Comments */

/* @group Replies */

div#uxbooth div#content ol.comments li.comment ul.children{
  margin-bottom: -0.75em;
  margin-top: 1.75em;
}

div#uxbooth div#content ol.comments li.comment ul.children li{
	padding-left: 120px;
}


div#uxbooth div#content ol.comments li.comment ul.children li.comment img{
	margin-left: -80px;
	width: 48px;
	height: 48px;
	margin-right: 20px;
}


/* @end */

ol.comments{
	margin: 0 ;
	margin-bottom: 3em;
}

ol.comments li.comment{
	margin: 0;
	padding: 10px 0;
	padding-top: 11px;
	list-style-type: none;
	position: relative;
	border-top: 1px solid #ccc;
	background: none !important;
}

ol.comments li.comment:hover .reply-button a{
  opacity: 1;
}

ol.comments li.comment .reply-button a{
	position: absolute;
	top: 10px;
	right: 0;
	padding: 0 0.5em;
	background: #a93712;
  color: white;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  opacity: 0;
  -webkit-transition: opacity 0.33s ease-in-out;

}

ol.comments li.comment div.reply-button a:hover{
  background: #737c29;
  text-decoration: none;
}

ol.comments li.comment.admin{
	background: #f1f1ec url(images/transparent_logo.png) no-repeat 98% 92% !important;
}

ol.comments li.comment.admin img{
	border-color: #cbccc1;
}



ol.comments li.comment img{
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 24px;
	margin-bottom: 10px;
	background: #888;
  border: 6px solid #d8dedf;
  
}

ol.comments li.comment span.name	{
	display: block;
  margin-bottom: -0.25em;
  font-weight: bold;
}

div#uxbooth div#content ol.comments li.comment span.name a{
	color: inherit;
}

div#uxbooth div#content ol.comments li.comment span.date{
  display: block;
  margin-bottom: 0.5em;
}

div#uxbooth div#content ol.comments li.comment span.date a{
	color: #888;
}




/* @end */

/* @group Typography */

h1,h2,h3,h4,h5,h6 {
  font-weight: 500;
  color: #14282a;
  font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
  line-height: 1.25em;
}

h1 {
  font-size: 4em;
}

h2 {
  font-size: 3em;
  line-height: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-shadow: 0 1px 0 white;
}

h2 em{
	font-style: italic;
}


h3 {
  font-size: 2em;
  margin-bottom: 0.5em;
  margin-top: 1em;
}

h4 {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.25em;
  word-spacing: 0.2em;
  margin-top: 2em;
  margin-bottom: 1em; 
  color: #2f3f40;
}


h5 {
  font-size: 1em;
  font-weight: bold;
}

h6 {
  font-size: 0.85em;
  font-weight: bold;
}

.right{
  float: right;
  margin-left: 20px;
}

.left{
  float: left;
  margin-right: 20px;
}

hr{
  display: block;
  border: none;
  border-bottom: 2px solid #ccc;
  padding: 0.5em;
}

p {
	margin-bottom: 0.75em;
    font-size: 1em;
    line-height: 1.75em;
}

p.important{
	color: #656565;
	margin-bottom: 2em;
  font: 1.25em/1.67em Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

abbr{
  border-bottom: 1px dotted #aaa;
}

code{
  font-family: "Courier New", Courier, mono;
}

a {
  color: #b53000;
  text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a:active {
	position: relative;
	top: 1px;
}

a.gateway{
  background: #b53c00;
  color: white !important;
  padding: 0.33em 0.67em;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}

a.gateway:hover{
	background: #6d7e00 !important;
	text-decoration: none;
}


span.amp {
  font-family: Baskerville;
  font-style: italic;
}


cite{
	display: block;
	text-align: right;  
	color: #888;
  font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.25em;
	margin-bottom: 2em;
}

span.reference-title{
font-style: italic;  
}

blockquote + cite{
	position: relative;
	top: -2em;
}

cite:before{
	content: "––";
	letter-spacing: -0.2em;
	margin-right: 0.2em;
}
/* @end */

/* @group Header */

/* @group bootstrap */

#header{
	background: url(images/header.png);
	position: relative;
	border-top: 3px solid #536667;
	border-bottom: 1px solid #495859;
	z-index: 3;
}

#header .site-width{
	/*background: url(images/grid.png);*/
}


#header h1{
  float: left;
  width: 170px;
  height: 133px;
  margin-bottom: -78px;
  margin-left: -30px;
  margin-top: -5px; 
  z-index: 1;
  position: relative;
  margin-right: 28px;
}

#header h1 a {
  display: block;
  height: 100%;
  background: url(images/logo.png);
  text-indent: -9999em;
}




/* @end */

/* @group Global-navigation */

div#header ul#global-navigation{
  margin-top: -5px;
  margin-right: -30px;
	position: relative;
	left: 5px;
	float: left;
}

div#header ul#global-navigation:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div#header ul#global-navigation > li{
  float: left;
  margin-right: 15px;
  position: relative;
  border-top: 5px solid transparent;
  min-width: 7em;
}

div#header ul#global-navigation > li > a{
	color: #9fa8a9;
  display: block;
  float: left;
  padding: 0.33em 8px 0.33em 8px;
  text-shadow: #333 0 1px 0;
  font: 1.33em Verdana, "Lucida Grande", Lucida, sans-serif;
  position: relative;
  top: 10px;
  -webkit-border-radius: 12px;
-moz-border-radius: 12px;
	z-index: 2;
}

div#header ul#global-navigation > li.with-submenu > a{
	padding-right: 28px;
}

div#header ul#global-navigation li.with-submenu span.drop-down-trigger{
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/icons/dropdown_indicator.png);
	position: absolute;
	top: 0.5em;
	right: 4px;
	z-index: 2;
	visibility: hidden;
}

div#header ul#global-navigation li.with-submenu:hover span.drop-down-trigger{
	visibility: visible;
	z-index: 3;
}

div#header ul#global-navigation > li:hover > a,
div#header ul#global-navigation > li.current:hover > a{
	border-color: #7a8384;
	background: #536061;
	text-decoration: none;
}

div#header ul#global-navigation li.current > a{
  background-color: transparent;
  text-shadow: #1c2526 1px 1px 0;
  color: white;
  border-top-color: #bad1d2;
  position: relative;
}

div#header ul#global-navigation li ul{
  display: none;
}

div#header ul#global-navigation li.active span.drop-down-trigger{
	background: url(images/icons/dropdown_indicator_active.png);  
}

div#header ul#global-navigation li.active ul{
	position: absolute;
	background: #e0e4e5;
	border: 1px solid #adb1b1;
	border-left: none;
	border-top: none;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topright: 8px;

	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.25);
	top: 100%;
	left: 0;
	display: block;
	margin-top: 0.85em;
}

div#header ul#global-navigation > li.active > a,
div#header ul#global-navigation > li.current.active > a{
	-webkit-border-radius: 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 0;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	background-color: #e0e4e5;
	color: #445152;
	text-shadow: none;
}
div#header ul#global-navigation li ul li{
	padding: 0;
	margin: 0;
	width: 15em;
	float: none;
	border-bottom: 1px dotted #d6dadb;
}

div#header ul#global-navigation li ul li:last-child{
  border: none;
}

div#header ul#global-navigation li ul li:first-child a{
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
}

div#header ul#global-navigation li ul li:last-child a{
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;	
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
}

div#header ul#global-navigation li ul li a{
	padding: 0.25em 10px;
	margin: 0;
	font-size: 1em;
	text-shadow: none;
  color: #536667;
  border: none;
  -webkit-transition: padding 0.125s ease-in-out;
  background: #e0e4e5;
  display: block;

}

div#header ul#global-navigation li ul li a:hover{
	padding-left: 13px;
	background: white;
	text-decoration: none;
}

/* @end */


/* @group Search */

#search{
  float: right;
  margin-right: 8px; 
  width: 270px;
  position: relative;
  top: 12px;
}

#search input{
	border: none;
	background: #dce3e1 url(images/icons/search.png) 6px 5px no-repeat;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	width: 140px;
	height: 1.5em;
	line-height: 1.5em;
	padding: 0.5em 10px 0.5em 30px;
	color: #383e3e;
	font-size: 11px;
	position: absolute;
	left: 0;
	top: 0;
}


#search input.active{
	color: #30403b;	
	background-color: white;
}


#search button{
	border-top: none;
	border-left: none;
	border-right: 1px solid #444;
	border-bottom: 1px solid #333;
	background: #384142 url(images/white-overlays.png);
	background-position: 0 -128px;
	color: #ddd;
	height: 30px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	font-weight: bold;
	padding: 0 12px;
	-webkit-transition: all 0.125s ease-in-out;
	position: absolute;
	right: 0;
	top: -1px;
  font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
}

#search button:hover{
  background-color: #283132;
  border-color: #2b4039;
}

#search button:active{
	color: #ccc;
	background-color: #111;
}
	

/* @end */



/* @end */

/* @group Breadcrumbs */

div#breadcrumbs{
  background-image: url(images/green-bar.png);
  min-height: 36px;
  margin-bottom: -1px;
  position: relative;
  z-index: 2;
}

div#breadcrumbs .site-width ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div#breadcrumbs .site-width ul{
	margin-left: 180px;
	height: 2em;
	background: #c9d3a4 url(images/breadcrumb_background.png) repeat-x;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.15);
	border-top: 1px solid #969d5e;
	border-right: 1px solid #969d5e;
	border-bottom: 1px solid #8c9352;
	border-left: 1px solid #8c9352;
	padding: 0 10px;
	position: relative;
	top: 4px;
  color: #60654c;
  display: inline-block;
}

div#breadcrumbs .site-width ul li{
	float: left;
	height: 100%;
	line-height: 2.1em;
	padding-right: 16px;
	margin: 0;
	margin-right: 8px;
	background: url(images/right-chevron.png) right 50% no-repeat;
}

div#breadcrumbs .site-width ul li.last-child{
	background: none;
	padding-right: 0;
	margin-right: 0;
}

div#breadcrumbs .site-width ul li span.fade{
	width: 20px;
	height: 1.5em;
	position: absolute;
	background: url(images/breadcrumb_fade.png);
	z-index: 2;
	right: 4px;
	top: 0.25em;
}

div#breadcrumbs a{
	color: inherit;
}

div#breadcrumbs .site-width ul li.home a{
	background: url(images/icons/home.png) no-repeat left 50%;
	display: block;
	width: 10px;
	height: 100%;
}

div#breadcrumbs .site-width ul li.home a span{ display: none;}

/* @end */

/* @group Content */

/* @group bootstrap */

div#content{
  color: #3d3f40;
  background: white url(images/noise.png) top repeat-x;
  border-bottom: 1px solid white;
  padding-top: 1px;
  min-height: 400px;
  
}


/* @end */

/* @group secondary-content */

/* @group bootstrap */

/* @group Ads */

.adblock{
	padding-top: 1.25em;
}

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


/* @end */

#uxbooth div#content .site-width > div.primary-secondary-content .secondary-content{
  color: #505353;
}

#uxbooth div#content .site-width > div.primary-secondary-content .secondary-content a{
  color: #a93800;
}


#uxbooth div#content .site-width > div.primary-secondary-content:first-child > .secondary-content h3{
  color: #4f5959;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  word-spacing: 0.25em;
  font: 1em/1.5em Verdana, "Lucida Grande", Lucida, sans-serif;
  font-weight: bold;
  margin-bottom: 1em;
  text-shadow: #d1d8d8 0 1px 0;
  background: #9fafb1 url(images/white-overlays.png) repeat-x;
  margin: 2em -21px 1em -20px;
  padding: 4px 20px;
  border-top: 1px solid #abbdbe;
  border-bottom: 1px solid #98a6a7;
  border-left: 1px solid #9facad;
  border-right: 1px solid #9facad;
  line-height: 1.25em;
}

#uxbooth div#content .site-width > div.primary-secondary-content:first-child > .secondary-content h3#sponsored-by{
	margin-top: 0;
	margin-bottom: 2em;
}

#uxbooth div#content .site-width > div.primary-secondary-content .secondary-content h4{
	color: #41534d;
	margin-bottom: 0.33em;
}



/* @end */

/* @group Subscription Options */

#subscription-options{
  background: #91a6a8 url(images/rss_background.png) bottom left no-repeat;
  color: white;
  margin: 0 -21px 0 -20px;
  margin-top: -1px;
  padding: 20px;
  border-bottom: 1px solid #7c8b8c;
  border-right: 1px solid #879899;
}

#subscription-options:after	 {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#subscription-options p{
  line-height: 1.5em;
  padding-top: 0.5em;
}

#subscription-options h5{
	color: #435759;
	margin-bottom: 1em;
	letter-spacing: 0.1em;
  font: 1em Verdana, "Lucida Grande", Lucida, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
	text-shadow: #bbb 0 1px 0;
	white-space: nowrap;
}

#subscription-options span.followers a,
#subscription-options span.subscribers a{
	display: block;
}

#subscription-options span.subscribers,
#subscription-options span.followers{
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: 0.25em;
	padding-left: 40px;
	position: relative;
	width: 68px;
}

#subscription-options span.subscribers a.icon,
#subscription-options span.followers a.icon{
  background-image: url(images/icons/32_icons.png);
  background-position: 0 -288px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 4px;
}

#subscription-options span.followers a.icon{
  background-position: 0 -192px;
}

#subscription-options span.count{
	font-size: 1.75em;
	font-weight: bold;
	text-shadow: #4f5959 -1px 1px 1px;
	display: block;
	width: 3em;
	float: left;
	letter-spacing: -0.05em;
}

#subscription-options a#complete-rss span{
	display: none;
}

#subscription-options ul:after	 {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#subscription-options ul{
	clear: left;
  background: rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  padding: 0.25em 10px;
  display: inline-block;
  margin-top: 20px;
  margin-left: -5px;
  margin-bottom: 0.5em;
}

#subscription-options ul li{
  float: left;
  padding-right: 0.7em;
}

#subscription-options ul li:after{
	content: "•";
  margin-left: 0.7em;
  color: #d4d4d4;
 }

#subscription-options ul li:last-child:after{
	content: "";
	margin: 0;
}

#subscription-options a{
	color: #d1eef1 !important;
}

#subscription-options a:hover{
	color: white !important;
}

/* @end */

/* @group div#contribute */

div#uxbooth .secondary-content div#contribute{
  position: relative;
  border-top: 1px solid #c1d1d2;
}

div#uxbooth .secondary-content div#contribute h4{
	font-size: 1.5em;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  font-weight: bold;
  margin-bottom: 0.5em !important;
  display: block !important;
	margin-top: 0;
  padding-top: 1em;
  border-top: 1px solid #eee;
  padding-right: 60px;
  color: #2b3132;
}

div#uxbooth .secondary-content div#contribute h5{
	display: none;
}

div#uxbooth .secondary-content div#contribute p{
	line-height: 1.67em;
  padding-right: 60px;
 }

div#uxbooth .secondary-content div#contribute a.page-icon{
	display: block;
	width: 96px;
	height: 83px;
	position: absolute;
	background: url(images/news.png);
	right: -50px;
	top: 10px;
	z-index: 2;
	text-indent: -9999em;
}

div#uxbooth .secondary-content div#contribute:hover a.page-icon{
  background-position: 0 -84px;
}


/* @end */

/* @group Categories */

div#uxbooth .category-type h4{
	color: #888;
}


div#uxbooth .category-type:hover h2,
div#uxbooth .category-type:hover h3,
div#uxbooth .category-type:hover h4{
	color: #333;
}

h5.browse-by-category{
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1em;
  color: #41534d;
  font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
  margin-bottom: 0.25em;
}

ul.categories li:hover{
	background-color: #eee;
}

ul.categories{
  margin-bottom: 2em;
  position: relative;
}

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

ul.categories li,
.page ul.categories li{
	padding: 2px;
	margin: 0;
	word-spacing: normal;
	line-height: 1.2em;
	font-weight: normal;
	background: url(images/icons/folder.png) left 6px no-repeat;
    border-bottom: 1px solid #eee;
}


.page ul.categories{
  margin-right: -20px;
}

.page ul.categories li{
	display: block;
	width: 153px;
	margin-right: 20px;
	float: left;
    vertical-align: top;
    zoom: 1;
}

div.secondary-content ul.categories li{
	width: auto;
	display: block;
    border-top: 1px solid #eee;
	border-bottom: 1px solid #c2d1d2;
}

div.secondary-content ul.categories li:hover{
	background-color: #eee;
}

div.secondary-content ul.categories li:first-child{
	border-top: none;
}

div.secondary-content ul.categories li:last-child{
	border-bottom: none;
}



ul.categories li.current-cat,
ul.categories li:hover{
	background-image: url(images/icons/folder_open.png);
 }

ul.categories li:hover{
	border-color: #ddd;
	background-color: #eee;
}

ul.categories li.current-cat a{
	color: #186065;
	font-weight: bold;
}

ul.categories li a{
	padding: 0.67em 8px;
	padding-left: 20px;
	display: block;
	padding: 0.58em 8px;
	padding-left: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 1em;
	text-decoration: none;
}

ul.categories li:first-child a{
  border-top: none;
}

/* @end */

/* @group ul.events */
.secondary-content ul.events{
  margin-bottom: 2em;
  padding-right: 10px;
  margin-right: -10px;
}

.secondary-content ul.events li{
  padding-right: 40px;
  line-height: 1.5em;
  position: relative;
  padding-bottom: 0.5em;
	padding-top: 0.5em;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #cdd8d8;
}

.secondary-content ul.events li:first-child{
	border-top: none;
}

.secondary-content ul.events li:last-child{
  border-bottom: none;
}

 .secondary-content ul.events li h4{
  margin: 0;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;  
}
#uxbooth div.primary-secondary-content .secondary-content ul.events li span.location{
  display: block;
  margin-bottom: 0.33em;
}

#uxbooth div.primary-secondary-content .secondary-content ul.events li span.tweets,
#uxbooth div.primary-secondary-content .secondary-content ul.events li span.attendees{
	padding: 2px;
	padding-left: 20px;
	background: url(images/icons/twitter.png) left 0 no-repeat;
	min-height: 16px;
	line-height: 16px;
	display: none;
}

#uxbooth div.primary-secondary-content .secondary-content ul.events li span.tweets a{
	color: inherit;
  
}
#uxbooth div.primary-secondary-content .secondary-content ul.events li span.attendees{
	background: url(images/icons/user.png) left top no-repeat;

}

#uxbooth div.primary-secondary-content .secondary-content ul.events li span.date{
	display: block;
	text-align: center;
	background: #567d80;
	color: #ecf0f1;
	float: right;
	padding: 3px 6px;
	line-height: 1.25em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	position: absolute;
	right: 0;
	top: 0.5em;
	font-size: 0.85em;
	font-weight: bold;
	-webkit-box-shadow: 0px 1px 0 white

}

#uxbooth div.primary-secondary-content .secondary-content ul.events li span.date span.month{
	text-transform: uppercase;
}


/* @end */

/* @group ul.resources */

div.primary-secondary-content .secondary-content ul.resources {
  margin: 0;
  margin-bottom: 2em;
}

div.primary-secondary-content .secondary-content ul.resources span.category{
	-webkit-transform: none;
	-moz-transform: none;
	width: auto;
	position: static;
	text-align: left;
	display: inline;
	padding: 0;
	text-transform: none;
	letter-spacing: normal;
}

div.primary-secondary-content .secondary-content ul.resources li.resource h4{
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	margin-top: 0;
	margin-right: 24px;
}

div.primary-secondary-content .secondary-content ul.resources li.resource{
  line-height: 1.33em;
  position: relative;
  padding-bottom: 0;
	padding-top: 0.75em;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #cdd8d8;
  width: auto;
  margin-bottom: 0;
}



div.primary-secondary-content .secondary-content ul.resources li.resource:first-child{
	border-top: none;
}

div.primary-secondary-content .secondary-content ul.resources li.resource:last-child{
  border-bottom: none;
}


/* @end */



/* @end */

div.primary-secondary-content {
  padding-right: 300px;
}

div.primary-secondary-content:after,
div.primary-secondary-content .primary-content:after,
div.primary-secondary-content .secondary-content:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div.primary-secondary-content .primary-content,
div.primary-secondary-content .secondary-content {
  width: 100%;
  float: left;
}

div#content > div.site-width > div.primary-secondary-content > .primary-content{
  padding-top: 30px;
}

div#content > div.site-width > div.primary-secondary-content:first-child > .secondary-content {
  width: 260px;
  margin-right: -340px;
  position: relative;
  float: left;
	padding: 0 20px 50px 19px;
  background: url(images/matte-blue.png);
  border-left: 1px solid #c3d2d4;
  margin-bottom: -1px;
  border-right: 1px solid #c3d2d4;
}

/* @group Page */

/* @group lists */

dl.meta{
	position: absolute;
	left: 0;
  width: 160px;
  top: 64px;
}

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


dl.meta dt,
dl.meta dd{
  font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
  margin-right: 2em;
  line-height: 1.5em;
  display: block;
}

dl.meta dt{
  margin-right: 0.4em;
  color: #9dafb1;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-top: 1em;
  font-size: 1.1em;
}

dl.meta dt.avatar{
  display: none;
}

dl.meta dd.avatar{
	border: 4px solid #e0e5e5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #e0e5e5;
	display: inline-block;
}

dl.meta dd.avatar img{
	border: 1px solid #acbfc0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left: -1px;
}

dl.meta dd.popularity{
	padding-top: 0.5em;
}

dl.meta dd.popularity > div{
	padding-bottom: 0.75em;
	display: block;
}

dl.meta dd.popularity div.twitter{
}

dl.meta dd.popularity div.digg{
	position: relative;
}

dl.meta dd.popularity > script{
	display: none !important;
}

dl.meta a{
	color: inherit;
}

dl.meta dd.comments{
  display: block;
  margin-bottom: 1em;
  padding-top: 1em;
}

dl.meta dt:after{
	content: ":";
}

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


dl.brief{
	clear: both;
  margin-bottom: 1em;
}


dl.brief dt,
dl.brief dd{
	float: left;  
}

dl.brief dt{
  margin-right: 20px;
  color: #9dafb1;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.1em;
  clear: left;
  width: 60px;
}



/* @end */

/* @group post-navigation */

div.wp-pagenavi{
	margin-top: 3em;
}

div.wp-pagenavi:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div.wp-pagenavi a{
  margin: 0 ;
  padding: 0.5em;
  background: #e0e4e5;
  -webkit-border-radius: 3px;
  margin-right: 4px;
  -moz-border-radius: 3px;
}

div.wp-pagenavi a:hover{
	background: #b53000;
  color: white;
  text-decoration: none;
}

div.wp-pagenavi span.pages{
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1.1em;
  margin-bottom: 0.5em;
  margin-right: 1em;
}

div.wp-pagenavi span.extend{
	display: none;
}

div.wp-pagenavi span.current{
  padding: 0.5em;
  background: #9eadaf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: white;
  margin: 0;
  margin-right: 4px;
}

div.post-navigation span a:hover{
	background-color: #efe8b4;
}


/* @end */

.page {
  position: relative;
	padding-right: 20px;
	margin-bottom: 3em;
}

/* @group .image-container */


div.image-container.lead img{
	max-height: 186px;		
}

div.image-container.lead{
	width: 300px;
}

div.image-container{
	clear: both;
	margin-top: 1em;
	margin-bottom: 3em;
}

div.image-container .caption:before{
	content: "Pictured above: ";
	font-style: italic;	
	display: block;
	color: #8a8c7f;
	font-size: 1.1em;
  font-family: Georgia, "Times New Roman", Times, serif;
}

div.image-container .caption{
	display: block;
	margin: 0;
	background: #e4e5e0;
	padding: 8px;
	line-height: 1.67em !important;
}


div.image-container .credit{
	font-size: 0.85em;
	margin: 0;
	padding: 0.5em 8px;
	color: #aaa;
}

div.image-container:hover .credit{
	color: #576161;	
}

div.image-container img{
  display: block;
  width: 100% !important;
  border: none;
  padding: 0 !important;
  overflow: hidden;
  background-color: #fff;
}

div.image-container a{
  color: inherit;
  text-decoration: underline;
}

/* @end */



body#blog .page,
body#review .page,
body#subscriptions .page,
body#resource-archive .page {
	padding-left: 180px;
}

.page h2{
	margin-top: 0;
  
}
.page h2 a{
	border-bottom: 1px solid transparent;
}

.page h2 a:hover{
	border-color: #a93800;
	text-decoration: none;
}



div.page h3[id],
div.page h4[id]{
  position: relative;
}

div.page h3[id] a span,
div.page h4[id] a span{
	opacity: 0;
	-webkit-transition: 0.25 opacity linear;

}  

div.page h3[id] a,
div.page h4[id] a{
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/icons/top.png) top left no-repeat;
	position: absolute;
	left: -32px;
	top: 0;
	margin-top: -4px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding-right: 5px;
	border: 5px solid white;
	text-decoration: none !important;

}

div.page h3[id] span.hide,
div.page h4[id] span.hide{
	font-size: 13px;
	line-height: 1.5em;
	display: block;
	background: #ddd url(images/white-overlays.png) top repeat-x;
	padding: 0.25em 0.75em;
	position: absolute;
	white-space: nowrap;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	border-left-color: #bbb;
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	top: -0.25em;
	right: 120%;
	color: #333 !important;
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
}

div.page h3[id] a:hover,
div.page h4[id] a:hover{
	background: url(images/icons/top_hover.png) top left no-repeat;
}

div.page h3[id] a:hover span,
div.page h4[id] a:hover span{
	opacity: 1;
}

div.page h3[id] a:hover span:hover,
div.page h4[id] a:hover span:hover{
	background-color: #eee;
  
}


.page span.author a{
  font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	font-style: normal;
	text-transform: none;
}

.page em{
  font-style: italic;
}

.page blockquote{
  padding: 1em 0;
  padding-left: 120px;
  background: url(images/quote.png) -3px 25% no-repeat;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.1em;
  margin: 2em 0 0;
  margin-left: -120px;
  position: relative;
  color: #3e5153;
  min-height: 72px;
}

.page blockquote p:last-child{
	margin-bottom: 0;
}


.page strong{
	font-weight: bold;
}

/* @group Tweeters */

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

.tweeters .tweeter {
	background: #c3d7d8 url(images/white-overlays.png) top repeat-x;
	float: left;
	width: 98px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #adbfc0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	border-bottom-color: #a0b0b1;
	border-left-color: #aabbbc;
}

.tweeters .tweeter h5{
	overflow: hidden;
	text-overflow: ellipsis;
	width: 82px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: center;
}

.tweeters .tweeter img{
	margin: 10px auto 6px;
	display: block;
}

.tweeters .tweeter a.follow{
	    background: #a34200;
	color: white;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  font-family: Verdana, sans-serif;
  -webkit-transition: all 0.25s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 1em;
  border: none;
}

.tweeters .tweeter a.follow:hover{
  background: #76802a;
}

/* @end */

/* @group People */

div.person{
	border-bottom: 1px solid #ccc;
	float: none;
	margin-bottom: 1em;
}

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

div.person:last-child{
	border-bottom: none !important;
	margin-bottom: 2em;
}

div.person h4{
	margin-top: 1em;
	margin-bottom: -0.5em;
	text-transform: none;
	letter-spacing: normal;
}

div.person.with-picture{
	padding-right: 120px;
	position: relative;
}

div.person.with-picture img{
	position: absolute;
	right: 0;
	top: 8px;
	width: 96px;
	border: 4px solid #e0e4e5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #e0e5e5;
}



/* @end */



/* @group Roundups */

div.roundup-list{
	counter-reset: roundup;
	margin-bottom: 2em;
}

div.roundup-list:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div.roundup-list div.roundup-item div.image-container img{
	border-bottom-color: #bdd8d8;
}

div.roundup-list div.roundup-item{
	border-bottom: 1px dashed #adbdbe;
	padding-bottom: 1em;
	padding: 1em 0;
	margin: 0;
	position: relative;
	color: #3f5354;
	height: 1%;
	counter-increment: roundup;
}

div.roundup-list .roundup-item:last-child{
	border-bottom: none;
}

div.numbered.roundup-list div.roundup-item:before{
	content: counter(roundup);
	position: absolute;
	left: -1.25em;
	top: 0.5em;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #a1b159;
}

div#content div.roundup-list div.roundup-item h4{
	margin-top: 0;
	margin-bottom: 0.25em;
	text-transform: none;
	letter-spacing: normal;
}

div.roundup-list div.roundup-item.with-picture.left,
div.roundup-list div.roundup-item.with-image.left{
	padding-left: 120px;
}

div.roundup-list div.roundup-item.with-picture.right,
div.roundup-list div.roundup-item.with-image.right{
	padding-right: 120px;
}


div.roundup-list div.roundup-item.with-picture .item.image-container,
div.roundup-list div.roundup-item.with-image .item.image-container{
	width: 72px;
	margin-bottom: 0;
}

div.roundup-list div.roundup-item.with-picture.left .item.image-container,
div.roundup-list div.roundup-item.with-image.left .item.image-container{
	float: left;
	margin-left: -100px;
}

div.roundup-list div.roundup-item.with-picture.right .item.image-container,
div.roundup-list div.roundup-item.with-image.right .item.image-container{
	float: right;
	margin-right: -100px;
}

div.roundup-list.no-num div.roundup-item{
	padding-left: 10px;
}

div.roundup-list div.roundup-item:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


div.roundup-list div.roundup-item p{
	margin: 0;
}


div#content div.roundup-list div.roundup-item.with-picture.left{
	padding-left: 112px;
}

div.roundup-list div.roundup-item span.number{
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -0.5em;
	font-size: 2.5em;
	color: #b9cacb;
}

/* @end */

/* @group Books */

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

ul.books{
	padding: 0;
	background: #d6e599;
	border: 1px solid #a4be3f;
	border-bottom-color: #a2ad57;
	border-left-color: #a2ad57;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height: 17em;
	overflow: hidden;
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	margin-left: -60px;
	display: inline-block;
}

ul.books li.book{
	width: 111px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #b1be5f;
	border-left: 1px solid #eef9bf;
	height: 100%;
	background: #d6e599 url(images/white-overlay.png) top repeat-x;
  -webkit-transition: background-color 0.125s ease-in-out;
}

ul.books li.book:last-child{
	border-right: none;
	width: 126px;
}

ul.books li.book.odd{
	background-color: #ccd882;
}


div#ux-booth ul.books li.book:last-child{
	margin-right: 0;
}

ul.books li.book img{
	width: 90px;
	height: 120px;
	margin-bottom: 0.5em;
	background: #ddd6c3;
}

ul.books li.book > a{
	display: block;
	padding: 10px;
	text-align: center;
	height: 90%;
	overflow: hidden;
	text-overflow: elipsis;
	line-height: 1.25em;
	font-size: 0.85em;
	text-decoration: none;
	color: #565942;
}

ul.books li.book:first-child,
ul.books li.book:first-child a{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-left: none;
}

ul.books li.book:last-child,
ul.books li.book:last-child a{
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}

ul.books li.book:hover{
	background-color: #b9cc65;
}

ul.books li.book:hover a{
	color: #333;
}

ul.books li.book a span{
	font-weight: bold;
}

/* @end */



.page ol {
  margin-bottom: 1em;
  counter-reset: count;
  
}

.page ol li{
	margin-bottom: 0.5em;
	counter-increment: count;
	position: relative;
}

.page ol > li{
  padding-left: 40px;
}

.page ol > li:before{
	content: counter(count) ".";
	position: absolute;
	left: 0;
	top:  0.25em;
	width: 25px;
	padding-right: 15px;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	color: #aaa;
	line-height: 1.2em;
}

.page ol.h4 li:after	 {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.page ol.h4 li h4 {
	font-size: 1em;
	letter-spacing: normal;
	text-transform: none;
}

.page ul li{
	background: url(images/icons/bullet.png) 0 6px no-repeat;
	padding-left: 1.4em;
	margin-bottom: 0.5em;
}

.page .contextual-navigation,
.page .inline-navigation{
  width: 180px;
  padding: 20px;
  padding-top: 0;
  background: #e1e6e6;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  margin-bottom: 20px;
  float: right;
}


.page .contextual-navigation h4,
.page .inline-navigation h3,
.page .inline-navigation h4{
  color: #4f5959;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  word-spacing: 0.25em;
  font: 1em/1.5em Verdana, "Lucida Grande", Lucida, sans-serif;
  font-weight: bold;
  margin-bottom: 1em;
  text-shadow: #d1d8d8 0 1px 0;
  background: #a4b1b1 url(images/white-overlays.png) repeat-x;
  margin: 0 -20px 1em -20px;
  padding: 4px 20px;
  border-top: 1px solid #abbdbe;
  border-bottom: 1px solid #98a6a7;
  border-left: 1px solid #9facad;
  border-right: 1px solid #9facad;
  line-height: 1.25em;
  white-space: nowrap;
}

.page .contextual-navigation li,
.page .inline-navigation li{
	list-style-type: disc;
	color: #a8b5b5;
	margin-left: 8px;
	line-height: 1.33em;
	margin-bottom: 0.5em;
	padding: 0;
	background: no-repeat;
}

.page .contextual-navigation li,
.page .inline-navigation li{
}


.page .contextual-navigation ul:last-child,
.page .contextual-navigation ol:last-child,
.page .inline-navigation ul:last-child,
.page .inline-navigation ol:last-child{
  margin-bottom: -1em;
}

.page .contextual-navigation h5{
  color: #899799;
  margin-bottom: 0.5em;
}

/* @end */

/* @end */

/* @group Advertisements */



a.adhere{
	display: block;
	color: #869898 ;
	font-family: verdana,sans-serif;
	margin: 0 4px 10px 0;
	text-align: center;
	overflow: hidden;
	font-weight:bold;
	border:1px solid #c3d2d4;
	background: #dee4e5;
	-webkit-transition: all 0.25s ease-in-out;
}

a.adhere:hover{
	border: 1px solid #a7bfc2;
	background: #ebf4f4;
  color: #b53000;
}

div#post-followup.primary-secondary-content .secondary-content a.adhere{
	display: block;
	height: 190px;
	line-height: 190px;
	float: none;
	margin: 0;
}

.related.posts .advertisement.post{
	padding-top: 0.25em;
	padding-left: 10px;
	margin-left: -10px;
	margin-bottom: 1.5em;
}

.advertisement.post{
	background: #eaf0f1 !important;
	border-radius: 0.25em;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
}

body#home .page .posts .advertisement.post{
  margin-bottom: 2.5em;
  position: relative;
  width: auto;
  background: #ecf1f1;
  padding-right: 260px;
  min-height: 160px;
  padding-left: 10px;
}

body#home .page .posts .advertisement.post .meta{
	margin-top: 1em;
	display: none;
}

body#home .page .posts .advertisement.post p{
	padding-top: 0.5em;
}

body#home .page .posts .advertisement.post h3{
	font-size: 1.25em;
	margin-bottom: 0.5em !important;
}

body#home .page .posts .advertisement.post .image-container,
body#archive .page .posts .advertisement.post .image-container {
  width: 240px;
  float: right;
  margin-bottom:  9px;
  position: absolute;
  top: 0;
  right: 0;
}

.posts .advertisement.post h3{
  float: left;
  margin-bottom: 0.25em;
}

.posts .advertisement.post img{
  border: 3px solid #dee5e3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
	margin: 0 ;
	width: 270px !important;
	float: right !important;
	position: static;
	margin-right: -286px !important;
}
.posts .advertisement.post span.meta{
  clear: left;
}

body#home .page .posts .advertisement.post.image-container a{
	display: block !important;
	float: none;
	height: auto !important;
}

body#home .page .posts .advertisement.post img{
	margin-right: 10px !important;
	width: 220px !important;
	
  
}

body#home .page .posts .advertisement.post .image-container a:hover img{
	border-color: #dee5e3;
}

.posts .advertisement.post{
	padding: 0.25em 300px 10px 0.5em;
	margin-right: -10px;
}


.advertisement.post:before{
	content: "Featured Sponsor";
	color: #888;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	display: block;
}

.related.posts .advertisement.post img{
  border: 4px solid #d8dedf;
  margin-right: -156px;
  
}

.advertisement.post{
}

/* @end */

/* @group Reviews */

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


.review .star-rating{
  margin-bottom: 1em;
  margin-top: 1em;
}

.review span.meta{
  display: block;
  margin-bottom: 1em;
  margin-top: 0.5em;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.1em;
}

.review span.meta span.date-time{
  font: 0.9em Verdana, "Lucida Grande", Lucida, sans-serif;
  color: #5b6562;
}

.reviews .review{
  padding-right: 300px;
  position: relative;
  padding-bottom: 1em;
  background: url(images/border.png) bottom repeat-x;
  min-height: 200px;
}

.reviews .review:last-child{
	background: none;
}

.reviews .review a img{
	position: absolute;
	top: 0;
	right: 0;
  width: 260px;
  background: #ccc;
  border: 8px solid #d8dfdd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
	-webkit-transition: all 0.33s ease-in-out;
}

.reviews .review a:hover img {
  border-color: #9eadaf;
}

.reviews .review h3,
.reviews .review h4,
.reviews .review h5{
  margin: 0;
  font-weight: 500;
  background: white;
  display: inline;
  border-bottom: 1px solid transparent;
}

.reviews .review h3 a:hover,
.reviews .review h4 a:hover,
.reviews .review h5 a:hover{
	text-decoration: none;  
}

.reviews .review h3:hover,
.reviews .review h4:hover,
.reviews .review h5:hover{
	border-bottom: 1px solid #b53000;	
} 

.reviews .review h4{
	font-size: 1.25em;
	text-transform: none;
	letter-spacing: normal;
	font-weight: bold;  
	margin-bottom: 0.5em;
}

.reviews .review:hover h3,
.reviews .review:hover h4,
.reviews .review:hover h5{
	background: #efeaa0;
}

.reviews .review .image-container span.caption{
	display: none !important;
}

.review span.meta a{
	color: #2d403a;
	font-style: normal;
  font: 0.9em Verdana, "Lucida Grande", Lucida, sans-serif;
}


/* @end */

/* @group #post-followup */

div.post-followup.primary-secondary-content{
  margin-left: -180px !important;
  margin-right: -300px;
  padding-right: 500px;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
  padding-top: 2em;
  padding-bottom: 2em;
  margin-top: 2em;
}

div.post-followup.primary-secondary-content .page{
	padding: 0 !important;
}

div.post-followup.primary-secondary-content .page h3{
	margin-top: 0;
}

div#post-followup.primary-secondary-content{
	padding-right: 500px !important;
}

div#post-followup.primary-secondary-content .primary-content,
div.post-followup.primary-secondary-content .primary-content{
	padding-top: 0 !important;
}

div#post-followup.primary-secondary-content .secondary-content,
div.post-followup.primary-secondary-content .secondary-content{
	background: none;
	border-left: 2px solid #eee;
	padding-top: 0;
	width: 400px !important;
	padding: 0;
	margin-right: -440px !important;
	padding-left: 38px !important;
	position: relative;
	left: 40px;
	
}

div#post-followup h3{
  margin-top: 1em;
  color: #737c29;
  font-size: 2em;
  background: none;
  
}

/* @group Related */

.related.posts,
.related.reviews {
	margin-right: -20px;
}

.related.posts .post,
.related.reviews .review {
  position: relative;
  margin-right: 20px;
  padding: 0;
  padding-right: 180px;
}

.related.posts .post img,
.related.reviews .review img{
  max-width: 144px;
  border: 8px solid #d8dedf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-bottom: 1em;
  float: right;
  margin-right: -160px;
  position: relative;
  left: 20px;
}

.related.posts .post h4,
.related.reviews .review h4{
	font-size: 1.5em;
	line-height: 1.2em;
	text-transform: none;
	letter-spacing: normal;
	display: inline;
}

.related.posts .post h4 a,
.related.reviews .review h4 a{
	border-bottom: 1px solid transparent;
}

.related.posts .post h4 a:hover,
.related.reviews .review h4 a:hover{
	border-color: #a93800;
}

.related.posts .post .meta,
.related.reviews .review .meta{
	margin: 0 ;
	float: left;
	margin-left: 180px;
	display: none;
}

.related.posts .post p,
.related.reviews .review p{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
  
}




/* @end */

/* @group ol.trackbacks */

ol.trackbacks {
  margin-left: 2em;
  margin-bottom: 2.5em;
}

ol.trackbacks li{
  list-style-type: decimal;
  line-height: 1.2em !important;
  padding-left: 24px !important;
  color: #cbccc1;
  position: relative;
  margin-bottom: 0.5em;
}


ol.trackbacks li img{
	position: absolute !important;
	left: 0 !important;
	top: 2px !important;
	width: 16px;
	height: 16px;
	opacity: 0.8;
}

ol.trackbacks li:hover img{
	opacity: 1;
  
}

/* @end */


/* @end */

/* @group Posts */

/* @group ul.share */

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

ul.share{
  margin-bottom: 4em;
  margin-top: 1em;
}

ul.share li{
	float: left;
	background: none;
	padding: 0; 
	padding-right: 4px;
	margin-right: 8px; 
	position: relative;
}

ul.share li a{
	display: block;
	width: 32px;
	height: 32px;
	text-decoration: none;
	color: #888 !important;
  background-image: url(images/icons/32_icons.png);

}

ul.share li span{
	display: block;
	white-space: nowrap;
	-webkit-transition: all 0.15s linear;
	opacity: 0;
	position: absolute;
	top: 24px;
	left: 16px;
	margin-left: -4em;
	background: #e0e0e0;
	border: 1px solid #ddd;
	width: 8em;
	text-align: center;
	z-index: 2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 0.85em;
	font-weight: bold;
}

ul.share li:hover span{
	position: relative;
	top: 36px;
	opacity: 1;
}


ul.share li.aim a{
	background-position: 0 0;
}

ul.share li.delicious a{
	background-position: 0 -160px;
}

ul.share li.design-float a{
	background-position: 0 -128px;
}

ul.share li.design-moo a{
	background-position: 0 -96px;
}

ul.share li.digg a{
	background-position: 0 -64px;
}

ul.share li.facebook a{
	background-position: 0 -32px;
}

ul.share li.share-this a{
	background-position: 0 -256px;
}

ul.share li.stumbleupon a{
	background-position: 0 -224px;
}

ul.share li.twitter a{
	background-position: 0 -192px;
}



/* @end */

/* @group Guest Author */

.guest-author {
	margin-top: 2em;
	padding-right: 180px;
	padding-bottom: 2em;
	margin-bottom: 3em;
	position: relative;
	min-height: 160px;
	border-top: 1px solid #ccc;
}


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

#content .guest-author img{
  width: 144px;
  float: right;
  background: #ccc;
  margin-bottom:  9px;
  position: relative;
  left: 20px;
  top: 3.5em;
  border: 8px solid #d8dedf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: -160px;
  margin-top: -3em;
}

/* @end */


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


.featured.post span.meta{
	margin-top: -0.5em;
	margin-bottom: 1em;
	font-size: 1.25em;
}

 .featured.post span.meta span.date-time{
	display: inline;
	margin-left: 0.5em;
	border-left: 1px dashed #9eafa8;
	padding-left: 0.5em;
}


.post span.meta{
	display: block;
	margin-bottom: 1em;
	margin-top: 0.5em;
	font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.1em;
  line-height: 1.25em;
}

span.meta span.author:after,
span.meta span.date-time:after,
span.meta span.date:after{
	content: "•";
  margin-left: 0.8em;
  margin-right: 0.4em;
  color: #8e9fa1;
}

.post span.meta span.date-time{
  font: 0.9em Verdana, "Lucida Grande", Lucida, sans-serif;
  color: #5b6465;
}

.posts .post{
  padding-right: 300px;
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 2.25em;
  -webkit-transition: all 0.5s ease-in-out;

}

.posts .post .content{
	float: left;
	width: 100%;
}
.posts .post a img {
    width: 264px;
    float: right;
    margin-right: -300px;
  background: #ccc;
  border: 8px solid #d8dedf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-transition: all 0.33s ease-in-out;
}

.posts .post a:hover img {
  border-color: #9eadaf;
}

.posts .post h3,
.posts .post h4,
.posts .post h5{
  margin: 0;
  font-weight: 500;
  background: transparent;
  display: inline;
  border-bottom: 1px solid transparent;
}


.posts .post h4{
	font-size: 1em;
	text-transform: none;
	letter-spacing: normal;
	font-weight: bold;  
	margin-bottom: 0.5em;
	display: inline-block;
}

.posts .post:hover h3,
.posts .post:hover h4,
.posts .post:hover h5{
	background: #efeaa0;
}

.posts .post h3:hover,
.posts .post h4:hover,
.posts .post h5:hover{
	border-bottom: 1px solid #b53000;	
} 

.posts .post h3 a:hover,
.posts .post h4 a:hover,
.posts .post h5 a:hover{
	text-decoration: none;
}

.post span.meta a{
	color: #2d403a;
	font-style: normal;
  font: 0.9em Verdana, "Lucida Grande", Lucida, sans-serif;
}

/* @end */

/* @group Resources */

/* @group Related */

.related.resources .resource{
	padding: 0.1em;
	padding-left: 24px;
	background: none;
	list-style-type: none;
	position: relative;
	margin-bottom: 0.33em;
	display: block;
}

.related.resources .resource h4{
  margin-top: 0;
  margin-bottom: 0.4em;
  text-transform: none;
  letter-spacing: normal;
}

.related.resources .resource p{
	height: 3.2em;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: elipsis;
	color: #888;
  
}


.related.resources .resource strong,
#uxbooth .secondary-content .resources .resource strong{
	position: absolute;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 0;
	background: url(images/icons/icons.png);
	text-indent: -9999em;
}


#uxbooth #resource-followup .secondary-content .resources .resource strong{
	left: 0;
}

#uxbooth #resource-followup .secondary-content .resources{
	margin-bottom: 1em;
}


#uxbooth .secondary-content .resources .resource strong{
	right: 0;
	left: auto;
	top: 0.4em;
}

.related.resources .resource strong.articles,
#uxbooth .secondary-content .resources .resource strong.articles{
	background-position: 0 -48px;
}

.related.resources .resource strong.books,
#uxbooth .secondary-content .resources .resource strong.books{
	background-position: 0 -16px;
}

.related.resources .resource strong.events,
#uxbooth .secondary-content .resources .resource strong.events{
	background-position: 0 -32px;
}

.related.resources .resource strong.videos,
#uxbooth .secondary-content .resources .resource strong.videos{
	background-position: 0 -64px;
}


/* @end */

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

.primary-content .resources .resource{
  padding-left: 60px;
}

div.resources{
  margin-top: 2em;
}

.resources .resource{
	position: relative;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

.resources .resource h3{
  margin: 0;
  font-weight: 500;
  background: transparent;
  display: inline;
  border-bottom: 1px solid transparent;
}

.resources .resource:hover h3{
	background-color: #efeaa0;
}

.resources .resource h3:hover{
	border-bottom-color: #b53000;  
}

.resources .resource p{
	color: #555;
	margin-top: 0.5em;
}

.resources .resource p:last-child{
	margin-bottom: 0;
}


.resources .resource .post-ratings{
	margin-top: 0.5em;
  
}

.resources .resource .meta{
	margin-top: 0.25em; 
	font-size: 0.85em;
	font-weight: bold;
  color: #8e9fa1;
}

.resources .resource .meta span.author a{
	position: relative;
	margin-left: 0.2em;
}

.resources .resource .meta span.author a img{
	position: absolute;
	left: 0;
	top: -2px;
	width: 16px;
	height: 16px;
}



.resources .resource strong.resources{
	width: 48px;
	height: 48px;
	display: block;
	background: url(http://uxbooth.com/wp-content/themes/uxbv2/images/icons/medium-icons.png) no-repeat;
	text-indent: -99em;
	position: absolute;
	top: 2px;
	left: 0;
}

.resources .resource strong.articles{
	background-position: 0 0;
}

.resources .resource strong.events{
	background-position: 0 -48px;
}

.resources .resource strong.books{
	background-position: 0 -96px;
}
.resources .resource strong.videos{
	background-position: 0 -144px;
}

.resources .resource strong.tools{
	background-position: 0 -192px;
}

.resources .resource .meta a{
	color: #5f7b7e;
	text-decoration: underline;

}

.resources .resource .meta > *:after{
	content: "•";
  margin-left: 0.8em;
  margin-right: 0.4em;
  color: #c0c0c0;
}

.resources .resource .meta > *:last-child:after{
	display: none;
}

.resources .resource .meta a.permalink{
  padding-left: 16px;
  background: url(images/icons/attach_2.png) left center no-repeat;
}

/*

@end */

/* @group Views */

/* @group Author */




#author span.author{
  background: #808080;
  color: #eee;
  padding: 0.2em 0.67em;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  font-weight: bold;
  text-shadow: 0 -1px #555;	
  margin-bottom: 0.5em;
  display: inline-block;
}


#author h2 span.title{
	display: block;
	font-size: 0.5em;
	font-style: italic;
	margin-bottom: 0.5em;
	color: #747c35;
}

#author span.image-container{
	border: 4px solid #e0e5e5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #e0e5e5;
	float: right;
	width: 100px;
	margin-left: 20px;
}

#author span.image-container img{
	border: 1px solid #acbfc0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 98px !important;
}

#author .page{
	padding-left: 180px;
}

#author .posts .post{
	padding: 0;
	margin: 0;
	background: url(images/icons/bullet.png) 0 4px no-repeat;
	padding-left: 1.4em;
	margin-bottom: 1em;
}

#author .posts .post h4{
	font-size: 1em;
	word-spacing: normal;
	margin: 0;
}

#author .posts .post .meta,
#author .posts .post .meta a{
	margin: 0;
	color: #999;
}

#author dl{
	border-top: 2px solid #eee;
	padding-top: 0.5em;
	margin-bottom: 3em;
	clear: both;
}

#author dl dd,
#author dl dt{
	display: inline-block;
}

#author dl dt{
	font-weight: bold;
}

#author dl dt:after{
	content: ":";
}

#author dl dd{
	margin-right: 0.5em;
}
/* @end */

/* @group Pages */

/* @group Contribute */

#contribute.page{
  padding-left: 180px;
  padding-right: 300px;
  padding-top: 30px;  
}

#contribute.page > h3{
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.25em;
  word-spacing: 0.2em;
  margin-top: 2em;
  margin-bottom: 1em; 
  color: #2f3f40;
}

#contribute.page form{
  	background: #dcddd4;
	padding: 30px 40px;
	border: 1px solid #caccb6;
}

ol.steps{
	counter-reset: step;
	margin: 0;
	margin-bottom: 2em;
	margin-right: -300px;
}


ol.steps > li{
	display: inline-block;
	width: 200px;
	vertical-align: top;
	padding: 10px;
	padding-top: 4em;
	background: #d9e3e4;
	border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
counter-increment: step;
position: relative;
margin-right: 16px;
}

ol.steps > li:before{
	content: counter(step);
	display: block;
	background: white;
	border-radius: 3em;
-webkit-border-radius: 3em;
-moz-border-radius: 3em;
width: 1.75em;
text-align: center;
font-size: 2.75em;
padding: 0.5em 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -0.75em;
	margin-left: -0.875em;
}

ol.steps li ol{
  list-style-type: decimal;
}
ol.steps > li h3{
	margin-top: 0;
	text-transform: none;
	letter-spacing: normal;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}


ol.steps > li a{
	font-weight: bold;
}

/* @end */

/* @group About */


ul.authors{
  margin-top: 2em;
}

ul.authors:after,
ul.authors li.author:after	 {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

ul.authors li.author{
	background: none;
	margin-bottom: 1em;
	padding: 0;
}


ul.guest.authors{
  margin-right: -20px;
}

ul.guest.authors li.author{
	float: left;
	width: 100px;
	margin-right: 20px;
}



ul.authors li.author div.image-container{
	border: 4px solid #e0e5e5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #e0e5e5;
	float: right;
	width: 100px;
	margin-left: 20px;
}

ul.authors li.author img{
	border: 1px solid #acbfc0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 98px !important;
}

ul.authors li.author h5{
  font-size: inherit;
  margin-bottom: 0.25em;
}

div#topics-explained{
  margin-right: -20px;
}

div#topics-explained h3{
}


div#topics-explained:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div#topics-explained > div{
	float: left;
	width: 160px;
	margin-right: 20px;
}

div#kiva{
  position: relative;
  background: #d3ebd7;
  padding: 20px;
  padding-right: 200px;
  border: 1px solid #95c896;
  border-bottom-color: #9ac09b;
  border-left-color: #9ac09b;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	color: #596559;
	margin-top: 2em;
}

div#kiva h4{
	margin-top: 0;
	text-shadow: 0 1px 0 white;	
	color: #085309;
}

div#kiva p{
	margin-bottom: 1.5em;
}


div#kiva img{
	float: right;
	margin-right: -180px;
}

div#gary{
	background: url(images/gnome.png) no-repeat;
	height: 50px;
	padding-left: 140px;
	margin-left: 40px;
	width: 0;
	overflow: hidden;
}

div#gary.active{
	height: auto;
	width: 500px;
	min-height: 164px;
	padding-bottom: 2em;
}

div#gary q{
	background: #eee;
	border: 1px solid #d6d6d6;
	border-bottom-color: #bebebe;
	border-left-color: #b8b8b8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	color: #404422;
	display: inline-block;
	padding: 10px;
	position: relative;
	margin-bottom: 1em;
	font-style: italic;
}

div#gary q:before{
	content: "";
	display: block;
	width: 24px;
	height: 19px;
	background: url(images/icons/resource_quote.png) no-repeat;
	position: absolute;
	top: 8px;
	left: -24px;
	z-index: 2;  
}


/* @end */

/* @group Subscription Options */

body#subscriptions h3{
  margin-top: 1.5em;
}

body#subscriptions a.button{
  background: #c14710 url(images/white-overlays.png) repeat-x;
  padding: 15px 40px;
  text-shadow: #951b09 0 -1px 0;
  -webkit-border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  color: #fffcf3;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
  display: inline-block;
  border-top: 1px solid #c4320e;
  font-size: 2em;
  letter-spacing: 0.05em;
  position: relative;
  margin-left: -10px;
  
}

body#subscriptions a.button:hover{
	background-color: #ce4000;
  text-shadow: #a7330a 0 -1px 0;
}

body#subscriptions a.button:active{
	padding: 18px 38px 12px 42px;
	background: #a53d17;
	color: #ccc4b3;
	top: auto;
}

body#subscriptions a.button span.indicator{
	display: block;
	width: 64px;
	height: 64px;
	background: url(images/rss_overlay.png) no-repeat;
	position: absolute;
	top: -10px;
	left: 1px;
	margin-right: 0.4em;
}

body#subscriptions a.button:active span.indicator{
	opacity: 0.7;
}



body#subscriptions .page form{
	padding: 15px 20px;
	position: relative;
	height: 2em;
}

body#subscriptions .page form input{
	position: absolute;  
	top: 10px;
	width: 360px;
	background: url(images/icons/email.png) 4px 66% no-repeat;
	  background-color: #f2f2ed;
	  text-indent: 24px;
}
body#subscriptions .page form button{
	position: absolute;
	top: 13px;
	right: 20px;
	margin: 0;
	padding: 5px 10px;
	
  
}

/* @end */



/* @end */

/* @group Post Single */

body#blog h2 {
	margin-top: 0;
}

/* @end */

/* @group Review Single */

div#uxbooth div#content dl.our-ratings{
	padding: 0;
	margin: 0;
	border: none;
}

div#uxbooth div#content dl.our-ratings dt{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	clear: left;
	line-height: 2.33em;
	margin-right: 1.5em;
	padding-left: 0;
	margin-left: 1.33em;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 0.5em;
	width: 8em;
	text-align: right;
}

div#uxbooth div#content dl.our-ratings dd{
	font-size: 1.33em;
	display: block;
	float: left;
	color: #807d55;
	width: 312px;
	padding-left: 3em;
	position: relative;
}

div#uxbooth div#content dl.our-ratings dd img{
	margin-right: 1em;
}

div#uxbooth div#content dl.our-ratings dd a{
	font-size: 0.85em;
}

div#uxbooth div#content dl.our-ratings dd span.rating{
	position: absolute;
	left: 0;
	width: 2em;
	overflow: hidden;
}

div#uxbooth div#content dl.our-ratings .average{
	border-top: 2px solid #d2d8d6;
	margin-top: 4px;
	padding-top: 4px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

div#uxbooth dl.our-ratings:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* @group Review Quotes */

div.andrew.review-quote img.avatar,
 div.david.review-quote img.avatar,
 div.redd.review-quote img.avatar,
 div.matt.review-quote img.avatar{
	position: absolute;
	top: 0px;
	left: -101px;
	background: #888;
	border: 4px solid #9aaa36;
	width: 64px;
	height: 64px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

div.review-quote:before{
	content: "";
	display: block;
	width: 24px;
	height: 19px;
	background: url(images/icons/andrew_quote.png) no-repeat;
	position: absolute;
	top: 24px;
	left: -24px;
	z-index: 2;  
}

div.redd.review-quote:before{
	background: url(images/icons/redd_quote.png) no-repeat;
}

div.david.review-quote:before{
	background: url(images/icons/david_quote.png) no-repeat;
}

div.matt.review-quote:before{
	background: url(images/icons/matthew_quote.png) no-repeat;
}


 div.redd.review-quote img.avatar{
	border-color: #ca6572;
}

 div.matt.review-quote img.avatar{
	border-color: #c4b462;
}
 div.david.review-quote img.avatar{
	border-color: #55a4aa;
}

div.review-quote p{
	margin-bottom: 1em;
}

div.review-quote{
	position: relative;
	padding: 1.5em 20px 1em;
	background: #cbd87a url(images/white-overlay.png) repeat-x;
	margin-bottom: 0.75em;
	border: 1px solid #c3cc8b;
	border-bottom-color: #a8b459;
	border-left-color: #a8b459;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	color: #404422;
}

div.review-quote a{
	text-decoration: underline;
}

div.review-quote a:hover{
	text-decoration: none;
}

div.review-quote div.image-container .caption{
	margin-top: -1.7em;
	background: rgba(255,255,255,0.5);
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;  
	margin-bottom: 0.5em;
}

div.review-quote div.image-container.right{
	float: right;
	margin-left: 20px;
}

div.review-quote div.image-container.left{
	float: left;
	margin-right: 20px;
}

div.review-quote div.image-container.large,
div.review-quote div.image-container.x-large,
div.review-quote div.image-container.xx-large{
  margin: 0 auto;
  float: none;
}


 div.david.review-quote{
	color: #224144;
	border-color: #a7d1d4;
	border-bottom-color: #7db9bd;
	border-left-color: #7db9bd;
  background-color: #afd6d8;
}

 div.matt.review-quote{
	border-color: #d2ca9e;
	border-bottom-color: #c0b15f;
	border-left-color: #c0b15f;
  background-color: #e5d38f;
	color: #443e22;
}

 div.redd.review-quote{
	color: #442227;
	border-color: #caa2a7;
	border-bottom-color: #bc979c;
	border-left-color: #bc979c;
  background-color: #dbb8bc;
}



/* @end */



/* @end */

/* @group Resource Single */

body#resource span.title{
  background: #808080;
  color: #eee;
  padding: 0.4em 0.8em;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  font-weight: bold;	
}

body#resource .primary-secondary-content{
  margin-top: 2em;
  min-height: 300px;
  width: auto;
  padding-left: 180px !important;
  padding-right: 0;
}

body#resource span.source{
  padding-left: 24px;
  position: relative;
  display: block;
  margin-bottom: 0.5em;
}

body#resource span.source img{
	position: absolute;
	left: 0;
	top: 2px;
	width: 16px;
}

body#resource span.source a{
	color: #aaa;
	display: block;
	line-height: 1.25em;
}

body#resource .post-ratings{
  margin-bottom: 1em;
  color: #aaa;
}

body#resource .primary-secondary-content .page{
	position: relative;
	padding: 1.5em 20px 1em;
	background: #e5e5e5 url(images/white-overlay.png) repeat-x;
	margin-top: 0.75em;
	margin-right: 120px;
	border: 1px solid #d6d6d6;
	border-bottom-color: #bebebe;
	border-left-color: #b8b8b8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.2);
	color: #404422;
}

body#resource .primary-secondary-content .page:before{
	content: "";
	display: block;
	width: 24px;
	height: 19px;
	background: url(images/icons/resource_quote.png) no-repeat;
	position: absolute;
	top: 24px;
	left: -24px;
	z-index: 2;  
}



body#resource .primary-secondary-content h2{
	margin-bottom: 0.175em;
}


body#resource .primary-secondary-content .primary-content{
	float: right;
}

body#resource .primary-secondary-content .secondary-content{
	border: none !important;
	background: none !important; 
	position: static;
	margin: 0;
	padding: 0 !important;
	padding-top: 62px !important;
	width: 160px !important;
	margin-left: -180px !important;
	float: left;
}

body#resource .primary-secondary-content .secondary-content h3{
	background: none !important;
	border: none !important;
	text-shadow: none !important;
}

body#resource .primary-secondary-content .secondary-content dl.meta{
	position: static;
}

body#resource .primary-secondary-content .secondary-content dl.meta dt{
	color: #879899;
}



body#resource .primary-secondary-tertiary-content{
	padding-right: 740px;
	padding-top: 2em;
	padding-bottom: 2em;
	margin-top: 2em;
	border-top: 2px solid #eee;
	position: relative;
}

body#resource .primary-secondary-tertiary-content:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

body#resource .primary-secondary-tertiary-content h3{
	margin-top: 0;
}

body#resource .primary-secondary-tertiary-content .primary-content .notice{
  margin-top: -0.75em;
}

body#resource .primary-secondary-tertiary-content .primary-content{
	width: 280px;
	float: left;
}

body#resource .primary-secondary-tertiary-content .secondary-content,
body#resource .primary-secondary-tertiary-content .tertiary-content{
	position: absolute;
	width: 280px;
	left: 360px;
	top: 2em;	
}

body#resource .primary-secondary-tertiary-content .secondary-content{
	position: static;
	float: right;
	margin-right: -360px;
}

body#resource .primary-secondary-tertiary-content .secondary-content {

}

body#resource .primary-secondary-tertiary-content .tertiary-content{
	left: auto;
	right: 20px;
}




/* @end */

/* @group Archive */

body#archive .posts{
  margin-top: 3em;
}

span.additional-filters{
  text-transform: none;
  letter-spacing: normal;
  color: #ccc;
}

span.additional-filters a{
	color: #aaa;
	text-decoration: underline;
}

span.additional-filters a:hover{
	text-decoration: none;
}


h4.categories{
  letter-spacing: 0.2em;
}

#filters{
	border: 1px solid #d0d0d0;
	background: #eee;
	padding: 0.5em 20px;  
	margin-bottom: 3em;
	margin-top: 1px;
	position: relative;
	top: -1.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
}

#filters h5{
	color: #888;
	font-size: 1em;
	float: left;
	padding:  0.5em 10px 0.5em 20px;
	background: #ddd;
	margin-left: -20px;
	margin-top: -0.5em;
	margin-right: 20px;
	line-height: 2em;
	-webkit-border-radius-top-left: 3px;
	-webkit-border-radius-bottom-left: 3px;
	-moz-border-topleft-radius: 3px;
	-moz-border-bottomleft-radius: 3px;
}

#filters label{
	font-weight: bold;
	margin-right: 5px;
	float: left;
	color: #555;
}

#filters form{
	padding: 0;
	margin: 0;
	height: 2em !important;
	overflow: hidden;
	background: none;
	border: none;

}

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

#filters form input,
#filters form select{
	margin-right: 20px;
	float: left;
}

#filters button{
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 0.25em 0.5em;
	margin: 0;
}

/* @end */

/* @group Search Results */

#search-results .page{
	margin-left: 180px;
}

#search-results .posts .post,
#search-results .reviews .review{
  padding-left: 180px;
  margin-left: -180px;
  padding-right: 0;
  position: relative;
  padding-bottom: 0.5em;
  background: url(images/border.png) bottom repeat-x;
  min-height: 115px;
  margin-bottom: 1.25em;
  color: #686b6a;
  border-bottom: 1px solid #dcddd4;
}

#search-results .posts .post .content,
#search-results .reviews .review .content{
	float: right;
	text-align: left;
}

#search-results .posts .post p{
	max-height: 5.5em;
	overflow: hidden;	
}

#search-results .posts .post:hover p{
	color: #333;
}


#search-results .posts .post img,
#search-results .reviews .review img {
	float: left;
	margin-left: -180px;
  width: 154px;
  border-width: 3px;
}

#search-results .reviews .review .star-rating{
  position: absolute;
  left: 6px;
  top: 64px;
}

#search-results .reviews .review .star-rating img{
	height: 16px;
}

#search-results span.meta{
	margin-top: 0;
	margin-bottom: 0.5em;
}

/* @end */

/* @group Home */

body#home div#content{
    background: white url(http://www.uxbooth.com/utilities/follower_avatars/montage.jpg) top repeat-x;
}

body#home p#about{
	padding-left: 180px;
	width: 520px;
	height: 63px;
	line-height: 1.5em;	
	margin: 0;
	background: rgba(255,255,255,0.5);
  padding-top: 20px;
  padding-bottom: 12px;
  padding-right: 20px;
  margin-right: -20px;
  margin-top: -30px;
  margin-bottom: 1.5em;

}

body#home p#about strong{
 font-weight: bold;
 display: block;
}

body#home .page h2 {
  color: #596161;
  font: 1em/1.5em Verdana, "Lucida Grande", Lucida, sans-serif;
  margin-bottom: 1em;
  font-weight: bold;
}

h2#latest-posts { display: none;}

body#home .page .posts {
	margin-right: -20px;
}

body#home .page .posts .post {
  position: relative;
  float: left;
  width: 160px;
  margin-right: 20px;
  background: none;
  padding: 0;
}

body#home span.meta span.date-time:after{
  display: none;
}

body#home div#uxbooth .page .primary-secondary-content{
  padding-left: 0;
  padding-right: 180px;
	background: none;
}

body#home div#uxbooth .page .primary-content{
	width: 100%;
	float: left;
}

body#home div#uxbooth .page .secondary-content{
  width: 160px;
  margin: 0;
  margin-right: -160px;
  float: right;
  position: relative;
  left: 20px;
}

body#home .resources{
	margin-right: -20px;
}

body#home .resources .resource {
  width: 131px;
  margin-bottom: 1em;
  position: relative;
  padding-left: 25px;
  color: #707774;
  z-index: 0;
  margin-right: 20px;
  list-style-type: none;
  background: none;
  border: none;
}

body#home .resources .resource h3,
body#home .resources .resource:hover h3,
body#home .resources .resource h3:hover{
	border: none !important;
}


body#home div#uxbooth .page .resources .book.resource h3{
	display: none;
}

body#home .posts{
  margin-bottom: 2em;
}

body#home .posts .post h3 {
  font-size: 1em;
  font-family: Verdana, sans-serif;
  font-weight: bold;
}

body#home .posts .post:first-child h3 {
  font-size:  3em;
	line-height: 1.1em;
  font-weight: 500;
  display: inline;
  border-bottom: 1px solid transparent;
  padding: 0;
}

body#home .posts .post:first-child h3 a:hover{
  border-bottom: 1px solid #b53c00;
  text-decoration: none;
}

body#home .page .posts .post:first-child{
  margin-bottom: 2.5em;
  position: relative;
  width: auto;
  float: none;
}

body#home .page .posts .post:first-child .meta{
	margin-top: 1em;
}
body#home .page .posts .post:first-child p{
	width: 256px;
}

body#home .page .posts .post:first-child .image-container {
  width: 240px;
  float: right;
  background: url(images/image_rounded_shadow.png) bottom center no-repeat;
  margin-bottom:  9px;
  position: relative;
  padding-bottom: 8px;
}

body#home .page .posts .post:first-child .image-container img{
  border: 8px solid #d8dedf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
	margin: 0 ;
	width: 224px !important;
	float: none !important;
	position: static;
}

body#home .page .posts .post:first-child .image-container a{
	display: block !important;
	float: none;
	height: auto !important;
}

body#home .page .resources {
	position: relative;
}

body#home .page .resources ul:after	 {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

body#home .page .resources a.add-new {
  background: #8d9d26;
  color: white !important;
  padding: 0.25em 8px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  font-family: Verdana, sans-serif;
  -webkit-transition: all 0.25s ease-in-out;
  font-weight: bold;
  -webkit-border-radius: 12px;
  margin-bottom: 1em;
  margin-top: 1em;
}


body#home .page .resources .resource {
  background: #ecf1f1;
  border-left: 1.4em solid #dee5e3;
  padding: 8px 4px;
  z-index: 1;
}

body#home #uxbooth .resources .resource span.category {
  color: #8f9fa1;
  display: block;
  position: absolute;
  left: -8.75em;
  top: 8em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.8em;
  padding: 0 4px;
  -webkit-transform: rotate(90deg); 
  -moz-transform: rotate(90deg);	
  z-index: 5;
  text-align: left;
  width: 15em;
}

body#home #uxbooth .resources .resource h3{
  font-size: 1em;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

body#home #uxbooth .resources .resource{
  position: relative;
}

a.add-resource {
	margin-top: 0.5em;
	display: inline-block;
  background: #b53c00 url(images/icons/add.png) 3px center no-repeat;
  color: white !important;
  padding: 0 0.75em;
  padding-left: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-transition: all 0.125s ease-in-out;
  min-height: 22px;
}

a.add-resource:hover{
	background: #627200 url(images/icons/add_green.png) no-repeat 3px center;
	text-decoration: none;
}
/*

 @end */

/*

 @end */

/* @group Footer */

#footer{
  border-top: 2px solid #4a5455;
  padding-top: 2em;
  padding-bottom: 2em;
  color: white;
}

#footer a{
	margin-right: 0.7em;
	color: #8ca3a5;
	text-decoration: underline;
}

#footer a:hover{
	text-decoration: none;
}

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

#footer ul li{
  float: left;
  padding-right: 0.8em;
}

#footer ul li:after{
	content: "•";
  margin-left: 0.4em;
  color: #8a9090;
 }
 
#footer ul li:last-child:after{
	content: "";
	margin: 0;
}

#footer p{
	display: block;
	font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.25em;
  margin-bottom: 0.5em;
  text-shadow: 0 1px 0 #333;
}

#footer p#smashing-network{
	width: 260px;
	position: absolute;
	right: 20px;
	top: 0;
}

#footer p#smashing-network a{
	display: inline-block !important;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
	font-style: normal;
	background: rgba(0,0,0,0);
	padding: 0.1em 10px 0.05em 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 1em !important;
	white-space: nowrap;
	position: relative;
	top: 0.25em;
	color: #aaa;
	-webkit-transition: 0.25s background ease-in-out;

}

#footer p#smashing-network a strong{
	font-weight: bold;
	text-transform: uppercase;
}

#footer p#smashing-network span.indicator{
  vertical-align: middle;
  position: absolute;
  left: 1px !important;
  top: 50%;
  margin-top: -16px;
  background: url(http://www.uxbooth.com/wp-content/themes/uxbv2/images/sm-network-icon.png);
  width: 32px;
  height: 31px;
  display: block;
}

#footer p#smashing-network a:hover{
  color: white;
  background-color: rgba(0,0,0,0.5);
}

#footer p#smashing-network a:hover span.indicator{
	background-position: 0 -31px;
}


/* @end */

/* @group Forms */

/* @group bootstrap */

.primary-content form{
	background: #dcddd4;
	padding: 30px 40px;
	border: 1px solid #caccb6;
}

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

#content input[type="text"],
#content input[type="file"],
#content textarea{
	margin-top: 0.25em;
	margin-bottom: 1em;
	border: 1px solid #bbbeab;
	padding: 0.33em 0.25em;
	font-size: 1.25em;
	color: #435355;
	background: #f1f1ec;
}

.page form button,
.page form input[type="submit"]{
    background: #a34200;
	color: white;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: block;
  font-family: Verdana, sans-serif;
  -webkit-transition: all 0.25s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 1px 1px 0 hsla( 57, 100%, 0%, 0.33);
  margin-bottom: 1em;
  margin-top: 1em;
  border: none;
  font-size: 1.25em;
}

.page form div.credits{
	font-size: 0.75em;
	color: #7e8073;
}

.page form div.credits a{
	color: inherit;
	text-decoration: underline;
}


.page form button:hover,
.page form input[type="submit"]:hover {
  background: #a2af3a;
}

.default-form form{
  padding: 20px;
  background: ;
}
.default-form form > label{
	display: block;
	margin-left: -1.4em;
	font-weight: bold;
	color: #525351;
}

.default-form form > label.required{
	margin-left: 0;
	margin-top: 2em;
}

.default-form form > label span.small.subtle{
	text-transform: none;
	letter-spacing: normal;
	color: #aaaba4;
}

.default-form form input[type=text],
.default-form form input[type=file]{
  width: 312px;
}

.default-form form textarea{
  width: 100% !important;
}

/* @end */

/* @group Search */

.page form.search{
	padding: 10px;  
	margin-bottom: 2em;
	margin-top: 1em;
}

.page form.search input{
	float: left;
	width: 75%;
	margin: 0 !important;
	margin-right: 20px !important;
	font-size: 1.5em;
	height: 1.5em;
}

.page form.search button{
	float: left;
	margin: 0 !important;
}

/* @end */

/* @group comment-form */

div#uxbooth div#content form#commentform{
	margin-bottom: 3em;
}

div#uxbooth div#content div.comment-form br {
  display: block;
  height: 1px;
}  

div#uxbooth div#content div.comment-form label{
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #525351;
}

div#uxbooth div#content div.comment-form .preview{
	margin: 0 -4px 1.5em;
	position: relative;
	background: #f1f1ec;
	padding: 4px 10px;
	padding-left: 140px;  
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;	

}

div#uxbooth div#content div.comment-form .preview .author{
  padding-top: 90px;
  position: relative;
  width: 100px;
  padding-left: 3em;
  margin-left: -140px;
  float: left;
}

div#uxbooth div#content div.comment-form .preview .author img{
  width: 64px;
  height: 64px;
  margin-right: 24px;
  margin-bottom: 10px;
  background: #888;
  border: 6px solid #cbccc1;
  position: absolute;
  top: 10px;
  left: 3em;
}

div#uxbooth div#content div.comment-form .preview span.label{
  color: #888;
  display: block;
  position: absolute;
  font-size: 1em;
  letter-spacing: 0.1em;
  padding: 0 4px;
  -webkit-transform: rotate(90deg); 
  -moz-transform: rotate(90deg);	
  z-index: 5;
  text-align: center;
  width: 122px;
  left: -55px;
  top: 54px;
  background: #cbccc1;
}

div#uxbooth div#content div.comment-form .preview textarea{
	margin: 0;
  
}

div#uxbooth div#content div.comment-form .preview .author h5{
	font-size: 1em;
	font-weight: normal;
	color: #7e7e7b;
}


div#uxbooth form input.input,
div#uxbooth form input#url,
div#uxbooth form input#author,
div#uxbooth form input#email,
div#uxbooth form textarea{
	display: block;
	width: 312px;
}

div#uxbooth div.success{
	border: 3px solid #86ae4b;
	border-bottom-color: #71933f;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 8px;
	background: #c2e5ad;
	color: #334b10;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	margin-top: -0.5em;
	margin-bottom: 2em;
}

div#uxbooth div#content div.comment-form textarea{
	width: 99%;
}

div#uxbooth div#content form input[type="text"]:focus,
div#uxbooth div#content form textarea:focus{
	color: #5d3f2e;
	background-color: white;
}

div#uxbooth div#content div.comment-form span.instructions{
	display: inline;
	line-height: 1.5em;
	color: #7b7e72;
}

div#uxbooth div#content div.comment-form span.instructions strong{
	font-weight: bold;
  color: #3d3f36;
}

/* @end */



/* @end */

/* @group pagination-panel */

#pagination-panel{
  padding: 20px;
  border: 2px solid #eee;
  margin-bottom: -4em;
  height: 39em;
}

#pagination-navigation{
	background: white;
	display: inline-block;
	padding: 0 10px;
	position: relative;
	left: 10px;
	margin-bottom: 2em;
}

/* @end */

/* @group Interview */



h3.question,
h4.question {
	text-transform: none;
	letter-spacing: normal;
	position: relative;
	font: 1.25em/1.33em Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: bold;
  margin-top: 1.5em;
}

h3.question:before,
h4.question:before {
	content: "Q:";
	position: absolute;
	left: -1.67em;
	top: 0;
	font-weight: bold;
	color: #a1b159;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.1);
	font-style: normal;
}

.interview .response h4,
.interview .response p{
	display: inline;
	letter-spacing: normal;
	text-transform: none;
	line-height: 1.67em;
}

.interview .response h4{
  color: #888;
}

.interview .response h4{
	content: ":";
	margin-right: 0.4em;
}

.interview .response{
  margin-bottom: 1em;
}

/* @end */

/* @group Shared */

ul.favicon-list li{
	position: relative;
	background: none;	
	padding-left: 20px;
}

ul.favicon-list li img{
	width: 16px;
	height: 16px;
	opacity: 0.67;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: 0.125s;
	-moz-transition: 0.125s;
}

ul.favicon-list li:hover img{
	opacity: 1;
}


/* @end */

/* @group Advertisement */

.one .bsa_it_ad {
	margin-right:0px;
	padding: 0.25em 300px 10px 0.5em;
	margin-bottom: 1em;
	padding-bottom:1em;
	padding-right:300px;
	position:relative;
	-moz-border-radius:0.25em 0.25em 0.25em 0.25em;
	background:none repeat scroll 0 0 #EAF0F1 !important;
	vertical-align:baseline;
	border:none;
}
#home .bsap {
	margin-bottom:12px;
}
#archive .bsap {
	border-bottom: 1px solid #cdd8d8;
}
.one .bsa_it_ad {
	height:127px;
}
.one .bsa_it_ad .bsa_it_t {
	font-weight:500px !important;
	font-size:2em !important;
}
.one .bsa_it_ad a .bsa_it_t {
	color:#B53000 !important;
}
.one .bsa_it_ad .bsa_it_d {
	font-size:13px !important;
	line-height:20px !important;
	color:#3D3F40 !important;
}

/* @end */