/* ---------------------------------------------------------------------------------------------

  general setup

--------------------------------------------------------------------------------------------- */
body { 
  margin: 0; /* removes default margin in screen.css */
  background: #FFF url(/images/bg_body.png) repeat-x;
  color: #000;
}

a { color: #000; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }

a:hover img{ text-decoration: none;}

/* ---------------------------------------------------------------------------------------------

	container

--------------------------------------------------------------------------------------------- */

.container { 
  background: url(/images/bg_container.png) repeat-y;
}

#s-home .container, .sub .container { position: relative; }



#s-home #header {
  width: 979px;
  height: 126px;
  position: absolute;
  left: -29px;
}

#s-home #header h1, .sub #header h1 {
  width: 309px;
  height: 126px;
  float: left;
}

#s-home #header h1 a, .sub #header h1 a {
  width: 309px;
  height: 126px;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_logo.png) no-repeat;
}

#s-home #header h2 {
  width: 670px;
  height: 126px;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_tagline.png) no-repeat; 
  float: left;
}

.sub #header {
  width: 979px;
  height: 180px;
  position: absolute;
  left: -29px;
  background: url(/images/bg_header.png) bottom left no-repeat;
}

.sub ul.tabs {
  width: 670px;
  height: 162px;
  z-index: 100; /* so that we can sit on top of the jquery cycle z-index positioning */
  list-style: none;
  float: left;
}

.sub ul.tabs a {
  height: 162px;
  text-decoration: none;
  text-indent: -9999px;
  background: url(/images/sprite_header-nav.png) no-repeat;
  border: none;
}

.sub ul.tabs #rose a { width: 80px; }
.sub ul.tabs #grant a { width: 124px; background-position: -80px 0; }
.sub ul.tabs #kotchka a { width: 111px; background-position: -204px 0; }
.sub ul.tabs #manley a { width: 128px; background-position: -315px 0; }
.sub ul.tabs #adjaye-freelon a { width: 227px; background-position: -443px 0; }

.sub ul.tabs #rose a:hover,
.david-rose ul.tabs #rose a { background-position: 0 -162px; }
.sub ul.tabs #grant a:hover,
.bill-grant ul.tabs #grant a { background-position: -80px -162px; }
.sub ul.tabs #kotchka a:hover,
.claudia-kotchka ul.tabs #kotchka a { background-position: -204px -162px; }
.sub ul.tabs #manley a:hover,
.jason-manley ul.tabs #manley a { background-position: -315px -162px; }
.sub ul.tabs #adjaye-freelon a:hover,
.david-adjaye-phil-freelon ul.tabs #adjaye-freelon a { background-position: -443px -162px; }

/* ---------------------------------------------------------------------------------------------

	content

--------------------------------------------------------------------------------------------- */

#content {

}


/* ---------------------------------------------------------------------------------------------

	sidebar

--------------------------------------------------------------------------------------------- */

#sidebar {
  margin-top: 133px;
}

#sidebar #intro { background: #ff2d10 url(/images/bg_intro.png) repeat-y; }

#sidebar #intro h3 {
  margin: 0;
  padding: 0;
  width: 270px;
  height: 108px;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_h3-intro.png) no-repeat;
}

#sidebar #intro p { margin: 0 20px 20px 52px; }

#sidebar #intro-bottom {
  width: 270px;
  height: 18px;
  background: url(/images/bg_intro-bottom.png) no-repeat;
}

#sidebar h4.follow {
  margin: 0 0 0 52px;
  width: 110px;
  height: 23px;
  float: left;
  display: inline;
  text-indent: -9999px;
  background: url(/images/bg_h4-follow.png) 0 5px no-repeat;
}

#sidebar a.twitter {
  margin: -16px 0 0 162px;
  padding: 0;
  width: 110px;
  height: 18px;
  float: right;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_twitter.png) no-repeat;
}

#sidebar #links { 
  margin-top: 18px;
  background: #4d942b url(/images/bg_links.png) repeat-y; 
}

#sidebar #links h4 {
  margin: 0;
  padding: 0;
  width: 270px;
  height: 36px;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_h4-links.png) no-repeat;
}

#sidebar #links p a { margin: 0 20px 0 52px; }

#sidebar #links-bottom {
  width: 270px;
  height: 18px;
  background: url(/images/bg_links-bottom.png) no-repeat;
}

/* DESIGNERS ---------------------------------------------------- */
.sub #sidebar {
  margin-top: 180px;
}

