/*
-----------------------------------------------
sidebar network navbar styles
edited: 2010-01-26
author: Dan Rubin
----------------------------------------------- */
html body #network-nav {
	background:#1a1a1a url(images/bg_network.png) repeat-x;
	height:30px;
	padding-left:9px;
	min-width:700px;
}

html body #network-nav ul li a {
	font-family:'Helvetica Neue', helvetica, arial, sans-serif !important;
	font-weight:normal !important;
	text-shadow:none !important;
}

#network-nav h1,
#network-nav ul li,
#network-nav ul a {
	float:left;
	height:30px;
	color:#777;
	font-size:11px;
	line-height:30px;
	text-decoration:none;
	margin:0;padding:0;
}

#network-nav h1 a {
    float:left;
	background:url(images/logo_network.png) no-repeat 0 50%;
	text-indent:-9999px;
	width:162px;
	height:30px;
}

#network-nav ul {
	list-style:none;
	margin:0;padding:0;
}

#network-nav ul li {
	background:url(images/separator_network.png) no-repeat right;
}

#network-nav ul a {
	margin-left:-1px;
	padding:0 10px 0 11px;
}
#network-nav ul li#network-current a {
	background:url(images/bg_network_current.png) no-repeat 50% 0;
	color:#bbb;
}
#network-nav ul a:hover,
#network-nav ul li#current a:hover {
	color:#ddd;
}
#network-nav ul a:active {
	background:#111;
}
/* 
-----------------------------------------------
Reset Stylesheet
Author:   Eric Meyer
 
Taken from:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------------------- */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {   /* remember to define focus styles! */
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* @override 
	http://sidebar.orderedlist.com/stylesheets/typography.css
*/
 
/* 
-----------------------------------------------
Sidebar Creative v2.0 - Typographic Stylesheet
Authors: Bryan Veloso & Dan Rubin
Version: 2008-03-31
 
This stylesheet serves as the basis for all
the typography. Here, the base font and font 
sizes will be declared as well as all 
typographic rhythm. Much will be based
off the teachings of Rich Rutter and Mark
Boulton, with some obvious deviations.
----------------------------------------------- */
 
body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #ddd; /* color: #596877 */
}
 
