body{margin:0;padding:0;background-color:#FFF;font-family:"Bell Gothic W01 Bold", "BellGothicStdBold", sans-serif;font-size:12px;line-height:16px;}
img{border:none;}
@font-face {
    font-family: "BellGothicStdBold";
    src: url('http://3cd.com/fonts/firefox/bellgothicstd-bold-webfont.eot?') format('eot'),
         url('http://3cd.com/fonts/firefox/bellgothicstd-bold-webfont.woff') format('woff'),
         url('http://3cd.com/fonts/firefox/bellgothicstd-bold-webfont.ttf') format('truetype'),
         url('http://3cd.com/fonts/firefox/bellgothicstd-bold-webfont.svg#webfontGWzKif9g') format('svg');
    font-weight: normal;
    font-style: normal;

}
#wrapper{position:relative;width:950px;height:auto;margin:0 auto;padding:0;}
#left{width:135px;height:100px;top:63px;position:fixed;z-index:999;}
*html #left{position:absolute;}
#nav{width:133px;height:194px;padding:0;background:url(http://3cd.com/images/nav_combo.gif) no-repeat -270px 0;}
#home_link{ width:133px;height:60px;}
#home_link a{display:block;width:133px;height:60px;}
#home_link a span{display:none;}
#nav.work{background-position:-135px 0;}
#nav.talk{background-position:-270px 0;}
#nav.play{background-position:-405px 0;}
#nav ul{margin:0;padding:30px 0 0 0;list-style:none;}
#nav ul li{margin:0;padding:0;}
#nav ul li a{display:block;width:133px;height:29px;}
#nav ul li a span{display:none;}
#nav ul li a.work:hover{background-position:-135px 0;}
#nav ul li a.talk:hover{background-position:-270px 0;}
#nav ul li a.play:hover{background-position:-405px 0;}


#nav ul ul { display:none;position: absolute; top:0; left:115px;width:100px;height: auto;margin:0;padding:0;}
#nav ul ul.work_menu{top:41px;}
#nav ul ul.work_menu{background:url(http://3cd.com/images/nav_work_bg.png) no-repeat 0 0;width:85px;height:83px;}
#nav ul ul.work_menu li{ }
#nav ul ul.work_menu li a,
#nav ul ul.talk_menu li a,
#nav ul ul.play_menu li a{display:block;width:71px;height:73px;padding:10px 0 0 14px;color:#878686;line-height:20px;margin:0;text-decoration:none;}
#nav ul ul.work_menu li a:hover{color:#f05a22;}
body.portfolio #nav ul ul.work_menu li a{color:#f05a22;}
#nav ul ul.talk_menu{ top:87px;}
#nav ul ul.talk_menu{background:url(http://3cd.com/images/nav_blog_bg.png) no-repeat 0 0;width:85px;height:83px;}
#nav ul ul.talk_menu li{ }
#nav ul ul.talk_menu li a{ }
#nav ul ul.talk_menu li a:hover{color:#15bdce;}
body.blog #nav ul ul.talk_menu li a{color:#15bdce;}
#nav ul ul.play_menu{top:140px;}
#nav ul ul.play_menu{background:url(http://3cd.com/images/nav_play_bg.png) no-repeat 0 0;width:85px;height:83px;}
#nav ul ul.play_menu li{ }
#nav ul ul.play_menu li a{ }
#nav ul ul.play_menu li a:hover{color:#a4af34;}
body.play #nav ul ul.play_menu li a{color:#a4af34;}
#nav ul ul li {height: auto;background-color: transparent;display: block;width: 100px;}
#nav ul ul li a {display:block;padding:0;height:auto !important;width:100px;}
#nav ul ul li>a {display: block;padding:0;margin:0;width: auto;}
#nav ul ul li a:hover {display:block;text-decoration:none;}
#nav li:hover ul {display: block;}
#nav li.over ul {display: block;}

#footer{border: 1px solid #DDDDDE;height: auto;padding: 28px 0 28px 28px;width: 103px;margin:21px 0 0 0;}

#sub_links{margin:0 0 20px 0;}
#sub_links ul{list-style:none;margin:0;padding:0;width:auto;height:auto;}
#sub_links ul li, #content #main .post_top .notes, #content #main .post_top .discus_notes{font-size:12px;margin:0 0 9px 0;}
#sub_links ul li a, #content #main .post_top .notes a, #content #main .post_top .discus_notes a{color:#878686;text-decoration:none; }
#sub_links ul li a:hover, #content #main .post_top .notes a:hover, #content #main .post_top .discus_notes a:hover{/*color: #F05A22;*/color:#6BBDDA;text-decoration:none; }


#social_media{padding: 0;}
#social_media ul{margin:0;padding:0;list-style:none;height:18px;}
#social_media ul li {width:18px;float: left;margin: 0 10px 0 0;}

/*
#social_media{/*border: 1px solid #E8E8E8;height: auto;padding: 23px 0 11px 30px;width: 100px;}
#social_media ul{margin:0;padding:0;list-style:none;}
#social_media ul li{margin:0;padding:0;display:block;width:100px;height:18px;}
*/
#social_media ul li a{display:block;height:18px;}
#social_media ul li a span{display:none;}
#social_media ul li.facebook{margin-bottom:15px;}
#social_media ul li.twitter{margin-bottom:15px;}
#social_media ul li.rss{margin-bottom:16px;}
#social_media ul li.facebook a{background: url(http://3cd.com/images/smed_FB_combo.gif) no-repeat top left;}
#social_media ul li.twitter a{background: url(http://3cd.com/images/smed_twitter_combo.gif) no-repeat top left;}
#social_media ul li.rss a{background: url(http://3cd.com/images/smed_RSS_combo.gif) no-repeat top left;}

#social_media ul li.facebook a:hover,
#social_media ul li.twitter a:hover,
#social_media ul li.rss a:hover{background-position: 0 -18px;}

#work_nav{background-color: #FFFFFF;border:1px solid #DDDDDE;height:76px;padding: 28px 0 29px 28px;width: 102px;}
#work_nav ul{margin:0;padding:0;list-style:none;}
#work_nav ul li{margin:0 0 9px 0;padding:0;color:#878686;}
#work_nav ul li a{display:block;width:105px;color:#878686;text-decoration:none;}
#work_nav ul li a:hover{color:#f05a22;text-decoration:none;font-weight:bold;}
#work_nav ul li a span{/*display:none;*/}

#work_nav ul ul { display:none;position: absolute; top:0; left:115px;margin:0;padding:10px 0 0 14px;background:url(http://3cd.com/images/portfolio_hoverbox.png) no-repeat top left;width:70px;height:73px;}
#work_nav ul ul.who_menu{top: 241px;}
#work_nav ul ul.portfolio_menu{top:241px;}
#work_nav ul ul.contact_menu{top:241px;}
#work_nav ul ul li {height:auto;background-color:transparent;margin:0;color:#C1C2C4;line-height:20px;}
#work_nav ul ul li a {display:block;padding:0;margin:0;height:auto !important;color:#C1C2C4;}
#work_nav ul ul li>a {display: block;padding:0;margin:0;width: auto;}
#work_nav ul ul li a:hover {display:block;text-decoration:none;font-weight:normal;color:#f05a22;}
#work_nav li:hover ul {display: block;}
#work_nav li.over ul {display: block;}

#footer_links{    border-top: 1px solid #DDDDDE;
    height: auto;
    position: fixed;
    top: 650px;
    width: 130px;/*width:130px;height:auto;padding:10px 0 0 0;border-top:1px solid #DDDDDE;margin:80px 0 0;*/}
