body {
      font-family: "Open Sans", sans-serif;
      font-size: 12px;
      color: #606060;
      margin: 0;
      padding: 0;
      background-color: #4E0725;
   }
/*   * {    
      border: 1px solid red !important; 
   }
/*---This is the container for content background---*/
   #wrapper {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      background-color: #F4F3F3;
      padding: 0;
   }
/*---This is for the header background---*/
   #container1 {
      width: 100%;
      background-color: #ffffff;
      margin: 0 auto;
      padding: 0;
   }
/*---This is for the footer background---*/
   #container2 {
      width: 100%;
      background-color: #4E0725;
      margin: 0 auto;
      padding: 0;
   }
/*---This is the header and navigation---*/
   header {
      width: 1000px;
      height: 150px;
      padding: 0;
      margin: 0 auto;
      background-color: #ffffff;
   }
   header h1 {
      font-family: "Lobster", cursive;
      font-size: 43px;
      font-weight: lighter;
      color: #606060;
      margin: 0px 0px -5px 0px;
      padding-left: 100px;
      padding-top: 40px;
      padding-bottom: 0;
   }
   header a {
      text-decoration: none;
      color: #606060;
   }
   header h2 {
      font-size: 17px;
      font-weight: 100;
      letter-spacing: 2px;
      color: #606060;
      padding-left: 100px;
      padding-top: 0px;
      margin: -5px 0px 5px 0px;
   }
   nav {
      float: right;
      margin-right: 50px;
   }
   ul {
      padding: 0;
      margin: 0;
   }
   nav li {
      display: inline;
      list-style-type: none;
      font-size: 12px;
      font-weight: bolder;
      letter-spacing: 1px;
      padding: 0px 10px;
      text-transform: uppercase;
   }
   nav a {
      color: #C3BFBE;
      text-decoration: none;
   }
   nav a.current {
      color: #61CFD3;
      text-decoration: none;
   }
   nav a:hover {
      color: #61CFD3;
      text-decoration: none;
   }
   nav a:active {
      color: #61CFD3;
      text-decoration: none;
   }
/*---This is the content---*/
   #content {
      width: 1000px;
      min-height: 500px;
      margin: 0 auto;
      padding: 0;
      background-color: #F4F3F3;
   }
/*---This is for the HOME page---*/
   img.hello {
      float: left;
      width: 408px;
      padding: 0px;
      margin: 40px 0px 40px 40px;
   }
   #hello {
      float: right;
      width: 450px;
      height: 400px;
      margin: 50px 50px 50px 0px;

   }
   #hello h1 {
      font-family: "Lobster", cursive;
      font-size: 80px;
      font-weight: lighter;
      color: #606060;
      padding-bottom: 0;
   }
   #hello h2 {
      font-family: "Lobster", cursive;
      font-size: 46px;
      font-weight: lighter;
      color: #606060;
      padding-top: 0;
      margin-bottom: 40px;
   }
   ul#links {
      height: 150px;
      margin: 0;
      padding: 0;
      list-style-type: none;
   }
 
   ul#links li{
      display: inline;
   }
   ul#links a {
      font-size: 14px;
      font-weight: bolder;
      color: #ffffff;
      text-decoration: none;
      text-transform: uppercase;
      text-align: center;
      display: block;
      float: left;
      width: 130px;
      padding: 60px 0;
      margin: 0 20px 0 0;
      background-color: transparent;
   }
   a.myresume {
      background-image: url(../images/resume_circle.png);
      background-repeat: no-repeat;
      background-position: center;
   }
   a.myresume:hover {
      background-image: url(../images/resume_circle_hover.png);
      background-repeat: no-repeat;
      background-position: center;
   }
   a.mywork {
      background-image: url(../images/work_circle.png);
      background-repeat: no-repeat;
      background-position: center;
   }
   a.mywork:hover {
      background-image: url(../images/work_circle_hover.png);
      background-repeat: no-repeat;
      background-position: center;
   }
   a.myblog {
      background-image: url(../images/blog_circle.png);
      background-repeat: no-repeat;
      background-position: center;
   }
   a.myblog:hover {
      background-image: url(../images/blog_circle_hover.png);
      background-repeat: no-repeat;
      background-position: center;
   }

