/* @override 
	http://www.maya.com/css/style.css
	http://maya.com/css/style.css
*/

/*

colors:

accent blue (links): #34748f;

*/


/* 
------------------------------
GLOBAL RESET via shauninman.com
------------------------------
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {
	margin: 0;
	padding: 0;
	}

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

fieldset, img, abbr { border: 0; }

address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}

ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 11px; }
q:before, q:after { content: ''; }
a, ins { text-decoration: none; }
textarea { font-family: arial; }

/*
------------------------------
START MAYA CSS
------------------------------
*/

body {
	background: #ebebeb url("../imgs/bg-pattern.png") repeat-x;
	text-align: center;
	font: 11px/1.5em Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
	color: #333;
	}

#head, #wrap, #main-content { width: 904px; }

#wrap {
	text-align: left;
	margin: 0 auto;
	}

#head {
	height: 65px;
	overflow: hidden;
	position: relative;
	background: url("../imgs/bg-head.gif") no-repeat 0 100%;
	}

#main-content {
	width: 890px;
	padding: 0 22px;
	background: url("../imgs/bg-page.gif") repeat-y;
	}

#footer {
	padding: 40px 2px 0 2px;
	color: #fff;
	position: relative;
	clear: both;
	background: url("../imgs/bg-footer.png") no-repeat 0 0;
	}

#footer-content {
	background: #333;
	height: 125px;
	}

#foot-copyright {
	position: absolute;
	top: 100px;
	left: 20px;
	width:500px;
	font-size: 10px;
	color: #666;
	}

h2, h3, h4, h5, h6 {
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	}

a {
	color: #5f8398;
	font-weight: bold;
	}

a:hover {
	color: #000;
	text-decoration: underline;
	}

a.btn-archive {
	display: block;
	text-indent: -3000px;
	height: 16px;
	width: 51px;
	background: url("../imgs/btn-archive.gif") no-repeat 0 0;
	}

a.more {
	display: block;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	background: #efefef;
	text-align: center;
	overflow: hidden;
	font-size: 10px;
	border-bottom: 1px solid #ccc;
	color: #333;
	}

a.pdf, a.ppt {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 38px;
	background: url("../imgs/icon-pdf.gif") no-repeat 0 0;
	}

a.ppt {
	background: url("../imgs/icon-ppt.gif") no-repeat 0 0;
	}

.col {
	float: left;
	overflow: hidden;
	}

br {
	clear: both;
	height: 0;
	line-height: 0;
	}

#content p, #feed p {
	margin: 0 0 1.5em 0;
	line-height: 17px;
	color: #333;
	}

#feed p {
	margin: 0 0 1em;
	}

strong { font-weight: bold; }
	
	
/*
------------------------------
HOME-SPECIFIC
------------------------------
*/	

	
body#default #head, body#default #wrap, body#default #main-content { width: 984px; }

body#default #head { background-image: url("../imgs/bg-head-home.gif"); }

body#default #main-content {
	background: url("../imgs/bg-page-home.gif") repeat-y;
	padding: 0 7px;
	width: 970px;
	}

body#default #footer { background-image: url("../imgs/bg-footer-home.png"); }


#intro-home {
	position: relative;
	width: 970px;
	height: 376px;
	background: url("../imgs/home/rotate.php") no-repeat 0 0;
	margin: 0 0 5px 0;
	}

#quotes {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 100%;
	line-height: 30px;
	overflow: hidden;
	background: #000 url("../imgs/bg-quotes.gif") repeat-x top;
	color: #000;
	}

#quotes .quote {
	padding: 0 15px;
	text-align: center;
	display: none;
	position: absolute;
	width: 940px;
	top: -30px;
	}
	
#quotes .quote a {
	color: #fff;
	}
	
#quotes .quote a:hover {
	color: #fff;
	text-decoration: underline;
	}

#home-menu {
	position: absolute;
	bottom: 30px;
	height: 110px;
	overflow: hidden;
	}

#home-menu .practice {
	height: 110px;
	float: left;
	width: 323px;
	color: #fff;
	font-weight: bold;
	}

#home-menu .practice a {
	color: #fff;
	}

#home-menu .practice p {
	font-size: 10px;
	line-height: 16px;
	}

#home-menu .practice p a {
	color: #999;
	}

#home-menu .practice h4,
#home-menu .practice p { margin: 0 15px; }

#home-menu .practice h4 {
	margin-top: 12px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 16px;
	}

