@import url('css/font.css');
/*
Theme Name: Marketplace Blog v.2
Theme URI: http://envato.com
Description: Custom WordPress Theme
Version: 2.0
Author: Derek Herman
Author URI: http://valendesigns.com
*/

/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	color: #434343;
	background: #d2d1d0 url(images/background.png) repeat-x;
	font: 13px/19px tahoma, Geneva, sans-serif;
}
/*
body.subpage {
  font: 14px/20px tahoma, Geneva, sans-serif;
}
*/
p {
  padding-bottom: 19px;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Link Styles */
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: none;
}
/* post link */
h1 a:link, h1 a:visited {
	color: #191919;
}
h1 a:hover {
	color: #191919;
}
h1 a:active {
	color: #191919;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
  color:#191919;
  font-family: MgOpen Modata, Arial, Tahoma;
  line-height: 1em;
}
h1 {
  font-size: 40px;
  padding-bottom: 20px;
  margin-bottom: 20px;
	background: url(images/h1-border.jpg) repeat-x left bottom;
}
h2 {
  font-size: 27px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
	background: url(images/h1-border.jpg) repeat-x left bottom;
}
h3 {
  font-size: 21px;
  padding-bottom: 20px;
  padding-top: 10px;
}
h4 {
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 20px;
  padding-top: 10px;
}
/* Wraps */
#header_wrap {
  background: url(images/header-bg.jpg) repeat-x 0 0;
  z-index: 1200;
}
#content_wrap {
  position: relative;
  min-width: 982px;
  padding: 0 10px;
  padding-bottom: 20px;
}
#footer_wrap {
  position: relative;
  min-width: 982px;
  padding: 0 10px;
  background: #2c2a28 url(images/footer.png) repeat-x 0 0;
  height: 344px;
}
/* Header */
#header {
  position: relative;
  height: 196px;
  width: 982px;
  margin: 0 auto;
  z-index: 1200;
}
  /* Marketplace Switcher */
  #marketplace-switcher { 
    top: 60px; 
    left: 0px;
    cursor: pointer; 
    width: 250px; 
    height: 85px; 
    position: absolute; 
    z-index: 1300;
  }
    #marketplace-panel { 
      cursor: default; 
      position: absolute; 
      z-index: 1300; 
      top: 75px; 
      left: 0px; 
      width: 250px; 
      height: 315px; 
      background: #262625 url(images/switcher/marketplace-switcher-background.jpg) no-repeat top left; 
      border: 1px solid #565044; 
      -moz-border-radius: 5px; 
      -webkit-border-radius: 5px; 
    }
      #marketplace-panel ul { 
        padding: 10px 0; 
        list-style: none; 
      }
        #marketplace-panel ul li { 
          padding: 2px 30px; 
          padding-left: 15px;
          margin-bottom: 2px; 
          cursor: pointer; 
        }
        #marketplace-panel ul li:hover { 
          margin-bottom: 0px; 
          border-top: 1px solid #4b4842; 
          border-bottom: 1px solid #4b4842; 
          background-color: #20201f; 
        }
          #marketplace-panel ul li a { 
            display: block; 
            margin-top: 1px; 
            margin-bottom: 0px; 
          }
          #marketplace-panel ul li:hover a { 
            margin-top: 0px; 
            margin-bottom: 1px; 
          }
            #marketplace-panel ul li img {  
              padding-top: 8px; 
            }
  /* Navigation */
  ul.main-nav {
    position: absolute;
    bottom: 5px;
    left: 0;
  	list-style-type: none;
  	z-index: 1200;
  }
    ul.main-nav li {
    	float: left;
    	line-height: 38px;
    	padding-right: 10px;
    	padding-left: 10px;
    	margin-right: 15px;
    }
      ul.main-nav li.submenu {
    	background-image: url(images/arrow_down.gif);
    	background-repeat: no-repeat;
    	background-position: right 17px;
    	position: relative;
    }
    ul.main-nav li.submenu:hover, 
    ul.main-nav > li:hover {
    	border: 1px solid;
    	margin-right: 14px;
    	padding-left: 9px;
    	line-height: 34px;
    	position: relative;
    	top: 1px;
    }
      ul.main-nav li a {
      	color: #404040;
      	font-size: 14px;
      	line-height: 18px;
      }
      ul.main-nav li.submenu:hover a, 
      ul.main-nav li:hover a {
      	color: #fff;
      	text-decoration: none;
      }
      /* level Two */
      ul.main-nav li.submenu:hover div, 
      ul.main-nav li:hover div {
      	display: block;
      	margin-top: -1px;
      }
        ul.main-nav li.submenu:hover div ul li a {
        	color: #3b3b3a;
        }
        ul.main-nav li div {
        	display: none;
        	position: absolute;
        	left: -1px;
        	top: 34px;
        	z-index: 9999;
        	border: 1px solid #a7a7a7;
        	z-index: 1200;
        }
        ul.main-nav li div > ul {
        	list-style: none;
        	padding: 10px 4px;
        	padding-bottom: 20px;
        	width: 190px;
        	background-color: #f4f4f4;
        	overflow: hidden;
        	border: 1px solid #fff;
        }
        ul.main-nav li ul li {
        	padding: 0px !important;
        	font-size: 13px;
        	line-height: 20px;
        	float: none;
        }
          ul.main-nav li ul li a {
          	display: block;
          	text-decoration: none;
          	color: #3b3b3a;
          	padding: 5px;
          	padding-left: 10px;
          }
          ul.main-nav li ul li a:hover {
          	text-decoration: none;
          }
            /* Level Three */
            ul.main-nav li li ul {
              padding-bottom: 3px;
            }
              ul.main-nav li li li {
                line-height: 20px !important;
              }
                ul.main-nav li li li a {
                  font-size: 11px !important;
                  padding-left: 24px;
                  line-height: 12px !important;
                }
    /* Home Link */
    ul.main-nav li.home {
    	background: none !important;
    	border: none;
    	margin-right: 5px;
    	padding-left: 0px;
    	top: 0px;
    }
    ul.main-nav li.home a {
    	display: block;
    	height: 14px;
    	width: 18px;
    	text-indent: -9999px;
    	padding-right: 0px;
    	margin-right: 0px;
    	margin-top: 13px;
    	background: url(images/home-icon.jpg) no-repeat 3px 0;
    }
    ul.main-nav li.home a:hover {
    	background-position: 3px -14px;
    }
  /* Community Blog Logo */
  .community-blog {
    position: absolute;
    top: 85px;
    right: 0px;
  }
