/* 
-----------------------------------------------
Sidebar Creative v2.0 - Master Stylesheet
Authors: Bryan Veloso & Dan Rubin
Version: 2009-01-03
This stylesheet holds all the main styles.
----------------------------------------------- */

/* Global Classes
----------------------------------------------- */
/* make sure Mobile Safari doesn't resize 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;} /* 181d20 */

#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; } /*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:#a0a0a0;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.png') 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 16px; padding:0; height:36px; width:622px; }

ul#nav li { float:left; margin-right:2px; }
ul#nav li a { background:url(../images/tagline_blogentries.png) no-repeat 0 0; float:left; text-align:center; height:0px; 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-design a { width:181px; background-position:-76px 0; }
ul#nav li#nav-design a:hover { background-position:-76px -36px; }
ul#nav li#nav-design.current a { background-position:-76px -72px; }
ul#nav li#nav-publishing a { width:183px; background-position:-259px 0; }
ul#nav li#nav-publishing a:hover { background-position:-259px -36px; }
ul#nav li#nav-publishing.current a { background-position:-259px -72px; }
ul#nav li#nav-education a { width:176px; background-position:-444px 0; }
ul#nav li#nav-education a:hover { background-position:-444px -36px; }
ul#nav li#nav-education.current a { background-position:-444px -72px; }

#header h1 { margin:0 auto; padding:0; height:66px; width:678px; }
#header h1 a { background:url('../images/plaque-vtfa666x55.png') no-repeat top center; display:block; height:66px; width:678px; text-indent:-9999px; }

#content { position:relative; }

#tagline { background-repeat:no-repeat; background-position:top left; text-indent:-9999px; width:570px; height:90px; position:absolute; top:35px; left:190px; }
#home #tagline { background-image:url('../images/tagline_blogentries.png'); }
#design #tagline { background-image:url('../images/tagline_design.png'); }
#publishing #tagline { background-image:url('../images/tagline_publishing.png'); }
#education #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:333px; }*/
#masthead { border-bottom:1px solid #596877;height:70px; } /* blue : 6d8ba9 or 596877*/

/*#promo img { border:2px solid #6d8ba9; }*/
.promo img { border:2px solid #20272b; } /* orange:FD7B02 or A9501B bkgd grey:20272b */
/*.promo { background:url(../images/bg_promo.png) no-repeat center top; }*/


/* Homepage
----------------------------------------------- */

/*#entryway.section { padding-top:0; }*/
/*0066cc*/

#services { list-style:none; padding:0; }
#services li { width:243px; float:left; }
#services li:hover .photo { border:1px solid #6d8ba9; background-color:#121619; }
#services .photo { border:1px solid #2e3c44; padding:3px; margin:0 0 15px; }
#services #design h4 { background:url('../images/hdr_foundation.png') no-repeat top left; text-indent:-9999px; }
#services #publishing { margin:0 15px; }
#services #publishing h4 { background:url('../images/hdr_framework.png') no-repeat top left; text-indent:-9999px; }
#services #workshops h4 { background:url('../images/hdr_youranalysis.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; }
#rss h3 { background:url('../images/hdr_articles.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:#6d8ba9; } /*06c*/
#rss ul li a:hover .readmore { visibility:visible; }
#rss ul li.art1 a { background:url('../images/v.png') no-repeat 5px; }
#rss ul li.art2 a { background:url('../images/v.png') no-repeat 5px; }
#rss ul li.art3 a { background:url('../images/v.png') no-repeat 5px; }
#rss ul li.art4 a { background:url('../images/v.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; }

#recommended { background:url('../images/bg_lightnoise.png'); height:240px; margin-left:380px; padding:15px 0 0 15px; position:relative; }
#recommended h3 { background:url('../images/hdr_recommended.png') no-repeat; height:215px; text-indent:-9999px; width:32px; position:absolute; }
#recommended ul { list-style:none; margin:0 0 0 40px; padding:0; }
#recommended li { float:left; font-size:9px; margin-left:7px; text-align:center;overflow:hidden;display:block;width:150px; }
#recommended li a { display:block; background-color:#303a45 !important; color:#6d8ba9; padding:14px 14px 5px; }
#recommended li a:hover { background-color:#1b2325 !important; color:#fff; }
#recommended li img { display:block; margin:0 0 5px; }
#recommended p { clear:both; font-size:11px; margin:0 0 0 50px; padding:10px 0 0; }
#recommended p a { color:#596877; margin:-7px; padding:5px; }
#recommended p a:hover { color:#879fb7; }

#genericmail { background:url('../images/bg_lightnoise.png'); padding:30px; position:relative; }
#genericmail h3 { background:url('../images/hdr_email.png') no-repeat top left; text-indent:-9999px; }

/*#explanation { position:absolute; width:340px; }*/
#explanation { float:left;width:340px; }

#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-v.png) no-repeat right center;padding:3px 24px 4px 0; }
#footer p.right a:hover { color:#ffffff; }


/* 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: { 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; }


/* Introduction
----------------------------------------------- */

#intro { padding-bottom:10px; }
#intro h2 { height:10px; margin-top:25px; text-indent:-9999px; }
#intro h4 { color:#fff; font-size:11px; padding-top:5px; }
#intro h4 small { color:#42586f; display:block; margin:-2px 0 5px; }
#intro ul { background:#1c2227; list-style:none; margin:10px 0; }
#intro ul li { float:left; width:120px; margin:30px; }
#intro .screenbox { background:#161a1d; border:3px solid #2e3c44; margin:0 0 10px; padding:1px; width:120px; }
#intro .screenbox:hover { border-color:#374a54; }
#intro .screenbox img { display:block; }
#intro .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; }