#home-menu .practice h4 a {
	color: #fff;
	background: url("../imgs/btn-arrow.gif") no-repeat 100%;
	padding: 0 20px 0 0;
	}

#home-menu .practice h4 a:hover {
	text-decoration: underline;
	color: #fff;
	}
	
	

/*
------------------------------
HEAD
------------------------------
*/	

h1 {
	position: absolute;
	top: 30px;
	left: 0;
	background: url("../imgs/h1.gif") no-repeat;
	}

h1, h1 a {
	display: block;
	width: 192px;
	height: 17px;
	}

h1 a { text-indent: -3000px; }

ul#main-menu {
	position: absolute;
	top: 30px;
	left: 220px;
	}

ul.main-menu, ul.main-menu li, ul.main-menu li a {
	display: block;
	height: 18px;
	}

ul.main-menu li { display: inline; }

ul.main-menu li a {
	text-indent: -3000px;
	float: left;
	margin: 0 0 0 0;
	background: url("../imgs/bg-nav.gif") no-repeat 0 0;
	}

ul.main-menu li#nav-principles a { width: 69px; }

ul.main-menu li#nav-practice a {
	background-position: 0 -18px;
	width: 64px;
	}

ul.main-menu li#nav-portfolio a {
	background-position: 0 -36px;
	width: 65px;
	}

ul.main-menu li#nav-about a {
	background-position: 0 -54px;
	width: 67px;
	margin: 0 0 0 25px;
	}

ul.main-menu li#nav-contact a {
	background-position: 0 -72px;
	width: 75px;
	}

ul.main-menu li#nav-principles a:hover { background-position: -74px 0; }
ul.main-menu li#nav-practice a:hover { background-position: -74px -18px; }
ul.main-menu li#nav-portfolio a:hover { background-position: -74px -36px; }
ul.main-menu li#nav-about a:hover { background-position: -74px -54px; }
ul.main-menu li#nav-contact a:hover { background-position: -74px -72px; }

ul.main-menu li#nav-principles.here a { background-position: -150px 0; }
ul.main-menu li#nav-practice.here a { background-position: -150px -18px; }
ul.main-menu li#nav-portfolio.here a { background-position: -150px -36px; }
ul.main-menu li#nav-about.here a { background-position: -150px -54px; }
ul.main-menu li#nav-contact.here a { background-position: -150px -72px; }

div#search {
	position: absolute;
	top: 30px;
	right: 0;
	overflow: hidden;
	height: 22px;
	width: 189px;
	background: url("../imgs/bg-sfield.gif") no-repeat 0 0;
	}

div#search label { display: none; }

div#search .text {
	background: transparent;
	border: 0;
	height: 20px;
	width: 152px;
	padding: 0 3px;
	float: left;
	font-size: 10px;
	overflow: hidden;
	}

div#search .button {
	width: 22px;
	height: 22px;
	margin: 0 0 0 3px;
	}
	

/*
------------------------------
INNER PAGES - GENERAL
------------------------------
*/

#inner-head {
	position: relative;
	height: 60px;
	}

#inner-head .crumbs, #feed-head .crumbs {
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	}

#inner-head .crumbs li,
#feed-head .crumbs li,
#inner-head .crumbs li a,
#feed-head .crumbs li a {
	display: inline;
	height: 14px;
	line-height: 14px;
	}

#inner-head .crumbs li a,
#feed-head .crumbs li a {
	display: block;
	float: left;
	background: url("../imgs/bullet.gif") no-repeat 100% 0;
	padding: 0 16px 0 0;
	margin: 0 10px 0 0;
	}

#inner-head .sub-menu {
	position: absolute;
	right: 32px;
	bottom: 0;
	height: 24px;
	}

#inner-head .sub-menu li { color: #000; }

#inner-head .sub-menu li,
#inner-head .sub-menu li a {
	display: block;
	height: 24px;
	line-height: 24px;
	float: left;
	padding: 0 0 0 20px;
	font-size: 10px;
	font-weight: bold;
	}

#inner-head .sub-menu li a {
	display: inline;
	font-size: 10px;
	padding: 0;
	}

#inner-head .sub-menu li a.nolink, #inner-head .sub-menu li a.nolink:hover {
	text-decoration: none;
	color: #ccc;
	}

#inner-head h2 {
	position: absolute;
	left: 0;
	bottom: 5px;
	font-size: 16px;
	line-height: 18px;
	color: #34748f;
	width: 600px;
	max-height: 40px;
	vertical-align: baseline;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