/* Content */
#content {
  position: relative;
  width: 982px;
  margin: 0 auto;
}
  #page {
    position: relative;
  	float: left;
  	background: #fff url(images/page-bottom.png) no-repeat right bottom;
  	width: 699px;
  	border-left: 1px solid #d5d5d5;
  	padding-bottom: 3px;
  }
    .page-top {
      position: absolute;
      top: -1px;
      left: -1px;
    }
    .inner_page {
      background: #f4f4f4 url(images/page-bg.png) repeat-y left top;
      min-height: 400px;
      width: 699px;
      float: left;
    }
    
    /* Post */
    .post {
      float: left;
      display: block;
      border-bottom: 1px solid #fff;
      width: 697px;
    }
      .entry {
        float: left;
        display: block;
        padding: 40px;
        width: 617px;
      }
        blockquote {
          font-style: italic;
          background: #e0e0e0;
          padding: 20px;
          border: 1px solid #a5a5a5;
          margin-top: 15px;
          margin-bottom: 15px;
          font-family: Arial, sans-serif;
          font-size: 13px;
          line-height: 18px;
        }
        .blockquote {
          border: 1px solid #a5a5a5;
        }
          .blockquote blockquote {
            border-color: #fff; 
          }
        .entry ul {
          padding-bottom: 20px;
          padding-top: 3px;
        }
          .entry ul li {
            padding: 4px 0 2px 0;
            padding-left: 35px;
            background: url(images/post-li.gif) no-repeat 10px 9px;
          }
            .entry li > ul {
              padding-bottom: 0px;
            }
        .entry ol {
          margin-left: 25px;
          padding-left: 10px;
          padding-bottom: 20px;
          padding-top: 3px;
        }
          .entry ol li {
            padding: 4px 0 2px 0px;
            list-style: decimal;
          }
            .entry li > ol {
              padding-bottom: 0px;
            }
      .top-image {
        float: right; 
        padding-left: 20px; 
        margin-bottom: 20px; 
        background-color: #f4f4f4;
      }
      .postimage { 
        float: right;
        margin-bottom: 20px; 
        margin-left: 20px;
        background-color: #f4f4f4;
        border: 1px solid #a5a5a5;
        padding: 1px;
      }
        .postimage img {
          background: #e0e0e0;
          padding: 9px;
          float: right;
        }
      .postimage-left { 
        float: left;
        margin-bottom: 20px; 
        margin-right: 20px;
        background-color: #f4f4f4;
        border: 1px solid #a5a5a5;
        padding: 1px;
      }
        .postimage-left img {
          background: #e0e0e0;
          padding: 9px;
          float: left;
        }
      .postimage-center { 
        clear: both;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px; 
        border: 1px solid #a5a5a5;
        padding: 1px;
        width: auto;
        background: #e0e0e0 url(http://flashden.net/images/common/backgrounds/white_line.png) repeat-x 0 0px;
      }
        .postimage-center img {
          background: #e0e0e0;
          padding: 9px;
          margin: 0 auto;
          display: block;
          max-width: 595px;
        }
      .postmetadata {
        position: relative;
        background: #ededed url(images/post-meta.png) no-repeat 0 0;
        float: left;
        display: block;
        width: 617px;
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        padding: 11px 40px 10px 40px;
        font-size: 11px;
        line-height: 18px;
      }
        .the_author {
          position: absolute;
          top: 10px;
          right: 40px;
          line-height: 20px;
        }
          .the_author .avatar {
            float: left;
            margin-right: 7px;
          }
          .the_author h4 {
            float: left;
            line-height: 22px;   
            font-size: 16px;
            text-transform: none;
            color: #656565; 
            padding-top: 0;   
          }
            .the_author h4 a {
              color: #656565;
            }
          /* Comments & Post Footer */
          .comments {
            position: relative;
            height: 105px;
            padding-top: 40px;
            background: url(images/h1-border.jpg) repeat-x left top;
            margin-top: 30px;
            clear: both;
          }
            .comments h2 {
              position: absolute;
              left: 98px;
              top: 50px;
              background: none;
              padding-top: 0;
              color: #000;
              line-height: 0.9em;
            }
              .comments h2 a {
                color: #000;
              }
                .comments h2 a span {
                  font-size: 14px;
                  color: #999;
                  font-style: italic;
                  display: block;
                }
              .post-count {
                height: 71px;
                width: 78px;
                text-align: center;
              }
                .post-count h3 {
                  font-size: 30px;
                  color: #fff;
                  padding-bottom: 0px;
                  margin-bottom: -5px;
                }
                .post-count span {
                  font-size: 10px;
                  line-height: 10px;
                  text-transform: uppercase;
                }
            .digg {
              position: absolute;
              right: 72px;
              top: 35px;
              padding: 5px 6px;
              padding-bottom: 6px;
              border: 1px solid #d2d1d0;
              background: #fff;
            }
            .tweetmeme {
              position: absolute;
              right: 0px;
              top: 35px;
              padding: 5px 6px;
              border: 1px solid #d2d1d0;
              background: #fff;
            }
          .post-footer {
            position: relative;
          }
            .post-footer h4 {
              text-transform: none;
              padding-bottom: 3px;
              padding-top: 0;
            }
            .the-author {
              position: relative;
              float: left;
              width: 225px;
              padding-left: 55px;
              padding-top: 15px;
              font-size: 12px;
              line-height: 18px;
            }
              .the-author .avatar {
                position: absolute;
                top: 15px;
                left: 0;
                background: #fff;
                padding: 1px;
                border: 1px solid #a5a5a5;
              }
            .post-footer ul {
              float: right;
              width: 307px;
              padding-top: 9px;
              margin-bottom: 0px !important;
            }
              .post-footer ul a {
                color: #555;
                text-decoration: none;
                display: block;
              }
              .post-footer ul a:hover {
                color: #000;
                text-decoration: none;
              }
                .post-footer ul li {
                  background-position: 0 11px;
                  padding: 6px 0 6px 25px;
                }
      /* Pagination */
      .pagination {
        height: 40px;
        padding: 0 40px;
      }
        .wp-pagenavi {
        	font-size: 11px;
        	text-transform: uppercase;
        	clear: both;
        	color: #666;
        	font-weight: normal;
        	margin-top: 15px;
        	padding: 10px 0 0 0;
        	text-align: right;
        }
          .wp-pagenavi a, 
          .wp-pagenavi .current {
          	padding: 3px 5px;
          	border: 1px solid #ccc;
          	margin-left: 3px;
          }
          .wp-pagenavi a:hover, 
          .wp-pagenavi .current {
          	color: #000;
          	background: #ddd;
          }
          .wp-pagenavi .pages {
          	float: left;
          }
          
      /* The Comments */
      #the_comments {
        padding: 20px 0;
        margin: 0px;
        margin-top: 20px;
        padding-bottom: 0px;
        background: url(images/h1-border.jpg) repeat-x left top;
      }
        #the_comments .commentlist {
          font-size: 13px;
          line-height: 18px;
          margin: 0;
          padding: 0;
        }
          #the_comments .commentlist li {
            background-image: none;
            padding: 0px;
            background-color: #fff;
            padding: 20px;
            padding-bottom: 35px;
            padding-right: 70px;
            border: 1px solid #d5d5d5;
            margin-bottom: 15px;
            position: relative;
          }
            #the_comments .commentlist li .avatar {
              position: absolute;
              right: 10px;
              bottom: -10px;
              background: #fff;
              padding: 1px;
              border: 1px solid #a5a5a5;
            }
            .comment-author {
              font-size: 16px;
              font-weight: bold;
              padding-bottom: 10px;
            }
            .commentmetadata {
              position: absolute;
              left: 20px;
              bottom: 10px;
              font-size: 10px;
            }
            
  /* Sidebar */
  #sidebar {
    float: right;
    position: relative;
    width: 280px;
  }
    #sidebar h2 {
      font-size: 32px;
      background: none;
      padding-bottom: 0;
      margin-bottom: 0;
      padding-top: 0;
    }
    .subscribe {
      padding-left: 20px;
      text-align: center;
    }
      .subscribe li,
      .subscribe li h2 {
        display: inline;
        line-height: 24px;
        padding-top: 0;
      }
      .subscribe li:first-child {
        padding-right: 5px;
      }
        .subscribe li img {
          vertical-align: bottom;
        }
      .subscribe p {
        font-size: 9px;
        color: #6e6e6e;
      }
    .search {
      background: url(images/search.gif) no-repeat 100% 0;
      width: 263px;
      padding-left: 17px;
      padding-bottom: 14px;
      height: 34px;
    }
      .search input {
        padding: 6px 15px;
        margin-top: 4px;
        width: 212px;
        border: none;
        background: none;
        color: #828282;
        font-family: Tahoma, arial;
      }
    .creattica_images {
      padding-left: 16px;
      padding-bottom: 30px;
    }
    .collection {
      padding-left: 16px;
    }
      .creattica_images h3 {
        font-size: 26px;
        color: #151515;
        width: 260px;
        padding-left: 4px;
        position: relative;
        padding-bottom: 15px;
        padding-top: 0;
      }
        .creattica_images h3 a {
          color: #151515;
        }
          .creattica_images h3 a img {
            position: absolute;
            top: 0;
            right: 0;
          }
      .creattica_images li,
      .collection li {
        display: inline;
      }
        .creattica_images li a,
        .collection li a {
          float: left;
          display: block;
          border: 1px solid #fff;
          margin-left: 2px;
          margin-bottom: 2px;
        }
        .collection li a {
          margin-bottom: 8px;
        }
          .creattica_images li a img,
          .collection li a img {
            float: left;
          }
    .popular_items {
      padding-left: 10px;
      padding-bottom: 30px;
    }
      .popular_items h3 {
        font-size: 26px;
        color: #151515;
        width: 260px;
        padding-left: 10px;
        position: relative;
        padding-bottom: 15px;
        padding-top: 0;
      }
        .popular_items h3 a {
          color: #151515;
        }
          .popular_items h3 a img {
            position: absolute;
            top: 0;
            right: 0;
          }
      .popular_items ul {
        clear: both;
        position: relative;
      }
        .popular_items li {
          display: inline;
          position: relative;
        }
          .popular_items li a {
            float: left;
            display: block;
            border: 1px solid #fff;
            margin-left: 8px;
            margin-bottom: 8px;
            position: relative;
          }
            .popular_items li a img {
              float: left;
            }
            .popular_items ul li a span {
              position: absolute;
              bottom: -9px;
              left: 3px;
              height: 22px;
              width: 75px;
              z-index: 99;
            }
    .jobs_list {
      padding-left: 18px;
      padding-bottom: 30px;
      width: 262px;
    }
      .jobs_list h3 {
        font-size: 26px;
        color: #151515;
        width: 260px;
        position: relative;
        padding-left: 2px;
        padding-bottom: 15px;
        width: 160px;
        padding-right: 100px;
        padding-top: 0;
      }
        .jobs_list h3 a {
          color: #151515;
        }
          .jobs_list h3 a img {
            position: absolute;
            top: -5px;
            right: 0;
          }
      #fsjobs_list {
        border: 1px solid #a6a6a6;
        width: 260px;
      }
        #fsjobs_list li {
          background: #e0e0e0;
          padding: 10px 20px;
          border: 1px solid #fbfbfb;
          border-bottom-color: #a5a5a5;
        }
        #fsjobs_list li:last-child {
          border-bottom-color: #fbfbfb;
        }
          #fsjobs_list li a {
  
          }
            #fsjobs_list li a span {
              display: block;
              color: #4c4c4c;
              font-size: 11px;
            }
          