#s-designer #sidebar #share {
  width: 350px;
  height: 54px;
  display: block;
  background: url(/images/bg_share.png) no-repeat;
}

#s-designer #sidebar #blog-list { background: #81c5e8 url(/images/bg_blog-list.png) bottom left no-repeat; }

#sidebar #blog-list h4, .blog #sidebar #blog-list h4 {
  width: 350px;
  height: 36px;
  display: block;
  text-indent: -9999px;
}

#sidebar #blog-list h4 { background: url(/images/bg_h4-blog-list.png) no-repeat; }
.blog #sidebar #blog-list h4 { background: url(/images/bg_h4-blog-list-2.png) no-repeat; }

#s-designer #sidebar #blog-list #blog-entry { margin: 14px; border-bottom: 1px solid #cddee8; }
#s-designer #sidebar #blog-list #blog-entry.last { border-bottom: none; }
#s-designer #sidebar #blog-list #blog-entry h5 { margin-bottom: 0; font-size: 18px; font-weight: bold; }

/* ADDTHIS ---------------------------------------------------- */
.addthis_toolbox .hover_effect {
  margin-left: 64px;
  width: 280px;
  padding: 8px 0 6px 10px;
}

.addthis_toolbox .hover_effect div {
  float: left;
}

.addthis_toolbox .hover_effect a {
  border: 2px solid #fff;
  padding: 2px 2px 2px 16px;
  position: relative;
  text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover {
  border: 2px solid #105CB6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #B4D3F8;
  color: #105CB6;
  text-decoration: none;
}

.addthis_toolbox .hover_effect a.addthis_button_twitter,
.addthis_toolbox .hover_effect a.addthis_button_facebook,
.addthis_toolbox .hover_effect a.addthis_button_myspace,
.addthis_toolbox .hover_effect a.addthis_button_digg { margin-top: -2px; padding-top: 0; display: block; text-indent: -9999px; }

.addthis_toolbox .hover_effect span {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  left: 1px;
}

/* ---------------------------------------------------------------------------------------------

	main

--------------------------------------------------------------------------------------------- */

#main {
  margin-top: 90px;
  margin-bottom: 0;
}

#main #designers { width: 670px; height: 275px; position: relative; background: url(/images/bg_designers.png) bottom left no-repeat; }

#designer-rose,
#designer-grant,
#designer-kotchka,
#designer-manley,
#designer-adjaye-freelon { display: none; position: absolute; top: 0; }

#main #designers h2, #main #designers p { text-indent: -9999px; }

#main #designers a#learn-more { width: 136px; height: 33px; display: block; position: absolute; text-indent: -9999px; }
#main #designers a#register { width: 110px; height: 33px; display: block; position: absolute; text-indent: -9999px; }

#main #designer-rose a#learn-more { top: 169px; left: 280px; }
#main #designer-rose a#register { top: 169px; left: 440px; }
#main #designer-grant a#learn-more { top: 169px; left: 280px; }
#main #designer-grant a#register { top: 169px; left: 440px; }
#main #designer-kotchka a#learn-more { top: 146px; left: 304px; }
#main #designer-kotchka a#register { top: 146px; left: 464px; }
#main #designer-manley a#learn-more { top: 169px; left: 360px; }
#main #designer-manley a#register { top: 169px; left: 520px; }
#main #designer-adjaye-freelon a#learn-more { top: 189px; left: 385px; }
#main #designer-adjaye-freelon a#register { top: 189px; left: 545px; }

#designer-rose { width: 670px; height: 270px; background: url(/images/img_designer-rose.png) no-repeat; }
#designer-grant { width: 670px; height: 270px; background: url(/images/img_designer-grant.png) no-repeat; }
#designer-kotchka { width: 670px; height: 270px; background: url(/images/img_designer-kotchka.png) no-repeat; }
#designer-manley { width: 670px; height: 270px; background: url(/images/img_designer-manley.png) no-repeat; }
#designer-adjaye-freelon { width: 670px; height: 270px; background: url(/images/img_designer-adjaye-freelon.png) no-repeat; }

#main ul#designer-nav {
  width: 670px;
  height: 39px;
  position: absolute;
  top: 231px;
  z-index: 100; /* so that we can sit on top of the jquery cycle z-index positioning */
  list-style: none;
}

#main ul#designer-nav a {
  height: 39px;
  text-decoration: none;
  text-indent: -9999px;
  background: url(/images/sprite_designer-nav.png) no-repeat;
  border: none;
}