#intro {
	width: 860px;
	height: 273px;
	overflow: hidden;
	position: relative;
	margin: 0 0 5px 0;
	}

#intro-video {
	background: #000;
	width: 450px;
	height: 253px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 10px;
	}

#intro .content {
	position: absolute;
	top: 10px;
	right: 0;
	color: #fff;
	width: 360px;
	height: 253px;
	overflow: hidden;
	padding: 0 20px 0;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #333 0 1px 0;
	}

#intro .content p {
	padding: 20px 0 0 0;
	line-height: 1.4em;
	}

#intro .content-full {
	position: absolute;
	left: 80px;
	top: 0;
	width: 620px;
	height: 150px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-shadow: #333 0 1px 0;
	}

#intro .content-full .pad { padding: 30px 60px 0 0; }
#intro h4.title { margin: 0 0 10px 0; }

#intro .content .download a {
	display: block;
	height: 25px;
	width: 142px;
	background: url("../imgs/intro-dnld.gif") no-repeat;
	text-indent: -3000px;
	margin: 10px 0 0 0;
	}

#content {
	padding: 30px 0 50px 0;
	background: url("../imgs/bg-gradient.png") no-repeat top center;
	width: 860px;
	overflow: hidden;
	}

body#the-feed div#primary.col {
	width: 630px;
	padding-right: 10px;
	}

body#the-feed div#secondary.col {
	width: 209px;
	padding-left: 10px;
	}

body#the-feed #content {
	background: transparent;
	padding-top: 0;
	}

body #content.simple { background: url("../imgs/bg-simple.jpg") no-repeat 0 0; }

#primary {
	width: 540px;
	padding: 0 20px 0 0;
	overflow: hidden;
	}
	
#feed #primary {
	width: 795px;
	padding: 0;
	}

#secondary {
	width: 279px;
	overflow: hidden;
	padding: 0 0 50px 20px;
	border-left: 1px solid #ccc;
	}

#feed #secondary {
	border: 0;
	width: 175px;
	padding-left: 0;
	}

body#the-feed #primary, body#the-feed #secondary { padding-top: 20px; }
ul.bullet { margin: 10px 0; }

ul.bullet li {
	background: url("../imgs/bullet.gif") no-repeat 0 2px;
	padding: 0 0 0 16px;
	margin: 0 0 5px 0;
	}

#primary .section, #primary .section-intro {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	}

body#practices #primary .section img {
	float: left;
	padding: 0 0 0 0;
	}

body#practices #primary .section .content {
	margin: 0 0 0 70px;
	}

#primary .section-intro { border-bottom: 3px double #ccc; }

#primary .highlight, #primary blockquote {
	width: 260px;
	padding: 0 20px 10px 0;
	margin: 0;
	overflow: hidden;
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #34748f;
	}

#primary h3 { 
	text-transform: uppercase;
	margin: 0 0 10px 0; 
	}

#primary img.lt {
	float: left;
	margin: 10px 20px 10px 0;
	}

#primary img.rt {
	float: right;
	margin: 10px 0 10px 20px;
	}

#primary .related {
	border: 1px solid #ccc;
	padding: 15px 20px;
	margin: 30px 0;
	position: relative;
	}

#primary .related a.more {
	width: 130px;
	}

#primary .related img {
	float: left;
	margin: 0 20px 0 0;
	}

#primary .related .col {
	float: left;
	width: 50%;
	}

#primary li {
	padding: 0 0 0 13px;
	background: url("../imgs/li.gif") no-repeat 0 4px;
	margin: 0 0 7px 0;
	}

#the-feed #primary ol li {
	background: none;
	padding: 0 0 0 0;
	margin: 0 0 20px;
	list-style-type:decimal;
	}

#the-feed #primary ol li br {
	margin: 0 0 10px 0;
	}

#the-feed #primary ol {
	padding: 0 50px;
}

#primary dl {
	margin: 0 0 10px 0;
	padding: 20px;
	border: 1px solid #efefef;
	line-height: 1.5em;
	}

#primary dt { font-weight: bold; }
#primary dd { margin: 0 0 10px 0; }

#primary .related dl {
	border: 0;
	padding: 0 ;
	margin: 0;
	font-size: 10px;
	}

#primary .related .row, #primary .related .case {
	padding: 10px 20px;
	border-top: 1px dotted #ccc;
	font-size: 10px;
	}

