/*  
Theme Name: Tumble Press
Theme URI: http:demo.colorlabsproject.com/tumblepress/
Description: A WordPress theme by ColorLabs
Version: 1.2.7.2
Author: ColorLabs & Company
Author URI: http:colorlabsproject.com/
Tags: blue, dark, left-sidebar, one-column, two-columns, flexible-width, custom-menu, post-formats, theme-options, threaded-comments, translation-ready, front-page-post-form, featured-images, photoblogging, seasonal
*/
/* Copyright 2011, Colorlabs Project */ 

@charset "utf-8";
/* CSS RESET */
/* http:meyerweb.com/eric/tools/css/reset/ */
body, html { height:100%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  margin:0;
  padding:0;
}
body { line-height:1em; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:none; }
a {
  text-decoration:none;
  color:#fff
}
:focus { outline:0; }
del { text-decoration:line-through; }
table {
  border-collapse:collapse;
  border-spacing:0;
}
p, ul, ol { margin-bottom:15px; }
/* Floating & Alignment  */
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
/* Clear Floats  */
.col-full:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.fix {
  clear:both;
  height:1px;
  overflow:hidden;
  margin:-1px 0 0;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
  background:none;
  border:0;
  clear:both;
  display:block;
  float:none;
  font-size:0;
  list-style:none;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
  margin:0;
  padding:0;
}

