@charset "UTF-8";
/* 
Theme Name: Ubuntu Design Blog
Theme URI: http://canonical.com
Description: Ubuntu blog theme
Version: 1
Author: Canonical Ltd 
Author URI: http://canonical.com

Copyright (C) 2012 Canoimgnical Ltd 
License: GNU General Public License, version 3 (GPLv3)
License URI: license.txt 

	Colour definitiions are in /sites/core/static/css/core-constants.scss
	-----------------------------------------------------------------
	$ubuntu_orange:			#dd4814; ubuntu orange (used for text links also on any site except canonical) 
	$canonical_aubergine:	#772953; canonical aubergine 
	$light_aubergine:		#77216f; light aubergine (consumer) 
	$mid_aubergine:			#5e2750; mid aubergine (both) 
	$dark_aubergine:		#2c001e; dark aubergine (enterprise) 
	$warm_grey:				#aea79f; warm grey 
	$cool_grey:				#333333; cool grey
	$light_grey:			#f7f7f7; light grey
	
	Notifications 
	$error:					#df382c; red 
	$warning:				#eca918; yellow 
	$success:				#38b44a; green 
	$information:			#19b6ee; cyan 
	
	Colour coded status - from negative to positive (icon: canonical circle) 
	$status_red:			#df382c; red, for status that require immediate attention 
	$status_grey:			#aea79f; grey, for disabled status or ones that donÍt require attention 
	$status_yellow:			#efb73e; yellow, for status that require attention 
	$status_blue:			#19b6ee; blue, for status that donÍt require action 
	$status_green:			#38b44a; green, for positive status 

*/



@import url("assets/stylesheets/core.css");

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

.section-wrapper {
	border: solid #ebebeb;
	border-width: 0 0 1px;
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}

.single .section-wrapper { border: 0; }

.block-click { cursor: pointer; }

.inner-wrapper { margin-top: -120px; }

.grid {
	background: url(assets/img/grid.png);
	overflow: hidden;
	clear: both;
	display: block;
	position: absolute;
	width: 1050px;
	top: 0;
	height: 999em;
	z-index: -1;
	top: 0;
	left: 0;
}

/* header */
form.search-form { margin-left: 15px; }

form.search-form .form-text {
	background: url(assets/img/search_bg.png) 0 50% no-repeat;
	border: 0;
	color: #fff;
	float: left;
	font-size: 1em;
	margin: 0;
	margin-top: 9px;
	padding: 6px 6px 6px 24px;
	position: relative;
	width: auto;
	-webkit-appearance: none;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

#box-search { margin-right: 20px; }

/* homepage */
body.home header.banner {
	margin: 0;
}

body.home .row-hero, body.home .row-hero div {
	margin-bottom: 0;
}

body.home #articles {
	margin-bottom: -14px;
}

body.home .inner-wrapper {
	margin-bottom: 0;
}

body.home #articles li.sticky-top  {
	background: #f7f7f7;
	border-right: 1px solid #eee;
	min-height: 250px;
	float: left;
	margin-bottom: 0;
}
body.home #articles li.sticky-top h2 {
	margin-bottom: .6em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body.home #articles li.sticky-top  {
		min-height: 285px;
	}
}
body.home #articles li.sticky-top .article  {
	background: #f7f7f7;
}

#articles li article a:hover, 
body.category .row li.four-col article a:hover, 
body.category .row li.eight-col article a:hover {
	text-decoration: underline;
}

body.home .box {
	border: 0;
	padding: 0 0 1.25em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
}

#articles li {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	border-top: 1px solid #ebebeb;
	padding-top: 1.25em;
    box-sizing:border-box;	
}

/* nine-col */
#articles li.nine-col {
	border-right: 1px solid #ebebeb;
	border-top: 0;
	padding: 1.5em 1.428575% 20px 0;
	width:  75.714285%;
	margin-right: 0;
	margin-bottom: 0;
}

#articles li.nine-col .six-col {
	padding-bottom: 1.25em;
	margin-bottom: 0;
}

#articles .article-image img {
	width: 99.787%;
}

#articles li.nine-col.first-col {
	padding-left: 0;
}
/*
	1.428575%
*/

/* six-col */
#articles li.six-col {
	border-right: 1px solid #ebebeb;
	padding: 1.25em 1.428575% 0 0;
	margin-right: 0;
	width: 49.999999%;
	margin-bottom: 0
}

#articles li.six-col .three-col {
	margin-bottom: 0px;
	padding: 0 0  1.25em;
	max-width: 240px;
}

#articles li.six-col .three-col h2 { font-size: 2em; }

#articles li.six-col.first-col { 
	padding: 1.25em 1.428575% 0 0; 
}

#articles li.six-col.last-col { 
	padding-right: 0; 
	margin-right: 0;
	padding-left: 1.428575%;
}

/* three-col */
#articles li.three-col {
	border-right: 1px solid #ebebeb;
	margin-right: 0;
	padding: 1.25em 1.428575% .8em;
	width: 25.71429%;
}

#articles li.three-col article {
}

#articles li.three-col h2 { font-size: 1.5625em; }

#articles li.last-col { border-right: 0; }

#articles li.three-col.first-col,
#articles li.three-col.last-col {
	width: 24.285715%;
}

#articles li.three-col.first-col { padding-left: 0; }

#articles li.three-col.last-col { padding-right: 0; }

.home .article-image {
	float: left;
}
.article-image img{ 
	margin-bottom: 0; 
	display: inline-block;
	float: left;
}

.post-content img.alignLeft {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.post-content img.alignRight {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

#popular-posts {
	clear: both;
	margin-bottom: 30px;
}

.home #popular-posts { border-width: 2px; }

#articles li img { 
	height: auto;
	max-width: 240px;
}