#primary .related dt {
	margin: 0 0 7px 0;
	padding:0;
	}

#primary .related dd { margin: 0 0 7px 0; }
#primary .related .col dl { padding: 0 20px 0 0; }

#primary .related .col dt,
#primary .related .col dd {
	font-size: 10px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
	}

#primary .related dt { font-weight: bold; }

#primary dd.people, #primary .col dd.people {
	background: url("../imgs/icon-person-wht.gif") no-repeat 0 3px;
	padding: 0 0 0 10px;
	}

#primary .related h5 {
	position: absolute;
	top: -10px;
	left: 5px;
	background: #fff;
	padding: 0 5px;
	font-size: 11px;
	line-height: 16px;
	}

#secondary a.studies, #secondary a.join {
	display: block;
	margin: 0 0 20px 0;
	width: 279px;
	height: 50px;
	left: 0;
	top: 0;
	text-indent: -3000px;
	background: url("../imgs/btn-folio.jpg") no-repeat;
	}
	
#secondary a.join { 
	width: 120px;
	height: 30px;
	background: url("../imgs/btn-join.jpg") no-repeat; 
	}

#secondary .grey-box {
	background: #efefef url("../imgs/bg-sidebar-list.gif") repeat-y 100%;
	padding: 10px;
	margin: 0 0 20px 0;
	}

#secondary .grey-box p {
	border-bottom: 1px solid #ccc;
	padding:0 0 10px 0;
	margin: 0;
	font-size: 10px;
	}

#secondary .grey-box ul.bullet {
	border-top: 1px solid #fff;
	padding: 10px 0 0;
	margin: 0;
	font-weight: bold;
	}

#secondary .grey-box ul.bullet li { background-image: url("../imgs/bullet-gry.gif"); }

#sidebar-methods, #sidebar-practices {
	margin: 0 0 20px 0;
	}

#secondary h4.title {
	padding: 0 0 5px;
	text-transform: uppercase;
	}

#sidebar-luma, #sidebar-rhiza {
	padding: 20px 0 0 0;
	}

#sidebar-luma a, #sidebar-rhiza a {
	display: block;
	padding: 80px 0 10px 0;
	width: 155px;
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	border: 1px solid #efefef;
	}
	
#sidebar-luma a {
	background-position: 18px 10px;
	background-image: url("../imgs/luma.jpg");
}
	
#sidebar-rhiza a {
	background-position: 30px 10px;
	background-image: url("../imgs/rhiza.jpg");
}



/*
------------------------------
INTRO DIVs
------------------------------
*/



body#HCD #intro { background: url("../imgs/intro-HCD.jpg") no-repeat; }
body#research #intro { background: url("../imgs/intro-research.jpg") no-repeat; }
body#pervasive #intro { background: url("../imgs/intro-pervasive.jpg") no-repeat; }

body#practices #intro { 
	background: url("../imgs/intro-practices.jpg") no-repeat; 
	height: 150px;
	}

body#the-feed #intro {
	height: 125px;
	margin: 0 0 20px 0;
	padding: 0;
	width: 630px;
	background:url("../imgs/intro-feed.jpg") no-repeat;
	}
	
body#instakiva #intro {
	height: 150px;
	background: url("http://www.maya.com/images/400.jpg");
}

body#practices #intro.big {
	height: 273px;
	background: url("../imgs/intro-practice.jpg") no-repeat;
}

body#principles #intro {
	background: url("../imgs/intro-principles.jpg") no-repeat;
	height: 150px;
	}

body#about #intro {
	background: url("../imgs/intro-about.jpg") no-repeat;
	height: 150px;
	}

body#contact #intro, body#economist09 #intro {
	background: url("../imgs/intro-contact.jpg") no-repeat;
	height: 150px;
	}

body#economist09 div#intro {
	padding-top: 20px;
	background-position: 0 20px;
	}

body#portfolio #intro {
	background: url("../imgs/intro-folio.jpg") no-repeat;
	height: 150px;
	}


/*
------------------------------
CONTACT
------------------------------
*/

div#directions { margin: 0 0 20px 0; }
div.vcard { margin: 10px 0 0 0; }
div.vcard .org { font-weight: bold; }
div.vcard .adr { margin: 0 0 10px 0; }

div#contact-form {
	border: 1px solid #efefef;
	padding: 20px;
	margin: 30px 0 0 0;
	}

div#contact-form .col {
	width: 50%;
	height: 50px;
	}

div#contact-form label { font-weight: bold; }