/*---This is for every page except the HOME page---*/
   h1 {
      font-family: "Lobster", cursive;
      font-size: 80px;
      font-weight: lighter;
      color: #4E0725;
      padding-top: 20px;
      padding-bottom: 20px;
      margin: 0;
   }
   h2 {
      font-size: 17px;
      font-weight: lighter;
      letter-spacing: 1px;
      margin: 0;
      padding-top: 10px;
   }
   h3 {
      font-size: 16px;
      font-weight: bold;
      margin: 0;
   }
   p {
      padding-top: 10px;
      padding-bottom: 10px;
      letter-spacing: 1px;
      margin: 0;
   }
/*---This is for the RESUME page---*/
   #resume {
      width: 600px;
      margin-left: 90px;
   }
   img.resume {
      width: 120px; 
      margin: 30px 0px;
      float: left;
   }
   #about {
      width: 600px;
      padding: 0;
      margin: 0;
      border-top: solid 1px #C3BFBE;
   }
   #work {
      width: 600px;
      padding: 0;
      margin: 0;
      border-top: solid 1px #C3BFBE;
      clear: both;
   }
   #school {
      width: 600px;
      padding: 0;
      margin: 0;
      border-top: solid 1px #C3BFBE;
      clear: both;
   }
   .resume2 {
      width: 450px;
      padding: 20px 0;
      margin: 0;
      float: right;
   }
   .resume2 a {
      color: #9C0E4B;
      font-weight: bold;
      text-decoration: none;
   }

/*---This is for the sidebar on the RESUME page---*/
   #sidebar {
      float: right;
      width: 200px;
      margin-top: 50px;
      margin-right: 50px;
   }
   div#sidebar h2 {
      font-size: 17px;
      font-weight: lighter;
      padding-left: 5px;
      padding-top: 0px;
      padding-bottom: 5px;
      border-bottom: solid 1px #C3BFBE;
      margin-top: 0; 
      margin-bottom: 10px;
   }
   div#sidebar p {
      padding: 0px 0px 0px 5px;
      margin: 0;
   }
   div#sidebar img {
      width: 45px; 
      margin: 0;
   }
/*--This is the PROJECT page--*/
   #projects {
      width: 860px;
      margin: 0 50px 0 90px;
   }
   img.scroll {
      float: left;
      margin: 15px 20px 20px 0;
      padding: 0;
      width: 460px;
      height: 280px;
   }
   .project {
      border-top: solid 1px #C3BFBE;
      padding: 30px 0px;
      margin: 0;
      clear: both;
   }
   .description {
      width: 320px;
      float: right;
      margin: 0 0 30px 0;
   }
   img.icon {
      width: 100px;
      height: 100px;
      float: none;    
   }
   div#projects h2 {
      width: 320px;
      border-top: solid 1px #C3BFBE;
      margin: 20px 0 0 0;
      padding: 20px 0 10px 0;
   }
   .date {
      font-size: 10px;
   }
   #letstalk {
      border-top: solid 1px #C3BFBE;
      height: 60px;
      padding: 5px 0;
      clear: both;
   }
   #letstalk h5 {
      font-family: "Lobster", cursive;
      font-size: 20px;
      font-weight: lighter;
      margin: 20px 0;
   }
   #letstalk a {
      background-image: url(../images/talk_circle.png);
      background-repeat: no-repeat;
      background-position: center;
      width: 50px;
      height: 50px;
      margin: 5px 0;
      padding: 10px 0 0 0;
      float: right;
      text-align: center;
      vertical-align: middle;
      text-decoration: none;
      font-weight: bold;
      color: #ffffff;
   }
   #letstalk a:hover {
      background-image: url(../images/talk_circle_hover.png);
      background-repeat: no-repeat;
      background-position: center;
   }
