/*
Theme Name: Open 
Description: Open Kitchen
Version: 1
Author: Tim Snadden
Author URI: http://dna.co.nz/
*/


body {
	background-color: #FFF;
	color: #333;
	font: 12px/1.3 "helvetica neue", arial, helvetica, sans-serif;
	margin: 0;
	min-height: 100%;
}

object {
	display:block;
	margin:0;
	padding:0;
}

#header-wrap, #container, #homepage-footer-wrap, #footer { min-width: 940px; }

#container { 
	margin: 0 auto;
	overflow: hidden; 
	width: 940px; 
}

#main {
	float: left;
	width: 558px;
}

/*GENERIC HTML ELEMENTS ####################################################*/

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

a:hover { text-decoration: underline; }

a img { border: none; }

h1, h2 { font-weight: bold; }

h1 {
	color: #000; 
	font-size: 40px;
	height:57px;
	height:auto !important;
	line-height:47px;
	margin:0;
	min-height:57px;
	padding:0;
	position:relative;
	text-transform: uppercase;
	top:-6px;
}

.meta { 
	color: #666;
	font-size: 10px;
	font-weight: bold;
	margin:-9px 0 22px 0;
	text-transform: uppercase;
}

h2 { 
	font-size: 18px; 
	line-height: 1;
	margin: 0 0 12px;
}

h2.border {
	border-bottom: 1px solid #CCC;
	line-height: 1.4;
	margin-top: 18px;
	white-space: nowrap;
}

p { margin: 0 0 1em; }

/*MISC CLASSES #############################################################*/

.text-right { text-align: right; }
.sr { display: none; }
.clear { clear: both; }

/*HEADER ###################################################################*/

#header {
	border-bottom: 2px solid #000;
	height: 92px;
	margin: 0 auto 50px;
	padding-top: 1px;
	position: relative;
	width: 940px;
}

#description { 
	font-weight: bold;
	left: 1px; 
	position: absolute; 
	top: 8px; 
}

#description a:link, #description a:visited { color: #1C1C1C; }

#header ul {
	border-bottom: 1px solid #D6D6D6;
	display: block;
	margin-left: 0;
	padding-left: 0;
	text-align: right;
}

#header li {
	display: -moz-inline-box; /* Just a wee hack to help poor old firefox 2 */
	display: inline-block;
	margin-left: 1em;
}

#logo { 
	background: url(images/open-logo.png) no-repeat;
	bottom: 8px;
	height: 0;
	left: 0;
	overflow: hidden;
	padding-top: 48px;
	position: absolute;
	width: 141px;
}

#dna {
		background: url(images/dna-logo.png) no-repeat;
		bottom: 14px;
		height: 0;
		left: 158px;
		overflow: hidden;
		padding-top: 17px;
		position: absolute;
		width: 65px;
}

#logo img { border: none; }

#header #site-info { 
	font-size: 11px; 
	line-height: 2.2727;
	margin:0;
}

.rss { 
	background: url(images/rss.png) no-repeat right;
	display: inline-block;
	width: 12px;
}

#header #issues { 
	font-size: 16px; 
	line-height: 2;
	margin-top: 14px;
	margin-bottom: 15px;
	border-bottom: 1px solid transparent;
}

#header ul a:link, #header ul a:visited {
	border-bottom: 1px solid transparent;
	bottom: -2px;
	color: #000;
	display: block;
	font-weight: bold;
	height: 100%;
	position: relative;
}

#header ul a:hover {
	border-color: #EC0085;
	text-decoration: none;
}

#header #issues a:hover {	border-color: #000; }

/*ARTICLE ##################################################################*/

.article { font-size: 14px; }

.article .excerpt, p.intro {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
}

.size-full {
	border-top: 1px solid #D6D6D6;
	display: block;
	margin-bottom: 30px;
	padding-top: 10px;
}

/*PAGE SECTIONS ############################################################*/

.page-section {	overflow: auto; }

#share ul { 
	list-style: none; 
	margin-left: 0;
	overflow: auto; 
	padding-left: 0;
}

#share li {
	display: -moz-inline-box; /* Just a wee hack to help poor old firefox 2 */
	display: inline-block;
	margin-right: 1.5em;
}

#post-a-comment {	
	border-bottom: 1px solid #CCC; 
	clear: both; 
}

/*FORMS ####################################################################*/

input, textarea { 
	font-family: "helvetica neue", arial, helvetica, sans-serif;
	font-size: 1em; 
}

fieldset { 
	border: none; 
	margin: 0;
	padding: 0;
}

label { 
	display: -moz-inline-box; /* Just a wee hack to help poor old firefox 2 */
	display: inline-block; 
	vertical-align: baseline;
	width: 85px;
}

.subscribe-to-comments { 
	float: left;
	line-height: 24px;
	margin-bottom: 0;
	margin-left: 85px;
}

