@import url('css/resets.css');
/*
Theme Name: Work Awesome
Theme URI: http://workawesome.com
Description: Custom WordPress Theme
Version: 1.0
Author: Derek Herman
Author URI: http://valendesigns.com
*/

/* ---------------------------------------------------------------- 
 *  Layout
 * ---------------------------------------------------------------- 
*/

body {
	color: #555;
	background: #e7e6e0;
	font: 14px/20px Arial, Helvetica, sans-serif;
}
p {
  padding-bottom: 20px;
}
blockquote {
  position: relative;
  padding: 20px 40px;
  background-color: #e0f1f3;
  color: #283739;
  margin-bottom: 20px;
  border: 1px solid #cbdfe1;
  clear: both;
}
  blockquote p:last-child {
    padding-bottom: 0px; 
  }
  blockquote strong {
    color: #344345;
  }
  blockquote span.clip {
    width: 25px;
    height: 42px;
    position: absolute;
    left: -9px;
    top: 15px;
    background: url(images/clip.jpg) no-repeat 0 0;
    z-index: 3;
  }
/* Wraps */ 
#header_wrap {
  position: relative;
  min-width: 944px;
  height: 182px;
  padding: 0 40px;
  z-index: 1;
}
#content_wrap {
  position: relative;
  min-width: 944px;
  padding: 0 40px;
}
#footer_wrap {
  position: relative;
  min-width: 944px;
  height: 435px;
  padding: 0 40px;
  background: #242424 url(images/footer-bg.png) repeat-x 0 0;
}
/* Links */ 
a:link, 
a:visited {
	color: #389eca;
	text-decoration: underline;
}
a:hover {
	color: #000;
}
a:active {
	color: #389eca;
}

/* Post h1 Links */
h1 a:link, 
h1 a:visited {
  color: #242424;
  text-decoration: none;
}
h1 a:hover {
	color: #000;
}
h1 a:active {
	color: #242424;
}

/* headings */ 
h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
  color: #242424;
  line-height: 1em;
  font-weight: bold;
  padding-bottom: 10px;
  text-align: left;
}
  h1 {
    font-size: 44px;
    letter-spacing: -1px;
    padding-bottom: 0px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 14px;
    color: #d75600;
  }
  
/* Header */
#header {
  position: relative;
  width: 944px;
  height: 182px;
  margin: 0 auto;
  background: transparent url(images/header-bg.jpg) no-repeat 0 0;
  z-index: 1;
}
  .logo {
    position: absolute;
    bottom: -62px;
    left: 29px;
    z-index: 2;
  }
  .home_link {
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 10px;
    top: 55px;
    height: 155px;
    width: 265px;
    z-index: 2;
  }
  .updates-via {
    position: absolute;
    top: -172px;
    right: -16px;
    z-index: 10;
  }
  .updates-via a {
    padding-left: 4px;
  }
  .coffee {
    position: absolute;
    left: -155px;
    top: 0;
  }
  .wa-right {
    position: absolute;
    right: -17px;
    top: -182px;
  }
  .flash-drive {
    position: absolute;
    top: 350px;
    left: -140px;
  }
  .phone {
    position: absolute;
    left: -132px;
    top: 464px;
    z-index: 1;
  }
  .paper-clips {
    position: absolute;
    top: 480px;
    left: -145px;
    z-index: 2;
  }
  .mouse {
    position: absolute;
    top: -197px;
    right: -98px;
    z-index: 5;
  }
  .pen {
    position: absolute;
    top: 510px;
    right: -67px;
  }
  
