body.collage {
	background-color: #203229;
}

body.collage h1 a {
	background-image: url(/_images/collage/vitra-green-bg.gif);
}

body.collage div#container {
	background: #2f473c;
	color: #656e6f;
}

body.collage a {
	color: #656e6f;
}

body.collage a:hover {
	color: #2d2f36;
}



/** LHS navigation **/
div#collage-navigation {
	clear: right;
	float: left;
}

div#collage-navigation-inner {
	padding: 40px 0 0 25px;
	width: 291px;
}

div#collage-navigation-inner h3 {
	color: #c5c78c;
	margin: 26px 0 7px 0;
}

button.collage-search, button.submit {
	cursor: pointer;
}

button.collage-search span, button.submit span {
	display: none;
}

button.collage-search:hover, button.submit:hover,
button.collage-search.button-hover, button.submit.button-hover {
	background-position: bottom left;
}

ul.collage-custom-rollover li.rollover, ul.collage-custom-rollover li.rollover a {
	display: block;
	width: 250px;
	height: 21px;
}

ul.collage-custom-rollover li.rollover {
	margin-left: -4px;
}

li#collage-sub-nav-archive a {
	margin-top: -3px;
}

/** Main content **/
div#collage-main-content {
	float: right;
	width: 599px;
	background-color: #dcdbcf;
	margin-right: 19px;
	display: inline;
	min-height: 600px;
}



/** Archive filter **/
div#collage-archive-filter-options {
	width: 100%;
}

div#collage-archive-filter-options h3 {
	margin: 0 0 7px
}

div#collage-archive-filter-options-inner {
	width: 261px;
	padding: 24px 15px 41px 15px;
	background-color: #c9c9c3;
	margin-top: 30px;
}

form#collage-archive-filter-options-search {
	border-bottom: 1px solid #a5a5a0;
	padding-bottom: 20px;
}

form#collage-archive-filter-options-search div {
	overflow: hidden;
	zoom: 1;
}

form#collage-archive-filter-options-search input#q {
	width: 155px;
	margin-right: 13px;
	float: left;
}

form#collage-archive-filter-options-search button.collage-search {
	display:block;
	margin-top: 4px;
	float: left;
}

form#collage-archive-filter-options-categories {
	padding-top: 20px;
}

form#collage-archive-filter-options-categories ul#collage-archive-filter-options-checkboxes {
	margin-bottom: 20px;
	width: 100%;
}

form#collage-archive-filter-options-categories ul#collage-archive-filter-options-checkboxes input {
	height: 16px;
}

form#collage-archive-filter-options-categories li {
	margin: 0 !important;	
	line-height: 1em !important;
	font-size: small !important;
}

form#collage-archive-filter-options-categories li.category-select-item {
	overflow: hidden;
}

form#collage-archive-filter-options-categories li.year-list-item label {
	display: block;
	padding-bottom: 4px;
}

form#collage-archive-filter-options-categories li.month-list-item label {
	display: block;
	padding: 12px 0 4px 0;	
}

form#collage-archive-filter-options-categories li.year-list-item select,
form#collage-archive-filter-options-categories li.month-list-item select {
	width: 190px;
}

form#collage-archive-filter-options-categories button {
	margin-top: 23px;
}



/** Archive results **/
div#collage-archive-no-results {
	padding: 30px 17px 40px;
}

div#collage-archive-content h2.collage-archive-header {
	margin: 36px 0 0 14px;	
}

div#collage-archive-content h3.collage-archive-header {
	margin: -5px 0 10px 14px;	
}

div.archive h2.collage-archive-header {
		padding-bottom: 30px;
}

div#collage-archive-content {
	min-height: 900px;	
}

div#collage-archive-no-results p {
	font-size: 120%;
}



/** Blog list **/
ul#collage-post-list li div {
	padding: 27px 16px 60px 16px;
}

ul#collage-post-list li div h3 {
	margin-left: -4px;
}

ul#collage-post-list li div h4 {
	margin: -5px 0 1.4em -11px;
}

ul#collage-post-list li div p.excerpt {
	font-size: 120%;	
}

ul#collage-post-list li div p.read-full {
	margin-top: 1em;	
}

div.collage-section-no-articles {
	padding: 36px 14px 410px 14px;
}

div.collage-section-no-articles h3 {
	margin: -5px 0 10px 0;	
}

div.collage-section-no-articles h4 {
	margin: 50px 0 15px 0;	
}

div.collage-section-no-articles ul#collage-more-from-links {
	margin-left: -29px;	
}



/** Post navigation footer **/
div#collage-navigation-footer {
	min-height: 90px;
	padding: 30px 17px 24px 17px;
	background-color: #fff;
	line-height: 1.4em;
	overflow: hidden;
	clear: both;
}

div.no-footer {
	height: 1px;
	visibility: hidden;
}	

div#collage-navigation-footer p.back-to-top {
	float: left;
	width: 137px;
}