/* Typography
------------------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  width: auto;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h1 {
  font-size:28px;
  color:#fff;
  font-family:Arial;
  font-weight:normal;
}
h2, h3 {
  font-size:24px;
  color:#e9f5f9;
  font-family:Arial;
  line-height: 1.2em;
}
h3 { font-size:20px }
h4 {
  font-size:16px;
  color:#fff;
  font-family:Times New Roman;
  font-weight:bold;
}
h5, .widget h4 {
  font-size:12px;
  color:#fff;
  font-family:Arial;
  font-weight: normal;
}
h6 {
  font-size:11px;
  font-family:Arial;
  font-weight:normal;
}
blockquote {
  font-size: 20px;
  padding-bottom:30px;
  padding-left: 20px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

table {
  width: 100%;
  margin-bottom: 20px;
}
table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #dddddd;
}

table {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
table th,
table td {
  border-left: 1px solid #dddddd;
}
table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td {
  border-top: 0;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

ul, ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-shadow: none;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

input[type="submit"] {
  display: inline-block;
  padding: 5px 14px;
  color: #333;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}


/* Alignments
------------------------------------------------------------------- */
.left, .alignleft { float:left; }
.right, .alignright { float:right; }
/* Float Properties*/
.clearfloat:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfloat { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfloat { height:1%; }
*+html .clearfloat { height:1%; }
.clearfloat { display:block; }
/* CSS DOCUMENT */
body {
  margin:0;
  background: #28454f url(images/bg-noise-pat.png);
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  color:#e9f5f9;
  font-weight: normal;
}
#page {
  padding:0px 20px;
  width:860px;
  margin:0px auto;
  min-height:100%;
  overflow:hidden;
}
#footer-wrapper {
  clear:both;
  padding:0px 20px;
  width:840px;
  margin:0px auto;
  overflow:hidden;
}
/* HEADER */
#header { height:148px; }
/* Navigation Bar*/
#navbar1 {
  height:42px;
  width:560px;
  float:right;
}
#navbar1 ul {
  float:left;
  overflow:hidden;
  -webkit-border-radius:0 0 5px 5px;
     -moz-border-radius:0 0 5px 5px;
          border-radius:0 0 5px 5px;
}
#navbar1 ul li {
  float:left;
  text-transform:uppercase;
  list-style:none;
}
#navbar1 li:first-child a { 
  -moz-border-radius-bottomleft:5px;
  border-left:none
}
#navbar1 li:last-child a { 
  -moz-border-radius-bottomright:5px;
  border-right:none
}
#navbar1 ul li a {
  background:#e8e7e7;
  background:-moz-linear-gradient(#f9f9f9, #e7e5e5);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #e7e5e5));
  border-right:1px solid #dddada;
  border-left:1px solid #ffffff;
  float:left;
  color:#666;
  display:block;
  padding:15px 25px;
  font-size:11px;
  text-transform:uppercase;
}
#navbar1 ul li a:hover, #navbar1 .sf-parent.sf-hover > a {
  text-decoration:none;
  background:-moz-linear-gradient(#e7e5e5, #f9f9f9);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e5e5), color-stop(1, #f9f9f9));
}
.description { display:none; }
/* Logo */
#logo {
  float:left;
  width:260px;
  padding-top:150px;
  padding-bottom:30px;
}
/* CONTENT */
#content-body {
  width:560px;
  float:right;
  padding-bottom:52px;
}
.title {
  padding-top:-20px;
  text-shadow:0 2px #000;
}
.content {
  width:560px;
  clear:both;
  margin:20px 0;
  float:left;
  background:url(images/line_content.png) no-repeat bottom;
  padding-bottom:20px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.post {
  width:460px;
  float:left;
  padding-top: 20px;
  text-shadow:0 1px #000;
  line-height:1.7;
  font-size:14px;
  font-weight:normal
}
.post a { color:#ffd400 }
.post-title a { color:#e9f5f9; }
.post-title a:hover {
  color:#fff;
  text-decoration:none;
}
.title-caption { font-size:20px; }
.caption {
  font-size:13px;
  line-height:1.5;
}
.quote-author {
  color:#ffd400;
  font-size:18px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  margin-top:-10px;
}
.post .title { font-size:20px; }
.post .video {
  border:none;
  margin-bottom:10px;
}
.post li { text-shadow:0 1px #000; }
.post img {
  border:2px solid #fff;
  margin-bottom:10px;
  max-width:456px;
  height:auto
}
.post img.fl { margin-right:15px; }
.link {
  margin-top:-5px;
  padding-bottom:55px;
}
.wp-caption {
  margin-top:5px;
  width:auto;
}
.wp-caption img { margin:0 }
.wp-caption .wp-caption-text {
  font-size:12px;
  margin:0;
  padding:5px 0 10px
}
.post .alignleft { margin-right:20px }
.post .alignright { margin-left:20px }
.social_share { margin-top:20px }
/* Post Info */
.info-post {
  width:80px;
  float:right;
  font-size:12px;
  color:#e9e6f9;
  padding-top:10px;
}
.info-post ul {
  margin-left: 0
}
.info-post li {
  list-style:none;
  padding:10px 0;
  color:#fff;
}
.info-post .category img { vertical-align:middle; }
.date, .info-post .tags, .info-post .category, .meta-author { background:url(images/line_info.png) no-repeat bottom; }
.info-post .tags a { color:#fff; }
.info-post li:first-child a:hover { text-decoration:none }
.info-post .tags a:hover, .info-post a:hover { text-decoration:underline; }
/*Author tooltip*/
.meta-author { position:relative }
.author-description {
  display:none;
  text-align: left;
  position: absolute;
  width: 200px;
  padding: 10px;
  background: #589DAC;
  background: rgba(88, 157, 172,.9);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  top: 25px;
  right: 0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-weight:normal;
  box-shadow:0 1px 3px rgba(0,0,0,.8), inset 0 0 0 2px rgba(255,255,255,0.3)
}
.author-description::before, .author-description::after {
  content: "";
  position: absolute;
  display: block;
  border-width: 9px;
  border-style: solid;
  width: 0;
  height: 0;
  right:40px
}
.author-description::before {
  border-color: transparent transparent #A8C4C7 transparent;
  top: -18px;
}
.author-description::after {
  border-color: transparent transparent #75abb5 transparent;
  top: -15px;
}
.author-description img {
  z-index:1;
  float:left;
  margin:3px 10px 0 0
}
.author-description p {
  margin:0;
  line-height:1.4
}
.author-description a {
  display:block;
  margin-top:10px
}
.author-description a:hover { color:#ffd400 }
/* Pagination */
#pagination {
    float:left;
    margin-top:30px
}
#pagination span, #pagination a, .enlarge a {
    background:#3a5159;
    background:rgba(255,255,255,.1);
    margin-right:10px;
    float:left;
    padding:10px 13px;
    -webkit-transition:all 0.5s ease;
       -moz-transition:all 0.5s ease;
    -webkit-border-radius:25px;
       -moz-border-radius:25px;
            border-radius:25px;
}
#pagination .current, #pagination a:hover, .enlarge a:hover {
    font-weight:bold;
    background:#7e8f95;
    background:rgba(255,255,255,.4);
}
/* Navigation */
#navigation { padding-top:20px; }
.previous a {
  color:#e9f5f9;
  float:left;
  font-style:bold;
  line-height:1.7;
}
.next a {
  width:240px;
  color:#e9f5f9;
  float:right;
  font-style:bold;
  line-height:1.7;
  text-align:right
}
/* SIDEBAR */
#sidebar {
  width:260px;
  float:left;
  margin-right:20px;
}
.widget {
  margin-bottom:25px;
  line-height:16pt;
  overflow:hidden;
  width:260px
}
.widget h4 {
  text-transform:uppercase;
  margin-bottom:10px;
  display:block;
  font-size:15px;
  text-shadow:0 1px 0 #000
}
.widget_tag_cloud a:hover { color:#ffd400; }
.widget li { line-height: 24px; }
.widget li a:hover { color:#ffd400 }
.widget ul {
  margin-left: 0
}
.widget ul ul,
.widget ul ol,
.widget ol ol,
.widget ol ul {
  margin-left: 20px;
}
.widget select {
  height: 30px;
  width: 100%;
}

/* Widget RSS */
.widget_rss li {
  margin-bottom: 20px;
}
.widget_rss a.rsswidget {
  font-weight: bold;
}
.widget_rss .rss-date {
  display: block;
  margin-bottom: 5px
}

/*Author Box*/
#sidebar #author {
  width:240px;
  background: url(images/author_bg.png) repeat;
  border:1px hidden #e8f4f8;
  border-radius:5px;
  float:left;
  margin: 0 0 20px;
  padding:10px;
  font:#e9e6f9;
  font-size:13px;
  line-height:1.4;
  text-shadow:0 1px #000;
}
#author .avatar {
  background-color:#c668c3;
  border:2px solid #fff;
  margin:2px 10px 10px 0;
  padding-top:-5px;
  float:left
}
.socnet {
  list-style:none;
  float:left;
}
.socnet ul {
  margin: 0
}
.socnet ul li {
  float:left;
  padding-right:6px;
  list-style:none;
}
.socnet ul li a { list-style:none; }
/* Search Box */
#s {
  float:left;
  border:1px solid #758296;
  background:url(images/lup.png) right center no-repeat;
  padding:10px 5px 5px 12px;
  margin-top:25px;
  margin-bottom:25px;
  width:240px;
  color:#e9e6f9;
  -webkit-border-radius:15px;
     -moz-border-radius:15px;
          border-radius:15px;
  -webkit-box-shadow:3px 3px 5px rgba(0,0,0,.5) inset;
     -moz-box-shadow:3px 3px 5px rgba(0,0,0,.5) inset;
          box-shadow:3px 3px 5px rgba(0,0,0,.5) inset; 
}
#searchform label, #searchsubmit { display:none }
/*calendar*/
#wp-calendar td, #wp-calendar th {
  padding:10px;
  line-height:12pt
}
#wp-calendar #next { text-align:right }
#wp-calendar td a { font-weight:bold }
#today { background:#eee }
#today a, #today { color:#333 }
/* Flickr Photo */
.widget_colabs_flickr p {
    line-height:1.5;
    display:block;
    float:none;
    clear:both
}
.flickr_badge_image {
  list-style:none;
  float:left;
  margin-right:14px;
  margin-bottom:14px;
}
.flickr_badge_image:nth-child(4n+5) { margin-right:0 }
.flickr_badge_image img {
  width:48px;
  height:48px;
  display: block;
}
.flickr_badge_image a {
  border:3px solid #fff;
  float:left;
}
.flickr_badge_image a:hover {
  list-style:none;
  width:48px;
  border:3px solid #ffd400;
  height:48px;
  float:left;
}
.flickr .fr { margin:0 }
/* Twitter widget */
.widget_colabs_twitter li { margin:0 0 15px 0 }
.widget_colabs_twitter li a { 
  display:inline;
  font-weight:bold;
  font-style:italic
}
.widget_colabs_twitter .time { 
  color:#ffd400;
  font-weight:normal;
  font-style:normal
}
.widget_colabs_twitter .content {
    width:auto;
    float:none;
    background:none
}
/* Tab Widget */
#tabs ul {
    list-style:none;
    overflow:hidden;
    margin:0
}
#tabs li { margin:0 }
.colabsTabs li {
    float:left;
    width:auto;
    padding:0;
    background:none;
    font-size:13px
}
.colabsTabs a {
    display:block;
    padding:7px 10px;
    color:#fff;
}
.colabsTabs li a:hover, .colabsTabs .selected {
    text-decoration:none;
    color:#fff;
    background:url(images/author_bg.png) repeat
}
#tabs .box {
    background:url(images/author_bg.png) repeat;
    padding:0 10px;
    overflow:hidden;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px
}
#tabs .box li {
    overflow:hidden;
    margin:12px 0;
    padding-bottom:5px;
    border-bottom: 1px solid #758296
}
.box div { overflow:hidden }
.box a{ color:#fff; float:left; font-size:12px }
.box img {
    padding:2px;
    border:1px solid #ddd;
    margin-right:5px;
    float:left;
    width:35px;
    height:35px
}
.box .meta {
    color:#f0f0f0;
    float:left;
    display:block;
    font-size:11px
}
#tab-pop a:last-child, #tab-latest a { float:none }
#tab-tags { margin:12px 0 }
#tab-tags a { line-height:28px; padding-right:5px }
#tab-tags a:hover, #tab-comm .author { color:#ffd400 }
#tab-comm li, #tab-comm span { color:#fff; font-size:12px }
/* Ads*/
.adspace-widget a { margin:0 3px }
.adspace-widget a, .ads125 a {
    float:left;
    border:1px solid #fff
}
/*Maps Widget */
#colabsmap { border:1px solid #758296 }
.enlarge a { margin-top:15px; padding:5px 20px }
.enlarge a:hover { font-weight:normal }

/* FOOTER */
#footer {
  width:560px;
  height:52px;
  float:right;
  background-color:#20353e;
  border-top:2px solid #643868;
  position:relative;
  clear:both;
}
.navbar2 { float:left; }
.navbar2 li {
  float:left;
  list-style:none;
}
.navbar2 li a {
  float:left;
  color:#fff;
  margin:-4px 10px 0px 10px;
  font-size:11px;
  text-transform:uppercase;
}
.navbar2 li a:hover { color:#ffd400; }
.copyrights a {
  float:right;
  color:#fff;
  margin:10px 10px 0px 0px;
  padding-right:10px;
  font-size:11px;
}
.post-result {
    float:right;
    width:540px;
    margin-top:70px;
    padding:0 10px;
    background:url(images/author_bg.png) repeat;
    display:block;
    position:relative;
    text-shadow:0 2px 0 rgba(0,0,0,.5)
}
.post-result h3 { margin:10px 0}
.post-result .close {
    position:absolute;
    top:10px;
    right:5px;
    font-size:20px
}
/* COMMENTS FIELD */
.commentlist {
  margin-left: 0;
}
#comment-wrapper {
    margin-bottom:50px;
    width:560px;
    text-shadow:0 1px 0 #000;
    font-size:14px
}
#comment-wrapper.comments { background:none }
.comments, .paging {
  background: url(images/line_content.png) top center no-repeat;
  padding-top:30px;
  font-size:12px;
  overflow:hidden
}
#comment-wrapper h3 { padding-bottom:20px; }
#comment-wrapper .comment,
#comment-wrapper .pingback {
  padding-top:20px;
  padding-bottom:15px;
  background:url(images/line_content.png) bottom center no-repeat;
  list-style:none;
  line-height:16pt;
  clear:both
}
#comment-wrapper .children { margin-left:80px }
#comment-wrapper .children .comment:last-child { background:none }
#comment-wrapper .photo {
  background:none;
  border:0;
  float:left;
  padding-right:20px;
  margin-top:5px;
}
.detail-comments {
  float:left;
  padding-left:63px;
}
.commenter-name {
  font-size:12px;
  font-weight:bold;
}
.comments-date { font-size:10px; }
.meta-comment { 
  overflow:hidden; 
  position:relative;
  margin-left:63px
}
.pingback .meta-comment {
  margin-left: 0
}
.comment-reply-link {
  background-color:#8196ab;
  color:#fff;
  font-size:10px;
  padding:1px 10px;
  text-transform:uppercase;
  top:0;
  right:0;
  position:absolute;
  text-shadow:0 1px 0 rgba(0,0,0,.5)
}
#respond { margin-top:20px }
#respond form { overflow:hidden }
#reply-title small { float:right; }
.add-comments {
  float:left;
  padding-top:20px;
  padding-bottom:50px;
  width:560px;
}
textarea, input {
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  padding:5px
}
.detail-add { float:right; }
.field-comments { float:left; }
textarea#comment {
  width:370px;
  height:160px;
  border:1px solid #758296;
  border-radius:1px;
  background:url(images/field_bg.png);
  box-shadow:3px 3px 5px rgba(0,0,0,.5) inset;
  display:block;
  float:left;
  resize:none
}
.depth-2 textarea#comment { width:300px }
#commentform label, #commentform .required { display:none }
#commentform input[type=text] {
  width:145px;
  padding:7px 5px;
  margin:0;
  border:1px solid #758296;
  border-radius:1px;
  background:url(images/field_bg.png);
  -webkit-box-shadow:3px 3px 5px rgba(0,0,0,.5) inset;
     -moz-box-shadow:3px 3px 5px rgba(0,0,0,.5) inset;
          box-shadow:3px 3px 5px rgba(0,0,0,.5) inset;
}
#commentform input[type=submit] {
  width:157px;
  height:30px;
  border:1px solid #758296;
  border-radius:1px;
  background:#758296 url(images/arrow_right.png) right center no-repeat;
  color:#e9f5f9;
  font-size:12px;
  text-align:left;
  cursor:pointer
}
.form-allowed-tags { display:none }
.paging {
  font-size:14px;
  font-weight:bold;
  line-height:16pt;
  vertical-align:top
}
.paging span, .paging a {
  color:#e9f5f9;
  display:block;
  float:right;
  text-align:right;
  width:255px
}
.paging a { width:230px }
.paging .prev, .paging .prev a {
  float:left;
  text-align:left
}
.prev em, .next em { display:inline }
.prev em {
  float:left;
  margin-right:10px
}
.next em {
  margin-left:10px;
  float:right
}
.comment-form-comment { float:left }
.comment-right, .form-submit { float:right }
/* Archive */
/*.archive {
  float:left;
  padding-bottom:5px;
  padding-top:15px;
  width:560px;
  line-height:1.7  
}
.archive li a:hover { text-decoration:underline; }
.archive-detail { font-size:12px; }
.archive ul { padding-top:5px; }
.archive-column { width:185px }*/
/* Contact Page Template */
.forms { list-style:none }
.forms li {
    overflow:hidden;
    width:255px;
    margin-bottom:10px
}
.forms .textarea { width:350px }
.forms label { line-height:28px }
.forms input, .forms textarea {
    float:right;
    border:1px solid #cac9e9;
    background:url(images/field_bg.png);
    -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.5) inset;
    -moz-box-shadow:2px 2px 5px rgba(0,0,0,.5) inset;
    box-shadow:2px 2px 5px rgba(0,0,0,.5) inset
}
.forms .textarea textarea {
    width:248px;
    height:100px;
    resize:none
}
.forms .inline input, .forms .screenReader input { float:none }
.forms .screenReader input { width: 20px }
.forms .screenReader { width:auto }
.forms button {
    background-color: #8196ab;
    color: #fff;
    font-size: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
    border:none;
    cursor:pointer
}
/* Gallery page contact*/
.galleries {
    overflow:hidden;
    list-style:none;
    margin-top:20px;
  width:600px;
}
.gallery-post {
    float:left;
    width:155px;
    margin:0 38px 30px 0;
    border:3px solid #fff
}
.gallery-post a, .gallery-post img { float:left }
.gallery-post:nth-child(3n+3) { margin-right:0 }