div#contact-form input#contact_sender, div#contact-form input#Email, div#contact-form input#contact_company, div#contact-form textarea {
	background: #efefef;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #ccc;
	width: 200px;
	}

div#contact-form textarea {
	width: 450px;
	margin: 0 0 20px 0;
	}


/*
------------------------------
SEARCH
------------------------------
*/

body#search div#primary ol li {
	border-bottom: 1px dashed #ccc;
	padding: 20px 20px;
	margin: 0;
	background-position: 0 25px;
	}

body#search div#primary ol li a {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
body#search #content strong {
	background: #fffe9e;
	}



/*
------------------------------
PORTFOLIO
------------------------------
*/

#case-head {
	position: relative;
	}

#gallery-button {
	height: 30px;
	padding: 5px 5px;
	background: #efefef;
	margin: 0 0 20px 0;
	}

.case-gallery {
	width: 145px;
	height: 29px;
	overflow: hidden;
	text-indent: -3000px;
	background: url("../imgs/btn-gallery.jpg") no-repeat 0 0;
	border-top: 1px solid #fff;
	}

.case .case-gallery {
	position: relative;
	margin: 0 0 0 0;
	border: 0;
	background: transparent;
	text-indent: 0;
	width: auto;
	bottom: auto;
	left: auto;
	height: 18px;
	line-height: 18px;
	}

.case-gallery a {
	display: block;
	width: 145px;
	height: 29px;
	}

.case .case-gallery a {
	width: auto;
	}

div.paper-attribution {
	border: 1px solid #efefef;
	padding: 10px;
	margin: 20px 0;
	}

div.paper-attribution .col1, div.paper-attribution .col2 {
	float: left;
	}

div.paper-attribution .col1 {
	width: 300px;
	padding: 0 20px 0 0;
	}

div.paper-attribution span {
	display: block;
	}

div.paper-attribution span.title {
	font-weight: bold;
	}

.paging .label {
	display: block;
	height: 24px;
	line-height: 24px;
	}
	
#primary ul#paging {
	height: 30px;
	overflow: hidden;
	list-style: none;
	padding: 0;	
	}

#primary ul#paging li {
	line-height: 20px;
	height: 20px;
	float: left;
	list-style: none;
	background-image: none;
	padding: 0;
	margin: 0 3px 0 0;
	}

#primary ul#paging li a {
	display: block;
	padding: 0 7px;
	background: #34748f;
	color: #fff;
	border: 1px solid #34748f;
	}
	
#primary ul#paging li.here {
	border-color: #efefef;
	background: #efefef;
	padding: 0 10px;
	}

#primary .papers-list {
	padding: 20px 0 0 0;
	}
	
#primary .papers-list dl {
	border: 0;
	padding: 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #ccc;
	}

body#portfolio #studies {
	padding: 10px 0 0 0;
	}

body#portfolio .case {
	border-bottom: 1px solid #efefef;
	padding: 0;
	margin: 10px 20px 0 0;
	width: 250px;
	height: 170px;
	float: left;
	overflow: hidden;
	}

body#portfolio .case .thumb {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0;
	overflow: hidden;
	border: 1px solid #999;
	}

body#portfolio .case .content {
	margin: 0 0 0 70px;
	}

body#portfolio .case p {
	font-size: 10px;
	line-height: 15px;
	padding: 0 20px 0 0;
	}

body#portfolio #client-list {
	color: #666;
	line-height: 18px;
	}

body#portfolio #client-list h3{
	color: #333;
	}



/*
------------------------------
ABOUT
------------------------------
*/

#leadership {
	padding: 0 20px;
	margin: 20px 0 20px 0;
	border-bottom: double #ccc;
	}

#leadership h4 { margin: 0 0 10px 0; }
#all-MAYAns { margin: 0 0 0 20px; }

div.mayan {
	width: 230px;
	height: 60px;
	float: left;
	margin: 0 20px 0 0;
	overflow: hidden;
	}

#leadership .mayan { border: 0; }

.mayan h5, .mayan .desc {
	font-size: 11px;
	line-height: 11px;
	margin: 5px 0 0 40px;
	}

.mayan .desc { font-size: 10px; }

.mayan img {
	width: 30px;
	height: 30px;
	float: left;
	margin: 5px 0 0 5px;
	}

#intro .join {
	width: 128px;
	height: 36px;
	background: url("../imgs/about-join.gif") no-repeat 0 0;
	position: absolute;
	left: 5px;
	bottom: 5px;
	text-indent: -3000px;
	}