div#collage-navigation-footer ul.previous-next {
	float: left;
}

div#collage-navigation-footer p.rss {
	float: right;
}

div#collage-navigation-footer ul.social-bookmarking {
	float: left;
	height: 1px;
}

div#collage-navigation-footer ul.social-bookmarking li {
	width: 150px;	
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 26px;
}

div#collage-navigation-footer ul.social-bookmarking li.second-column {
	position: relative;
	top: -4.2em;
	left: 150px; 
}

li#collage-social-bookmarking-delicious {
	background-image: url(/_images/collage/social-bookmarking/del.icio.us.gif);
}

li#collage-social-bookmarking-digg {
	background-image: url(/_images/collage/social-bookmarking/digg.gif);
}

li#collage-social-bookmarking-reddit {
	background-image: url(/_images/collage/social-bookmarking/reddit.gif);
}

li#collage-social-bookmarking-facebook {
	background-image: url(/_images/collage/social-bookmarking/facebook.gif);
}

li#collage-social-bookmarking-stumbleupon {
	background-image: url(/_images/collage/social-bookmarking/stumbleupon.gif);
}

div#collage-navigation-footer ul.article-actions {
	float: right;
}



/** RSS link **/
a.rss {
	background: url(/_images/icons/rss-collage.gif) right 1px no-repeat;
	padding-right: 20px;	
}



/** Article page **/
div#collage-article-content {
	padding: 28px 0 58px 0;
}

div#collage-article-content h3 {
	margin: -1px 0 -5px -3px;
}

div#collage-article-content h4 {
	margin: -1px 0 20px -10px;
}

div#collage-article-content h4#about {
	margin: 1em 0 20px 0;
}

div#collage-sign-up-form h3 {
	margin-bottom: 20px; 
}

div#collage-article-content.video-content h3 {
	margin-bottom: 48px;
}

div#collage-article-content p, div#collage-sign-up-form p {
	margin: 0 12px 1em 0;
}

div#collage-article-content p.intro, div#collage-sign-up-form p.intro {
	font-size: 120%;	
}

div#collage-article-content .excerpts {
	float: right;
	margin: 0 3px 0 14px;
	list-style: none;
}

div#collage-article-content .excerpts a:hover img {
	opacity: .7;
	filter: alpha(opacity=70); /* needed for IE6+7 */
}

div#collage-article-content .text-excerpt {
	width: 222px;
	height: 218px;
	padding: 0 35px 0 35px;
	vertical-align: middle;
	background-color: #cccbc4;
	font-size: 120%;
	text-align: center;
	display: table;
}

div#collage-article-content .text-excerpt-item {
	display: table-cell;
	vertical-align: middle;
}

div#collage-article-content .text-excerpt-item div {
	width: 222px;
}

div#collage-article-content img.full-width {
	display: block;
	margin: 0 0 1em -15px;
}

div.collage-article ul.excerpts li {
	margin-bottom: 5px;
}

.markdown p, .markdown ul, .markdown ol, .markdown h3, .markdown h4 {
	padding: 0 3px 0 15px;
}

.markdown ul, .markdown ol {
	margin:0 0 10px 21px;
}


/** Sign up **/
div#collage-sign-up-form {
	padding: 28px 5px 58px 15px;	
}

div#collage-sign-up-form ul {
	padding: 18px 0 19px;
}

div#collage-sign-up-form ul li {
	margin-bottom: 9px;
	overflow: hidden;
}

div#collage-sign-up-form ul label {
	float: left;
	width: 200px;
	padding-right: 8px;
}

div#collage-sign-up-form ul input.text {
	width: 242px;
}

div#collage-sign-up-form ul select {
	width: 248px;
}

div#collage-sign-up-form input#terms {
	width: 14px;
}

div#collage-sign-up-form p.error {
	background: transparent url(/_images/icons/error.gif) no-repeat scroll 0 1px;
	margin: 5px 0 17px 208px;
	padding-left: 18px;
	width: 242px;
}

button.collage-submit-light:hover {
	background-position: left bottom;
	cursor: pointer;
}

button.collage-submit-light span {
	display: none;
}


/** Image rotator **/
div.collage-image-container {
	position: relative;
	width: 599px;
	height: 360px;
	overflow: hidden;
	clear: both;
	margin: 30px 0 30px 0;
}

div.collage-image-container ul li, div.collage-image-container ul li img  {
	float: left;	
}

div.collage-image-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.collage-image-inner {
	position: relative;
	width: 10000px;	
	height: 360px;
}

div.collage-image-navigation {
	position: absolute;
	bottom: 0;
	height: 67px;
	width: 599px;
	opacity: .5;
	filter: alpha(opacity=50); /* needed for IE6+7 */		
	background-color: #a3a49e;
}

div.collage-image-navigation-controls {
	float: left;
	display: inline; /* IE6 float double-margin fix */
	margin: 21px 0 0 14px;	
}