.subscribe-to-comments label {
	color: #666;
	display: inline-block;
	width: auto;
}

.subscribe-to-comments input { 
	border: none;
	float: left;
	margin-left: 0;
	margin-right: 5px;
	vertical-align: middle;
}

form ul { 
	margin-left: 0; 
	padding-left: 0; 
}

form li { 
	list-style: none; 
	margin-bottom: 10px;
}

input.text { 
	border: 1px solid #D6D6D6; 
	padding: 5px; 
	width: 239px; 
}

#campaign-monitor input.text { width: 231px; }

input.submit {
	background: #000;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 5px 3px;
}

textarea {
	border: 1px solid #D6D6D6;
	height: 110px;
	margin: 0;
	padding: 5px;
	vertical-align: baseline;
	width: 461px;
}

/*COMMENTS #################################################################*/

#comments { margin-bottom: 20px; }

#comments ul { 
	padding-left: 0; 
	margin-left: 0; 
}

#comments li {
	border-bottom: 1px solid #D6D6D6;
	list-style: none;
	margin-bottom: 12px;
	overflow: auto;
	padding-bottom: 12px;
}

#comments li:last-child { border-bottom: none; }

.comment-author { 
	color: #666;
	font-size: 15px;
	font-weight: bold;
}

.comment-date {
	color: #999;
	font-size: 11px;
}

.comment-meta { float: left; }

.comment { 
	background-color: #000;
	color: #FFF;
	float: right; 
	padding: 12px 12px 0;
	position: relative;
	width: 340px; 
}

.speech-bubble { 
	background: url(images/speech-bubble.png) no-repeat;
	display: block;
	height: 16px;
	left: -15px;
	position: absolute;
	top: 12px;
	width: 15px;
}

/*SIDEBAR ##################################################################*/

#sidebar {
	float: right;	
	width: 328px;
}

#articles {
	list-style: none;
	margin-bottom: 42px;
	margin-left: 0;
	padding: 0;
}

#articles li { 
	border-top: 1px solid #D6D6D6; 
	margin-bottom: 10px;
	overflow: auto;
	padding-top: 10px;
}

#articles img { float: left; }

#articles .excerpt { 
	float: right;  
	margin-top: -2px;
	width: 200px;
}

#articles h2 {
	margin-bottom: 7px;
	line-height: 1;
}

#homepage-articles h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 4px 0;
}

#homepage-articles h2 {  margin-bottom: 6px; }

#articles p { margin-bottom: 0; }

#campaign-monitor { border-bottom: 1px solid #CCC; }

/*PREVIOUS ISSUES ##########################################################*/

#previous-issues { 
	margin: 30px -30px 30px 0; 
	overflow: hidden; 
	padding: 0; 
}

#previous-issues li {
	float: left;
	list-style: none; 
	margin: 0 14px 14px 0;
	padding: 0;
}

/*AUTHORS ################################################################*/

#authors-ul { 
	left:-26px;
	margin: 30px 0; 
	padding: 0;
	position: relative;
	top: 0;
	width: 584px;
}

#authors-ul li {
	display: inline-block;
	list-style: none; 
	margin: 0 0 26px 26px;
	padding: 0;
	vertical-align: top;
	width:260px;
}

#authors-ul h3 {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}

#authors-ul p {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 4px 0;
}

#authors-ul a:link, #authors-ul a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#authors-ul a:hover { text-decoration: underline; }

/*FOOTER ###################################################################*/

#footer {
	background-color: #EC0085;
	font-size: 11px;
	height: 120px;
	margin-top: 35px;
	overflow: auto;
}

#footer ul {
	display: block;
	margin: 1em auto 3em;
	padding: 0;
	width: 940px;
}

#footer li {
	display: -moz-inline-box; /* Just a wee hack to help poor old firefox 2 */
	display: inline-block;
	margin-right: 1.5em;
}

#footer a:link, #footer a:visited { 
	color: #FFF; 
	text-shadow: 0 0 0 #FFF; 
}

/*ISSUE STYLES (HOMEPAGE) ###############################################*/

.category #header-wrap {
	border-bottom: none;
	height: 400px;
	margin-bottom: 38px;
}	

.category #logo { background-image: url(images/open-logo-white.png); }

.category #dna { background-image: url(images/dna-logo-white.png); }

.category #header { 
	border-color: #FFF; 
	color: #FFF; 
}

.category #site-info { 
	border-bottom: 1px solid #D6D6D6; 
	height:27px; 
}

.category #header a:link, .category #header a:visited {	color: #FFF; }

.category #header #issues a:hover { border-color: #FFF; }

.category #issue-description {
	height: 0;
	overflow: hidden;
	padding-top: 182px;
	position: absolute;
	width: 181px;
	z-index: 1;
}

#editorial {
	float: left;
	margin-right: 21px;
	position: relative;
	width: 363px;
}

#editorial h1 {
	font-size:55px;
	line-height:60px;
	top:-17px;
}

