body {
   background-color:#000;
   color:#54616C;
   padding:0px;
   margin:0px;
   font-size:14px;
   font-family:Georgia;
}
#head { background-image:url(img/header.jpg);height:141px; }
   #head #contain { width:900px;clear:both;margin:auto; }
      #contain #nav { float:left;padding-top:55px; }
         #nav ul { display:inline;padding:0px;margin:0px 0px 0px 50px; }
         #nav ul li { display:inline;list-style-type:none;font-family:Georgia,serif;font-size:9pt;letter-spacing:1.5pt; }
         #nav span { font-weight:bold;color:#8CADC8; }
         #nav a { color:#FFF;text-decoration:none;padding-bottom:8px; }
         #nav a:hover span, #nav #a span { padding-bottom:4px;border-bottom:4px solid #8CADC8; }
      #contain #logo { width:322px;float:right; }

.cl { clear:both; }

#main { width:844px;clear:both;margin:auto;min-height:300px;text-align:justify;padding-top:30px;padding-bottom:25px; }
   #main #welcome { width:537px;float:left;background:url(img/welcome_bg.png) no-repeat top right; }
      #main #welcome p { width:484px;padding-left:18px; }
      #main #welcome a:link, #main #welcome a:visited { color:#746f45;text-decoration:none; }
      #main #welcome a:hover { color:#8CADC8; }

   #main #project { width:503px;text-align:right;padding-top:25px; }
      #project #proj_info { line-height:14pt;width:503px;margin-top:10px; }
         #proj_info #labels { float:left;margin-left:10px;text-align:right;font-weight:bold;color:#8CADC8; }
         #proj_info #proj_txt { float:left;width:400px;margin-left:20px;padding-right:10px;color:#FFF;text-align:justify; }

   #main #sidebar { float:right;width:274px;text-align:left; }
      #sidebar .post { padding-bottom:8px;border-bottom:1px solid #7793AA; }
      #sidebar #newsbuttons { padding-top:3px;text-align:right; }
         #newsbuttons a:link, #newsbuttons a:visited { color:#746F45;text-decoration:none; }
         #newsbuttons a:hover { color:#FFF; }
      #sidebar h1 { font-family:century gothic;font-size:15px;color:#8CADC8 }
         #sidebar h1 span { color:#555; }
      #sidebar p { padding-left:8px;font-size:13px;text-align:justify; }

      #sidebar ul#proj_list, #proj_list li { padding:0px;margin:0px; }
         #proj_list li { list-style-type:none; }
            #proj_list li a:link, #proj_list li a:visited { display:block;width:88px;height:29px;float:left;margin-right:5px;margin-top:20px; }
            #proj_list li a:hover { background-position:0px -29px; }
            #proj_list li a#p_web { background-image:url(img/project_web.png); }
            #proj_list li a#p_logo { background-image:url(img/project_logo.png); }
            #proj_list li a#p_print { background-image:url(img/project_print.png);margin-right:0px; }
            #proj_list li a:link.la, #proj_list li a:visited.la { background-position:0px -29px; }

         #projects_list { width:243px;clear:both;margin:20px auto auto auto;text-align:right;color:#FFF;font-weight:bold; }
            #projects_list img { border:0px;margin-bottom:7px; }
            #projects_list a:link, #projects_list a:visited { color:#746F45;text-decoration:none; }
            #projects_list a:hover { color:#8CADC8; }
            #projects_list span { font-size:16pt;font-weight:bold; }

   #main #featured { clear:both;margin:30px auto 30px auto;width:827px;height:152px;background:url(img/featured.png) no-repeat; }
      #featured #types { width:154px;height:89px;padding:51px 0px 0px 75px;background:url(img/feat_line.png) no-repeat right top; }
         #featured #types ul, #featured #types li { padding:0px;margin:0px; }
         #featured #types li { list-style-type:none; }
            #types li a:link, #types li a:visited { display:block;width:154px;height:24px;margin:0px;padding:0px; }
            #types li a:hover { background-position:0px -24px; }
            #types li a#web { background-image:url(img/web_design.png); }
            #types li a#logo { background-image:url(img/logo_design.png); }
            #types li a#print { background-image:url(img/print_design.png); }
            #types li a:link.fa, #types li a:visited.fa { background-position:0px -24px; }

#foot { background-image:url(img/foot_bg2.jpg);border-top:1px solid #FFF;min-height:130px;padding-bottom:15px; }
#foot #top { background-image:url(img/foot_tbg.png);width:900px;margin:auto;clear:both;height:10px; }
#bot { padding-top:20px;width:838px;clear:both;margin:auto; }
#about { float:left;width:585px;font-family:Georgia;font-size:12px;color:#FFF; }
   #about #pic { float:left;width:167px; }
   #about #about_me { float:right;width:405px;text-align:justify; }
      #about #about_me p { padding-left:10px; }
#test { float:right;width:224px;text-align:left; }
   #test #t { width:204px;height:135px;padding-top:19px;background:url(img/t_bg.png) no-repeat;font-family:Georgia;font-size:14px;color:#000;text-align:center;float:right;margin-top:10px; }
      #t #t_txt { height:71px; }
      #t #name { padding-top:30px;color:#FFF;font-weight:bold;text-align:left;padding-left:74px; }
#copy { width:680px;height:47px;clear:both;margin:auto;background:url(img/copy.png); }

#social { margin:6px 0px 0px 6px;clear:both;width:218px; }
#social a:link, #social a:visited { margin:5px 0px 0px 8px;display:block;float:left;height:45px;width:45px; }
#social a:hover { background-position:0px -45px; }

#social #devart { background-image:url(img/devart.png); }
#social #twitter { background-image:url(img/twitter.png); }
#social #facebook { background-image:url(img/facebook.png); }
#social #the61 { background-image:url(img/thesixtyone.png); }
#social #brightkite { background-image:url(img/brightkite.png); }
#social #myspace { background-image:url(img/myspace.png); }
#social #lastfm { background-image:url(img/lastfm.png); }
#social .blank { background-image:url(img/blank.png); }