div.collage-image-navigation-controls a {
	display: block;
	float: left;
	width: 11px;
	height: 17px;
	margin-right: 20px;
}

div.collage-image-navigation-controls a:hover {
	background-position: bottom;
}

div.collage-image-navigation-controls a span {
	display: none;
}

div.collage-image-navigation-controls div.collage-image-navigation-meta {
	float: left;
	color: #000 !important;
}

a.collage-image-navigation-left {
	background-image: url(/_images/collage/images-left.gif);
	background-position: top;
}

a.collage-image-navigation-right {
	background-image: url(/_images/collage/images-right.gif);
	background-position: top;
}

a.collage-image-navigation-zoom {
	float: right;	
	margin: 21px 19px 0 0;
}


/** Archive list / More from .. links **/
h2#collage-more-from-header {
	margin: 58px 0 25px 14px;
}

ul#collage-archive-list, ul#collage-more-from-links {
	clear: both;
	width: 614px;
	margin-left: -15px;
	overflow: hidden;
}

ul#collage-archive-list li, ul#collage-more-from-links li {
	overflow: hidden;
	float: left;
	width: 292px;
	margin-left: 15px;
	display: inline;
}

ul#collage-archive-list a, ul#collage-more-from-links a {
	display: block;
	min-height: 360px;
	text-decoration: none;
	color: #656e6f;
}

ul#collage-archive-list a:hover, ul#collage-more-from-links a:hover {
	background-color: #c9c9c3;
}

ul#collage-archive-list span, ul#collage-more-from-links span {
	display: block;
	padding: 0 14px 0 14px;
}

ul#collage-archive-list span.heading, ul#collage-more-from-links span.heading {
	margin: 19px 0 15px -7px;
}

ul#collage-archive-list span.link, ul#collage-more-from-links span.link {
	text-decoration: underline;
	margin-top: 15px;
}



/** Send to a friend **/
form#collage-send-to-a-friend {
	width: 100%; /* Needed to force Safari to show the whole thing when sliding */
	clear: both;
}

form#collage-send-to-a-friend div#send-to-a-friend {
	zoom: 1; /* makes the scrolly down bit look less bad in IE7 */
}

form#collage-send-to-a-friend div#send-to-a-friend-outer {
	padding: 28px 11px 41px 11px;
	background-color: #c9c9c3;
}

form#collage-send-to-a-friend li {
	margin-top: 15px;
}

form#collage-send-to-a-friend ul {
	padding-top: 13px;
}

form#collage-send-to-a-friend h4 {
	margin-top: -2px;
}

form#collage-send-to-a-friend h4, form#collage-send-to-a-friend label {
	float: left;
	width: 292px;
}

form#collage-send-to-a-friend input, form#collage-send-to-a-friend textarea {
	width: 240px;
}

button.send {
	display: block;
	cursor: pointer;
	margin-top: 28px;
}

button.send:hover {
	background-position: bottom left;	
}

button.send span {
	display: none;
}

a.disabled {
	text-decoration: none;
	cursor: default;
}

a.disabled:hover {
	color: #656e6f !important;
}

form#collage-send-to-a-friend p.error {
	background: url(/_images/icons/error.gif) no-repeat;
	padding-left: 18px;
	margin: 10px 0 0 292px;
}

div#collage-article-sent {
	overflow: hidden;
}

div#collage-article-sent p {
	margin: 0;
}

div#collage-article-sent.no-javascript {
	margin: 0 0 20px 10px;
}

p#collage-close-confirmation-container {
	float: right;
	margin-right: 5px !important;
}

p#collage-response-message {
	float: left;
}


/** rollover navigation **/
ul.rollover-nav span.roll, ul.rollover-nav a.roll span {
	display: none;
}

ul.rollover-nav li {
	margin: -2px 0 0 -2px;
}

ul#features.rollover-nav li {
	margin-left: -4px;
}

ul.rollover-nav a.roll {
	display: block;
}

ul.rollover-nav li, ul.rollover-nav a.roll {
	background-position: top left;
	background-repeat: no-repeat;
}

ul.rollover-nav li.active, ul.rollover-nav li.active a.roll {
	background-position: top right;
}

ul.rollover-nav a.roll:hover {
	background-position: bottom left !important;
}

ul.rollover-nav li#collage-sub-nav-sign-up {
	margin-top: 30px;	
}



/** media players **/
div.video-container, div.audio-container {
	margin: 30px 0 30px 0;
}



/** back to collage link **/
div.collage-back {
	position: absolute;
	z-index: 100;
	margin-top: -6px;	
	background-color: #d3d3ce;
	height: 54px;
	padding: 16px 0 0 24px;	
	width: 231px;
}


/** image modules **/
div.module-image-set-container ul {
	list-style: none;
	margin-left: 0;
}

div.module-image-set-container ul li {
	float: left;
	margin-right: 5px;
}

div.module-image-set-container ul li a:hover {
	opacity: .7;
	filter: alpha(opacity=70); /* needed for IE6+7 */
}