#main ul#designer-nav #des-rose a { width: 100px; }
#main ul#designer-nav #des-grant a { width: 110px; background-position: -100px 0; }
#main ul#designer-nav #des-kotchka a { width: 130px; background-position: -210px 0; }
#main ul#designer-nav #des-manley a { width: 120px; background-position: -340px 0; }
#main ul#designer-nav #des-adjaye-freelon a { width: 210px; background-position: -460px 0; }

#main ul#designer-nav #des-rose a:hover,
#main ul#designer-nav #des-rose a.selected { background-position: 0 -39px; }
#main ul#designer-nav #des-grant a:hover,
#main ul#designer-nav #des-grant a.selected { background-position: -100px -39px; }
#main ul#designer-nav #des-kotchka a:hover,
#main ul#designer-nav #des-kotchka a.selected { background-position: -210px -39px; }
#main ul#designer-nav #des-manley a:hover,
#main ul#designer-nav #des-manley a.selected { background-position: -340px -39px; }
#main ul#designer-nav #des-adjaye-freelon a:hover,
#main ul#designer-nav #des-adjaye-freelon a.selected { background-position: -460px -39px; }

#s-home #main h3 { margin-top: 18px; width: 670px; height: 41px; background: url(/images/bg_h3-register.png) no-repeat; }
#s-home #main h3 a {
  margin-left: 22px;
  width: 288px;
  height: 41px;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_register.png) no-repeat;
}

#main #headlines { 
  height: 422px;
  background: #aeb1b3 url(/images/bg_headlines.png) bottom left no-repeat;
}

#main #headlines h4 {
  width: 390px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_h4-headlines.png) no-repeat;
}

#main #headlines ul, #main #blog-comments #latest-blog ul, #main #blog-comments #latest-comments ul {
  margin: 0 24px;
  list-style-type: none;
}

#main #headlines ul li, #main #blog-comments #latest-blog ul li, #main #blog-comments #latest-comments ul li {
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 2px solid #ccc;
}
#main #headlines ul li.last, #main #blog-comments #latest-blog ul li.last, #main #blog-comments #latest-comments ul li.last { border-bottom: none; }

#main #headlines ul li a span { font-style: italic; }

#main #blog-comments #latest-blog ul li, #main #blog-comments #latest-comments ul li { clear: both; }

#main #blog-comments {
  height: 422px;
  background: #aeb1b3 url(/images/bg_blog-comments.png) bottom left no-repeat;  
}

#main #blog-comments #latest-blog {
  
}

#main #blog-comments #latest-comments {
  display: none;
}

#main #blog-comments #latest-blog h4, #main #blog-comments #latest-comments h4 {
  width: 217px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  float: left;
}
#main #blog-comments #latest-blog h4 { background: url(/images/bg_h4-latest-blog.png) no-repeat; }
#main #blog-comments #latest-comments h4 { background: url(/images/bg_h4-latest-comments.png) no-repeat; }

#main #blog-comments #latest-blog a#comments-link, #main #blog-comments #latest-comments a#blog-link {
  width: 53px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  background: url(/images/bg_latest-comments.png) no-repeat;
  float: left;
}
#main #blog-comments #latest-blog a#comments-link { background: url(/images/bg_latest-comments.png) no-repeat; }
#main #blog-comments #latest-comments a#blog-link { background: url(/images/bg_latest-blog.png) no-repeat; }

#main #blog-comments #latest-comments p { clear: both; }

/* DESIGNERS ---------------------------------------------------- */
.sub #main {
  margin-top: 180px;
  margin-bottom: 0;
}

#s-designer #main h2 {
  margin: 0;
  padding: 0;
  width: 590px;
  height: 54px;
  display: block;
  text-indent: -9999px;
}

#s-designer #main h2#david-rose { background: url(/images/bg_h2-david-rose.png) no-repeat; }
#s-designer #main h2#bill-grant { background: url(/images/bg_h2-bill-grant.png) no-repeat; }
#s-designer #main h2#claudia-kotchka { background: url(/images/bg_h2-claudia-kotchka.png) no-repeat; }
#s-designer #main h2#jason-manley { background: url(/images/bg_h2-jason-manley.png) no-repeat; }
#s-designer #main h2#david-adjaye-phil-freelon { background: url(/images/bg_h2-david-adjaye-phil-freelon.png) no-repeat; }

#s-designer #main #designer-info { margin-bottom: 0; background: #afb2b4; }
#s-designer #main #designer-info img { padding: 18px; float: left; }
#s-designer #main #designer-info p { margin: 0; padding: 18px 18px 0; }