/*wp-caption*/
.wp-caption {
  margin-top: 0.4em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url("images/author_bg.png") repeat scroll 0% 0% transparent;
  margin-bottom: 1.625em;
  max-width: 96%;
  padding: 9px;
  text-shadow:0pt 0px rgb(0, 0, 0);
}
.wp-caption.aligncenter{
  margin-left: auto;
  margin-right: auto
}
.wp-caption img {
  margin: 0 auto;
  max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 12px;
  text-align:center;
}
.wp-caption .wp-caption-text {
  padding: 5px;
  position: relative;
}
.wp-caption .wp-caption-text:before {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: 7px;
}

/* #Responsive For tablet
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #page { width:728px }
  #footer-wrapper { width:auto }
  #content-body, .content, #footer, #comment-wrapper { width:440px }
  
  /* Flexible Images */ 
  .post img { width:98.5%; height:auto }
  .single_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .single_video iframe, .single_video object, .single_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  /* Fix ordered and unordered list */
  .post li { margin-left:20px }
  
  /* Header */
  #header { height:auto; overflow:hidden }
  #logo, #navbar1 { padding-top:30px }
  #navbar1 { width:430px }
  #navbar1 ul { border-radius:3px; }
  
  /* Content */
  .post { width:340px }
  .post-result { width:420px; margin-top:35px }
  
  /* Comments */
  #commentform input[type="text"], textarea#comment, .depth-2 textarea#comment { width:94% }
  .comment-right, .comment-form-comment, .form-submit { float:none; overflow:hidden }
  
  /* Footer */
  #footer-wrapper { padding:0 }
  
}