iframe { margin-bottom: .625em; }

.home .three-col article { padding-bottom: 0; }

.featured-article {
	display: inline-block;
	float: right;
}

body.home li a h2, li a h3, body.home .row-hero a h2{
	font-size: 1.313em;
	color: #333;
	margin-bottom: 0.48em;
}

body.home li h2 { margin-bottom: 0; }

body.home #main-content li h2 a {
	color: #333;
		-webkit-transition-duration: .25s;
		-moz-transition-duration: .25s;
	transition-duration: .25s;
	display: block;
}

body.home li.nine-col h2 a {
	font-size: 1.8em; /* 45px */
	line-height: 1;
}

body.home #main-content li h2 a:hover, 
body.home #main-content li h2 a:focus, 
body.home #main-content li h2 a:active,
body.home #main-content li.block-click-hover h2 a {
	color: #dd4814;
	text-decoration: none;
}

body.home .row-hero a h2 { font-size: 2em; }

body.home li article a p { color: #333; }
body.home li article a:active p, 
body.home li article a:focus p, 
body.home li article a:hover,
li article a:hover {
	text-decoration: none;
}

body.home li article a:hover a.link-arrow,
a:hover p.link-arrow  {
	text-decoration: underline;
}

li article h2, li article h3 {
  	font-size: 1.563em;
	color: #333;
	margin-bottom: 0.48em;
}

.home article footer, .home article footer a, .home article footer p {
	color: #ADA79F;
	font-size: 13px;
	padding: 0;
}

.home article footer a:hover { color: #dd4814; }

/* twitter box */
#articles li#twitter {
	border-top: 1px solid #ebebeb;
}

#articles li#twitter p.item-content {
	font-size: 19px;
	line-height: 1.4;
	font-weight: 300;
	margin-bottom: .2em;
	word-wrap: break-word;
}

#twitter .item-source a, #twitter time {
	color: #ADA79F;
	font-size: .684em;
	margin-bottom: 0.75em;
}

#twitter .item-source a {
	display: block;
	clear: both;
	font-size: 1em;
}

#twitter time { font-size: .8125em; }

/* topic-list */
#topic-list {
	border-top: 1px solid #ebebeb;
	padding: 1.875em 0;
}

#topic-list h2 {
	color: #ADA79F;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
}

#topic-list ul { padding: 1.875em 0 0; }

#topic-list li {
	font-size: 1.4375em;
	padding: 0;
	text-align: center;
	width: 10em;
}

#topic-list li a {
	color: #333;
	display: block;
	font-weight: 300;
	padding-top: 200px;
}

#topic-list li a:hover {
	color: #dd4814;
	text-decoration: none;
}

/* category pages */
body.category .row li.four-col article { padding-bottom: .625em; }

.post-cat a, #twitter .item-source {
	color: #ADA79F;
	text-transform: uppercase;
	font-size: 0.8125em;
	letter-spacing: .1em;
}

#twitter .item-source a:hover, #main-content .post-cat a:active, #main-content .post-cat a:focus, #main-content .post-cat a:hover {
	color: #dd4814;
	text-decoration: none;
}

/* single article */
h1 { 
	line-height: 1.2; 
	margin-bottom: .65em;
}

h1 a:link, h1 a:visited { color: #333; }

body.single .six-col article {
	min-height: 300px;	
}

body.single article h1 {
	clear: both;
	display: block;	
}

/* body.single */.post-content img {
	margin-bottom: 1.25em;
	float: none;
	display: block;
    margin-left: auto;
    margin-right: auto
}

.post-content img.wp-smiley {
	display: inline;
	margin: 0;
}

body.single article img {
	max-width: 100%;
	height: auto;
}

body.single .wp-caption {
	max-width: 100%;
	font-weight: 600;
	float: left;
	clear: both;
	display: block;
}

body.single #post-banner {
	height: 480px;
	margin-bottom: 1.25em;
	margin-top: -5.625em;
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	overflow: hidden;
	float: left;
}

body.single article #post-banner img {
	max-width: none;
}

body.single article.has-banner  h1 {
	position: absolute;
	top: -420px;
	left: 0;
	width: 100%;
}

body.single article img.off-right {
	float: right;
	margin: .4687em -58.871425% 1.875em 1.875em
}

body.single article img.full-width {
	float: left;
	margin: .4687em 0 1.875em -29.4%;
	max-width: 960px;
	width: auto;
}

body.single article blockquote {
	color: #ADA79F;
	font-size: 1.4375em; /* 23px */
	font-style: italic;
	margin: 1.875em 0 1.875em -2.5em;
	max-width: 24.7em;
}

body.single article blockquote p {
	position: relative;
}

body.single article blockquote p:after, 
body.single article blockquote p:before {
  font-size: 2.6em;
  position: absolute;
}

body.single article blockquote p:before {
  content: "\201C";
  margin: -15px 0 0 -42px;
  top: 0;
}

body.single article blockquote p:after {
  content: "\201D";
  margin: -12px 0 0 6px;
  float: right;
}

li article, article {
	border-top: 1px dotted #AEA79F;
	margin-bottom: 1.25em;	
	padding-top: .625em;	
} 

article:first-child {
	border-top: 0;
	padding-top: 0;
}

article footer {
	background: none;
	font-size: 14px;
}

.article-meta {
	margin-bottom: 1.25em;
	right: -53.14285%;
	position: absolute;
	font-size: 13px;
	width: 22.85714%;
}

.has-banner .article-meta {
	margin-top: 1.7em;
}

.article-meta h3 {
	color: #ADA79F;
	font-size: 13px;
	float: left;
}