/* Footer */
#footer {
  position: relative;
  height: 344px;
  width: 982px;
  margin: 0 auto;
  background: url(images/footer-bg.png) no-repeat 710px 40px;
  color: #8f887c;
}
  .envato_site {
    position: absolute;
    top: 35px;
    left: 0px;
  }
  #footer .desc {
    font-size: 15px;
    line-height: 20px;
    width: 670px;
    position: absolute;
    top: 100px;
  }
    #footer .desc a {
      color: #dbdbdb;
    }
  #footer .find_us {
    width: 190px;
    position: absolute;
    left: 750px;
    top: 45px;
  }
    #footer .find_us h2 {
      color: #e3dfd7;
      font-size: 26px;
      background: none;
      padding-bottom: 8px;
      margin-bottom: 0;
    }
    #footer .find_us p {
      padding-bottom: 13px;
    }
    #footer .find_us li {
      display: inline;
      padding-right: 10px;
    }
  #footer .copy {
    position: absolute;
    bottom: 48px;
    color: #837e76;
    font-size: 10px;
    text-transform: uppercase;
  }
    #footer .copy span {
      padding: 0 5px;
    }
    #footer .copy a {
      color: #cda869;
    }
  #footer .reg {
    font-size: 9px;
    position: absolute;
    bottom: 20px;
    color: #68635a;
    font-style: italic;
  }
/* Button */
a.input-link-dark { 
  float: right; 
  margin-left: 8px; 
  margin-top: 10px; 
  display:block;
  padding-left: 5px;
  position:relative;
  text-transform:uppercase;
  color: #fff;
  height: 22px;
  font-size: 10px;
  line-height: 22px; 
  overflow: hidden;
}
a.input-link-dark:hover {
  background-position:left bottom;
  text-decoration:none;
}
  a.input-link-dark span {
    padding: 0px 10px 0px 5px; 
    display: block; 
    float: left; 
    position: relative; 
    text-transform: uppercase; 
    color: #fff;
  }
  a.input-link-dark:hover span {
    background-position:right bottom;
  }