/*-  CSS "libraries"
----------------------------------------------------------------------*/
@import url("reset.css");

/*-  Core, patch-free design
----------------------------------------------------------------------*/

body {font-family:'Helvetica Neue', helvetica, sans-serif; font-size:16px; margin: 0; color: #fff; background: #000;}

body.white {color: #000; background: #fff;}

/* IEPNG Fix */
img, div, p { _behavior: url(/img/iepngfix.htc) }

a {text-decoration: none; color: #ffd104;}
a:hover {text-decoration:underline;color:#fff;}

br.clear {clear: both;}

div.timeline {height:2px;background:#c0ff00;}

/*-  HEADER
----------------------------------------------------------------------*/

div#header {position: relative; height: 30px; padding: 0; margin:0; text-align:center;}
	
	div#header div#themeNav ul#breadcrumb { width:960px; margin:0 auto; font-size:10px; text-transform:uppercase; height:24px; padding:2px 0 0; }
	div#header div#themeNav ul#breadcrumb li {float:left; color:#aaa; padding:8px 8px 4px 0;}
	
	body.white div#header div#themeNav ul#breadcrumb li {float:left; color:#666;}
	
	div#header div#themeNav ul#breadcrumb li.home {border-left:0;}
	div#header div#themeNav ul#breadcrumb a {color:#fff; padding-right:12px; background:url(/-/img/divider_orange-arrow.png) no-repeat right center;}
	
	body.white div#header div#themeNav ul#breadcrumb a {color:#000;font-weight:bold;}
	
	div#header div#themeNav ul#breadcrumb a:hover {text-decoration:none;}

div#pageContainer {position: relative; width: 958px; height:540px; top:0; left:0; margin: 0 auto; padding: 0;}

div.noPageBorder {border-width:0 !important;width:960px !important}	

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

div#footerBlock {padding: 60px 0 20px;}

div#footerBlock div.inner {width: 960px; min-height: 78px; margin: 0 auto 24px; background: url(/-/img/logo_phylotaxis_white.png) 100% 0 no-repeat;}

body.white div#footerBlock div.inner {background-image: url(/-/img/logo_phylotaxis_black.png);}

	div#footerBlock p {margin-bottom: 24px; font: normal 10px 'Helvetica Neue', helvetica, sans-serif; color: #898989;}

		div#footerBlock p a {font-weight: bold; color: #ddd; padding: 0 4px;}
		
		body.white div#footerBlock p a {font-weight: bold; color: #666; padding: 0 4px;}

	div#footerBlock p.blogLinks {margin-bottom: 8px; font-size: 11px;}

		div#footerBlock p.blogLinks a:first-child {padding-left: 0;}

	
/* STUDIO DRAWER STYLES
-------------------------------- */	

div#tabNav {position: absolute; z-index: 500; top: -260px; left: 0; width: 100%; height: 260px;}
	
	div#tabNav div#studioDrawer {position:relative;height:260px; background:#111; text-align: left;}
	
	div#tabNav div#studioDrawer a#scrollLeft {position:absolute; top:100px; left:10px; height:20px; width:10px; background:url(http://www.seedmagazine.com/-/img/btn_scroll-left.png) no-repeat;}
	
	div#tabNav div#studioDrawer a#scrollRight {position:absolute; top:100px; right:10px; height:20px; width:10px; background:url(http://www.seedmagazine.com/-/img/btn_scroll-right.png) no-repeat;}

	div#tabNav div#drawerMask {margin:0 30px; overflow:hidden;}

	div#tabNav div#drawerScroller {margin-top:10px;display:none;}

		div#tabNav div#drawerScroller div.promoBox {float:left; width:200px; margin: 0 10px;}
		
		div#tabNav div#drawerScroller div.promoBox img {border:1px solid #666;margin-bottom:10px;}
		
		div#tabNav div#drawerScroller div.promoBox h3, div#tabNav div#drawerScroller div.promoBox p {font:11px/16px 'Helvetica Neue', helvetica, sans-serif; color:#eee;}
		
		div#tabNav div#drawerScroller div.promoBox h3 {font-weight:bold;}
		
		div#tabNav div#drawerScroller div.promoBox a {color:#ffd200}

	div#tabNav div#tabHolder {border-top: 2px solid #ffd200;}

		div#tabNav div#tabSet {width: 960px; margin: 0 auto;}
	
				div#tabNav div#tabSet a {font: bold 11px arial; padding-left:10px;}
				
				div#tabNav div#tabSet a:hover {text-decoration:none;}
				
					div#tabNav div#tabSet div#searchTab {display:none;float:right; width:79px; height:28px; background:#222; overflow:hidden}
					div#tabNav div#tabSet div#searchTab a {float:left; color: #fff; width:69px; line-height:28px;}
					div#tabNav div#tabSet div#searchTab a:hover {background:#222;}
					div#tabNav div#tabSet div#searchTab div#searchForm {float:left; width:240px; line-height:26px;}
					div#tabNav div#tabSet div#searchTab div#searchForm input#keywords {width:96px;}
					div#tabNav div#tabSet div#searchTab div#searchForm input[type="submit"] {font-size: 10px; line-height: 9px; background: #eee; border: 1px solid #ccc;}
					div#tabNav div#tabSet div#searchTab form {display:inline}
	
					div#tabNav div#timelineTab {float:right; height:28px; width:80px; background:#ffd200; border-left:1px solid #000;} 
					div#tabNav div#timelineTab a {color:#000;float:right; width:70px; line-height:28px;}