#share-links h3 { 
	padding-bottom: .6em;
	float: left;
	clear: both;
	width: 100%;
}

.article-meta li {
	margin-bottom: 0;
	font-weight: 300;
}

.article-meta a {
	color: #333;
	font-weight: normal;
}

.article-meta a:hover {
	color: #dd4814;
	text-decoration: none;
}

.article-meta ul {
	margin: 0;
	padding: 0;
}

.article-meta p {
	color: #333;
	margin-bottom: 0;
}

time sup {
	position: relative;
	top: 4px;
}

.article-meta ul {
	margin-bottom: 1.875em;
	float: left;
}

.article-meta li {
	float: left;
	clear: both;
	width: 100%;
}

#main-content .article-meta img {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	border-radius: 10px;
}

.article-meta span {
	clear: both;
	display: block;
	float: left;
	font-size: 16px;
	margin-bottom: .5em;
	width: 100%;
	font-weight: normal;
}

#social-links {
	margin-left: -8px;
}

#social-links li {
	float: left;
	display: inline;
	text-indent: -999em;
	margin-left: 8px;
	width: auto;
	clear: none;
}
.author #social-links {
	text-align: center;
}
.author #social-links li {
	float: none;
	display: inline-block;
}
#social-links li a {
	background: url(assets/img/sprite-social-media.png);
	display: block;
	height: 23px;
	width: 24px;
	overflow: hidden;
}

#social-links li a#social-email {
	background-position: 0 -33px;
}

#social-links li a#social-facebook {
	background-position: 0 -66px;
}

#social-links li a#social-google {
	background-position: 0 -99px;
}

#social-links li a#social-launchpad {
	background-position: 0 -132px;
}

footer.author-meta {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	background: #efefef;
	padding: .625em .625em 0;
	width: 100%;
    box-sizing:border-box;	
    display: inline-block;
}

.author-meta h3 {
	font-size: 1em;
}

.author-meta p {
	color: #484848;
	margin-bottom: .625em;
}

.author-meta img {
	display: inline-block;
	margin-right: 10px;
	float: left;
	margin-bottom: .625em;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	border-radius: 15px;
}

.has-banner .post-content {
	margin-top: 1em;
}

/* related posts */
.single .related-posts-wrapper {
	border: solid #ebebeb;
	border-width: 1px 0;
}

.related-posts-wrapper h2, #comments h3 {
	color: #ADA79F;
	font-weight: 300;
	font-size: 1.5625em;
}

.related-posts-wrapper .six-col {
	padding-top: 1.25em;
}

.related-posts-wrapper li a {
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
	transition-duration: .5s;
	display: block;
}

.related-posts-wrapper li span {
	color: #333;
}

.related-posts-wrapper li span a {
	color: #333;
	display: inline-block;
}

.related-posts-wrapper li a:hover {
	text-decoration: underline;
}

.related-posts-wrapper li span a:hover {
	color: #dd4814;
}

/* comments */
#comments h3 {
	border: solid #d7d7d7;
	border-width: 1px 0;
	clear: both;
	display: block;
	line-height: 1;
	margin-left: -1.2em;
	padding: .625em 0 .625em 1.2em;
	max-width: 95.5%;
}

.has-related #comments h3 { border-top: 0; }

.no-comments #comments h3 { border-bottom: 0; }

#comments h3#add-comment {
	padding-top: 0;
	border: 0;
	padding-bottom: .9375em;
}

.no-comments #comments h3#add-comment, #comments h3#add-comment.has-trackbacks  {
	border-top: 1px solid #d7d7d7;
	padding-top: .9375em;
}

.has-related #comments h3#add-comment {
	border: 0;
}

.comment-meta cite { font-style: normal; }

.comment-meta time {
	float: left;
	clear: both;
	font-weight: 300;
	line-height: 1.2;
}

.comment-meta time a {
	color: #bbb9b6;
	font-size: .9em;
}

.comment-list {
	padding-top: 1.25em;
	margin-left: -1.875em;
	max-width: 46.875em;
}

.comment-list li {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 1.25em;
	display: block;
	clear: both;
	position: relative;
	padding: .425em 1.875em .625em;
}

.comment-list li blockquote {
	color: #;
}

.comment-list li.author-comment {
	margin-top: -1.25em;
}

.comment-list li.author-comment:first-child { /* styles the first comment if by an author */
	margin-top: -2em;
}

.comment-list li.author-comment {
	background: #F7F7F7;
	padding-top: 1.5em;
}

.comment-list cite {
	float: left;
	clear: both;
	width: auto;
}

.comment-list cite a {
	color: #333;
}

.comment-list cite a:hover {
	color: #dd4814;
}

.comment-list li div {
	margin-bottom: .625em;
}

.comment-content div blockquote {
	color: #ADA79F;
	font-style: italic;
}

.comment-content ul {
	margin-left: 20px;
	margin-bottom: .625em;
}

.comment-content ul li {
	padding-left: 0;
	border: 0;
	margin-bottom: 0;
}

.comment-list li img.avatar {
	float: left;
	margin-bottom: 10px;
}

.comment-list li.author-comment img.avatar {
}

/* trackbacks */
#post-trackbacks {
	margin-bottom: 1.25em
	max-width: 100%;
}

#post-trackbacks ol {
	padding-left: .9375em;
	margin-bottom: 0;
}

#post-trackbacks ol li {
	list-style-type: disc;
	width: 95%;
}

#post-trackbacks h3 {
	border-top: 0;
	padding-top: 0;
}

/* comment form */
#commentform {
	margin-left: -1.875em;
	width: 95%;
	background: #F7F7F7;
	padding-left: 1.875em;
	padding-right: .625em;
	margin-top: -.75em;
	padding-top: 1.25em;
	padding-bottom: .625em;
	margin-bottom: 1.875em;
	border: solid #D6D6D6;
	border-width: 1px 0;
}