#editorial p.intro {
	font-size: 21px;
	font-weight: normal;
	line-height: 1.15;
	margin-bottom: 15px;
}

#editorial p { width: 325px; }

/*#editorial h2 { font-size: 14px; }*/

#homepage-articles-wrapper {
	float: left; 
	width: 373px;
}

.more-link {
	display: block;
	font-weight: bold;
	line-height: 20px;
}

#homepage-articles { 
	float: left;
	list-style: none;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
	width: 385px;
}

#homepage-articles img { 
	display: block; 
	margin-bottom: 10px;
}

#homepage-articles li {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	width: 180px;
}

.category #footer { margin-top: 0; }

#homepage-footer-wrap {
	background-color: #F7F6F6;
	margin-top: 35px;
}

#homepage-footer {
	margin: 0 auto;
	overflow: auto;
	padding: 6px 0 30px;
	width: 940px;
}

#homepage-footer h2.border { padding-bottom: 5px; }

#what-is-open {
	float: left;
	margin-right: 60px;
	width: 325px;
}

.category #campaign-monitor {
	border-bottom: none;
	float: left;
	width: 375px;
}

.category #campaign-monitor .text-right { width: 328px; }

#previous-issues-blurb {
	float: right;
	margin-right: 10px;
	width: 150px;
}

h2.home {
	border-bottom: 2px solid #CCC;
	margin-bottom: 17px;
	padding-bottom: 6px;
}

/*NOTED ####################################################################*/

#noted {
	float: left;
	margin: 0 0 0 21px;
	width: 150px;
}

#noted h2 {
	border-bottom: 2px solid #CCC;
	margin-bottom: 17px;
	padding-bottom: 6px;
}

#noted ul { 
	margin: 0; 
	padding: 0; 
}

#noted li {
	background: url(images/icons/pink.png) no-repeat 2px 0;
	color: #666;
	list-style: none;
	margin-bottom: 18px;
	padding-top: 25px;
}

#noted .category-the-last-word 		{ background-image: url(images/icons/yellow.png);	}
#noted .category-seen-and-heard 	{ background-image: url(images/icons/orange.png);	}
#noted .category-we-are-watching	{ background-image: url(images/icons/green.png);	}
#noted .category-whats-hot				{ background-image: url(images/icons/blue.png);		}
#noted .category-whats-not				{ background-image: url(images/icons/purple.png);	}

/* ISSUE HEAD STYLES ######################################################*/

#head-copy {
	position: absolute;
	z-index: 10;
}

#head-image1 {
	position: absolute; 
	top: 0;
}

#head-image2 {
	position: absolute; 
	top: 95px;
}

/*ISSUE 01 STYLES #########################################################*/

.category-01 #header-wrap { background-color: #CCC; }

.category-01 #head-copy {
	left: 48px;
	top: 223px;
}

.category-01 #head-image1 { left: 434px; }

.category-01 #head-image2 { left: 228px; }

.category-01 #issue-description {
	background: url(images/issue-01-desc.png) no-repeat;
	bottom: -247px;
	left: 719px;
}

/*ISSUE 02 STYLES #########################################################*/

 .category-02 #header-wrap { background-color: #CCC; }

.category-02 #head-copy {
	left: 7px;
	top: 223px;
}

.category-02 #head-image1 { left:413px; }

.category-02 #head-image2 { left:417px; }

.category-02 #issue-description {
	background: url(images/issue-02-desc.png) no-repeat;
	bottom: -247px;
	left: 719px;
}

/*ISSUE 03 STYLES #########################################################*/

.category-03 #site-info { border-bottom:1px solid #333333; }

.category-03 #header-wrap { background-color: #000; }

.category-03 #head-copy {
	left: 74px;
	top: 166px;
}

.category-03 #head-image1 { left:413px; }

.category-03 #head-image2 { left:334px; }

.category-03 #issue-description {
	display:none;
}

.category-03 #editorial {
	width:546px;
}
.category-03 #editorial p {
	width:546px;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
	.sIFR-flash {
		margin: 0;
		padding: 0;
		visibility: visible !important;
	}

	.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }

	.sIFR-alternate {
		display: block;
		height: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 0;
	}

	.sIFR-replaced div.sIFR-fixfocus {
		float: none;
		margin: 0pt; 
		overflow: auto; 
		padding: 0pt; 
	}
	
	h1.sIFR-replaced {
		font-size:57px;
		line-height:1em;
		margin:0;
		padding:0;
	}
}

@media print {
	.sIFR-flash {
		display    : none !important;
		height     : 0;
		overflow   : hidden;
		position   : absolute;
		width      : 0;
	}

	.sIFR-alternate {
		display    : block   !important;
		height     : auto    !important;
		left       : auto    !important;
		position   : static  !important;
		top        : auto    !important;
		visibility : visible !important;
		width      : auto    !important;
	}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 { visibility: hidden; }  
}