html {  }
  body { font:0.85em Arial, Helvetica, Verdana, sans-serif; color:#000; margin:0; padding:0; background:#fff; position:relative; }
    img { border:none; }
    a:link { color:#f09; text-decoration:underline; }
    a:visited { color:#c06; }
    a:hover { color:#f9c; }
    a:active { color:#c00; }
    h1, h2, h3, h4 { width:100%; color:#f09; font-size:1.4em; line-height:1.3em; font-family:'Book Antiqua', Helvetica, Arial, Verdana, sans-serif; margin:1.5em 0 0.3em 0; clear:both; float:left; }
      h4 { font-size:1.3em;}
      h1 a:link, h2 a:link, h3 a:link, h4 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { text-decoration:none; }
      h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active { text-decoration:underline; }
    strong { color:#f09; }
    p { width:100%; margin:0.5em 0 1em 0; line-height:1.5em; float:left; clear:both; }
    ul { width:100%; margin:0.5em 0 1em 0; float:left; clear:both; }
    .hE { margin:-500em; position:absolute; top:-500em; left:0; height:0; width:0; padding:0; clear:none; float:none; }
    .hidden { display:none; }
    .module { width:100%; margin:0 0 1.5em 0; float:left; clear:both; }
        .module h2 { margin:0.2em 0 0.4em 0; }
    
        
  /* Header */
  #header { width:100%; font:1.4em Book Antiqua, Helvetica, Arial, Verdana, sans-serif; padding-bottom:10px; background-color:#101223; background-image:url(/i/picHeaderBG.png); background-repeat:repeat-x; float:left;  }
    #header #container { width:915px; margin:0 auto; padding:0 15px 0 10px; }
      #logo { width:402px; margin:30px 0 0 0; height:70px; float:left; display:inline; }
          #logo a { width:402px; height:70px; display:block; background:url(/i/charlievaughanDotCom.png); }
        #header ul { width:auto; text-transform:lowercase; margin:74px 0 0 0; padding:0; list-style:none; float:right; clear:none; }
            #header li { float:left; margin:0 25px 0 0; }
            #header .endLi { margin-right:0; }
              #header a:link, #header a:visited { color:#f09; text-decoration:none; }
              #header a:hover { color:#fff; }
              #header a:active { color:#c00; }

    
  /* Submenu */         
  #submenu { width:748px; padding:0 0 0.2em 12px; color:#ff0099; font: 1.2em Helvetica, Arial, Verdana, sans-serif;  }
    #submenu ul { margin:0; padding:0.5em 0 0 0; list-style:none; clear:both; float:left; } 
        #submenu li { margin-right:30px; float:left; }
          #submenu a:link, #submenu a:visited { text-decoration:none; }
          #submenu a:hover, #submenu a:active { text-decoration:underline; }
            
    
  /* Main */
  #content { width:940px; margin:0 auto; padding-top:1em; clear:both; }

    #lhc { width:336px; margin-right:13px; padding:1em 0 4em 10px; float:left; clear:left; }
      #lhc h1, #lhc h2, #lhc h3, #lhc p { width:325px; margin-left:2px; float:left; }
      #lhc ul { width:337px; float:left; }
        #lhc #thumbs { margin:0; padding:0; list-style:none; float:left; }
          #lhc #thumbs li { margin:0 3px 3px 0; float:left; }
            #lhc #thumbs a { width:78px; height:78px; display:block; }
                #lhc #thumbs a:link, #lhc #thumbs a:visited { border:1px solid #999; }
                #lhc #thumbs a:hover { border:1px solid #454545; }
                #lhc #thumbs a:active { border:1px solid #c00; }
      #lhc #projectTitle { width:325px; border-bottom:1px dotted #999; font-size:1.2em; line-height:1.4em; margin:1.5em 0 1.5em 2px; padding:0; list-style:none; display:inline; }
        #lhc #projectTitle li { width:325px; border-top:1px dotted #999; float:left; }
            #lhc #projectTitle a { width:300px; text-align:right; padding:0.25em 25px 0.25em 0; display:block; text-decoration:none; }
          #projectTitle a:link, #projectTitle a:visited {  }
          #projectTitle a:hover, #projectTitle a:active { background:#f6f6f6; }
        
        
    #rhc { width:400px; padding:1em 0 4em 0; float:left; }
      #mainImage, #mainImageLink { width:398px; height:398px; display:block; border:1px solid #999; margin-bottom:0.5em; float:left; }
        #mainImage:hover, #mainImageLink:hover { border:1px solid #656665; }
        #mainImage:active, #mainImageLink:active { border:1px solid #c00; }
        #mainImage img { width:398px; height:398px; }
            #mainImageLink #mainImage { border:0; margin:0; }
      #rhc p, #rhc h1, #rhc h2, #rhc h3 { width:396px; padding-left:4px; }
        #rhc h1 { margin-top:1.5em; }
        #rhc .url { color:#f09; }
      .popupNav { width:400px; list-style:none; padding:0; }
        .popupNav li { width:18px; border:2px solid #ccc; margin:0 4px; float:left; display:inline; }
            .popupNav a { width:8px; text-align:center; text-decoration:none; padding:4px 5px; display:block; }
                .popupNav a:link, .popupNav a:visited { color:#666; }
                .popupNav a:hover { color:#fff; background:#ccc; }
      .latestProjects a { width:398px; height:150px; display:block; }
        .latestProjects a:link, .latestProjects a:visited { border:1px solid #999; }
        .latestProjects a:hover, .latestProjects a:active { border:1px solid #656665; }
        .latestProjects img { width:398px; height:150px; }
      #rhc.latestProjects h2 { width:auto; font-size:0.9em; font-family:Arial, Helvetica, Verdana, sans-serif; margin:1em 0 0 0; padding:0 4px 0 5px; display:inline; }
        .latestProjects h2 a:link, .latestProjects h2 a:visited { text-decoration:none; line-height:1.5em; }
        .latestProjects h2 a:hover, .latestProjects h2 a:active { text-decoration:underline; line-height:1.5em; }
      #rhc.latestProjects p { width:auto; font-size:0.9em; margin:1em 0 1.5em 0; float:none; clear:none; }
        .latestProjects p a, .latestProjects h2 a { border:0; display:inline; }
        #rhc.latestProjects p a, #rhc.latestProjects h2 a { border:0; }


    #sidebar { width:160px; margin-left:20px; padding:1em 0 4em 0; display:inline; float:left; }
        #sidebar h2 { margin-bottom:0; }
        #sidebar ul { list-style:none; padding:0; }
            #sidebar li { width:160px; border-top:1px dotted #999; margin-top:0; padding:0.6em 0; position:relative; overflow:hidden; }
            #sidebar h3 { font-size:0.9em; margin:0; }
            #sidebar p { font-size:0.75em; margin-bottom:0; }
        #twitterModule h2 { width:100px; height:25px; background:url(/i/picTwitterLogo.gif); margin-top:0; }
            #twitterModule h2 a { width:100px; height:25px; display:block; }
        #twitterModule p { margin:0; }
        #spacerdotgifModule h2 { width:126px; height:25px; background:url(/i/picSpacerdotgifLogo.png); margin-top:0; }
            #spacerdotgifModule h2 a { width:100px; height:25px; display:block; }
            
        
   /* Footer */
    #footerContainer { width:100%; clear:both; background-color:#080A17; background-image:url(/i/picFooterBG.png); background-repeat:repeat-x; }
      #footer { width:900px; color:#fff; font-size:0.85em; margin:0 auto; padding:3em 20px 2em 20px; }
        #footer ul { margin:0; padding:0; list-style:none; }
        #footer a:link { color:#fff; }
        #footer a:visited { color:#5d5e81; }
        #footer a:hover { color:#444266; }
        #footer a:active { color:#c00; }
        #footer .columns { width:900px; margin:0; float:left;  }
          .columns div { width:286px; margin-left:20px; float:left; }
            #footer .firstColumn { margin:0; }
            .columns h3 { width:280px; font-size:1.6em; font-weight:normal; text-transform:lowercase; padding:0 4px 0.5em 2px; margin:0; border-bottom:1px solid #5d5e81; }
            #footer .columns ul { padding-bottom:2em; clear:both; float:left; }
              .columns li { width:286px; line-height:1.4em; }
                .columns a { width:258px; display:block; padding:0.5em 4px 0.6em 24px; border-bottom:1px solid #5d5e81; background-position:6px 0.55em; background-repeat:no-repeat; }
                  #footer .columns a:link { color:#fff; text-decoration:none; background-image:url(/i/picExternalIconBlk.gif); }
                  #footer .columns a:visited { color:#5d5e81; text-decoration:none; background-image:url(/i/picExternalIconBlk.gif); }
                  #footer .columns a:hover { color:#fff; background-color:#444266; background-image:url(/i/picExternalIconPrpl.gif); }
                  #footer .columns a:active { color:#c00; }
                  .columns a span { color:#999; }
                  #connections a { padding-left:26px; background-position:4px 0.4em; /*behavior:url(/css/iepngfix.htc);*/ }
                    #footer #diggProfile a { background-image:url(/i/iconDigg.gif); }
                    #footer #linkedInProfile a { background-image:url(/i/iconLinkedIn.png); }
                    #footer #facebookProfile a { background-image:url(/i/iconFacebook.gif); }
                    #footer #youTubeProfile a { background-image:url(/i/iconYouTube.png); }
                    #footer #twitterProfile a { background-image:url(/i/twitter.png); }
        #footer #footerMain { margin:1em 0; float:left; }
          #footerMain li { float:left; }
          #footerMain a { border-left:1px solid #5d5e81; padding:0 1em; float:left; }
            #footerMain .firstLi a { border:0; padding-left:0; }
              #footerMain a:link, #footerMain a:visited { text-decoration:none; }
              #footerMain a:hover, #footerMain a:active { text-decoration:underline; }
          #footer p { float:none; }
            #footer p a { border-left:1px solid #5d5e81; margin-left:0.5em; padding:0 0.8em; display:inline; }


#popupContainer { width:100%; height:1000px; position:absolute; top:0; left:0; z-index:0; }
    #popupBackground { width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); }
        html>body #popupBackground { position:fixed; }
    #popupWrapper { width:100%; height:100%; left:0; top:0; z-index:10; position:absolute; clear:both; }
        html>body #popupWrapper { position:fixed; }
        #popup { width:740px; height:512px; margin:115px auto 0 auto; position:relative; background:url(/i/picPopupBackgroundIE.png); }
            html>body #popup { background:url(/i/picPopupBackground.png); }
            #popupImage { width:694px; height:416px; text-align:center; margin:25px 23px 0; display:inline; position:relative; background:#fff; float:left; }
                #popupImage img { width:694px; height:416px; display:block; }
            /* setting as display:inline-block makes image appear in ie6 on change */
            #popup .popupNav { position:absolute; z-index:10; bottom:13px; left:20px; display:inline-block; }
                #popup .popupNav li { border-color:#444; }
                    #popup .popupNav a { color:#444; }
                    #popup .popupNav a:hover { color:#222; background:#666; }
            #btnClose { width:39px; height:39px; outline:none; cursor:pointer; position:absolute; top:-14px; right:-14px; background-image:url(/i/btnClosePopup.png); background-position:top left; behavior:url(/css/iepngfix.htc); display:block; clear:both; }
                #btnClose:hover { background-position:left bottom; }