#commentform fieldset {
	padding: 0;
	background: none;	
} 

#commentform textarea, #commentform input.text {
	max-width: 15em;
	border-color: #c2bdb7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 1em;
	padding: .5em;
}

#commentform textarea {
	max-width: 26.25em;
}

#commentform textarea:focus, #commentform input.text:focus {
	border: 2px solid #aea79f;
	margin-top: -1px;
	margin-bottom: -1px;
	padding: .5em .5em .5em .4375em;
}

#commentform button {
	background: #dd4613;
	border: 0;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: .5em 1em;
	font-size: 1.125em;
	border: 2px solid #dd4613;
}

#commentform button:focus {
	border-color: #a03714;
}

form label {
	width: auto;
	float: none;
	display: inline-block;
}

/* Authors page */
#authors ul {
	margin-right: -20px;
}

#authors ul h2, #authors ul#list-user-social {
	float: right;
	text-align: left;
	width: 6em;
}

#authors ul#list-user-social, #authors header ul p {
	width: 11.2em;
	margin-left: -10px;
	display: block;
}

#authors ul#list-user-social li {
	float: left;
	display: inline-block;
	margin-left: 10px;
	padding-bottom: 0;
}

#authors ul#list-user-social li a {
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -999em;
}

#authors ul#list-user-social li a.social-rss {
	background: url(assets/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/rss.png) no-repeat;
}

#authors ul#list-user-social li a.social-twitter {
	background: url(assets/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/twitter.png) no-repeat;
}

#authors ul#list-user-social li a.social-facebook {
	background: url(assets/img/LinkDeck_by_Daniel_Eckermann_62/32%20x%2032/facebook.png) no-repeat;
}

#authors ul img {
	float: left;
}

#authors li header {
	padding: 1.25em;
	margin: -1.26em -1.25em 0 -1.25em;
	background: #fafaf9;
}

#authors .author-description {
	border-top: 1px solid #dfdcd9;
	padding: .625em 1.25em 0;
	margin: 0 -1.25em 0 -1.25em;
}


/* about - landing page */
.page-team #team-list-wrapper .wrapper {
	max-width: 84.385em;
	padding: 0;
	margin: 0 auto;
}

#team-intro-wrapper {
	background: #d9d9d9 url(assets/img/non-semantic-bg.jpg);
	padding-bottom: 10px;
	border-bottom: 0;
}

.non-semantic-div {
	background: #fff;
		-webkit-box-shadow: 0px 1px #bfbfbf;
		-moz-box-shadow: 0px 1px #bfbfbf;
	box-shadow: 0px 1px #a2a2a2;
}

.intro {
	-moz-column-count: 2;
	-moz-column-gap: 1.875em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1.875em;
	column-count: 2;
	column-gap: 1.875em;
	margin-bottom: 1.875em;
}

ul#team-list {
	text-align: center;
	display: block;
	float: left;
	margin-bottom: 0;
	margin: 0;
	padding: 0;
}

ul#team-list li {
	margin-left: 7px;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	float: left;
	display: inline-block;
}

ul#team-list li.spacer {
	position: relative;
	width: 50px;
	height: 50px;
	background: #333;
	float: left;
	display: inline-block;
}

ul#team-list li:nth-child(2n+0) {
}

ul#team-list li:nth-child(3), ul#team-list li:nth-child(8) {
	margin-top: 3.125em;
}

ul#team-list li:nth-child(6) {
	margin-top: 6.725em;
}

ul#team-list li:nth-child(11), ul#team-list li:nth-child(28) {
	margin-left: 6.725em;
}

ul#team-list li article {
	padding: 0;
	margin: 0;
}

ul#team-list li a {
	color: #333;
	padding: 0;
	margin: 0;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
	transition-duration: .5s;
}

ul#team-list li.block-click {
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
	transition-duration: .5s;
}

ul#team-list li a h2 {
	font-size: 20px;
	margin-bottom: .3em;
}

ul#team-list li.block-click-hover a h2 {
	color: #dd4814;
}

ul#team-list li a p {
	color: #AEA79F;
	line-height: 1.5;
}

ul#team-list li div {
	padding: 1.875em .9375em 0;
	float: left;
}

ul#team-list li img {
	margin-bottom: 0;
	display: inline-block;
	float: none;
	margin: 0;
	position: relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.image-wrap {
	background-size: 100% 100%;
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
	margin-bottom: 0;
}

.comment-list li .image-wrap {
	float: left;
}