/*  #Responsive Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
  #page { padding:0 10px }
  #page, #header, #navbar1, #content-body, .content, .post,
  .info-post, #comment-wrapper, #sidebar, .widget,
  #footer-wrapper, #footer { width:300px }
  .date, .info-post .tags, .info-post .category, .meta-author { background:none }
  
  /* Hide Element */
  #navbar2 { display:none }
  
  /* Flexible Images */ 
  .post img { width:98.5%; height:auto }
  .single_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .single_video iframe, .single_video object, .single_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   }
  
  /* Fix ordered and unordered list */
  .post li { margin-left:20px }
  
  /* Header */
  #header { overflow:hidden; height:auto }
  #logo { padding-top:30px }
  #navbar1 ul { border-radius:3px; }
  #navbar1 li:first-child a, #navbar1 li:last-child a { border-radius:0 }
  #navbar1 li:first-child a { padding-left:16px }  
  #navbar1 li:last-child a { padding-right:16px }  
  #navbar1 ul li a { padding:12px }
  
  /* Post */
  .info-post { float:left }
  .info-post li {
    border-top:1px solid rgba(255,255,255,.2);
    border-bottom:1px solid rgba(0,0,0,.7)
  }
  .info-post li:first-child { border-top:none }
  .info-post li:last-child { border-bottom:none }
  .post-result { padding:0 10px; width:280px; margin-top:30px }
  
  /* Comment */
  .comment-entry { overflow:hidden }
  #comment-wrapper .children { margin-left:25px }
  .comment-right { width:100% }
  #commentform input[type="text"], textarea#comment,.depth-2 textarea#comment { width:95% }
  
  /* Sidebar Widget */
  #sidebar { margin:0 }
  #sidebar #author { width:auto }
  #s { width:94% }
  
  /* Footer */
  #footer-wrapper { padding:0 }
}