#footer_links #copyright{text-align:left;width:auto;font-size:9px;color:#B1B1B4;}

#content{/*float:left;padding:225px 0 30px 240px;*/padding:0 0 30px 0;position:absolute;left:240px;top:122px;margin:0;height:auto;width:660px;display:inline;color:#878686;font-size:14px;}
#content h1{color:#939393;line-height:36px;font-size:24px;margin:0;padding:0;font-weight: normal;}
#content h1 span.teal{color:#6cbdcd;font-size:42px;}
#content a{color:#6BBDDA;}
#content a:hover{color:#f05a22;}
#content p{padding:0;margin:0 0 10px 0;}
#content .project{width:660px;height:auto;padding:0;margin:0 0 50px 0;}
#content .project h2{padding:0;margin:11px 0 9px 0;font-size:16px;color:#535252;} 
#content .project .project_top{padding:0 0 22px 0;border-top:1px solid #DDDDDE;width:655px;}
#content .project .project_body{ }
#content .project .project_body .image{ }
#content .project .project_body .image img{width:660px;}

#content #main ol.posts{margin:0;padding:0;list-style:none;}
#content #main ol.posts li{margin:0;padding:0 0 10px 0;}
#content #main ol.posts span.photo img{width:660px;}

#content #main .post_top {width:100%;height:20px;font-size:12px;color:#939393;border-top:1px solid #DDDDDE/*#77777a*/;margin:10px 0 0 0;padding:10px 0 10px 0;}
#content #main .post_top .dates{float:left;width:auto;height:auto;text-align:left;}
#content #main .post_top .notes{margin-left:10px;float:right;width:auto;height:auto;text-align:right;}
#content #main .post_top .discus_notes{margin-left:10px; float:right;width:auto;height:auto;text-align:right;}
#content #main .post_top .date{letter-spacing:1px;text-transform:uppercase;float:left; text-decoration:underline;width:auto;height:auto;text-align:right;}

#content #main .post_content{ }