.image-wrap:after {
	background: url(assets/img/team-squircle.png) no-repeat;
	background-size: 100%;
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.author .image-wrap:after, .single .image-wrap:after, .home .article-image .image-wrap:after {
	background: url(assets/img/white-squircle.png) no-repeat;
	background-size: 100%;
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.home .article-image .image-wrap:after {
	background-size: 100% 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.author .image-wrap:after, .single .image-wrap:after, .home .article-image .image-wrap:after {
	width: 100%;
	}
	.home .article-image .image-wrap:after {
		background-size: 100% 100%;
	}
}

.image-wrap img {

}

.comment-list li .image-wrap img, .article-meta .image-wrap img {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

/* Individual author page */
/* vcard */
.vcard {
	margin-bottom: 1.875em;
}

.vcard h1 span {
	clear: none;
	display: inline;
}

.vcard h1 {
	margin-bottom: .2em;
	margin-top: -7px;
}

.vcard hgroup h2 {
	color: #ADA79F;
	font-size: 1.1875em; /* 19px */
	margin-bottom: 0.625em;
	font-weight: 300;
}

.vcard .location {
	color: #ADA79F;
	font-weight: 300;
}

.vcard .location:before {
	content: '0';
	font-size: 30px;
	font-family: 'EntypoRegular';
	margin-right: 5px;
	line-height: .9;
	vertical-align: text-bottom;
}
.vcard dl {
	line-height: 1.6;
}
.vcard dt {
	float: left;
	width: 25%;
	clear: none;
	display: inline;
	font-weight: 500;
}
.vcard dd {
	display: inline;
	width: 65%;
	margin-left: 5%;
	float: left;
}

.vcard .author-image {
	max-width: 150px;
	float: left;
	overflow: hidden;
	margin-bottom: 1em;
}

.vcard .author-image img {
	width: 99.787%;
	float: left;
	display: inline-block;
	height: auto;
}

body.author .articles-wrapper, #team-list-wrapper, .related-posts-wrapper {
	background: #F7F7F7 url(assets/img/section-bg.jpg) -20% 0;
	overflow: hidden;
	position: relative;
	padding: 0;
	border-top: 1px solid #fefefc;	
}

.related-posts-wrapper {
	box-shadow: 
		inset 0  4px 4px -4px #bfbfbf, 
		inset 0 -4px 4px -4px #bfbfbf;
}

body.author .articles-wrapper {
	box-shadow: none;
}

#team-list-wrapper { 
	padding-top: 1.25em; 
	padding-bottom: .9em; 
	border-top: 1px solid #fdfdfc;
}

body.author #articles {
	float: none;
	padding: 1.875em 0;
	margin: 0 auto;
	width: 65.625em;
}

body.author #articles h2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.25em;
}

body.author #articles li, 
body.author #articles li:last-child, 
body.category li.eight-col:last-child {
	border: 0;
	margin-bottom: 1em;
	float: left;
	padding-top: 0;
}

body.author #articles li {
	width: 100%;
	display: block;
	clear: both;
}

body.author #articles li a {
	display: block;
}

body.author #articles li a h2 {
	font-size: 1.4375em;
	color: #333;
	display: block;
	margin-bottom: .3em;
	float: left;
	font-weight: 300;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
	transition-duration: .5s;
}

body.author #articles li a:hover, body.author #articles li a:hover h2 {
	color: #dd4814;
	text-decoration: none;
}

body.author #articles li a span {
	color: #ADA79F;
	font-size: 16px;
	font-weight: normal;
}

body.author #articles li .two-col img,
body.category li .two-col img {
	max-width: 140px;
	height: auto;
}

body.author #articles li:hover {
	background: none;
}

body.author .no-posts {
	font-size: 1.4375em;
	font-weight: 300;
	color: #ADA79F;
}

/* Promos (a.k.a Sizzle)*/
.promo {
	margin-bottom: 1.25em;
	padding-bottom: 0;
	display: inline-block;
}

li .promo {
	margin-bottom: 0;
	padding-bottom: 1.25em;
	display: inline-block;
}

.promo img {
	float: left;
	margin: 0 1.25em 0 0;
	display: inline-block;
}

#main-content .promo .link-cta-canonical {
	width: 14.875em;
	display: inline-block;
	margin-bottom: 1.25em;
}

.four-col .promo img {
	clear: both;
	margin: 0 0 1.25em 0;
}

/* sidebar */
#sidebar li {
	margin-bottom: 0;
}

#sidebar li a {
	display: block;
	padding: .125em 0;
}

.footer-wrapper, .single .footer-wrapper {
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
	z-index: 998;
}

.author .footer-wrapper, .page-team .footer-wrapper {
	border-top: 0;
		-moz-box-shadow: 
			 0  2px 2px -2px #d2d2d2, 
			 0 -2px 2px -2px #bfbfbf;
		-webkit-box-shadow: 
			 0  2px 2px -2px #d2d2d2, 
			 0 -2px 2px -2px #bfbfbf;
	box-shadow: 
		 0  2px 2px -2px #DFDFDF, 
		 0 -2px 2px -2px #bfbfbf;
}

footer#site-info {
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	max-width: 1050px;
	z-index: 1;
}

footer#site-info div {
	padding: 2.5em 0 0;
	margin-right: 0;
	float: left;
}

footer#site-info div.inner {
	padding: 0 0 6.2em;
	padding-left: 1.875em;
	padding-right: 1.875em;
}

footer#site-info div a:after {
	content: " \203A";
}

footer#site-info div.first-col {
	padding-left: 0;
}

footer#site-info div.six-col {
	width: 45.71427%;
	padding-right: 2.85715%;
}

footer#site-info div.three-col {
	width: 22.85714%;
}

footer#site-info div#social {
	background: url(assets/img/footer-div-bg.png) 0 50% no-repeat;
	width: 25.71429%;
	padding-right: 2.85715%;
}

footer#site-info div#subscriptions {
	background: url(assets/img/footer-div-bg.png) 0 50% no-repeat;
}

footer#site-info div.last-col {
	margin-right: 0;
	padding-left: 2.85715%;
	width: 19.99999%;
}

footer#site-info h2 {
	font-size: 16px;
	font-weight: 400;
	border: 0;
}

footer#site-info #join-us h2 {
	font-weight: bold;
}

footer#site-info abbr {
	border-bottom: 0;
}

footer#site-info ul a {
	font-size: 28px;
	font-weight: 300;
}

footer#site-info ul a:after {
	content: "";
}

footer#site-info ul a span {
	float: right;
	clear: both;
	font-size: 16px;
	font-weight: 400;
	margin-right: 4px;
}

footer#site-info #subscriptions .inner {
	background-image: url(assets/img/pictogram-make-75x75.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left: 0;
	padding-right: 0;
}