body#about img.mayan {
	margin: 0 0 20px 0;
	width: 540px;
	}
	
#sidebar-space {
	border-top: double #ccc;
	padding: 10px 0 0 0;
	margin: 30px 0 0 0;
	}

/*
------------------------------
CAREERS
------------------------------
*/

div.email-resume a {
	display: block;
	height: 26px;
	line-height: 26px;
	background: #efefef;
	padding: 0 0 0 30px;
	border: 1px solid #ccc;
	background: #efefef url("../imgs/icon-mail.png") no-repeat 10px 4px;
	}

#primary div.email-resume a {
	width: 200px;
	margin: 0 0 10px;
	}

div.email-resume a:hover {
	background-color: #333;
	color: #fff;
	text-decoration: none;
	}


/*
------------------------------
FOOTER
------------------------------
*/


a#maya-logo, ul#foot-menu, #foot-address {
	position: absolute;
	top: 50px;
	}

a#maya-logo {
	left: 22px;
	display: block;
	width: 58px;
	height: 12px;
	text-indent: -3000px;
	background: url("../imgs/h1-foot.gif") no-repeat 0 0;
	}

ul#foot-menu { left: 110px; }

#footer ul.main-menu li a {
	display: block;
	text-indent: 0;
	background: none;
	color: #fff;
	width: auto;	
	font-size: 10px;
	margin: 0 20px 0 0;
	}

#foot-address {
	width: 220px;
	right: 102px;
	}


/*
------------------------------
FEED
------------------------------
*/
	
	
#feed { background: url("../imgs/feed-bg.png") no-repeat center top; }

#feed a.more, body#the-feed a.more {
	margin:10px 0;
	width: 130px;
	}

#feed-head {
	height: 65px;
	border-bottom: double #ccc;
	position: relative;
	}

h2#feed-title, #updated {
	position: absolute;
	left: 12px;
	bottom: 10px;
	margin: 0;
	}
	
body#the-feed .article-full-head {
	border-bottom: 1px solid #efefef;
	margin: 0 0 10px 0;
	}		
	
body#the-feed .article-full-head img {
	width: 32px;
	height: 32px;
	float: left;
	}

body#the-feed .article-full-head h2 {
	font-size: 16px;
	line-height: 18px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

body#the-feed .article-full-head h2, body#the-feed .article-full-head .attribution {
	margin: 0 0 0 42px;
	}

body#the-feed .article-full-head .author {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	}
	
body#the-feed .article-full-body {
	padding: 0 80px 0 0;
	}
	
body#the-feed h2 {
	left: 0;
	}
	
body#the-feed #col1, body#the-feed #col2, body#the-feed #col3, body#the-feed #col4 {
	width: 310px;
	padding: 0 0 30px 0;
	}

body#the-feed #col1, body#the-feed #col3 {
	padding-right: 10px;
	}
	
body#the-feed #col2, body#the-feed #col4 {
	width: 299px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
	}	
	
body#the-feed #col3, body#the-feed #col4 {
	border-top: double #ccc;
	}

#updated {
	color: #999;
	left: 180px;
	height: 14px;
	line-height: 14px;
	}

#updated .updated {
	color: #333;
	font-weight: bold;
	}

#updated a, a.rss {
	display: block;
	padding: 0 0 0 24px ;
	background: url("../imgs/rss.gif") no-repeat 0 0;
	}

#secondary a.rss {
	padding: 5px 0 0 20px;
	background-position: 0 6px;
	}

h2#feed-title, h2#feed-title a  {
	display: block;
	width: 104px;
	height: 21px;
	background: url("../imgs/feed-title.gif") no-repeat 0 0;
	}

h2#feed-title a {
	background-image: none;
	text-indent: -3000px;
	}
	
body#the-feed h3, #feed h3 {
	position: relative;
	margin: 0 0 10px 0;
	}

#feed #feed-press-items h3, body#the-feed #feed-press-items h3 {
	margin: 0 0 10px 0;
	line-height: 1.3em;
	}

body#the-feed h3.sec-title, #feed h3.sec-title {
	text-indent: -3000px;
	height: 32px;
	border-bottom: 1px solid #ccc;
	background-image: url(../imgs/title-secs.gif);
	background-repeat: no-repeat;
	margin: 0;
	}

