/* =Commons */
    *{margin:0;padding:0;outline:none;}
    img,fieldset{border:none;}
    ul{list-style:none;}
    
    body {font-family: Helvetica, Arial, sans-serif; background-color: #F1F1F1; padding-bottom: 10px;}

    h1 {color:#444; font-size:96px; font-weight:bold; letter-spacing:-0.06em; line-height:80px; margin:0 0 0; text-shadow:0 1px 0 rgba(255, 255, 255, 0.6); margin-bottom: 15px;}
    h2 {font-weight: normal; letter-spacing: -1px; font-size: 22px; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.6); font-family: Georgia,Times,Times New Roman,serif; color: #333; line-height: 130%; margin-bottom: 15px;}
    h2 span.highlight {background-color:#CE3E73;color: #fff; text-shadow:0 1px 0 rgba(0, 0, 0, 0.6); padding: 0 3px; text-decoration:  none;}
    h2 em {font-size: 18px; color: #444;}
    h3, label {font-size: 15px; line-height: 150%; font-weight: bold; text-shadow:0 1px 0 rgba(255, 255, 255, 0.6); "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; color: #333; letter-spacing: -0.1px;}
    h3 em {background-color: #333; color: #fff; font-size: 11px; font-weight: normal; text-shadow: none; padding: 1px 4px 1px 2px; -moz-border-radius: 2px;}
    h4 {margin: 5px 0 0;}
    span.h5 {border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; font-size: 16px; font-weight: bold; padding: 10px 0 10px 30px; background: #efefef url(/skin/arrow-right.gif) no-repeat 15px 14px; display: block;}
    p {font-size: 13px; line-height: 150%; text-shadow:0 1px 0 rgba(255, 255, 255, 0.6); "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; color: #333; letter-spacing: -0.1px;}
    p a, h3 a {color: #000; border-bottom: 1px dotted #999; text-decoration: none;}
    p a:hover, h3 a:hover {color: #3BAFEF; border-bottom-color: #3BAFEF;}

    .welcome {margin: 50px 0 0 50px; padding: 10px; border-bottom: 1px dotted #bbb; width: 810px;}
    .welcome p {width:400px; margin-bottom: 15px;}
    .welcome h1 {width: 900px;}
    .welcome h2 {width:600px;}
    
    .twitter_snipet {background: transparent url(../../skin/twitter_hover.png) 25px -10px no-repeat;}
    .twitter_snipet p {text-align: left; padding-left: 80px; }
    
    ul.shortcut {margin: 15px 0 0 50px; width: 810px; overflow: auto; padding: 10px 10px 20px 10px; border-bottom: 1px dotted #bbb;}
    ul.shortcut li {width: 200px; float: left; margin-right: 15px;}
    ul.shortcut li.social {margin-right: 0; width: 165px;}
    ul.shortcut li h3 a {border: none;}
    .social p.thumb {padding-left: 25px; background: transparent no-repeat;}
    .social p.thumb_flickr {background-image: url(/skin/icons/16x16_flickr.png);}
    .social p.thumb_facebook {background-image: url(/skin/icons/16x16_facebook.png);}
    .social p.thumb_twitter {background-image: url(/skin/icons/16x16_twitter.png);}
    .social p.thumb_linkedin {background-image: url(/skin/icons/16x16_linkedin.png);}
    .social p.thumb_youtube {background-image: url(/skin/icons/16x16_youtube.png);}
    
    .tease_portfolio, .tease_blog, .blog_main, .blog_archive, .twitter_snipet, .about_main, .contact_main {margin: 15px 0 0 50px; width: 810px; overflow: auto; padding: 10px 10px 20px 10px; border-bottom: 1px dotted #bbb;}
    
    .tease_portfolio #portfolio_past li {width: 260px; float: left; margin-right: 15px;}
    .tease_portfolio #portfolio_past li.last {margin-right: 0;}
    .tease_portfolio #portfolio_past li img {margin: 0 auto; border: 1px solid #ddd; border-collapse:collapse;}
    .tease_portfolio #portfolio_past p {margin-bottom: 5px;}
    .tease_portfolio #portfolio_past li div.img{padding-bottom: 5px; background: url(/skin/portfolio_shadow_alt.png) bottom right no-repeat;}
    
    .tease_blog {}
    ul.entries {}
    ul.entries li {overflow: auto; padding: 10px 0; xborder-bottom: 1px solid #ccc; margin-bottom: 10px; -moz-border-radius: 10px; cursor: pointer;}
    ul.entries li.odd {background-color: #f4f4f4;}
    ul.entries li.even {background-color: #f4f4f4;}
    ul.entries li:hover {background-color: #ddd;}
    ul.entries li div.details {width: 265px; float: left; padding-left: 10px;}
    ul.entries li .comments {padding-left: 20px; background: transparent url(/skin/icons/16x16_comment.png) no-repeat;}
    ul.entries li div.post {width: 525px; float: left;}
    
    /* Blog */
    .blog_main {}
    .blog_main h1, .blog_archive h1 {font-size: 48px; line-height: 40px;}
    .blog_main h1 a, .blog_archive h1 a {border: none; color: #444; text-decoration: none;}
      .blog_main h1 a:hover, .blog_archive a:hover {color: #3BAFEF;}
    .blog_main .details, .blog_archive .details {width: 265px; float: left; padding-left: 10px;}
    .blog_main .details .comments, .blog_archive .details .comments {padding-left: 20px; background: transparent url(/skin/icons/16x16_comment.png) no-repeat;}
    .blog_main .details .tags, .blog_archive .details .tags, .entries .tags {padding-left: 20px; background: transparent url(/skin/icons/16x16_tag.png) no-repeat; font-style: italic;}
    .blog_main .post {margin-bottom: 20px;}
    .blog_main .post, .blog_archive .post {width: 525px; float: left;}
    .blog_main .post p, .blog_archive .post p {margin-bottom: 10px;}
    .blog_main .post img {border: 5px solid #fff;}
    code, pre {background-color: #333; color: #fff; padding: 5px; text-shadow: none; display: block; width: 80%; border-left: 3px solid #000;}
    .tip {border-left: 1px solid #999; padding-left: 5px; display: block;}
    
      /* Blog Comments */
      .comments_main {margin-left: 275px; width: 515px; background-color: #f8f8f8; clear: left; padding: 10px; -moz-border-radius: 10px;}
      .comments_main h3 {padding: 5px 10px 10px 10px; border-bottom: 1px dotted #bbb;}
      .comments_main li {padding: 10px; overflow: auto;}
      .comments_main p.date {}
      .comments_main .img {width: 100px; float: left;}
      .comments_main .img img {border: 2px solid #fff;}
      .comments_main .text {width: 390px; float: left;}
        
        /* Blog Comments Form */
        .comments_main form {margin-top: 10px;}
        .comments_main form p, div.no_comments p {margin: 0 0 5px 0; color: #333;}
        .comments_main form div, div.no_comments {overflow: auto; padding: 10px;}
        .comments_main form div.hiddenFields {padding: 0;}
        .comments_main form label {float: left; width: 100px; display: block; line-height: 35px;}
        .comments_main form input.box {float: left; width: 380px; font-size: 18px;}
        .comments_main form textarea {margin-left: 100px; width: 380px; height: 140px; font-size: 16px; font-family: Helvetica, Arial, sans-serif;}
        .comments_main form .buttons {text-align: right;}
       
      /* Blog Share Main */
      .blog_share_main {margin-left: 275px; margin-bottom: 20px; margin-top: 20px; width: 515px; clear: left; padding: 10px; -moz-border-radius: 10px;
      background-color: #E9E9E9; -moz-box-shadow: inset 1px 1px 2px #cccccc;}

    /* Portfolio Archive */
    .portfolio {margin: 15px 0 0 50px; width: 810px; overflow: auto; padding: 10px 10px 20px 10px; border-bottom: 1px dotted #bbb;}
    .portfolio_item {width: 390px; float: left;}
    .portfolio_item.odd {width: 390px; float: left; margin-right: 26px;}
     .portfolio_item img {border: 1px solid #ccc; padding: 4px;}
     .portfolio_item img a {color: ;}
    
    /* About */
    .about_copy {width: 450px; padding-left: 320px; background: transparent url(../../skin/howdy.png) 25px 40px no-repeat;}
    .about_copy p {margin-bottom: 15px;}
    
    /* Contact */
    .contact_copy p.socialstuff strong {display: inline-block; width: 80px;}
    .contact_copy {width: 260px; float: left; margin-right: 50px;}
    .contact_copy p {margin-bottom: 30px;}
    .contact_details {width: 450px; float: left; background-color: #f5f5f5; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius:  5px; border-radius: 5px;}
    .contact_details p, .contact_details textarea {font-weight: normal; letter-spacing: -1px; font-size: 22px; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.6); font-family: Georgia,Times,Times New Roman,serif; color: #333; line-height: 160%; margin-bottom: 15px;}
    .contact_details input.blend {background-color: transparent; border: none; border-bottom: 1px dotted #ccc; font-weight: normal; letter-spacing: -1px; font-size: 22px; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.6); font-family: Georgia,Times,Times New Roman,serif; color: #000; line-height: 130%;}
    .contact_details textarea {width: 440px; height: 200px; font-size: 17px; background-color: #F5F5F5; padding: 5px; border: 1px solid #ccc; -webkit-border-radius:  5px; -moz-border-radius:  5px; border-radius: 5px;}
    .contact_details select {position: relative; top: -2px; font-size: 14px;}
    .contact_details button {float: right;}
    .contact_details p.small {font-size: 10px; color: #999; letter-spacing: 0px; font-family: Helvetica, Arial, sans-serif;}
      /* Error Messages */
      label.error {text-shadow:1px 1px 1px rgba(255, 255, 255, 0.6); font-family: Georgia,Times,Times New Roman,serif; color: #ff0000;}
      .contact_details input.error {border-bottom-color: #ff0000;}
    
    /* Header */
    .header {margin: 15px 0 0 50px; width: 810px; overflow: hidden; padding: 10px 10px 20px 10px; border-bottom: 1px dotted #bbb;}
    .header .main {width: 300px; float: left;}
    .header .logo {width: 300px; letter-spacing: -1px; font-size: 20px; font-weight: bolder;}
    .header .logo a {border: none;}
    .header .love {font-size: 11px; color: #bbb;}
    .header .love div {background: transparent url(../../skin/heart.png) 5px -4px no-repeat; text-indent: 9999px; width: 16px; height: 16px;}
    .header .nav {}
    .header .nav li a {display: block; border: none; padding-left: 10px;}
    .header .area {font-size: 25px; letter-spacing: -1px; text-align: right; font-weight: bolder; color: #ccc; width: 200px; float: right; line-height: normal;}
    .header .area a {border: none; color: #ccc; display: block;}
     .header .area a#nav_blog:hover {color: #7280A7;}
     .header .area a#nav_portfolio:hover {color: #444D75;}
     .header .area a#nav_contact:hover {color: #283256;}
    
    .footer {margin: 15px 0 0 50px; width: 810px; padding: 10px;}