#s-designer #main #designer-info-bottom {
  margin-top: 18px;
  width: 550px;
  height: 18px;
  background: url(/images/bg_box-bottom.png) no-repeat;
  float: left;
}

/* KEYNOTES & WORKSHOPS ---------------------------------------------------- */
#s-designer #main #keynote, #s-designer #main #workshop { background: url(/images/bg_rule-box.png) repeat-y; }
#s-designer #main #keynote-bottom, #s-designer #main #workshop-bottom {
  margin-top: 18px;
  width: 590px;
  height: 18px;
  background: url(/images/bg_rule-box-bottom.png) no-repeat;
}

#s-designer #main #keynote h4, #s-designer #main #workshop h4 {
  margin: 0;
  padding: 0;
  width: 590px;
  height: 36px;
  display: block;
  text-indent: -9999px;
}

#s-designer #main #keynote h4 { background: url(/images/bg_h4-keynote.png) no-repeat; }
#s-designer #main #workshop h4 { background: url(/images/bg_h4-workshop.png) no-repeat; }

#s-designer #main p, #s-designer #main span { margin-left: 46px; }
#s-designer #main p { padding-right: 20px; }
#s-designer #main p.date-location { color: #0089cf; font-weight: bold; }
#s-designer #main span { font-weight: bold; }

#s-designer #main object { margin: 0 0 18px 46px; }
#s-designer #main #keynote img { margin: 0 0 18px 46px; border: 1px solid #aeb1b3; }

#s-designer #main #keynote #downloads, #s-designer #main #workshop #downloads, #s-designer #main #workshop #photos { 
  margin-left: 46px;
  padding: 18px 0;
  width: 525px;
  border-top: 1px solid #aeb1b3; 
}

#s-designer #main #keynote #downloads h5, #s-designer #main #workshop #downloads h5, #s-designer #main #workshop #photos h5 { margin-bottom: 0; font-size: 16px; font-weight: normal; }
#s-designer #main #keynote #downloads p, #s-designer #main #workshop #downloads p, #s-designer #main #workshop #photos p { margin-left: 0; }

#s-designer #main #workshop #photos ul { margin: 0; padding: 0; list-style: none; }
#s-designer #main #workshop #photos ul li { margin: 0 14px 10px 0; padding: 0; float: left; }
#s-designer #main #workshop #photos ul li.last { margin-right: 0; }
#s-designer #main #workshop #photos ul li img { margin-left: 0; }

/* BLOG DETAIL ---------------------------------------------------- */
.blog #main #blog-detail { margin-bottom: 0; background: #afb2b4; }
.blog #main #blog-detail h3 { margin: 18px 0 18px 18px; font-size: 28px; font-weight: bold; }
.blog #main #blog-detail img { padding: 0 18px 18px 18px; float: left; display: inline; }
.blog #main #blog-detail p { margin: 0; padding: 0 18px 18px 18px; }
.blog #main #blog-detail p.date { font-size: 16px; }

.blog #main #blog-detail-bottom {
  width: 550px;
  height: 18px;
  background: url(/images/bg_box-bottom.png) no-repeat;
  float: left;
}

.blog #main #comments, .blog #main #comment-form { background: url(/images/bg_rule-box.png) repeat-y; }
.blog #main #comments-bottom, .blog #main #comment-form-bottom {
  width: 590px;
  height: 18px;
  background: url(/images/bg_rule-box-bottom.png) no-repeat;
  float: left;
}

.blog #main #comments h4, .blog #main #comment-form h4 {
  margin-top: 0;
  padding: 18px 0 0 45px;
  width: 545px;
  height: 36px;
  display: block;
  background: url(/images/bg_h4-comments.png) no-repeat;
  font-size: 18px;
  font-weight: bold;
}

.blog #main #comments .comment { margin-left: 45px; margin-bottom: 18px; padding: 18px 0 26px; width: 525px; float: left; border-top: 1px solid #aeb1b3; display: inline; }
.blog #main #comments .comment p { margin-left: 0; }
.blog #main #comment-form p a { text-decoration: underline; }

.blog #main #comments .comment .comment-author { width: 155px; float: left; }
.blog #main #comments .comment .comment-author p.author a { color: #0089cf; font-weight: bold; text-decoration: underline; }
.blog #main #comments .comment .comment-author p.author a:hover { text-decoration: none; }
.blog #main #comments .comment .comment-author p.date { font-style: italic; }