footer#site-info #subscriptions .inner li {
	display: block;
	margin: 0;
}

footer#site-info .inner h2 {
	color: #afa79e;
}

footer#site-info #social .inner {
	background-image: url(assets/img/pictogram-twitter.png);
	background-repeat: no-repeat;
	background-position: 86% bottom;
}

/*
#articles li.six-col {
	border-right: 1px solid #ebebeb;
	padding: 1.25em .9375em 1.25em;
	width: 32.8125em;
	margin-right: 0;
}

#articles li.six-col .three-col {
	width: 14.969em;
}
*/

.global-info {
	background: #efefef;
	background: rgb(239,239,239);
	background: rgba(239,239,239,1);
		-moz-box-shadow: 
			inset 0  2px 2px -2px #d2d2d2, 
			inset 0 -2px 2px -2px #efefef;
		-webkit-box-shadow: 
			inset 0  2px 2px -2px #d2d2d2, 
			inset 0 -2px 2px -2px #efefef;
	box-shadow: 
		inset 0  2px 2px -2px #d2d2d2, 
		inset 0 -2px 2px -2px #efefef;
}

.global-info-inner {
	color: #ADA79F;
	float: none;
	font-size: 13px;
	margin: 0 auto;
	max-width: 1050px;
	padding: 3.5em 30px 1.25em 30px;
}

.copyright-info {
	float: left;
	margin-right: 16px;
	float: left;
}

.global-info-inner div {
	width: 100%;
	float: left;
	display: inline;
}

.global-info-inner .canonilink {
	position: relative;
	float: right;
	margin-top: -4px;
}

.global-info-inner .link-rss a {
	background: url(assets/img/rss.png) 0 2px no-repeat;
	margin-left: 10px;
	padding: 2px 0 2px 23px;
}

.global-info-inner .canonilink a {
	background: url(assets/img/logo-canonical.png) no-repeat;
	background-size: 198px 26px;
	display: block;
	height: 36px;
	text-indent: -999em;
	width: 198px;
}

.top-link {
	position: absolute;
	left: -999em;
}

/* Search results */
.search-results h1 {
	margin-bottom: .2em;
}

.search-results hgroup h2 {
	font-size: 23px;	
	margin-bottom: 1.875em;
}

#results-list li {
	margin-bottom: 2.25em;	
}

#results-list h2 a {
	color: #333;
	font-size: 1em;
	display: block;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
	transition-duration: .5s;
}

#results-list h2 a:hover, #results-list .result-meta a:hover {
	color: #dd4814;
}

#results-list .result-meta, #results-list .result-meta a, 
.search-results hgroup h2  {
	color: #ADA79F;
}

/* archive pages */
.content-summary {
	color: #ADA79F;
	margin-bottom: 1.45em;
	margin-top: 1.45em;
}
#tags ul {
	border-bottom: 1px dotted #aea69e;	
}

#list-archives h3, #tags h2 {
	border-top: 1px dotted #aea69e;
	font-size: 1em;
	font-weight: normal;
	padding-top: .8em;
}

#tags h2 { font-weight: bold; margin-bottom: 1.25em;}

#list-archives h3 a, #list-archives h3 {
	color: #333;
	outline: none;
	text-decoration: none;
}

#tags ul { margin-left: 0; }
#tags li { 
	list-style-type: none; 
}

#list-archives li a, #tags li a {
	display: block;
}

#list-archives li a:after, #tags li a:after {
  content: " \203A";
}

#list-archives h3 a:after, #list-archives .active:after {
  content: "";
}

#list-archives .active, #list-archives .active-parent, #tags .active {
	color: #333;
	font-weight: bold;
}

#list-archives li.year h3 a {
		-webkit-transition-duration: .25s;
		-moz-transition-duration: .25s;
	transition-duration: .25s;
	background: url(assets/img/sprite-arrow.png) 100% -50px no-repeat;
}

#list-archives li.year h3.ui-state-active a {
	background-position: 100% -10px;
}

/* pagination */
.yes-js .nav-previous a {
	border: dotted #aea69e;
	border-width: 1px 0;
	text-align: center;
	padding: 1.25em 0;
	margin-bottom: 3em;
	display: block;
	outline: none;
}

.infinitescroll-message {
	display: block;
	text-align: center;
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1024px) {
	footer#site-info {
		max-width: 990px;
		padding: 0 30px;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	header.banner .logo { 
		position: absolute; 
		right: 10px; 
	}
	form.search-form .form-text {
		width: 10em;	
	}
	footer#site-info #join-us {
		width: 44%;
	}
	footer#site-info ul a {
		font-size: 20px;
		font-weight: 300;
	}
	footer#site-info div.inner {
		padding-left: 0;
		padding-right: 0;
	}
	footer#site-info div#social div.inner {
		padding-left: 1.875em;
	}
	#commentform {
		max-width: 94.5%;
	}
	.six-col .article-meta {
		width: 35.85714%;
	}
	#post-trackbacks {
		max-width: 100%;
	}
	#comments h3 {
		width: 96%;
	}
	#articles li.six-col {
		width: 49.999998%;
	}
}