h1, h2, h3, 
h4, h5, h6      { margin: 0; font-weight: bold; }
h1              { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2              { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3              { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4              { font-size: 14px; line-height: 18px; padding-top: 9px; }
h5              { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6              { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
 
a               { color: #007bd6; text-decoration: none; }
a:hover         { color: #52a4e0; }
em              { font-style: italic; }
p               { margin: 0 0 18px 0; }
small           { font-size: 80%; }
strong          { font-weight: bold; }
 
 
ul, ol          { margin-top: 18px; margin-bottom: 18px; padding-left: 16px; list-style-position: outside; list-style-type: disc; }
ol              { list-style-type: decimal; padding-left: 17px; }
    
dl              { margin-top: 18px; margin-bottom: 18px; }
dl dt           { font-weight: bold; }
 
blockquote      { border-left: 1px solid #666; margin-top: 18px; margin-bottom: 18px; padding-left: 17px; font-style: italic; }
blockquote *    { color: #666; }
 
#explination 	{ font-size: 16px; }
#footer p		{ font-size: 11px; color: #5c6772; }
 
/* 
-----------------------------------------------
Sidebar Creative v2.0 - Basics Stylesheet
Author:   Bryan Veloso
Version:  2007.10
 
This stylesheet serves as the nuts & guts for
all the basics of this design, including some 
quirks, tweaks and otherwise tasty stuff that 
I've found during my travels.
 
This structure is based off of Jeff Croft,
Nathan Borror & World Online's CSS Framework.
----------------------------------------------- *
 
 
/* Global Super Classes 
----------------------------------------------- */
 
.hide               { display: none; }
.invisible          { visibility: hidden; }
 
.left               { float: left; }
.right              { float: right; }
 
.clearfix:after     { clear: both; content: ".";  display: block; height: 0; visibility: hidden; }
.clearfix           { display: inline-block; }
 
/* Hides from IE-mac \*/
* html .clearfix    { height: 1%; }
.clearfix           { display: block; }
/* End hide from IE-mac */
 
/* 
-----------------------------------------------
Sidebar Creative v2.0 - Master Stylesheet
Authors:Bryan Veloso & Dan Rubin
Version:2010-06-22
 
This stylesheet holds all the main styles for 
this new version of Sidebar Creative.
----------------------------------------------- */
 
/* Global Classes
----------------------------------------------- */
/* make sure Mobile Safari doesn't resize our text automatically */
* { -webkit-text-size-adjust: none; }
 
body { background:#181d20 url('images/bg_body.png') repeat top center; min-width:930px; text-shadow:#000 0 0 0;}
 
#wrapper { background:url('images/bg_header_tall.png') repeat-x left top; }
#wrapper2 { background:url('images/bg_shadow_left.png') repeat-y left top; }
#wrapper3 { background:url('images/bg_shadow_right.png') repeat-y right top;padding:0 0 18px; }
 
.section { border-bottom:1px solid #313b45; padding:20px 0; width:760px; margin:0 auto; position:relative; }
 
p.intro { margin:0 20px;font-size:120%;line-height:1.45; }
p.intro a { padding:1px;font-weight:bold; }
 
p.contact-link { margin:20px 0 0;border:1px solid #1a2024; }
#home p.contact-link { margin:0; }
p.contact-link a { display:block;color:#596b7d;background-color:#1c2226;padding:5px 10px;font-weight:bold;text-align:center; }
p.contact-link a:hover { color:#007bd6;background-color:#1a2024; }
 
#clients ul,
#training ul,
#workshops ul { padding:0; }
 
#clients ul li,
#training ul li,
#workshops ul li { list-style:none;background:url(images/bullet.png) no-repeat 0 50%;padding-left:1.2em; }
 
h4 { color:#007bd6; }
 
/* Header
----------------------------------------------- */
 
#header { /*background:url('images/bg_header.pngs') repeat-x top center;*/text-align:center;height:125px; }
#header ul#nav { background:url(images/navmatrix.png) no-repeat; list-style:none; margin:0 auto 38px; padding:0; height:36px; width:622px; }
 
ul#nav li { float:left; margin-right:2px; }
ul#nav li a { background:url(images/navmatrix.png) no-repeat 0 0; float:left; text-align:center; height:36px; text-indent:-9999px; }
ul#nav li#nav-home a { width:74px; }
ul#nav li#nav-home a:hover { background-position:0 -36px; }
ul#nav li#nav-home.current a { background-position:0 -72px; }
ul#nav li#nav-portfolio a { width:181px; background-position:-76px 0; }
ul#nav li#nav-portfolio a:hover { background-position:-76px -36px; }
ul#nav li#nav-portfolio.current a { background-position:-76px -72px; }
ul#nav li#nav-publications a { width:183px; background-position:-259px 0; }
ul#nav li#nav-publications a:hover { background-position:-259px -36px; }
ul#nav li#nav-publications.current a { background-position:-259px -72px; }
ul#nav li#nav-training a { width:176px; background-position:-444px 0; }
ul#nav li#nav-training a:hover { background-position:-444px -36px; }
ul#nav li#nav-training.current a { background-position:-444px -72px; }
 
#header h1 { margin:0 auto; padding:0; height:35px; width:164px; }
#header h1 a { background:url('images/logo.png') no-repeat top center; display:block; height:35px; width:164px; text-indent:-9999px; }
 
#content { position:relative; zoom:1} /* zoom to fix default sizing issue in IE */
 
#tagline { background-repeat:no-repeat; background-position:top left; text-indent:-9999px; width:570px; height:90px; position:absolute; top:35px; left:190px; }
#page-home #tagline { background-image:url('images/tagline_home.png'); }
#page-portfolio #tagline { background-image:url('images/tagline_design.png'); }
#page-publications #tagline { background-image:url('images/tagline_publishing.png'); }
#page-training #tagline { background-image:url('images/tagline_education.png'); }
 
#members { position:absolute; top:35px; left:15px; width:144px; margin:0; padding:0; list-style-type:none; }
#members li { float:left; }
#members a { display:inline; background:url(images/logos.png) no-repeat; float:left; height:30px; width:36px; top:0; }
#members a strong, #members a em { display:none; }
#members a:hover strong { display:inline; font-weight:normal; color:#fff; position:absolute; top:30px; left:8px; width:144px; font-size:85%; }
#members a:hover em { display:inline; font-weight:normal; position:absolute; top:43px; left:8px; width:144px; font-style:normal; color:#596877; font-size:85%; }
#webgraph a { background-position:-36px 0; }
#blackseagull a { background-position:-36px 0; }
#revyver a { background-position:-72px 0; }
#ol a { background-position:-108px 0; }
#snook a:hover { background-position:0 -30px; }
#webgraph a:hover { background-position:-36px -30px; }
#blackseagull a:hover { background-position:-36px -30px; }
#revyver a:hover { background-position:-72px -30px; }
#ol a:hover { background-position:-108px -30px; }
 
#members span { display:none; }
 
/*#masthead { height:433px; }*/
#masthead { border-bottom:none;height:60px; }
 
/*#promo img { border:2px solid #6d8ba9; }*/
.promo img { border:2px solid #20272b; }
/*.promo { background:url(images/bg_promo.png) no-repeat center top; }*/
 
 
/* Homepage
----------------------------------------------- */
 
/*#entryway.section { padding-top:0; }*/
 
#services { list-style:none; padding:0; }
#services li { width:243px; float:left; }
#services li:hover .photo { border:1px solid #0066cc; background-color:#121619; }
#services .photo { border:1px solid #2e3c44; padding:3px; margin:0 0 15px; }
#services #design h4 { background:url('images/hdr_designanddevelopment.png') no-repeat top left; text-indent:-9999px; }
#services #publishing { margin:0 15px; }
#services #publishing h4 { background:url('images/hdr_booksarticlesandblogs.png') no-repeat top left; text-indent:-9999px; }
#services #workshops h4 { background:url('images/hdr_workshopsandtraining.png') no-repeat top left; text-indent:-9999px; }
 
#services .btn { text-indent:-9999px;display:block;height:26px;background-repeat:no-repeat;background-position:0 0; }
#services li:hover .btn { background-position:0 -26px; }
#services #design .btn { background-image:url(images/btn_more_design.png); }
#services #publishing .btn { background-image:url(images/btn_more_publishing.png); }
#services #workshops .btn { background-image:url(images/btn_more_workshops.png); }
 
#rss { position:absolute; left:0; }
#rss h3 { background:url('images/hdr_blogroll.png') no-repeat top left; text-indent:-9999px; margin:0 0 10px; }
#rss h3 + p { display:none; }
#rss ul { border-top:1px solid #252e38; list-style:none; margin:0 0 5px; padding:0; width:365px; }
#rss ul li { border-bottom:1px solid #252e38; position:relative; }
#rss ul li a { display:block; color:#fff; padding:5px 0 14px 32px; }
#rss ul li a:hover { background-color:#1e242a !important; }
#rss ul li .author { color:#596877; font-size:9px; line-height:0; padding:0; }
#rss ul li .title { display:block; font-size:13px; font-weight:bold; line-height:.5; padding:0;z-index:10;position:relative; }
#rss ul li .date { position:absolute; top:14px; right:5px; color:#252e38; font-size:24px; font-weight:bold; letter-spacing:-2px;z-index:0; }
#rss ul li a:hover .date { visibility:hidden; }
#rss ul li .readmore { visibility:hidden; background:#1e242a; position:absolute;z-index:15;right:5px; top:14px; font-size:9px; font-weight:bold; text-transform:uppercase; color:#06c; }
#rss ul li a:hover .readmore { visibility:visible; }
#rss ul li.snook a { background:url('images/icon_snook.png') no-repeat 5px; }
#rss ul li.as a { background:url('images/icon_revyver.png') no-repeat 5px; }
#rss ul li.ol a { background:url('images/icon_orderedlist.png') no-repeat 5px; }
#rss ul li.sb a { background:url('images/icon_webgraph.png') no-repeat 5px; }
/*#rss ul li.sb a { background:url('images/icon_blackseagull.png') no-repeat 5px; }*/
 
#rss .rss-links { background:url('images/bullet_feed.png') no-repeat left center;color:#596877; font-size:10px; padding-left:15px; }
#rss .rss-links a { color:#596877; }
#rss .rss-links a:hover { color:#879fb7; }
 
#our-books { background:url('images/bg_lightnoise.png'); height:240px; margin-left:380px; padding:15px 0 0 15px; position:relative; }
#our-books h3 { background:url('images/hdr_ourbooks.png') no-repeat; height:215px; text-indent:-9999px; width:32px; position:absolute; left:15px;}
#our-books ul { list-style:none; margin:0 0 0 40px; padding:0; }
#our-books li { float:left; font-size:9px; margin-left:7px; text-align:center;overflow:hidden;display:block;width:150px; }
#our-books li a { display:block; background-color:#303a45 !important; color:#6d8ba9; padding:14px 14px 5px; }
#our-books li a:hover { background-color:#1b2325 !important; color:#fff; }
#our-books li img { display:block; margin:0 0 5px; }
#our-books p { clear:both; font-size:11px; margin:0 0 0 50px; padding:10px 0 0; }
#our-books p a { color:#596877; margin:-7px; padding:5px; }
#our-books p a:hover { color:#879fb7; }
 
#experience { background:url('images/bg_lightnoise.png'); padding:30px; position:relative; }
#experience h3 { background:url('images/hdr_experiencecounts.png') no-repeat top left; text-indent:-9999px; }
 
/*#explanation { position:absolute; width:340px; }*/
#explanation { float:left;width:340px; }
#explanation .note {
  color:#aec6d8;
  background-color:#243b4d;
  margin:-.75em;
  padding:.75em;
}
 
#contact-form { border-left:1px solid #313b45; margin-left:370px; padding-left:30px; width:295px; background:url('images/button_loading.gif') no-repeat -5000px -5000px;}
#contact-form label { display:block; margin:0 0 2px; }
#contact-form label span { visibility:hidden; }
#contact-form input, #contact-form select { margin:0 0 10px;  color:#333; }
#contact-form textarea { height:150px; margin:0 0 10px; width:295px; color:#333; }
#contact-form .submit { background:url('images/btn_submit_contact.png') no-repeat top left; border:0; width:192px; height:30px; text-indent:-9999px; }
#submit_field {background:url('images/loading.gif') no-repeat -5000px -5000px;}
#contact-errors { color:#ff9600;font-weight:bold; }
#contact-loader {background:url('images/button_loading.gif') no-repeat top left; border:0; width:192px; height:30px;}
#contact-loader p {text-indent:-9999px; height: 30px; width: 30px; background: url(images/loading.gif) no-repeat 8px 50%;}
 
 
#footer { width:760px; margin:0 auto; }
#footer p { float:left;margin:0;padding:10px 0; }
#footer p.right { float:right;margin:0; padding:10px 0; }
#footer a { color:#5c6772; }
#footer a:hover { color:#7a8a99; }
#footer p.right a { background:url(images/logo-mint.png) no-repeat right center;padding:3px 24px 4px 0; }
#footer p.right a:hover { color:#9bc26e; }
 
 
/* Portfolio
----------------------------------------------- */
 
#projects ul#listing { list-style:none; margin:25px -15px; }
#projects ul#listing li { clear:both; }
#projects .screenbox { background-repeat:no-repeat; background-position:1px 1px; border:3px solid #2e3c44; float:left; margin:7px 0 10px; padding:1px; position:relative; width:333px; height:80px;}
#projects .screenbox img {
	position:absolute;
	z-index:1;
}
#projects .screenbox a { position:absolute; z-index:2; height:80px; width:333px; text-indent:-9999px; }
#projects .screenbox a:hover { background:url('images/screenshot-hover.png') no-repeat; }
#projects .description { margin-left:360px; margin-top:-10px; }
#projects h4 { padding-top:5px; }
 
#clients h3 { background:url('images/portfolio_proud.png') no-repeat top left; text-indent:-9999px; width:523px; }
#clients h4 {  }
#clients ul li { float:left; width:30%; }
 
 
/* Training
----------------------------------------------- */
 
#team { list-style:none; margin:25px -20px; }
#team li { float:left; width:390px; }
 
#team .headshotbox { background:#161a1d; border:3px solid #2e3c44; float:left; margin:0 0 20px; padding:1px; height:162px; width:142px; }
#team .headshotbox:hover { border-color:#374a54; }
#team .bio { margin-left:160px; width:210px; }
#team .bio p { font-size:11px; }
#team .bio p.readmore a { color:#5c6772; font-weight:bold; }
#team .bio p.readmore a:hover { color:#ccc; }
 
#team h4 { padding-top:5px; }
#team h4 small { color:#42586f; display:block; margin:-2px 0 5px; }
 
.event h2 { height:10px; margin:0 0 10px; text-indent:-9999px; width:760px; }
.event h3 { height:10px; text-indent:-9999px; }
.event ul { list-style-type:disc; margin:10px 0 0 0; }
.event ul li { float:left; width:30%; }
 
#training h2 { background:url('images/hdr_training_consulting.png') no-repeat top left;  }
#training h3 { background:url('images/hdr_onsite_training.png') no-repeat top left; }
 
/* add space above and below the workshops block - div is specified because of the <li> with the same ID on the homepage */
div#workshops { margin:40px 0 0; }
#workshops h2 { background:url('images/hdr_workshops.png') no-repeat top left; }
#workshops h3 { background:url('images/hdr_bottle_knowledge.png') no-repeat top left; }
 
 
/* Publications
----------------------------------------------- */
 
#library { padding-bottom:10px; }
#library h2 { height:10px; margin-top:25px; text-indent:-9999px; }
#library h4 { color:#fff; font-size:11px; padding-top:5px; }
#library h4 small { color:#42586f; display:block; margin:-2px 0 5px; }
#library ul { background:#1c2227; list-style:none; margin:10px 0; }
#library ul li { float:left; width:120px; margin:30px; }
#library .screenbox { background:#161a1d; border:3px solid #2e3c44; margin:0 0 10px; padding:1px; width:120px; }
#library .screenbox:hover { border-color:#374a54; }
#library .screenbox img { display:block; }
#library .description p { font-size:10px; }
 
#book-header { background:url('images/hdr_books.png') no-repeat top left; }
#blog-header { background:url('images/hdr_blogs.png') no-repeat top left; }