/* Content */
#content {
  position: relative;
  width: 944px;
  margin: 0 auto;
  background: #fff url(images/content-bg.png) repeat-y 0 0;
  border-bottom: 1px solid #cdcbc7;
}
  .coffee-shadow {
    position: absolute;
    left: 0px;
    top: 81px;
    z-index: 10;
  }
  
  /* Navigation */
  #navigation {
    position: relative;
    background: url(images/navigation.jpg) no-repeat 0 0;
    height: 81px;
    width: 944px;
  }
  *:first-child+html #navigation {
    z-index: 1;
  }
    #navigation ul {
      left: 150px;
      top: 15px;
      position: relative;
    }
      #navigation ul li {
        display: inline;
      }
        #navigation ul li a {
          display: block;
          float: left;
          height: 36px;
          text-indent: -9999px;
          margin-right: 12px;
        }
        #navigation ul li a.home {
          width: 82px;
          background: url(images/front-nav.gif) no-repeat 0 0;
        }
        #navigation ul li a.topics {
          width: 73px;
          background: url(images/topics-nav.gif) no-repeat 0 0;
        }
        #navigation ul li a.contribute {
          width: 81px;
          background: url(images/con-nav.gif) no-repeat 0 0;
        }
        #navigation ul li a.about {
          width: 46px;
          background: url(images/about-nav.gif) no-repeat 0 0;
          margin-left: 12px;
        }
        #navigation ul li.current_page_item a,
        #navigation ul li.current_page_item a:hover.topics,
        #navigation ul li a:hover {
          background-position: 0 -36px;
        }
        #navigation ul li.current_page_item a.topics {
          background-position: 0 -72px;
        }
        #navigation ul li.active a.topics {
          background-position: 0 -36px;
        }
        
        #navigation ul li ul{
           clear: left;
           position: absolute;
           left: -999em;
           z-index: 999;
           width: 240px;
           margin-top: 0px;
           margin-left: 0px;
           background: #fdfdfe;
           border: 1px solid #c1c0bb;
           list-style: none;
           line-height: 1;
           padding: 15px 0;
           margin-bottom: 0px !important;
           z-index: 10;
        }
        
        #navigation ul li li{
           display: inline;
           _display: block;
           float: none;
           _float: left;
           margin: 0;
           text-transform: none;
           width: 240px;
        }
        #navigation ul ul li a {
        	color: #202020;
        	display: block;
        	padding: 5px 20px;
        	text-align: left;
        	font-size: 14px;
        	text-indent: 0;
        	height: 24px;
        	width: 180px;
        	text-decoration: none;
        }
        #navigation ul ul li a:hover {
        	text-decoration: underline;
        }
        #navigation ul li:hover ul,
        #navigation ul li.sfhover ul{
           left: 94px;
           top: 36px;
        }
        
  /* Switcher */
  .envato-link {
    position: absolute;
    width: 105px;
    height: 180px;
    right: -60px;
    top: -5px;
    z-index: 100;
    text-indent: -9999px;
    background: url(images/trans.gif) no-repeat 0 0;
    display: block;
  }
  #links {
    display: none;
  }
    #TB_window table {
      padding-bottom: 20px;
    }
    #TB_window table:last-child {
      padding-bottom: 0px;
    }
    #TB_window table .alt {
      width: 140px;
      font-weight: bold;
    }
    #TB_window table td {
      margin: 5px 0;
    }
    #TB_window table tr:hover a {
      color: #389eca !important;
    }
    #TB_window a {
      padding: 5px 0 !important;
    }
    .close {
    	position: absolute;
    	top: -10px;
    	right: -10px;
    	cursor: pointer;
    }
    .envato-top {
      position: absolute;
      top: 35px;
      left: 23px;
    }

  /* Featured */
  #featured {
    position: relative;
    width: 944px;
    min-height: 350px;
    background: #fff url(images/feat-bg.png) repeat-y 0 0;
    padding-bottom: 23px;
  }
    .feat-bottom {
      position: absolute;
      bottom: 0;
      left: 0;
    }
    #featured .post_image {
      float: left;
      width: 250px;
      padding: 0 0 60px 50px;
    }
    #featured .post {
      border-bottom: none;
      width: 560px;
      float: right;
      padding: 0px 40px 60px 0;
    }
  
  /* Sidebar */
  #sidebar {
    position: relative;
    float: left;
    width: 301px;
    margin-left: 1px;
  }
  body.home #sidebar {
    border-top: 1px solid #fff;
  }
    .side_push {
      height: 330px;
      width: 301px;
      background: #fff url(images/side_push.gif) no-repeat 0 100%;
    }
    body.home .side_push {
      display: none;
    }
    .search_bar {
      padding: 20px;
      background: url(images/search.jpg) no-repeat 20px 20px;
      width: 260px;
      height: 29px;
    }
      .search_bar input {
        padding: 7px 8px;
        width: 215px;
        border: none;
        background: none;
        color: #8c8c8c;
      }
    .update_bar {
      background: url(images/email-address.jpg) no-repeat 0 0;
      width: 260px;
      height: 29px;
    }
      .update_bar input {
        padding: 7px 8px;
        width: 215px;
        border: none;
        background: none;
        color: #8c8c8c;
      }
    .ads, .get_updates {
      padding: 0 0 20px 20px;
    }
      .ads img {
      	float: left;
      	padding: 5px 3px;
      }
    #sidebar .the_tabs {
      width: 309px;
      left: -30px;
  		position: relative;
  		margin-bottom: 60px;
    } 
      .tabnav {
        height: 121px;
      }
      	#sidebar .tabnav li {
        	display: inline;
        	list-style: none;
      	} 	
      		#sidebar .tabnav li a {
      		  display: block;
      		  float: left;
        		text-decoration: none;
        		text-indent: -9999px;
        		height: 121px;
      		} 
      		#sidebar .tabnav li a.latest-nav {
      		  width: 137px;
      		  background: url(images/latest-nav.gif) no-repeat 0 0;
      		} 
      		#sidebar .tabnav li a.popular-nav {
      		  width: 172px;
      		  background: url(images/popular-nav.gif) no-repeat 0 0;
      		}		
      		#sidebar .tabnav li.ui-state-active a.popular-nav {
      		  background-position: 0 -121px;
      		}		
      		#sidebar .tabnav li a:hover, 
      		#sidebar .tabnav li a:active, 
      		#sidebar .tabnav li.ui-tabs-selected a {
        		text-decoration: none;
      		} 		
      	#sidebar .tabdiv {
        	background: #fff;
        	border: 1px solid #d7d3cf;
        	border-top: none;
        	padding: 20px;
        	font-size: 12px;
        	color: #8c8c8c;
      	}
          #sidebar .ui-tabs-hide {
      		  display: none;
      		}
      		#sidebar .tabdiv li {
      		  padding: 15px 10px;
      		  border-bottom: 1px solid #f3f2f1;
      		}
      		#sidebar .tabdiv li:first-child {
      		  padding-top: 0px;
      		}
      		#sidebar .tabdiv li:last-child {
      		  border-bottom: none;
      		}
      		#sidebar #ui-tabs-4 {
      		  display: none;
      		}
      		.follow-us {
      		  position: absolute;
      		  right: 0px;
      		  bottom: -50px;
      		  font-size: 11px;
      		  font-style: italic;
      		}
      		  .follow-us a {
      		    float: right;
      		    height: 34px;
      		    padding: 12px 0;
      		    padding-right: 64px;
      		    color: #8c8c8c;
      		    text-decoration: none;
      		    background: url(images/lil-bird.png) no-repeat 100% 0;
      		  }
      		  html>body .follow-us a {

      		  }
    .size-matters {
      position: relative;
      padding: 0 20px;
      margin-bottom: 20px;
    }
      .size-matters h3 {
        padding-bottom: 55px;
      }
      .ruler {
        position: absolute;
        left: -30px;
        top: 25px;
      }
      #TwitterCounter {
        float: left;
      }
  
  /* Page */
  #page {
    position: relative;
    float: right;
    width: 642px;
  }
    .post {
      position: relative;
      padding: 40px 40px;
      padding-bottom: 30px;
      border-bottom: 1px solid #dddad7;
      z-index: 0;
    }
    body.archive div.post:first-child {
      padding-top: 0px;
    }
    body.page div.post {
      padding-top: 0px;
      border-bottom: none;
    }
    body.single .post {
      padding: 0px 40px;
      border-bottom: none;
    }
      .postmetadata {
        padding-bottom: 20px;
        padding-right: 50px;
      }
        .author_meta {
          color: #c2c0ba;
        }
          .author_meta a:link, 
          .author_meta a:visited {
            color: #b33900;
            font-style: italic;
            text-decoration: none;
          }
          .author_meta a:hover {
            color: #242424;
          }
          .author_meta a:active {
            color: #b33900;
          }
      .post-extras {
        position: absolute;
        right: 152px;
        bottom: 21px;
        min-width: 70px;
        float: right;
      }
        .comment_popup {
          float: left;
          padding-left: 6px;
        }
          .comment_popup a {
            float: left;
            font-weight: bold;
            padding: 0 10px 0 0;
            text-align: center;
            height: 24px;
            line-height: 20px;
            width: auto;
            text-decoration: none;
            background: transparent url(images/btn_right_comment.gif) no-repeat scroll right top;
            font-size: 11px;
          }
          .comment_popup a:hover {
            background-position: 100% -24px;
          }
            .comment_popup a span {
              display: block;
              padding: 0 0 0 10px;
              position: relative;
              white-space: nowrap;
              height: 24px;
              line-height: 20px;
              background: transparent url(images/btn_left_comment.gif) no-repeat scroll left top;
              color: #fff;
            }
            .comment_popup a:hover span {
              background-position: 0% -24px;
            }
        a.retweet {  
          display: block; 
          float: left;
          position: relative;
          width: 36px; 
          height: 20px; 
          text-decoration: none; 
          background: url(images/twitter-bird.gif) no-repeat 0 0; 
        }
        a:hover.retweet { 
          background-position: 0 -20px; 
        }
        a.more-link {
          position: absolute;
          right: 40px;
          bottom: 25px;
          font-weight: bold;
          padding: 0 10px 0 0;
          text-align: center;
          height: 20px;
          line-height: 20px;
          width: auto;
          text-decoration: none;
          background: transparent url(images/btn_right.gif) no-repeat scroll right top;
          clear: left;
          font-size: 11px;
        }
        a:hover.more-link {
          background-position: 100% -20px;
        }
          a.more-link span {
            display: block;
            padding: 0 0 0 10px;
            position: relative;
            white-space: nowrap;
            height: 20px;
            line-height: 20px;
            background: transparent url(images/btn_left.gif) no-repeat scroll left top;
            color: #fff;
          }
          a:hover.more-link span {
            background-position: 0% -20px;
          }
        .comment-updates {
          padding-bottom: 40px;
        }
        a.button, .button a {
          float: left;
          font-weight: bold;
          padding: 0 10px 0 0;
          text-align: center;
          height: 20px;
          line-height: 20px;
          width: auto;
          text-decoration: none;
          background: transparent url(images/btn_right.gif) no-repeat scroll right top;
          clear: left;
          font-size: 11px;
        }
        button {
          border: none;
          float: right;
          cursor: pointer;
          background-color: #d75600;
          color: #fff;
          font-weight: bold;
          padding: 0 10px 1px 10px;
          text-align: center;
          height: 21px;
          line-height: 21px;
          width: auto;
          border: 1px solid #d75600;
          -moz-border-radius: 10px;
        	-khtml-border-radius: 10px;
        	-webkit-border-radius: 10px;
        	font-size: 10px;
        }
        button:hover {
          background-color: #242424;
          border-color: #242424;
        }
        a:hover.button, .button a:hover {
          background-position: 100% -20px;
        }
          a.button span, .button a span {
            display: block;
            padding: 0 0 0 10px;
            position: relative;
            white-space: nowrap;
            height: 20px;
            line-height: 20px;
            background: transparent url(images/btn_left.gif) no-repeat scroll left top;
            color: #fff;
          }
          a:hover.button span, .button a:hover span  {
            background-position: 0% -20px;
          }

      .post_image_single {
        position: absolute;
        left: -250px;
        top: 0;
      }
      .archive_image {
        background: url(images/archive-bg.jpg) no-repeat 0 0;
        height: 205px;
        width: 190px;
        position: absolute;
        left: -250px;
        top: 0;
        padding: 95px 30px 0 30px;
        word-wrap:break-word;
        overflow: auto;
      }
        .archive_image p {
          color: #e7e6e0;
          font-style: italic;
          font-size: 13px;
          padding-bottom: 2px;
        }
        .archive_image h2 {
          color: #fff;
          font-size: 40px;
          letter-spacing: -1px;
        }
      .author-archive {
        padding-left: 55px;
        position: relative;
        font-size: 13px;
        line-height: 17px;
        padding-right: 50px;
      }
        .author-archive h4 {
          font-style: italic;
          color: #b33900;
          font-size: 14px;
          padding-bottom: 4px;
        }
          .author-archive h4 a {
            color: #b33900;
            text-decoration: none;
          }
        .author-archive .avatar {
          position: absolute;
          top: 0;
          left: 0;
          border: 1px solid #817f70;
        }
      .pagination {
        padding: 40px;
      }
        .pagination a {
          color: #3b3b3b;
          font-size: 14px;
          text-decoration: none;
        }
        .previous_page a {
          padding: 5px 0;
          padding-left: 35px;
          background: url(images/arrow-left.jpg) no-repeat 0 50%;
        }
        .next_page a {
          padding: 5px 0;
          padding-right: 35px;
          background: url(images/arrow-right.jpg) no-repeat 100% 50%;
        }
        .pagination a:hover {
          color: #389eca;
        }
    /* Lists */
    #page ul, #page ol {
    	margin-bottom: 30px;
    }
      #page li>ul, #page li>ol {
      	margin-bottom: 0px;
      }
      #page ul li {
      	margin-bottom:6px;
      	margin-left: 10px;
      	padding-left: 25px;
      }
      #page ol li {
      	margin-bottom:6px;
      	margin-left: 35px;
      }
      #page ul li {
      	background: url(images/li-arrow.jpg) no-repeat 0 5px;
      }
      #page ol li {
      	list-style: decimal;
    }
    /* Post Navigation */
    a.ajax-prev {
      position: absolute;
      left: -17px;
      top: 210px;
      height: 45px;
      width: 40px;
      background: url(images/ajax-prev.png) no-repeat 0 0;
      text-indent: -9999px;
    }
    a:hover.ajax-prev {
      background-position: 0 -45px;
    }
    .ajax-next {
      position: absolute;
      right: -17px;
      top: 210px;
      height: 45px;
      width: 40px;
      background: url(images/ajax-next.png) no-repeat 0 0;
      text-indent: -9999px;
    }
    a:hover.ajax-next {
      background-position: 0 -45px;
    }
    
    /* Image Styles */
    img.centered, .aligncenter, div.aligncenter {
    	display: block;
    	margin: 0 auto;
    }
    img.alignright {
    	padding: 0 0 15px 30px;
    	display: inline;
    }
    img.alignleft {
    	padding: 0 30px 15px 0;
    	display: inline;
    }
    .alignright {
    	float: right;
    }
    .alignleft {
    	float: left;
    }
    .wp-caption {
    	border: 1px solid #bab9b5;
    	text-align: left;
    	color: #777;
    	font-style: italic;
    	background-color: #dddcd6;
    	padding: 10px 5px;
    	margin-bottom: 30px;
    	-moz-border-radius: 2px;
    	-khtml-border-radius: 2px;
    	-webkit-border-radius: 2px;
    	border-radius: 2px;
    }
    .wp-caption img {
    	margin: 0 auto;
    	display: block;
    	padding: 0;
    	border: 0 none;
    }
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 13px;
    	padding: 10px 5px 0 5px;
    	margin: 0;
    }
    
    /* Retweet Styles */
    body.single a.retweet { 
      position: absolute;
      left: 10px;
      top: 10px; 
      font: 11px/16px Helvetica,Arial; 
      color: #444; 
      text-decoration: none; 
      border: 0px; 
      width:50px; 
      height:54px; 
      background: url(images/btn_tweet.gif) no-repeat 0 0; 
      padding: 7px 0 0 0; 
    }
    body.single a:hover.retweet { 
      background-position: 0 -61px; 
    }
      body.single a.retweet span { 
        color: #fff; 
      }
      body.single a.retweet em { 
        font-size: 11px; 
        font-style: normal; 
        letter-spacing: -0.5px; 
      }
    body.single a.vert { 
      display: block; 
      text-align: center; 
      font-size: 16px;
    }
      body.single a.retweet strong.vert { 
        display: block; 
        margin-bottom: -4px; 
      }
      body.single a.retweet span.vert { 
        display: block; 
        width: 50px; 
        font-size: 11px; 
        line-height:11px; 
        position: absolute; 
        bottom: 2px; 
      }
    /* Post Footer */
    .post-footer {
      position: relative;
      padding: 20px 0;
      margin-bottom: 20px;
      font-size: 13px;
      line-height: 17px;
      color: #555;
      background: url(images/post-footer-bottom.jpg) no-repeat 0 100%;
    }
      .post-footer h4 {
        font-style: italic;
        padding-bottom: 0px;
      }
        .post-footer h4 a {
          text-decoration: none;
          color: #b33900;
        }
      .the-author {
        position: relative;
        float: left;
        width: 205px;
        padding-left: 55px;
        padding-top: 15px;
      }
        .the-author .avatar {
          position: absolute;
          top: 15px;
          left: 0;
        }
      .post-footer ul {
        float: right;
        width: 260px;
        padding-top: 15px;
        margin-bottom: 0px !important;
      }
        .post-footer ul a {
          color: #555;
          text-decoration: none;
          display: block;
        }
        .post-footer ul a:hover {
          color: #389eca;
          text-decoration: none;
        }
          .post-footer ul li {
            background-position: 0 4px !important;
          }
      .extras {
        position: absolute;
        width: 149px;
        height: 83px;
        background: url(images/post-extras.jpg) no-repeat 0 0;
        right: 0;
        bottom: -103px;
      }
      a.print {
        position: absolute;
        right: 10px;
        top: 7px;
        height: 16px;
        width: 50px;
        background: url(images/print.png) no-repeat 0 0;
        text-align: center;
        font-size: 11px;
        text-decoration: none;
        color: #fff;
        padding-top: 48px
      }
      a:hover.print {
        background-position: 0 -64px;
      }
      
    /* The Comments */
    #the-comments {
      padding: 20px 40px 40px 40px;
    }
      #the-comments h2 {
        font-size: 30px;
      }
      #the-comments ul li {
        background-image: none;
        margin: 0;
        padding: 0;
      }
      .commentlist li.depth-1 > .comment-body {
        background: #f9f9f7;
        border: 1px solid #e7e6e4;
        -moz-border-radius: 6px;
      	-khtml-border-radius: 6px;
      	-webkit-border-radius: 6px;
      	border-radius: 6px;
        padding: 70px 75px 10px 30px;
        margin-bottom: 20px;
        position: relative;
      } 
        .commentlist li.depth-1 > .comment-body .comment-author {
          position: absolute;
          top: -1px;
          left: -1px;
          height: 35px;
          padding-top: 15px;
          padding-left: 20px;
          width: 540px;
          background: #f1f0ec;
          border: 1px solid #cfceca;
        	-moz-border-radius-topright: 5px;	
        	-webkit-border-top-right-radius: 5px;
        	-moz-border-radius-topleft: 5px;
        	-webkit-border-top-left-radius: 5px;
        }
          .commentlist li.depth-1 > .comment-body .comment-author .fn {
            color: #be4c00;
            font-size: 16px;
            font-style: italic;
          }
            .commentlist li.depth-1 > .comment-body .comment-author .fn a {
              color: #be4c00;
              text-decoration: none;
            }
          .commentlist li.depth-1 > .comment-body .comment-author .says {
            color: #555;
            font-size: 10px;
            font-style: italic;
          }
          .commentlist li.depth-1 > .comment-body .comment-author .avatar {
            position: absolute;
            right: 15px;
            top: 15px;
            border: 1px solid #817f70;
          }
          .commentlist li.depth-1 > .comment-body .comment-meta {
            color: #555;
            position: absolute;
            font-style: italic;
            font-size: 10px;
            right: 105px;
            top: 15px;
          }
            .commentlist li.depth-1 > .comment-body .comment-meta a {
              color: #555;
              text-decoration: none;
            }
            #the-comments ul.children {
              border-left: 1px solid #cfceca;
              margin-bottom: 20px;
              margin-left: 10px;
            }
            #the-comments ul.children li {
              position: relative;
              padding-left: 45px;
              padding-right: 75px;
              background: url(images/comment-line.gif) no-repeat 0 20px;
            }
              #the-comments ul.children .avatar {
                position: absolute;
                right: 15px;
                top: 10px;
                border: 1px solid #817f70;
              }
              #the-comments ul.children .comment-meta {
                display: none;
              }
              #the-comments ul.children .fn {
                color: #be4c00;
                font-style: italic;
                line-height: 35px;
              }
              #the-comments ul.children .says {
                color: #555;
                font-style: italic;
                font-size: 10px;
              }
      a.comment-reply-link {
        position: absolute;
        top: 15px;
        right: 75px;
        font-size: 10px;
        font-style: italic;
        text-decoration: none;
      }
      .text {
        padding: 5px 10px;
        background: #f9f9f7;
        border: 1px solid #dddad7;
        width: 440px;
        display: block;
        float: right;
        margin-bottom: 10px;
        font-family: Arial;
        font-size: 12px;
      }
      #the-comments p {
        clear: both;
      }
      #the-comments label {
        display: block;
        width: 90px;
        float: left;
        font-size: 12px;
        color: #242424;
      }
        #the-comments label span {
          color: #d75600;
        }
      .subscribe-to-comments {
        position: absolute;
        left: 100px;
        bottom: 0px;
        font-size: 10px !important;
      }
        .subscribe-to-comments label {
          line-height: 14px !important;
          width: 120px !important;
          position: absolute;
          top: 0;
          left: 30px;
          
        }
      #respond {
        position: relative;
      }
  
/* Footer */
#footer {
  position: relative;
  height: 435px;
  width: 944px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 18px;
  color: #837e76;
}
  #footer a {
    color: #cda869;
    text-decoration: none;
  }
  #footer a:hover {
    color: #fff;
  }
  .footer-wa {
    padding-top: 110px;
  }
  .footer-w {
    position: absolute;
    right: 0px;
    top: 188px;
  }
  .scissors {
    position: absolute;
    left: -230px;
    top: 19px;
  }
  #footer ul {
    position: absolute;
    top: 220px;
    left: 0;
  }
    #footer ul li {
      display: inline;
    }
    #footer ul ul {
      top: 33px;
      left: 280px;
    }
    #footer ul p {
      width: 205px;
      position: absolute;
      top: 33px;
      left: 517px;
    }
  .copy {
    position: absolute;
    left: 0;
    bottom: 10px;
    font-size: 10px;
  }