/* #Responsive Mobile(Landscape)
================================================== */
@media (max-width: 767px) {
  #sidebar {
    position: static !important
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #page { padding:0 10px }
  #page, #header, #navbar1, #content-body, .content, .post,
  .info-post, #comment-wrapper, #sidebar, .widget,
  #footer-wrapper, #footer { width:400px }
  .post-result { width:380px }
  
  #navbar1 { height:auto }
  #navbar1 ul li a { padding:15px 22px }
  #navbar1 li:first-child a { padding-left:24px }  
  #navbar1 li:last-child a { padding-right:24px }
  .flickr_badge_image:nth-child(4n+5) { margin-right:14px }
}




/* #Mobile Menu
=================================================================== */
.btn-navbar {
  display: none;
  color: #fff;
  float: right;
  border: 1px solid #000;
  background-color: rgba(0,0,0,.4);
  background-image: -webkit-linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  background-image: -moz-linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  background-image: -o-linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  background-image: -ms-linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  background-image: linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.2));
  margin: 38px 5px 0 5px;
  padding: 7px 10px !important;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
}
.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  overflow: visible \9;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

/* Set Mobile menu style for tablet and below
------------------------------------------------------------------- */
@media (max-width: 977px) {
  .container {
    overflow-x: hidden;
  }
  .menu-select {
    text-align: center;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse ul, .navigation ul li {
    float: none !important;
    display: block !important;
  }
  .nav-collapse.collapse > div {
    margin-bottom: 20px;
  }
  .nav-collapse, .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .btn-navbar {
    display: inline-block;
  }

  /* Header
  ----------------------------------------------------------------- */
  #logo {
    width: 80%;
  }
  #logo img {
    max-width: 100%
  }
  #navbar1 {
    height: auto;
    width: 100%;
    padding-top: 0;
  }
  #navbar1 ul li,
  #navbar1 ul li a {
    float: none;
    display: block;
  }
  #navbar1 ul li a {
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top: 1px solid #fff
  }

  /* Sub Menu
  ----------------------------------------------------------------- */
  .nav-collapse ul ul {
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    position: static;
    border: none;
    background: none;
    margin-left: 20px;
    width: auto;
    float: none;
    width: auto !important;
    opacity: 1 !important;
    position: static !important;
    background: none !important;
  }
  .nav-collapse ul ul li {
    border: none;
    width: auto;
  }
}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important
  }
}

.clearfix, .header {
  *zoom: 1;
}
.clearfix:before, .clearfix:after,
.header:before, .header:after {
  display: table;
  content: "";
}
.clearfix:after,
.header:after {
  clear: both;
}