@media handheld and (max-width: 760px), screen and (max-device-width: 760px), screen and (max-width: 760px) { 
	.two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, #articles li.nine-col, #articles li.six-col, footer#site-info div, .first-col, .copyright-info, footer#site-info div.six-col, footer#site-info div.three-col, #articles li.three-col.first-col, #articles li.three-col.last-col, #articles li.nine-col .six-col, #articles li.six-col .three-col, #articles li.three-col.first-col, #articles li.three-col.last-col, footer#site-info div.last-col, #results-list li, body.author #articles, .search-results #results-list, .search-results .eight-col, .global-info-inner p, .article-meta, .comment-content, .eight-col .comment-content, .comment-content div, .comment-list, .global-info-inner .right, footer#site-info div, #social-links, header.banner .nav-primary, .twelve-col .six-col,  .twelve-col .three-col, .twelve-col .two-col {
		width: 100%;
		clear: both;
		float: left;
		margin: 0;
		padding: 0;
	}
	h1 {
		font-size: 2em;
		margin-bottom: 0.375em;
	}
	h2 {
	  font-size: 1.563em;
	  margin-bottom: 0.48em;
	}
	h2 a {
	  line-height: 1.3;
	}
	.wrapper {
	  padding: 0 .935em;
	}
	header.banner {
		background: #f12d00;
		margin-bottom: 1.875em;
		padding-top: 3em;
	}
	header.banner .header-inner {
		padding: 0;
	}
	header.banner .nav-primary #nav-topics:hover ul {
		top: 26px;
	}
	
	/* logo */
	header.banner .logo {
	  margin-right: 20px;
	  position: absolute;
	  top: -48px;
	  left: 20px;
	  width: 160px;
	}

	header.banner .logo a {
		background-position: 0 0;
	}
	/* main nav */
	header.banner .nav-primary ul {
		margin-left: .5em;
	}
	header.banner .nav-primary li {
		margin-bottom: .5em;
	}
	header.banner .nav-primary ul li a:link, header.banner .nav-primary ul li a:visited {
		padding: 5px 10px;
	}
	header.banner .nav-primary li.last-item {
		right: 0;
		top: -999em;
	}
	
	/* search form */
	form.search-form {
		float: left;
		clear: both;
		margin-top: -10px;
	}
	form.search-form .form-text {
		width: 10em;	
		font-weight: 400;
	}
	
	/* about */
	/*#team-list-wrapper ul#team-list li, #team-list-wrapper ul#team-list li.first-col, #team-list-wrapper ul#team-list li.last-col{
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		display: block;
		text-align: center;
		border-bottom: 1px solid #ebebeb;
	}*/
	#team-list-wrapper, #team-list-wrapper.section-wrapper {
		margin: 0;
		padding: 1.25em 0;
	}
	#team-list-wrapper ul#team-list, #team-list-wrapper ul#team-list .wrapper, #team-list-wrapper ul#team-list .wrapper li {
		margin: 0;
		padding: 0;
	}
	#team-list-wrapper ul#team-list { padding: 2em; }
	
	/* article lists */
	#articles li.nine-col, #articles li.six-col, #articles li.three-col {
		border: 0;
		border-bottom: 1px solid #ebebeb;
		padding: 1.25em 0;
	}
	.home li.six-col .three-col {
		height: auto !important;
		padding-bottom: 1.25em;
	}
	#articles .article-image {
		max-width: none;
		width: 240px;
		margin-bottom: 1.25em;
	}
	#articles li#twitter {
		border-bottom: 0;
		margin-top: -1px;
	}
	#articles li.three-col-lower {
		clear: both;
		display: block;
		margin-bottom: 0;
		min-height: auto;
		padding: 1.25em 0;
	}
	#results-list li {
		xborder-bottom: 1px solid #ebebeb;
		margin-bottom: .9375em;
		padding-bottom: .625em;
		padding-top: .9375em;
		margin: 0;
	}
	#results-list li img {
		position: absolute;
		left: -999em;
	}
	#results-list li:last-child {
		border-bottom: 0;
	}
	#results-list h2 a {
		font-size: .9em;
	}
	/* author */
	body.author #articles {
		padding-bottom: 1.875em;
	}
	body.author #articles h2 {
		padding-left: 1.25em;
		padding-top: .9375em;	
	}
	body.author #articles li h2 {
		padding-left: 1.2em;
		padding-right: 1.2em;
		padding-top: 0;
	}
	body.author #articles li a h2 {
		font-size: .9em;
	}
	body.author #articles li a {
		padding: 0 .9375em;
		font-size: 1.25em;
		margin-bottom: 0;
	}
	body.author #articles li span {
		padding-left: 1.25em;
	}
	body.author .no-posts {
		padding-left: .8em;
	}
	/* topics */
	#tags h2 {
		border: 0;
	}
	/* home */
	#topic-list {
		border-top: 0;
		padding: 0 0 1.875em 0;
	}
	
	#topic-list h2 {
		text-align: left;
	}
	#topic-list ul {
		padding: 0;
	}
	#topic-list li {
		font-size: 1.125em;
		text-align: left;
		width: auto;
	}
	#topic-list li a {
		padding-top: 0;
	}
	#articles li#twitter {
		padding-top: 1.25em;
		padding-bottom: 1.25em;
	}
	.home #articles li {
		width: 100%;
	}
	.home #articles li.first-col {
		padding: 1em 0 0;
	}
	.home #articles .three-col-lower {
		padding: 1em 0 0;
	}
	.home #articles .three-col-lower article {
		height: auto !important;
	}
	
	body.home #articles li.sticky-top  {
		border-left: 1px solid #eee;
		padding-left: .625em;
		padding-top: .625em;
		min-height: 0;

	}
	
	/* single */
	.article-meta {
		right: auto;
		position: relative;
		padding: .875em 0;
		border: solid #ebebeb;
		border-width: 1px 0 0;
		margin: 0 1.25em 0 0;
		width: 99% !important;
	}
	#share-links h3 { 
		padding-bottom: .6em;
		float: left;
		clear: both;
	}
	.article-meta img {
		float: left;
		display: inline-block;
		position: absolute;
		left: -60px;
		top: 12px;
	}
	.article-meta span {
		clear: none;
		display: inline-block;
		float: none;
		width: auto;
	}
	.article-meta ul {
		width: auto;
		float: none;
	}
	.article-meta ul#author-meta {
		border: solid #ebebeb;
		border-width: 0 0 1px;
		float: left;
		clear: both;
		padding-left: ;
		width: 100%;
		margin-top: -20px;
		padding: 0 0 .875em 0;
	}
	.article-meta li {
		float: left;
		display: block;
		clear: left;
		width: auto;
		padding-left: 60px;
	}
	#social-links {
		margin-left: -10px;
		margin-bottom: 1.25em;
		margin-top: -.625em;
	}
	#social-links li {
		padding-left: 0;
	}
	body.single article img.off-right {
		float: right;
		margin: .4687em 0 1.875em 1.875em;
	}
	body.single article img.full-width {
		margin: .4687em 0 1.875em 0;
		max-width: none;
		width: 100%;
	}
	body.single article blockquote {
		margin: 1.875em 0 1.875em 1.25em;
	}
	.comment-list li {
		padding: .425em 0 .625em;
	}
	.comment-list cite {
		width: auto;
	}

	/* comments */
	.comment-list cite, .comment-meta time {
		float: left;
		clear: none;
		display: inline-block;
		width: 13em;
	}
	#commentform {
		margin-left: 0;
		width: 93%;
		padding-left: .625em;
	}
	#commentform textarea, #commentform input.text {
		max-width: 15.5em;
		border-color: #c2bdb7;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size: 1em;
		padding: .5em;
	}
	
	#comments h3 { margin-left: 0; padding-left: .625em; }

	#commentform textarea {
		width: 16.8em;
	}
	
	.comment-list li.author-comment {
		padding-left: 1em;
		padding-right: 1em;
	}
	/* footer */
	footer#site-info {
		background-image: none;
		padding: .9375em 0 0 0;
	}
	footer#site-info div {
		border: 0;
		padding: 1.875em 0 0;
		height: auto !important;
	}
	footer#site-info .six-col {
		margin-bottom: .9375em;
	}
	footer#site-info .three-col {
		min-height: 10px;
		height: auto;
		margin-bottom: 0;
	}
	footer#site-info .six-col p, footer#site-info .six-col h2, footer#site-info li, footer#site-info h3, footer#site-info .three-col h2 {
		padding-left: .935em;
	}
	.global-info-inner {
		padding: 1em 0 0 0;
	}
	.global-info-inner p {
		margin-bottom: 1em;
		padding: 0 1em;
	}
	.global-info-inner .canonilink {
		float: left;
		margin-top: 1.5em;
		margin-left: 1em;
		margin-bottom: 1em;
		top: auto;
		clear: both;
	}
	.global-info-inner li.bug-report {
		margin-left: 1em;
	}
	footer#site-info ul a {
		font-size: 20px;
	}
	footer#site-info ul a span {
		float: none;
		clear: none;
		display: inline-block;
	}

	.copyright-info {
		padding: .9375em;
		width: auto;
	}
	.copyright-wrapper img {
		position: absolute;
		top: -999em;
	}
	footer#site-info div#social {
		background: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	footer#site-info div#social br {
		display: none;
	}
	footer#site-info #subscriptions .inner, footer#site-info #social .inner, footer#site-info div#subscriptions {
		background-image: none;
		padding: 0;
	}
	footer#site-info #subscriptions {
		margin-bottom: 1em;
	}
	footer#site-info h2{
		font-weight: bold;
	}
	.top-link { 
		position: relative;
		left: auto;
	}
	.author #social-links {
		text-align: left;	
	}
	ul#team-list li div {
		padding: 2em 0 0;
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	.intro {
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		column-count: 1;
		column-gap: 0;
	}
	#team-list-wrapper {
		padding: 0;
		width: 100%;
		margin: 0;
		display: block;
		clear: both;
		left: 0;
		right: 0;
		position: relative;
	}
	.global-info-inner li.bug-report {
		float: left;
		clear: both;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

@media handheld and (max-width: 380px), screen and (max-device-width: 380px), screen and (max-width: 380px) {
	body.single article img {
		max-width: 18.275em;
	}
	form.search-form {
		margin-top: 0;
	}
	header.banner .nav-primary #nav-topics:hover ul {
		top: 24px;
	}
	.global-info-inner .canonilink a{
		clear: both;
		width: 100%;
		float: left;
	}
	.global-info-inner ul.inline li {
		margin-left: 1em;
		float: left;
		clear: both;
		width: 100%;
	}
	.global-info-inner ul.inline li a {
		display: block;
		float: left;
		clear: both;
	}
}

/* retina replacements */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

	form.search-form .form-text {
		background: url(assets/img/retina/search_bg@2x.png) 0 50% no-repeat;
		background-size: 18px 17px;
	}
	
	.global-info-inner .right a { background: url(assets/img/retina/logo-canonical@2x.png) no-repeat; }

	header.banner .logo a { background: url(assets/img/retina/ubuntu-logo@2x.png) no-repeat; 	background-size: 100px 24px;
 }
	
	#social-links li a { background: url(assets/img/retina/twitter@2x.png) no-repeat; background-size: 24px 23px; }
	
	#social-links li a#social-twitter { background: url(assets/img/retina/twitter@2x.png) no-repeat; }
	
	#social-links li a#social-email { background: url(assets/img/retina/email@2x.png) no-repeat; }
	
	#social-links li a#social-facebook { background: url(assets/img/retina/facebook@2x.png) no-repeat; }
	
	#social-links li a#social-google { background: url(assets/img/retina/gplus@2x.png) no-repeat; }
	
	#social-links li a#social-launchpad { background: url(assets/img/retina/launchpad@2x.png) no-repeat; }
}