h3#feed-news-title { background-position: 15px 0; }
h3#feed-presents-title { background-position: 10px -30px; border-top: 1px solid #ccc; }
h3#feed-elsewhere-title { background-position: 0 -60px; }
h3#feed-mayapinions-title { 
	background-position: 0 -150px;
	}
	
h3#feed-press-title { 
	margin: 1px 20px 0 0;
	background-position:10px -90px; 
	}

body#the-feed #col4 h3#feed-press-title {
	border-top: none;
	}

h3#feed-featured-title {
	border-top: 1px solid #ccc;	
	background-position: 0 -120px;
	}

body#the-feed h3#feed-press-title { margin-left: 0; }
body#the-feed h3#feed-presents-title { background-position: 0 -30px; border-top: 0; }
body#the-feed h3#feed-news-title { background-position: 0 0; }


h3.sec-title a.btn-archive {
	position: absolute;
	top: 9px;
	left: 125px;
	}

#feed-recent ul.bullet li {
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
	}

#feed #col1{ width: 484px; }

#feed #col2 {
	width: 310px;
	border-left: 1px solid #ccc;
	}

#feed-elsewhere { width: 175px; }
#feed-articles { padding: 0 10px 0 15px; }

body#the-feed #feed-news {
	width: auto;
	}

body#the-feed #feed-articles {
	padding: 0;
	}

.feed-article div.inline-video {
	float: left;
	margin:0 10px 10px 0;
	}

.feed-article {
	padding: 20px 0 20px 48px;
	position: relative;
	border-bottom: 1px solid #ccc;
	}
.feed-article .content {
	padding: 0 0 0 0;
	margin: 0 0 0 50px;
	}

.feed-article a.auth, .feed-article a.auth img {
	width: 32px;
	height: 32px;
	}

/*.feed-article a.auth {
	position: absolute;
	top: 20px;
	left: 0;
	overflow: hidden;
	}
	*/
	
.feed-article {
	padding-left: 0;
	}

.inline-video {
	margin:10px 0;
	}
	
.feed-article a.auth {
	float: left;
	padding: 0 10px 0 0;
	}
	
.feed-article address, .feed-article .date, #feed .date {
	display: block;
	float: left;
	font-size: 10px;
	line-height: 18px;
	padding: 0 10px 0 0;
	}

.feed-article address a,
.feed-article .date {
	color: #666;
	text-decoration: none;
	}

.feed-article p { clear: left; }

.feed-set { padding: 0 20px 20px 10px; }

body#the-feed .feed-set {
	padding: 0 0 20px 0;
	}

.feed-item {
	clear: both;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	}

div.feed-item img { 
	float: left; 
	margin: 3px 10px 4px 0;
	}

.feed-item h4.title { font-size: 12px; }

.feed-item .presenters {
	line-height: 16px;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	clear: left;
	}
	
.feed-item .presenters p {
	font-size: 10px;
	}

#feed .feed-item .date, .feed-item .date {
	float: none;
	font-size: 10px;
	padding: 0 0 5px 0;
	}

ul#menu-ext { padding: 20px 0 0 0; }

ul#menu-ext li, ul#menu-ext li a {
	display: block;
	width: 158px;
	height: 55px;
	}

ul#menu-ext li {
	background: url("../imgs/feed-else-link.gif") no-repeat 0 0;
	margin: 0 0 3px 0;
	}

ul#menu-ext li a {
	text-indent: -3000px;
	background-repeat: no-repeat;
	}

ul#menu-ext li#ext-make a {
	background-image: url("../imgs/feed-make.gif");
	background-position: 20px 20px;
	}

ul#menu-ext li#ext-youtube a {
	background-image: url("../imgs/feed-youtube.gif");
	background-position: 40px 14px;
	}

ul#menu-ext li#ext-flickr a {
	background-image: url("../imgs/feed-flickr.gif");
	background-position: 40px 14px;
	}

ul#menu-ext li#ext-press a {
	background-image: url("../imgs/feed-press.gif");
	background-position: 35px 18px;
	}

#secondary.col div.section p { margin: 10px 0 0 0; }
#secondary div.section { margin: 0 0 20px 0; }
#secondary a { font-weight: bold; }

#primary ul {
	padding: 0 20px;
	margin: 0 0 20px 0;
	}

ul#clients {
	padding: 0;
	}
	
ul#clients li {
	width: 45%;
	float: left;
	padding: 0 0 0 14px;
	margin: 0;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	background-position: 0 7px;
	font-size: 10px;
	}
	