.blog #main #comments .comment .comment-body { margin-left: 155px; }

.blog #main #comment-form form { margin-left: 45px; width: 525px; float: left; }
#main #comment-form div.field { margin-bottom: 9px; width: 525px; float: left; }
#main #comment-form div.field label { padding-top: 3px; width: 50px; float: left; }
#main #comment-form div.field input { margin-right: 15px; padding: 5px 5px 0; width: 300px; height: 20px; float: left; border: 1px solid #aeb1b3; }
#main #comment-form div.field span { padding-top: 5px; display: block; font-weight: normal; font-style: italic; color: #0089cf; }
#main #comment-form div.field textarea { margin: 0; padding: 5px; width: 515px; height: 90px; border: 1px solid #aeb1b3; font: 12px Arial; }
#main #comment-form div.field select { margin-right: 15px; padding: 4px 5px; width: 212px; float: left; border: 1px solid #FFF; }
#main #comment-form div.utility { margin: 0 0 18px 0; padding: 10px; width: 505px; float: left; border: 1px solid #aeb1b3; }
#main #comment-form div.utility input { margin-top: 0; width: auto; }
#main #comment-form div.checkbox { padding: 14px 10px 10px 10px; }
#main #comment-form div.submit { border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #aeb1b3; }
#main #comment-form div.submit input { margin-left: 163px; padding: 5px; width: 187px; height: 36px; display: block; text-indent: -9999px; border: none; background: url(/images/bg_comment-submit.png) no-repeat; cursor: pointer; }
#main #comment-form div.block label { padding-top: 7px; width: auto; float: none; }
#main #comment-form span.captcha-hints { margin-left: 0; }
.win.ff2 p.field select, .win.ff3 p.field select { width: 274px; }  /* targeting FF2 & FF3 for Windows */

.blog #main #comment-form p a { text-decoration: underline; }
.blog #main #comment-form p a:hover { text-decoration: none; }

/* 404 & ERROR ---------------------------------------------------- */
.error #main #error-detail { margin-bottom: 0; background: #afb2b4; }
.error #main #error-detail h3 { margin: 18px 0 18px 18px; font-size: 28px; font-weight: bold; }
.error #main #error-detail p { margin: 0; padding: 0 18px 18px 18px; }
.error #main #error-detail a { text-decoration: underline; }
.error #main #error-detail a:hover { text-decoration: none; }

.error #main #error-detail ul { padding-left: 18px; }

.error #main #error-detail-bottom {
  width: 550px;
  height: 18px;
  background: url(/images/bg_box-bottom.png) no-repeat;
  float: left;
}

/* ---------------------------------------------------------------------------------------------

	footer

--------------------------------------------------------------------------------------------- */

#footer {
  margin: 18px 0 0 0;
  padding: 0;
  background: url(/images/bg_footer.png) bottom left no-repeat;
}

#footer a#ptp{
  margin-left: 40px;
  width: 190px;
  height: 90px;
  background: url(/images/bg_logo-ptp.png) no-repeat;
  float: left;
  display: inline-block;
  text-indent: -9999px;
}

#footer a#ncat{
  width: 120px;
  height: 90px;
  background: url(/images/bg_logo-ncat.png) no-repeat;
  float: left;
  display: block;
  text-indent: -9999px;
}

#footer p#funding {
  margin-left: 360px;
  width: 590px;
  height: 90px;
  background: url(/images/bg_footer-funding.png) no-repeat;
  display: block;
  text-indent: -9999px;
}

#footer #footer-middle {
  margin: 0;
  padding: 0;
  width: 950px;
  height: 18px;
  background: url(/images/bg_footer-middle.png) no-repeat;
}

#footer #footer-nav { margin: 0; padding: 0; background: url(/images/bg_footer-nav.png) repeat-y; }

#footer #footer-nav p { margin: 0 0 16px 53px; padding: 0; font-size: 13px; }

/* FACEBOX - MODALS ---------------------------------------------------- */
#directions p { text-align: left; }
#directions p.parking { padding-top: 18px; border-top: 1px solid #aeb1b3; }

#facebox .content { text-align: center; }
#facebox .content h3 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 18px;
  margin-top: 10px;
}
#facebox .content a { color: #0089cf; text-decoration: underline; }
#facebox .content a:hover { color: #0089cf; text-decoration: none; }

/*#home-video{ display: none;}*/

#video-trigger {width: 100%; text-align: center;}
#home-video{width: 100%; text-align: center;}