@charset "utf-8";
/* CSS Document */

#nav-top { display:none; background:url(../images/top-of-nav.gif) top left repeat-x; height:58px; border-bottom:1px solid #006171; }

#nav-container { background:url(../images/nav-bg.gif) top left repeat-x; height:50px;}
#nav-container ul { width:944px; margin:0 auto; }

#container { width:944px; margin:0 auto; }

#header { padding-top:15px; width:944px; margin:0 auto; background:url(../images/art-of-online-communication.gif) bottom right no-repeat; }
#header h1 { height:0; text-indent:-10000px; }

#feature { width:944px; margin:0 auto; padding-top:35px;  }
#feature-left { float:left; width:637px; }
#feature-right { float:right; }

#feature-inner { background:url(../images/features/homepage.jpg) bottom left no-repeat; height:304px; width:960px; margin:0 auto; }
#feature-copy { padding-top:105px; padding-left:2px; width:330px; }

#feature-alt { background:url(../images/alt-feature-bg.gif) bottom left repeat-x; height:74px;}
#feature-inner-alt { background:url(../images/alt-feature.jpg) bottom left no-repeat; height:74px; width:960px; margin:0 auto; }

p#feature-label { text-align:right; z-index:1000; margin-top:-295px; position:relative; }
div#slideshow {  }

div#slideshow img { display:none; }
div#slideshow img.first { display:block; }

#container { width:944px; margin:0 auto; }

#content { float:left; background:url(../images/sidebar-bg.gif) top right repeat-y; padding-top:20px; padding-bottom:10px;}

#content-left { float:left; width:620px; margin-right:40px; padding-bottom:10px; }
#content-right { float:right; }

#home #content { background:none; padding-top:30px; }
#home #content-left { background:none; padding-top:20px; margin-right:40px; }
#home #content-right { width:284px; }

#standard #content-left, 
#allprojects #content-left { margin-right:0px; }

#content-primary {  padding-bottom:10px; float:left; width:637px; }
#content-primary-left { float:left; width:406px; padding-right:20px }
#content-primary-right { float:right; width:211px; }

#content-primary.standard { background:none; padding-bottom:10px; }

#content-feature { padding-top:20px; float:left; width:637px; background:url(../images/divider-horiz.gif) top left repeat-x; margin-top:20px; }
#content-feature-copy { float:left; width:426px; }
#content-feature-image { float:left; width:211px;  }

.content-feature { float:left; padding-top:20px; background:url(../images/divider-horiz.gif) bottom left repeat-x; padding-bottom:10px; }
.content-feature-copy { float:left; width:409px; }
.content-feature-image { float:left; width:211px;  }


#footer { clear:both; background:url(../images/footer-bg.gif) top left repeat-x; height:161px; }
#footer-inner { margin:0 auto; width:944px; }

/* blog recent entries */

div.blogpost { float:left; padding-bottom:10px; }

div.calendar { width:56px; height:71px; float:left; background:url(../../../../blog/wp-content/themes/webtribe/images/calendar.gif) top center no-repeat; margin-left:5px; }
#content-right p.day { text-align:center; color:#fff; font-size:24px; padding:0; padding-top:10px; }
#content-right p.month { text-align:center; color:#fff; padding:0; text-transform:uppercase; font-size:10px; padding-top:1px; }
div.post-data { width:217px; float:left; }

div.dark { background:url(../images/post-bottom-dark-home.gif) bottom left no-repeat; margin-left:5px; padding-bottom:2px; }
div.dark p.post-title { background:url(../images/post-top-dark-home.gif) top left no-repeat; }
div.light { background:url(../images/post-bottom-light-home.gif) bottom left no-repeat; margin-left:5px;  padding-bottom:2px;}
div.light p.post-title { background:url(../images/post-top-light-home.gif) top left no-repeat; }

p.post-title { color:#fff; text-transform:uppercase; padding:5px 10px; padding-top:10px; font-weight:bold; }
p.post-title a { color:#fff; text-decoration:none; }
p.post-title a:hover { color:#ccc; }
p.post-description { color:#fff; padding:5px 10px; padding-top:0; padding-bottom:5px; }

div.footer-nav { width:138px; float:left; background:url(../images/footer-nav-divider.gif) 92% 0 no-repeat; height:161px; }
div.footer-copyright { width:300px; float:right; text-align:right; padding-right:5px; padding-top:13px;  }

div.footer-copyright p { padding-top:5px; color:#fff; font-size:11px; }
div.footer-copyright p a { color:#fff; }
div.footer-copyright p a:hover { color:#ccc; }