ul#clients li.title {
	clear: both;
	float: none;
	background-image: none;
	padding: 20px 0 0 0;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	}

#content div.mayan p {
	margin: 0;
	line-height: 12px;
	color: #666;
	}
	

/*
------------------------------
HCD COURSE
------------------------------
*/

.inline p {
    display: inline;
  }
.inline br {
    display: none;
  }

.workshopInfoBox {
    background-color: #efefef;
    font-size: 9pt;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 5px;
    width: 269px;
  }

.workshopInfoBox ul {
    font-weight: normal;
    margin-bottom: -7px;
  }

.workshopInfoBox .imagelink {
    display: inline-block;
    line-height: 0;
    margin-top: 14px;
  }

#intro .content cite {
    display: block;
    font-size: 8pt;
    font-style: normal;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
  }

#primary div.captioned {
    border-bottom: medium double #cccccc;
    clear: both;
    float: left;
    margin-bottom: 1em;
    width: 100%;
  }
#primary div.captioned blockquote {
    margin-top: 2em;
  }

ul.normal li {
    background: transparent url("/imgs/li.gif") no-repeat scroll 0 4px;
    margin: 0 0 7px;
    padding: 0 0 0 13px;
  }

a#downloadPDF {
    background-color: transparent;
    background-image: url("/imgs/DownloadPDF_1.png");
    background-repeat: no-repeat;
    display: block;
    height: 261px;
    margin-bottom: -50px;
    width: 264px;
  }
a#downloadPDF:hover {
    background-image: url("/imgs/DownloadPDF_2.png");
  }

a#workshopLink {
    background-color: transparent;
    background-image: url("/imgs/HCD_264x261_1.png");
    background-repeat: no-repeat;
    display: block;
    height: 261px;
    margin-bottom: -50px;
    width: 264px;
  }
a#workshopLink:hover {
    background-image: url("/imgs/HCD_264x261_2.png");
  }
a#workshopLink.small {
    background-image: url("/imgs/HCD_191x184_1.png");
    height: 184px;
    margin-bottom: -40px;
    width: 191px;
  }
a#workshopLink.small:hover {
    background-image: url("/imgs/HCD_191x184_2.png");
  }  

body#workshop #intro.big,body#hcdworkshop15203 #intro.big {
    background: url("/imgs/intro-workshop.jpg") no-repeat;
    height: 273px;
  }

body#workshop #intro .content,body#hcdworkshop15203 #intro .content {
    color: #434343;
    font-size: 13pt;
  }
  
/*
------------------------------
ECONOMIST
------------------------------
*/

div#economist09 {
	padding: 10px 0 0 0;
	}

div#economist09 h2.title {
	font-size: 14px;
	margin: 0 0 1.5em 0;
	}

/*
------------------------------
COMMENTS
------------------------------
*/

div#comments-collection {
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 3px double #ccc;
	}

#the-feed #primary #comments-collection ol {
	margin: 0;
	padding: 0;
	}

#the-feed #primary #comments-collection ol.comments li {
	padding: 0 100px 20px 20px;
	margin: 0 0 0 20px;
	list-style: none;
	background: url("../imgs/icon-comment.gif") no-repeat 0 12px;
	border-bottom: 1px dashed #ccc;
	}

#comments-collection ol.comments li p.small {
	margin: 0;
	font-size: 10px;
	color: #999;
	}

#comments-collection ol.comments li span.title {
	color: #999;
	line-height: 3em;
	}

form#txpCommentInputForm {
	margin: 20px 0 0 0;
	border-top: 2px solid #ccc;
	border-bottom: 5px solid #666;
	background: #f9f9f9;
	padding: 20px;
	}

div#comments-tool h3 {
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	color: #bbb;
	}
	
div.comments-wrapper td {
	padding: 5px;
	}

div.comments-wrapper label {
	display: block;
	width: 70px;
	}

div.comments-wrapper label {
	display: block;
	width: 70px;
	}

div.comments-wrapper input.comment_name_input,
div.comments-wrapper input.comment_email_input,
div.comments-wrapper input.comment_web_input,
div.comments-wrapper textarea.txpCommentInputMessage {
	padding: 5px;
	border: 1px solid #ccc;
	width: 300px;
	font: 11px/1.5em "Lucida Grande", Verdana, "Helvetica Neue" , Helvetica, Arial, sans-serif;
	}
	
div.comments-wrapper textarea.txpCommentInputMessage {
	height: 200px;
	}