/*--This is the CRAFT page--*/
   #crafts {
      width: 860px;
      margin: 0 50px 0 90px;
   }
   #crafts ul {
      list-style-type: none;
   }
   #crafts li {
      display: inline;
      float: left;
   }
   #crafts li p{
   position:absolute;
   top:0;
   left:0;
   z-index:1;
   color:#FFF;
   font-size:12px;   
   width:210px;
   padding:5px;
   margin:0;
   visibility:hidden;
   }
   #crafts a {
      text-decoration: none;
   }
   #crafts img {
      margin: 10px;
      padding: 0;
      width: 260px;
      height: 260px;
   }
   #backtotop {
      height: 60px;
      padding: 5px 0;
      clear: both;
   }
   #backtotop p {
      float: right;
      margin: 0 50px 0 0;
   }
   #backtotop a {
      text-decoration: none;
      font-weight: bolder;
      color: #606060;
   }
/*--This is the BLOG page--*/
   #blog {
      width: 850px;
      margin-left: 90px;
   }
   p.rssincl-itemtitle {
      font-size: 17px;
      font-weight: bolder;
      letter-spacing: 1px;
      margin: 0;
      padding: 10px 0 0 0;
   }
   p.rssincl-itemtitle a {
      text-decoration: none;
      color: #8B8519;
   }
   .rssincl-entry {
      letter-spacing: 1px;
   }
   .rssincl-entry table {
      margin: 10px 0;
   }
   .rssincl-entry a {
      font-weight: bold;
      text-decoration: none;
      color: #9C0E4B;
   }
   .rssincl-entry a:hover {
      color: #8B8519;
      text-decoration: none;
   }
   .rssincl-entry a:active {
      color: #8B8519;
      text-decoration: none;
   }
   .rssincl-entry a:visited {
      color: #4E0725;
      text-decoration: none;
   }
   p.rssincl-itemdate {
      font-size: 12px;
      font-weight: lighter;
      font-style: italic;
      margin: 5px 0;
      padding: 0;
      color: #C3BFBE;
   }
   a#readmore {
      font-family: "Lobster", cursive;
      font-size: 20px;
      font-weight: lighter;
      color: #606060;
      margin: 0px 0px 20px 50px;
      padding: 0;
      float: left;
      text-decoration: none;
   }
/*--This is the CONTACT page--*/
   #contact {
      width: 300px;
      float: left;
      margin: 0 50px 0 90px;
   }
   #contact h1 {
      color: #9C0E4B;
   }
   #contact p {
      margin: 0;
      padding: 0 0 10px 0;
   }
   #contact img {
      width: 24px;
      height: 24px;
   }
   #contact a {
      text-decoration: none;
      color: #9C0E4B;
      font-weight: bolder;
   }
   #bold{
      font-weight: bolder;
   }
   #form {
       width: 470px;
       float: right;
       margin: 50px 40px 0 0;
   }
   #form p {
      padding: 0;
      margin: 10px 0 10px 0;
   }
   input,textarea {
       border: none;
       width: 440px;
       float: right;
       font-size: 14px;
       font-weight: bolder;
       margin: 0 0 5px 0;
       padding: 5px;
       background-color: #ffffff;
   }
   #send {
       width: 50px;
       float: right;
       clear: both;
       background-color: #D1C825;
       font-size: 14px;
       font-weight: bolder;
   }

/*---This is for the footer---*/
   footer {
      font-family: "Open Sans", sans-serif;
      color: #ffffff;
      background-color: #4E0725;
      width: 900px;
      height: 100px;
      margin: 0 auto;
      padding-top: 20px;
      clear: both;
   }
   .foot {
      float: left;
      width: 300px;
      height: 200px;
   }
   footer a {
      text-decoration: none;
   }
   #mailto a {
      text-decoration: none;
      color: #ffffff;
   }
   footer img {
      width: 50px;
      height: 50px;
      margin: 0 20px 0 0;
      padding: 0;
      float: left;
   }
   .container3 {
      width: 230px;
      padding: 5px 0;
      float: right;
      font-weight: bold;
   }
   img.social {
      width: 16px;
      height: 16px;
      margin: 5px 10px 5px 0;
   }