/*
Theme Name: Photography Blogger
Theme URI: http://www.photographyblogger.net
Description: Created on June 25th, 2012
Version: 3.0
Author: Forefathers
Author URI: http://forefathersgroup.com
*/


/* ============================================================ */
/* RESETS */
/* ============================================================ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}

figure{position:relative}

figure img{width:100%}


/* ============================================================ */
/* COLORS */
/* ============================================================ */

/* OFF BLACK: 171616 */
/* RED: ff0030 */
/* BANANA: f9f88c */
/* MINT: 8acecf */
/* BLUE: 00b4ff */
/* EARTHTONE GREY: 8a8985 */
/* LINE GREY: d5d5d3 */


/* ============================================================ */
/* SITE ELEMENTS */
/* ============================================================ */

* {margin: 0; padding: 0}

html, body {height: 100%}

::-moz-selection  { background: #f9f88c; color: #171616; text-shadow: none; }

::selection  { background: #f9f88c; color: #171616; text-shadow: none; } 

a {cursor: pointer }
	
a:active, a:focus{outline: 0;}

img {border: none}
	
.left {float: left}

.right {float: right}
	
.line { border: none; float: left; clear: left; width: 100%; border-bottom: 1px solid #d5d5d3; height: 0px; margin: 0 auto; margin: 46px 0  }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

textarea {resize: none}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}

input:focus, textarea:focus {outline: none;}

::-webkit-input-placeholder  { color:#999;  }
input:-moz-placeholder { color:#999; }

#holder {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; /* make sure this matches in the body footer DIV */}

.push, footer {clear: both; width: 100%; height: 4em; margin: 0 auto; clear: both}

video { width: 100%; height: auto;}


/* ============================================================ */
/* FONTS */
/* ============================================================ */

@font-face {
    font-family: 'Lodgecode';
    src: url('fonts/lodgecode-webfont.eot');
	src: local('☺'), url('fonts/lodgecode-webfont.woff') format('woff'), url('fonts/lodgecode-webfont.ttf') format('truetype'), url('fonts/lodgecode-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Renault';
    src: url('fonts/renault-mn-webfont.eot');
	src: local('☺'), url('fonts/renault-mn-webfont.woff') format('woff'), url('fonts/renault-mn-webfont.ttf') format('truetype'), url('fonts/renault-mn-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Proxima';
    src: url('fonts/ProximaNova-RegWeb.eot');
	src: local('☺'), url('fonts/ProximaNova-RegWeb.woff') format('woff'), url('fonts/ProximaNova-RegWeb.ttf') format('truetype'), url('fonts/ProximaNova-RegWeb.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font-family: Proxima, Helvetica, Arial, Sans-Serif;}

h2, h3, h4 {font-family: Renault, Helvetica, Arial, Sans-Serif; letter-spacing: 1px}

h5, h6, .idea a, .date, .totop, .content input[type="button"], #respond #submit, #holder input.wpcf7-submit, a#fb  {font-family: Lodgecode, Helvetica, Arial, Sans-Serif; letter-spacing: 2px}

h1, h5, h6 {text-transform: uppercase}

h1, h2, h3, h4, h5, h6 {font-weight: 100}

p, article.full ul li, blockquote {font-size: 1.125em;  }

body .content h2 {font-size: 2.25em; line-height: 1.19em; margin-bottom: 0.5em; clear: left}

body .content h2 a {text-decoration: none; padding: 4px 4px 4px 0; color: #171616; padding: 4px 4px 4px 0}

body .content h2 a:hover {background: #f9f88c; text-decoration: none}

body .content h2.inner {margin-top: 1.5em}

input[type="text"], textarea {font-family: Georgia, 'Times New Roman', Serif; font-style: italic; padding: 0em 1.4em; border: 1px solid #d5d5d3; letter-spacing: 1px; color: #8a8985; font-size: 0.875em; }

textarea {font-style: normal}

.content a  {text-decoration: none; color: #ff0030}

.content p, label {line-height: 2.125em}

.content p {padding-bottom: 15px; clear: left}

.content p a, .content ul li a, .content blockquote a, #author-block a {padding: 2px; }

.content a:hover {text-decoration: underline}

article ul, #author-block, #comments, blockquote {line-height: 2.125em; }

article ul {margin: 2em}

blockquote {background: red; padding: 2em; font-style: italic; background: #f3f3ea; border-bottom: 5px solid #dddcd4; }


/* ============================================================ */
/* Tiny MCE Editor */
/* ============================================================ */

.alignleft,
img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}

.alignright,
img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}

.aligncenter,
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

img.alignleft,
img.alignright,
img.aligncenter {margin-bottom: 12px;}

.alignnone {display: block; margin-left: auto; margin-right: auto;}

.wp-caption {display: block; border: none; color: #000; font-size: 1em; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 100% !important;}

.wp-caption img {max-width: 100%;}

.wp-caption p.wp-caption-text {padding: 0 0 4px;}


/* ============================================================ */
/* UNIVERSAL ELEMENTS */
/* ============================================================ */

body { background: url(images/bg.jpg) repeat; font-family: Proxima, Helvetica, Arial, Sans-Serif; color: #171616}

img, object, embed {max-width: 100%;}

img {height: auto;}
	
.left {float: left}

.right {float: right}

header {margin-top: 30px; letter-spacing: 1px}

aside {margin-top: 30px; font-size: 0.9375em;}



/* ============================================================ */
/* COMMENT / CONTACT FORM */
/* ============================================================ */

.content form {margin-top: 2em}

.content input, .content textarea {float: left; padding: 1.25em 0 1.25em 1.25em; background: white; border: 1px solid #cdcdcd;  font-size: 1em; font-family: Georgia, 'Times New Roman', Serif; font-style: italic; letter-spacing: 1px; color: #8a8985; margin-bottom: 1.75em}

textarea {min-height: 200px; color: #171616; font-style: normal; width: 96.5%;}

.content input:hover, textarea:hover {-webkit-box-shadow: 2px 2px 2px 2px rgba (0,0,0,0.5); box-shadow: 2px 2px 2px 2px rgba (0,0,0,0.5)}

label {float: left; clear: left; font-size: 1em; font-family: Georgia, 'Times New Roman', Serif; font-style: italic; letter-spacing: 1px; margin-bottom: 0.25em}

.content input[type="button"], #respond #submit, input.wpcf7-submit {background: black; clear: left; width: 28%; color: white; text-transform: uppercase; padding: 0px; text-align: center; font-style: normal; height: 60px; margin: 0.5em 0 0; border: none; -webkit-appearance: none;}

#respond #submit {font-size: .875em;}

.content input[type="button"]:hover, #respond #submit:hover, input.wpcf7-submit:hover {cursor: pointer; background: #00b4ff; -webkit-appearance: none;}

.content input.name, .content input.email, #holder .wpcf7 input.name, .content input.url {padding-left: 46px; width: 91.5%;}

.content input.name {background: white url(images/icon_form_user.gif) no-repeat left center; }

.content input.email {background: white url(images/icon_form_mail.gif) no-repeat left center}

.content input.url {background: white url(images/icon_form_url.gif) no-repeat left center}

.content form input:focus, .content form input:active, .content textarea:active, .content textarea:focus { outline: none; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); }

.form-captcha {display: block; clear: both; margin-top: 8px; float: left;}

.wpcf7-captchac {float: left; margin: 12px 15px 0 0; clear: left;}

#holder input.wpcf7-captchar {width: 30% !important; float: left;}

#holder input.wpcf7-submit {margin-top: 20px;}

#holder .wpcf7-form input[type="text"], #holder .wpcf7-form textarea {font-size: .875em;}

span.wpcf7-form-control-wrap {display: block; clear: left;}

#holder .captcha-488 {clear: none;}

#holder .wpcf7-response-output {background: #FF0030; border: 0; clear: both; margin: 0; padding: 10px; margin-top: 15px; float: left; color: #fff;}


/* ============================================================ */
/* HOLDER */
/* ============================================================ */

#holder { width: 100%; max-width:668px; min-width:320px; position: relative; z-index: 1; margin: 0 auto; background: url(images/bg_content.gif); border-right: 1px solid white; border-left: 1px solid white;  -webkit-box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.075); -o-box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.075); box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.075);}



/* ============================================================ */
/* HEADER */
/* ============================================================ */

header {left: -180px; position: absolute; top: 0; width: 150px;  z-index: 9; }

header ul.logo li {float: left; width: 141px; height: 141px; list-style: none }

header ul.logo li#standard a {display: block; height: 100%; width: 100%; background: url(images/logo.png) no-repeat left top; text-indent: -9999em }

header ul.logo li#mobile {display: none;}

header ul.logo li#standard a:hover {background-position: bottom}

header nav {float: left; text-align: right; margin-top: 20px; width: 88%;  }

header nav ul li {list-style: none; font-family: Georgia, 'Times New Roman', Serif; font-style: italic; line-height: 2em; font-size: 0.9em }

header nav ul li a {text-decoration: none; padding: 2px 0px 2px 0; display: block; color: #171616}

header nav ul li a:hover {color: #ff0030}

header nav#mobile {display: none}


/* =================== */
/* MOBILE SEARCH */
/* =================== */

form.mobilesearch {display: none}


/* =================== */
/* TWITTER */
/* =================== */

#twitter_div {margin-top: 510px; width: 136px; border-top: 1px solid #d5d5d3; text-align: right; padding-top: 2.15em; }

#twitter_div h6 {margin-bottom: 1.2em; font-size: 1.000em; }

#twitter_update_list li {list-style: none; line-height: 1.875em}

#twitter_update_list li, #twitter_div a.link {font-family: Georgia, 'Times New Roman', Serif; font-style: italic; font-size: 0.750em; letter-spacing: 0; }

#twitter_update_list li span a { color: #ff0030; display: inline }

#twitter_update_list li span a:hover {text-decoration: underline}

#twitter_update_list li a { color: #8a8985; padding: 1px; text-align: right; text-decoration: none; display: block}

#twitter_div a.link {float: right; width: 100%; font-style: italic; text-decoration: none; color: #171616; margin-top: .5em; background: url(images/icon_twitter_grey.png) no-repeat right center; padding-right: 2.25em; font-size: 0.75em;}

#twitter_div a.link:hover {color: #ff0030}

#twitter_div a.tweet_avatar {display: none}

#twitter_div span.tweet_text {word-wrap: break-word;}




/* ============================================================ */
/* CONTENT */
/* ============================================================ */

.content {padding: 4.5% 4.4642857%; font-size: 0.875em; min-height: 1400px }

/* =================== */
/* MAST HEAD */
/* =================== */

.content header#masthead {left: 0; position: relative; width: 100%; font-size: 0.625em; margin: 2em 0 }

.content header h1 {width: auto; float: left; margin-bottom: 3.5em}

.content header h1 strong {color: #ff0030; font-weight: normal}

/* =================== */
/* SOCIAL ICONS */
/* =================== */

ul#socialhead { height: 15px; list-style:none; float: right}
 
ul#socialhead li { display:inline;}

ul#socialhead li a { float:left; height: 15px; text-indent:-9999px; padding: 0; background-image: url("images/icon_socialhead.png"); background-repeat: no-repeat; background-color: transparent;}
 
ul#socialhead li#twitter a {background-position:0 0; width: 32px;}

ul#socialhead li#twitter a:hover {background-position: 0 -15px; width: 32px;}

ul#socialhead li#facebook a {background-position: -32px 0px; width: 37px;}

ul#socialhead li#facebook a:hover {background-position: -32px -15px; width: 37px;}

ul#socialhead li#flickr a {background-position: -69px 0px; width: 39px;}

ul#socialhead li#flickr a:hover {background-position: -69px -15px; width: 39px;}

ul#socialhead li#google a {background-position:-108px 0px; width: 39px;}

ul#socialhead li#google a:hover {background-position:-108px -15px; width: 39px;}

ul#socialhead li#rss a {background-position:-147px 0px; width: 27px;}

ul#socialhead li#rss a:hover {background-position:-147px -15px; width: 27px;}

/* =================== */
/* ARTICLE TEASER */
/* =================== */

article.teaser {float: left}

article ul.postinfo {margin: 0 0 2.2em 0; float: left; width: 100%}

article ul.postinfo li {list-style: none; display: inline}

article ul.postinfo li.date {width: 50%; float: left; color: #8a8985; padding-left: 25px; background: url(images/icon_clock.png) no-repeat left center; font-size: 1em}

article ul.postinfo li.category {width: auto; float: right}

article ul.postinfo li.category a {background: #ff0030; padding: 0; width: 12.5em; text-align: center; float: left; text-decoration: none; color: white; font-style: italic; font-family: Georgia, 'Times New Roman', Serif; letter-spacing: 1px }

article ul.post-categories {margin: 0;}

article ul.post-categories li:nth-child(2) {display: none;}

article ul.postinfo li.category a:hover {background: #171616}

article.teaser a.more {font-family: Georgia, 'Times New Roman', Serif; font-style: italic; color: #ff0030; text-decoration: none; letter-spacing: 1px; margin-top: 1.375em; float: left; padding: 3px 3px 3px 0; font-size: 1.075em }

article.teaser a.more:hover {text-decoration: underline}

article.teaser .left {width: 35%; }

article.teaser .right {width: 60.5%; margin-top: -6px }


/* ============================================================ */
/* INNER PAGES */
/* ============================================================ */

/* =================== */
/* ARTICLE FULL */
/* =================== */

article.full {border-bottom: 5px solid #8acecf; }

article.full img, article.full iframe {margin: 0 auto; display: block; }

article.full .caption {text-align: center; clear: left; width: 75%; display: block; margin: 0 auto; font-style: normal; margin-top: 0.75em; margin-bottom: 1.25em; font-size: 1.125em}

/* =================== */
/* POST INFO */
/* =================== */

article.full ul.postinfo {margin: .75em 0 1.875em; padding-top: 1.5em; float: left; width: 100%; border-top: 1px solid #d5d5d3; line-height: 0}

article.full ul.postinfo li.by {float: left; background: red; width: 30%; background: url(images/icon_user.png) no-repeat left top; padding-left: 22px; line-height: 1.25em; margin-top: 0.5em; font-size: 1em; }

article.full ul.postinfo li.by span {color: #8a8985}

article.full li.share {width: auto; margin: 0 0 1em; text-align: right; list-style: none; float: left; clear: left  }

article.full ul.postinfo li.share a {padding: 0; margin: 0; width: auto}

.fluid-width-video-wrapper {clear: both;}

/* =================== */
/* POST BOTTOM */
/* =================== */

article.full ul.bottom {margin: 3em 0}

article.full ul.bottom li {list-style: none; display: inline}

article.full ul.bottom li a {padding-left: 6px}

article.full ul.bottom li.right a {padding-left: 25px; background: url(images/icon_comment.png) no-repeat left center }

/* =================== */
/* AUTHOR */
/* =================== */

#author-block {width: 100%;}

#author-block, #related { float: left}

#author-block h5, #author-block h3 {font-size: 1.375em; }

#author-block h5 {margin: 1.75em 0; }

#author-block.author-page h5 {display: none;}

#author-block h3 {margin-bottom: 0.5em}

#author-block p {line-height: 1.875em}

#author-block section {background: #f3f3ea; border-bottom: 5px solid #dddcd4; padding: 2.25em; margin-bottom:1.275em; float: left; clear: both}

#author-block section .left {width: 30%}

#author-block section .right {width: 64%}

#author-block section img {display: block; height: 166px; width: 166px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%}

#author-block .social {float: left; margin-top: 1em}

#author-block .social li {display: inline; list-style: none; font-size: 0.875em; margin-right: 1em; }

#author-block .social li a {padding: 2px; color: #00b4ff}

#author-block .social li.fb-meta a {color: #3D62B3}

/* =================== */
/* RELATED POSTS */
/* =================== */

#related, #comments {border-bottom: 5px solid #dddcd4; padding-bottom: 1.25em; margin-top: 1.50em; width: 100%; float: left}

#crp_related {}

#related {padding-bottom: 2.875em}

#related h4, #comments h4 {font-size: 2.25em; float: left; width: 80%; margin-bottom: 1em}

#related ol { width: 40%; margin: 0em 0 0 1.5em; float: left; clear: left; display: block; }

#related ol li {line-height: 1.325em; margin-bottom: 1.75em; padding-left: 0.375em; color: #8a8985}

#related ol li a {color: #171616}

#related ol li:last-child {margin-bottom: 0}

#related ul.postpagination {float: left; width: 100%; margin: 0 0 0; clear: left}

#related ul.postpagination li {list-style: none; display: inline; line-height: 3em; font-style: italic; letter-spacing: 1px }

#related ul.postpagination li.prev a {background: url(images/icon_leftarrow_big.png) no-repeat left center; float: left; padding-left: 54px;}

#related ul.postpagination li.next {float: right}

#related ul.postpagination li.next a {background: url(images/icon_rightarrow_big.png) no-repeat right center; float: left; padding-right: 54px;}

#related ul.postpagination li a {display: block; font-size: 1.125em; font-family: Georgia, 'Times New Roman', Serif; color: #171616 }



/* =================== */
/* RELATED POSTS NEW!!!!!! */
/* =================== */

#related .nr_inner {padding: 0}

#related .nr_inner a.nr_panel {margin-bottom: 2em; }

#related .nrelate_huf .nr_text {padding-left: 7em}

#related span.nr_post_title {font-size: 1.125em;  font-family: Proxima, Helvetica, Arial, Sans-Serif;}

#related .nr_inner a.nr_panel:hover span.nr_post_title { text-decoration: underline; color: #ff0030}

#related .nrelate {margin-bottom: 1.75em; margin-top: 0}


/* =================== */
/* COMMENTS */
/* =================== */

#comments {margin-bottom: 4.25em}

#comments h4 {float: left; }

#comments p {clear: left }

#comments a.connect {margin: 1.45em 0; float: left}

#comments ol, #comments ul, #comments li {list-style-type: none;}

#comments ol li.comment {display: block; clear: left;}

#respond {display: block; clear: left;}

#cancel-comment-reply-link {float: right; font-size: .875em;}

#reply-title {font-size: 2em;}

p.form-allowed-tags, p.comment-notes {display: none;}

#holder p.comment-form-author {padding: 0;}

#commentform {display: block; margin-bottom: 4%; float: left; width: 100%;}

/* =================== */
/* COMMENTS HEAD */
/* =================== */

#comments .head {float: left; margin-bottom: 3.25em; width: 100%; margin-top: .5em}

#comments .head ul {list-style: none;}

#comments .head ul.number {float: left; width: 70%; font-style: italic; margin: 1.275em 0 0; color: #8a8985}

#comments .head ul.number li {display: inline; font-family: Georgia, 'Times New Roman', Serif; font-size: 1.875em; letter-spacing: 1px; }

#comments .head ul.number li h4 {font-style: normal; margin: 0; padding: 0; width: auto; font-size: 2.75em; margin-right: .175em; color: #171616;}

#comments .head ul.hearts {float: right; font-family: Lodgecode, Helvetica, Arial, Sans-Serif; font-size: 1.125em; letter-spacing: 2px}

#comments .head ul.hearts li {display: block; position: relative;}

#holder ul.hearts li .thumblock {color: #fff; width: 90px; height: 5em; margin: 0; padding: 0; position: relative;}

#holder ul.hearts li .gdthumbtext {font-size: 1.3em; color: #ffffff; position: absolute; top: 38%; left: 66%;}

#holder ul.hearts li .gdthumb a {background: none; position: relative; width: 100%; height: 100%; display: block;}

#holder ul.hearts li .gdthumb.gdup {float: left; width: 100%; height: 100%; margin: 0; padding: 0;}

.heart-box {color: white; background: url(images/icon_heart.png) no-repeat 28px 10px #171616; float: left; width: 100px; height: 4em; position: relative; margin: 0; padding: 0;}

.heart-box:hover {background: url(images/icon_heart.png) no-repeat 28px 10px #ff0030;}

.gdt-starrating, .ratingloader, .loader {display: none;}

/* =================== */
/* MESSAGES */
/* =================== */

#messages {float: left; width: 100%; margin-bottom: 2em}

#messages h4 {float: left; font-size: 1.375em; margin-bottom: 0.575em; width: 52%}

#messages .date, #messages ul.stats { font-size: 0.9em;}

#messages .when {float: right; width: 40%;text-align: right; color: #8a8985}

#messages .when a {color: #8a8985}

#messages .avatar {position: absolute; height: 64px; width: 64px; margin: -10px 0 0 -87px; text-align: center; padding: 6px 0 0 7px}

#messages .parentblock {float: left; clear: left;}

#messages .post .parentblock, .postsecond .parentblock, .postthird .parentblock {border: 1px solid #dedede; padding: 2em 2em 2em 4em; margin-bottom: 2.75em; width: 80.75%; float: right}

#messages ol li.comment h4 a {color: #00B4FF}

#messages ol li.comment .post .parentblock {background: white url(images/bg_message.gif) repeat-y right top; }

#messages ol li.comment .post .avatar {background: url(images/comment_white.png) no-repeat left top}

#messages ol li.comment ul.children li.comment {width: 94%; float: right}

#messages ol li.comment ul.children li.comment ul.children li.comment {width: 87%; float: right}

#messages ol li.comment ul.children li.comment .parentblock, #messages ol li.comment ul.children li.comment ul.children li.comment .parentblock {width: 80%; background: #fbfbf3 url(images/bg_message.gif) repeat-y right top; float: right}

#messages ol li.comment ul.children li.comment .avatar, #messages ol li.comment ul.children li.comment ul.children li.comment .avatar {background: url(images/comment_tan.png) no-repeat left top}

#messages .avatar img {display: block; width: 51px; height: 51px;  -webkit-border-radius: 51px; -moz-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; padding: 0; margin: 0;}

#messages p {font-size: 1em}

#messages ul.stats {float: right; text-align: right; width: 80%; list-style: none; margin: 1em 0 -.575em}

#messages ul.stats li {float: right; margin-left: 1.2em;}

#messages ul.stats li a {width: 100%; height: 100%}

#messages ul.stats li.likes {width: 48px;}

#messages ul.stats li.likes a {color: #171616; }

#messages ul.stats li.likes a:hover {opacity: 0.75; text-decoration: none}

#messages ul.stats li.reply a {color: #00b4ff}

/* =================== */
/* FOLLOW */
/* =================== */

.follow {border: 1px solid #dedede; width: 100%; float: left; margin: 3em 0 6em;  float: left; width: 100%; border-top: 1px solid #d5d5d3; background: white}

.follow .left, .follow .right, .follow .right .google {margin: 2.25em; padding: 0 }

.follow .left {float: left;  margin-right: 0; margin-top: 3.75em; width: 34%;}

.follow .right {width: 300px; margin-left: 0 }

 .follow .right.google {width: 60px;}

.follow h5 {font-size: 1em}

.follow h5.twitter {margin-top: -1.15em; float: left}

.follow iframe.twitter-follow-button {float: right; padding-top: 0.5em}

#follow-social .block {display: none;}

/* COMMENT RATINGS */

.thumblock {}

.gdthumb.gddw {display: none;}

.gdthumb {margin-right: 7px;}




/* ============================================================ */
/* ABOUT PAGE / ARCHIVES PAGE */
/* ============================================================ */

/* =================== */
/* ABOUT */
/* =================== */

.about h6, h6.archives {border-bottom: 4px solid #8acecf; float: left; width: 100%; font-size: 1.375em; margin: 2em 0 1.125em; padding-bottom: 1.5em }

/* =================== */
/* BEST ARTICLES & ARCHIVES */
/* =================== */

.bestarticles, ul.archives {margin-top: 2em; float: left }

.bestarticles h4 {font-size: 1.75em; margin-bottom: .75em}

ul.archives li {list-style: none; line-height: 2.25em;}

.bestarticles a, ul.archives li a {color: black}

.bestarticles a:hover, ul.archives li a:hover {color: #ff0030}

ul.archives {margin-top: 0}


/* ============================================================ */
/* SEARCH RESULTS */
/* ============================================================ */

.resultbox ul { border-bottom: 1px solid #d5d4d0; float: left; width: 100%; padding: 1em 0.5em; }

.resultbox ul ul { width: auto; padding: 0}

.resultbox ul ul, .resultbox ul:last-child {border: none}

.resultbox li {list-style: none; float: left;}

.resultbox h4 {font-size: 1.375em}

.resultbox h4 a, .resultbox li.comments a {color: #171616; }

.resultbox a:hover, .resultbox li.comments a:hover {color: #ff0030; text-decoration: none}

.resultbox li.col-1 {width: 60%;}

.resultbox li.col-2 {float: right; width: auto;}

.resultbox li.col-2 li {margin-left: 1.25em; float: left; font-family: Lodgecode, Helvetica, Arial, Sans-Serif; padding-left: 1.6em;}

.resultbox li.col-2 li.likes {background: url(images/icon_heart_grey.png) no-repeat left center;}

.resultbox li.col-2 li.comments {background: url(images/icon_comment.png) no-repeat left center; height: 15px; font-size: 1em;}

#holder .resultbox li.likes .gdt-size-20.gdthumbtext {line-height: 8px; color: #171616; font-size: 1.2em;}


/* ============================================================ */
/* ASIDE */
/* ============================================================ */

aside {position: absolute; right: -330px; top: 0; width: 300px; }

aside a:hover, .topposts a:hover {color: #ff0030}

aside button, aside input[type="submit"] {width: 68px;}

/* =================== */
/* SEARCH */
/* =================== */

aside form, aside .ad.right {margin-bottom: 1.375em}

aside form input[type="text"] {width: 87.5%; height: 37px}

aside .search input[type="submit"], form.mobilesearch input[type="submit"] {background: #171616 url(images/icon_search.png) no-repeat center center; text-indent: -9999em; height: 39px; border: none; position: absolute; right: 0; top: 0px}

aside .search input[type="submit"]:hover {cursor: pointer; background: #8acecf url(images/icon_search.png) no-repeat center center}

aside h4 {margin: 1em 0; font-size: 1.75em; }

/* =================== */
/* SUBMIT IDEA */
/* =================== */

.idea, .topposts, .newsletter {padding-bottom: 1.5em; border-bottom: 4px solid #d5d5d3; float: left; width: 100%  }

.idea a {background: url(images/bg_content.gif) repeat; border: 1px solid white; font-size: 0.95em; float: left; padding: 0.875em 0 0.875em 1.875em; text-align: center; width: 90%; list-style: none; text-decoration: none; text-transform: uppercase; color: #171616; -webkit-box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.0875); -o-box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.0875); box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.0875); text-shadow: 0 1px 1px white }

.idea a span {background: url(images/icon_camera.png) no-repeat left center; display: block; height: 16px; width: 19px; position: absolute; margin-left: -8.5px}

/* =================== */
/* TOP POSTS */
/* =================== */

.topposts, .newsletter {clear: left; line-height: 1.15em}

.topposts ul li {list-style: none; margin-bottom: 1.5em; display: block; }

.topposts ul li, .topposts ul li a, .topposts ul li em {float: left;}

.topposts ul li a {text-decoration: none; color: #171616; padding: 2px 2px 2px 0; }

.topposts ul li, .topposts ul li em {clear: left}

.topposts ul li em { font-style: normal; color: #8a8985; font-size: 0.750em}

.topposts ul li:last-child {margin-bottom: 0}

/* =================== */
/* NEWSLETTER */
/* =================== */

.newsletter {border-bottom: 0;}

.newsletter p {font-size: 0.9375em; line-height: 1.5em}

.newsletter input {margin-top: 1.375em}

.newsletter button[type="submit"] {background: #8acecf url(images/icon_newsletter.png) no-repeat center center; text-indent: -9999em; height: 39px; border: none; position: absolute; right: 0; margin-top: -39px; }

.newsletter button[type="submit"]:hover {background: #171616 url(images/icon_newsletter.png) no-repeat center center; cursor: pointer}




/* ============================================================ */
/* PAGINATION */
/* ============================================================ */

#wp_page_numbers, ul.mobilepagination {list-style: none; font-family: Georgia, 'Times New Roman', Serif; font-style: italic; font-size: 1.125em;  }

#wp_page_numbers ul li a, ul.mobilepagination li a { text-decoration: none; }

#wp_page_numbers ul {text-align: center; width: 100%; color: #ff0030; margin-bottom: 4em; }

#wp_page_numbers ul li {display: inline; margin-right: 0.4em}

#wp_page_numbers ul li a {padding: 8px; color: #171616}

#wp_page_numbers ul li a:hover {color: #ff0030; text-decoration: none}

#wp_page_numbers ul li.page_info {color: #8a8985; margin-right: 0.75em}

#wp_page_numbers ul span {margin: 0 0.4em}

#wp_page_numbers ul li.prev, #wp_page_numbers ul li.next { width: 10px; width: 10px; margin: 0 1em }

#wp_page_numbers ul li.prev a, #wp_page_numbers ul li.next a {text-indent: -9999em; width: 100%; height: 100%; }

#wp_page_numbers ul li a em {background: url(images/icon_arrow_left.png) no-repeat left center; color: transparent;}

#wp_page_numbers ul li a i {background: url(images/icon_arrow_right.png) no-repeat left center; color: transparent;}

.results-paging {display: block; clear: both; float: left; width: 100%; margin-top: 40px;}

.results-paging #wp_page_numbers ul {margin-bottom: 1em;}

/* =================== */
/* MOBILE PAGINATION */
/* =================== */

ul.mobilepagination {display: none}


/* ============================================================ */
/* BACK TO TOP */
/* ============================================================ */

.totop {float: right; margin-bottom: 1.875em; clear: left; text-align: right; text-decoration: none; color: #8a8985; background: url(images/icon_arrow.png) no-repeat left center; padding: 8px 4.4642857% 8px 22px; font-size: 0.875em; width: auto; }

.totop:hover {color: #171616}

/* ============================================================ */
/* FOOTER */
/* ============================================================ */

footer { background: url(images/bg_footer.jpg) repeat; color: #d5d5d3; height: 100%; height: auto; letter-spacing: 1px; font-size: 0.875em; }

footer .content { padding: 3em; min-height: 0}

footer .content ul#socialfoot li a, footer .content ul#socialfoot li a:hover {padding: 0; text-decoration: none}

footer p {font-size: 0.9375em; line-height: 1.5em; }

body footer .content p {padding-bottom: 0}

footer p.usa {color: #ff0030}

footer h5 {width: 50%; background-image: url(images/logo_footer.png); background-repeat: no-repeat; background-position: left center; height: 19px; float: left; font-size: 1em; padding-left: 7.5em; padding-top: 0.3em}

/* -- SOCIAL ICONS -- */

ul#socialfoot { height: 15px; list-style:none; float: right; width: 30%; }
 
ul#socialfoot li { display:inline;}

ul#socialfoot li a { float:left; height: 15px; text-indent:-9999px; background-image: url("images/icon_socialfoot.png"); background-repeat: no-repeat; background-color: transparent;}
 
ul#socialfoot li#twitter a {background-position: 0 0; width: 32px;}

ul#socialfoot li#twitter a:hover {background-position: 0 -15px; width: 32px;}

ul#socialfoot li#facebook a {background-position: -32px 0px; width: 37px;}

ul#socialfoot li#facebook a:hover {background-position: -32px -15px; width: 37px;}

ul#socialfoot li#flickr a {background-position: -69px 0px; width: 39px;}

ul#socialfoot li#flickr a:hover {background-position: -69px -15px; width: 39px;}

ul#socialfoot li#google a {background-position: -108px 0px; width: 39px;}

ul#socialfoot li#google a:hover {background-position: -108px -15px; width: 39px;}

ul#socialfoot li#rss a {background-position: -147px 0px; width: 27px;}

ul#socialfoot li#rss a:hover {background-position: -147px -15px; width: 27px;}

/* =================== */
/* LINKS */
/* =================== */

footer ul.links {margin: 5.5em 0 3.5em}

footer ul.links li {list-style: none; display: inline; margin-right: 2.75em;  }

footer ul.links li a {color: white; font-family: Georgia, 'Times New Roman', Serif;  font-style: italic; padding: 7px 7px 7px 0; text-decoration: none} 

footer ul.links li a:hover {text-decoration: underline}


/* ============================================================ */
/* ADS */
/* ============================================================ */

/* =================== */
/* HOME ADS */
/* =================== */

.ad {}

.ad.head, .ad.head.mobile {margin: 0 auto}

.ad.head, .ad.head.mobile {text-align: center; width: 468px; height: 60px; }

.ad.head.mobile {width: 320px; height: 50px; display: none}

.ad.right, .ad.post.bot, article.full .ad {width: 300px; height: 250px }

.ad.post.bot {margin-bottom: 0; display: none }

/* =================== */
/* INNER PAGE ADS */
/* =================== */

article.full .ad { margin-bottom: 2em; float: left}

#related .ad { margin: 0 0 0 2em; display: block}


/* =================== */
/* SMALL ADS */
/* =================== */

.smallads {margin-top: -1em; float: left; width: 100% }

.smallads .item { display: block; width: 22%; margin-right: 4%; float: left; position: relative }

.smallads .item:last-of-type {margin-right: 0}

.smallads li {list-style: none; }

.smallads .item-box .inside {  display: block;  text-align: left; vertical-align: middle;}

.smallads img:hover {opacity: 0.85}


/* =================== */
/* SMALL ADS NEW */
/* =================== */

body div.bsap_1239708 {float: left; margin-top: -1em; width: 100%; }

body div.bsap_1239708 a { padding: 0; display: block; float: left; margin-right: 4%; position: relative; width: 22%; margin-bottom: 0}

body div.bsap_1239708 a:last-of-type {margin-right: 0}



/* ============================================================ */
/* !!!! NEW STYLES !!!! */
/* ============================================================ */


/* =================== */
/* FACEBOOK SHARE */
/* =================== */

article a#fb  {float: left; width: 100%; background: #3D62B3; text-align: center; color: white; text-transform: uppercase; margin: 1.5em 0 .125em; line-height: 4em}

article a#fb:hover {background: #00b4ff; text-decoration: none}


/* =================== */
/* NEWSLETTER */
/* =================== */

#newsletter { display: block; float: left; width: 100%; margin: 0 0 1em; padding-bottom: 3em; border-bottom: 1px solid #D5D5D3}

#newsletter h4 { font-size: 2.25em; line-height: 1.19em; margin-bottom: 0;}

#newsletter form {float: left; margin-bottom: 0; width: 100%; margin-top: 0}

#newsletter form input[type="text"] {width: 69%; margin: 0; float: left}

#newsletter {overflow: hidden; }

#newsletter button[type="submit"] { float: right; background: #8acecf url("images/icon_newsletter.png") no-repeat center center; padding: 2.4em; text-indent: -9999em; width: 25%; border: none;  margin-top: 0; }

#newsletter button[type="submit"]:hover {background: #171616 url("images/icon_newsletter.png") no-repeat center center; cursor: pointer}


/* =================== */
/* eBOOK AD */
/* =================== */

aside .ebook.ad, aside .ebook.ad .text {width: 300px; height: 250px;  }

aside .ebook.ad {margin-bottom: 1.375em; font-family: Lodgecode, Helvetica, Arial, Sans-Serif; letter-spacing: 2px; }

aside .ebook.ad {position:relative; float:left; }
 
aside .ebook.ad .text { position:absolute; top: 0; color: white; background: rgba(0,0,0,0.4)}

aside .ebook.ad .text .hold {padding: 2em; display: block; }

aside .ebook.ad .text span {color: #8acecf}

aside .ebook.ad .text em {color: #f9f88c; font-style: normal; font-family: Renault, Helvetica, Arial, Sans-Serif; letter-spacing: 1px; font-size: 1.25em}

aside .ebook.ad .text h5 {text-align: center; margin-bottom: 1.25em; font-size: 1.5em; font-weight: 100; }

aside .ebook.ad .text p {font-size: 1em; line-height: 1.5em}

aside .ebook.ad .text a {   background: #00b4ff; color: #FFFFFF; display: block; font-size: .875em; margin: 0 auto; margin-top: 2.375em; padding: 1em 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 80%; }

aside .ebook.ad .text a:hover { background: #8a8985; }


/* =================== */
/* eBOOKS LISTING PAGE */
/* =================== */

#ebooks.listing {margin-top: 2.875em; border-top: 5px solid #DDDCD4; float: left; width: 100%; margin-top: 1.25em; }

#ebooks.listing h5, #issue h6 { margin: 1.5em 0; font-size: 1.5em; display: inline-block}

#ebooks .section { clear: both; padding: 0px; margin: 0px;}

#ebooks .really_simple_share { display: none !important; }


/* eBOOKS LISTING PAGE */

#ebooks .section hgroup {margin: 0.875em 0; float: left}

#ebooks .section span.new {position: absolute; right: 0; width: 49px; height: 50px; z-index: 9999; background: url(../images/tag_new.png) no-repeat top center;}

#ebooks .section p {line-height: 1.75em; font-size: 1em; padding-bottom: 1em; clear: left}

#ebooks .section p:last-child {padding-bottom: 0}

#ebooks .section h3 {font-size: 1.375em; margin-bottom: .2em; letter-spacing: 0; }

#ebooks a:hover {text-decoration: none}

#ebooks .section h3 a {color: #171616}

#ebooks .section h3 a:hover {color: #ff0030;}

#ebooks .section h6 {font-family: 'Georgia', Serif; text-transform: none; letter-spacing: 0; font-size: .875em; font-style: italic; color: #8a8985}

.content #ebooks ul li a {padding: 0}


/* eBook Cover Hovers */

#ebooks .grid figure { margin: 0; position: relative; }

#ebooks .grid figure img { max-width: 100%; display: block; position: relative; }

#ebooks .grid figcaption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); color: #ed4e6e;}

#ebooks .grid li { display: inline-block; margin: 0;float: left; text-align: left; width: auto;}

#ebooks .grid figcaption a { text-align: center; display: block; background: #ed4e6e; color: #fff; text-decoration: none; text-transform: uppercase; font-size: .875em; line-height: 2.25em; }

#ebooks .cs-style-3 figure { overflow: hidden; text-align: center}

#ebooks .cs-style-3 figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}

#ebooks .grid figcaption span.buttons {top: 40%; position: relative}

#ebooks .cs-style-3 figcaption { height: 100%; width: 100%; top: 0; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s;}

.no-touch #ebooks .cs-style-3 figure:hover figcaption, #ebooks .cs-style-3 figure.cs-hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;}

#ebooks .cs-style-3 figcaption a { width: auto; display: inline-block; width: 82%; margin-bottom: 1em; text-decoration: none; background: #8a8985 }

#ebooks .cs-style-3 figcaption a.buy {background: #ff0030}

#ebooks .cs-style-3 figcaption a:hover {background: #00b4ff}


/* Responsive Columns */

@media only screen and (min-width: 500px) {

  #ebooks .span_3_of_3 { width: 100%; }

  #ebooks .span_2_of_3 { width: 64.1%; }

  #ebooks .span_1_of_3 { width: 30.2%;}

  #ebooks .col { display: block; float: left;  margin: 0 0 6% 4.7%; }

  #ebooks .col:first-child {margin-left: 0; }
	
}


/* =================== */
/* eBOOKS ISSUE PAGE */
/* =================== */

#issue .preview {float: left; width: 100%; margin: 1em 0 .5em; }

/* Flexslide */

#issue .preview .flexslider {width: 54%; float: left; }

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}

.slides,.flex-control-nav {margin: 0; padding: 0; list-style: none;}

.flex-direction-nav {display: none}

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider { margin: 0 0 38px; background: #fff; position: relative; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.4); -o-box-shadow: 0 1px 4px rgba(0,0,0,.4); box-shadow: 0 1px 4px rgba(0,0,0,.4); }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 4px; }

.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; 
border-radius: 20px; }

.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

.flex-control-paging li a.flex-active { background: #8acecf; cursor: pointer; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/* Featured */

#issue .preview .right {float: right; width: 40%; }

#issue .preview ul.featured {margin: 0}

#issue .preview ul.featured li {list-style: none; display: block; line-height: 1.25em; margin-bottom: 1.5em; color: #8a8985}

#issue .preview ul.featured h6 {margin-top: 0; margin-bottom: 0; color: #171616}

/* Buy */

#issue .preview ul.buy {padding: .75em 0 1.5em; text-align: center; margin: 0; width: 100%; float: left; border-bottom: 4px solid; border-top: 4px solid; border-color: #DDDCD4; }

#issue .preview ul.buy li {list-style: none; float: left; width: 100%; text-align: center; padding: 0; }

#issue .preview ul.buy li.price {font-size: 5em; color: #3f3f3f; font-style: italic; font-family: 'Georgia', 'Times New Roman', Serif; line-height: 1em; margin-bottom: .25em}

#issue .preview ul.buy li a {background: #ff0030; line-height: 3.5em; width: 100%; display: inline-block; color: white; text-transform: uppercase; font-family: Lodgecode, Helvetica, Arial, Sans-Serif; letter-spacing: 2px}

#issue .preview ul.buy li a:hover {text-decoration: none; background: #00b4ff}

.kon_tergos { display: none !important; }

.bugme { background-color: #f6192e !important; }
.bugme a { font-weight: 100 !important; }