/* ##### HOME PAGE ##### */

#flashHeader div {
    height: 345px;
}

#home-flash-imagine, #home-flash-video {
    float: left !important;
}

#home-gradient-right {
    width: 26px;
    background-image: url('../images/home-gradient-right.jpg');
}

#homePerspective, #homeTweets, #homeSoul {
    height: 332px;
    display: block;
    position: relative;
}

#homePerspective {
    width: 359px;
    background-color: #F2F2F2;
}

#homePerspective .subtitle {
    margin: 16px 0 0 36px;
}

#blogPosts {
    margin: 12px 16px 0 38px;
    height: 232px;
    overflow: hidden;
}

.blogItem {
    display: block;
    margin-bottom: 12px;
}

.blogItem p {
    display: block;
    
}

.blogItemDate {
    margin-bottom: 2px;
    font-style: italic;
}

.blogItemDesc {
    margin-top: 0px;
}

.blogItem h4, .blogItem a  {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
    color: #BA334C;
}   

#homeTweets {
    width: 327px;
    border-right: solid 1px black;
}

#homeTweets .subtitle, #homeSoul .subtitle {
    margin: 16px 0 0 18px;
}

.tweet_avatar img {
    margin-bottom: 1px;
}

#twitter-icon {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 24px;
    right: 30px;
    background-image: url('../images/icon-twitter.gif');
}

#moreTweets, #morePerspectives, #twitFollowUs {
    display: block;
    width: 130px;
    height: 20px;
    background-color: #BFBFBF;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    padding-left: 8px;
}

#moreTweets, #morePerspectives {
    position: absolute;
    bottom: 0px;
    left: 20px;
}

#morePerspectives {
    left: 39px !important;
}

#twitFollowUs {
    width: 150px !important;
    
    
}

#moreTweets:hover, #morePerspectives:hover, #twitFollowUs:hover {
    color: #FFF;
}

#homeSoul {
    width: 313px;
}

.soulSliderContent, .soulSliderContent a { width: 313px; height: 274px; position: relative; display: block; }

#soul-chair { background-image: url('../images/soul-link-chair.jpg'); }
#soul-filmslate { background-image: url('../images/soul-link-filmslate.jpg'); }
#soul-tacodawg { background-image: url('../images/soul-link-tacodawg.jpg'); }
#soul-truck { background-image: url('../images/soul-link-truck.jpg'); }

#home-flash-imagine {
    float: left;
}



/* ##### HOME PAGE SUB INSTANCES ##### */

.sliderContent  { width: 1000px; height: 345px; position: relative; }

#page-showcase  { background-image: url('../images/page-showcase.jpg'); }
#page-workhere  { background-image: url('../images/page-workhere.jpg'); }
#page-social    { background-image: url('../images/page-social.jpg'); }
#page-contact   { background-image: url('../images/page-contact.jpg'); }

.social-link, .workhere-link, .contact-link-email, .contact-link-matt, .contact-link-sean, .contact-link-map {
    display: block;
    position: absolute;
    background-position: center top;
}

.social-link:hover, .workhere-link:hover, .contact-link-map:hover, .contact-link-email:hover, .contact-link-matt:hover, .contact-link-sean:hover {
    background-position: center bottom;
}

.social-link {
    width: 175px;
    height: 19px;
    top: 236px;
}

#social-fdasm       { background-image: url('../images/social-link-fdasm.gif'); left: 114px; }
/*#social-facebook    { background-image: url('../images/social-link-facebook.gif'); left: 220px; }*/
#social-twitter     { background-image: url('../images/social-link-twitter.gif'); left: 331px; }
/*#social-youtube     { background-image: url('../images/social-link-youtube.gif'); left: 606px; }*/
#social-blog        { background-image: url('../images/social-link-blog.gif'); left: 554px; }

.workhere-link {
    width: 215px;
    height: 19px;
    top: 194px;
    left: 741px;
    background-image: url('../images/workhere-link-monster.gif');
}

.contact-link-email {
    width: 220px;
    height: 21px;
    top: 247px;
    left: 108px;
    background-image: url('../images/contact-link-email.gif');
}

.contact-link-matt {
    width: 85px;
    height: 17px;
    top: 297px;
    left: 349px;
    background-image: url('../images/contact-link-matt-brown.gif');
}

.contact-link-sean {
    width: 106px;
    height: 17px;
    top: 317px;
    left: 349px;
    background-image: url('../images/contact-link-sean-vassilaros.gif');
}

.contact-link-map {
    width: 175px;
    height: 19px;
    top: 296px;
    left: 111px;
    background-image: url('../images/contact-link-map.gif');
}

#homeFlash {
    z-index: 90;
}



/* ##### SUB PAGES ##### */

#subPageTitle, #subPageRightOfTitle, #sideBar, #mainContent {
    display: block;
    float: left;
    position: relative;
}

#subPageTitle {
    width: 280px;
    height: 103px;
}

#subPageRightOfTitle {
    width: 720px;
    height: 103px;
}

#sideBar {
    width: 280px;
    min-height: 400px;
}

#mainContent {
    width: 720px;
}

#mainLower.subPage {
    background-image: url('../images/bg-subpage-fauxcolumn.gif');
    background-repeat: repeat-y;
}

#subPageTitle.subPageTweets {
    background-image: url('../images/title-examine-psyche.gif');
}

#tweetHashTags {
    width: 700px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    background-color: #BFBFBF;
}

#tweetHashTags span {
    line-height: 30px;
    margin: 0 0 0 22px;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}

#tweetHashTags span a, .twitpeeps a {
    color: #BA334C;
    text-decoration: none;
}

#tweetHashTags span a:hover, .twitpeeps a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.tweetSidebarLink {
    margin: 24px 0 0 35px
}

.twavatar {
    display: block;
    width: 51px;
    height: 51px;
    float: left;
    cursor: pointer;
}

#twavatar-skypen { background-image: url('../images/tweet-avatar-skypen.gif'); }
#twavatar-digitalbulldog { background-image: url('../images/tweet-avatar-digitalbulldog.gif'); }
#twavatar-pfisterinsights { background-image: url('../images/tweet-avatar-pfisterinsights.gif'); }
#twavatar-spitzstrategy { background-image: url('../images/tweet-avatar-spitzstrategy.gif'); }

.twitpeeps {
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 0 12px;
    line-height: 15px;
    color: #000;
}



/* ##### SITEMAP ##### */


#sitemapContent {
    margin: 20px 0 28px 36px;
}

#sitemapContent h1 {
    font-size: 24px;
    margin: 0 0 20px 0;
}

#sitemapContent li {
    margin: 8px 0 8px 20px;
}