/*
Theme Name: Gordon
Theme URL: http://www.fabthemes.com/gordon/
Author: Fabthemes
Author URI: www.fabthemes.com
Version: 1.4
Tags:Tumblog, grey, white, Black,  right-sidebar,theme-options, threaded-comments, banner ads, adsense,fab themes.
*/
/* =Reset
-------------------------------------------------------------- */
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, 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 {
        border: 0;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline;
text-align: justify;}
html {
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
background: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav,
section {
display: block;}
ol, ul {
list-style: none;}
table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;}
caption, th, td {
font-weight: normal;
text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";}
blockquote, q {
quotes: "" "";}
a:focus {
outline: thin dotted;}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
outline: 0;}
a img {
border: 0;}
 
/* =Global
----------------------------------------------- */
body, button, input, select, textarea {
color: #666;
font-family:Lato, sans-serif;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5;}
 
body{
background:#fff; }
 
/* Headings */
h1,h2,h3,h4,h5,h6 {
clear: both;
margin:0px 0px 10px 0px;
}
 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
        h1 { font-size: 26px; line-height: 30px; }
        h2 { font-size: 20px; line-height: 26px; }
        h3 { font-size: 18px; line-height: 24px; }
        h4 { font-size: 16px; line-height: 20px; }
        h5 { font-size: 14px; line-height: 18px; }
        h6 { font-size: 14px; line-height: 18px; }
hr {
        background-color: #ccc;
        border: 0;
        height: 1px;
        margin-bottom: 1.5em;
}
 
 
/* Text elements */
p {
        margin-bottom: 1.5em;
}
ul, ol {
        margin: 0 0 1.5em 3em;
}
ul {
        list-style: disc;
}
ol {
        list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
        margin-bottom: 0;
        margin-left: 1.5em;
}
dt {
        font-weight: bold;
}
dd {
        margin: 0 1.5em 1.5em;
}
b, strong {
        font-weight: bold;
}
dfn, cite, em, i {
        font-style: italic;
}
blockquote {
        margin: 0 1.5em;
}
address {
        margin: 0 0 1.5em;
}
pre {
        background: #eee;
        font-family: "Courier 10 Pitch", Courier, monospace;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6;
        margin-bottom: 1.6em;
        padding: 1.6em;
        overflow: auto;
        max-width: 100%;
}
code, kbd, tt, var {
        font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
        border-bottom: 1px dotted #666;
        cursor: help;
}
mark, ins {
        background: #fff9c0;
        text-decoration: none;
}
sup,
sub {
        font-size: 75%;
        height: 0;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
}
sup {
        bottom: 1ex;
}
sub {
        top: .5ex;
}
small {
        font-size: 75%;
}
big {
        font-size: 125%;
}
figure {
        margin: 0;
}
table {
        margin: 0 0 1.5em;
        width: 100%;
}
th {
        font-weight: bold;
}
button,
input,
select,
textarea {
        font-size: 100%; /* Corrects font size not being inherited in all browsers */
        margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
        vertical-align: baseline; /* Improves appearance and consistency in all browsers */
        *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
        line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
        *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
        border: 1px solid #ccc;
        border-color: #ccc #ccc #bbb #ccc;
        border-radius: 3px;
        background: #fafafa; /* Old browsers */
        background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */
        background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
        box-shadow: inset 0 2px 1px #fff;
        color: rgba(0,0,0,.8);
        cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
        -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
        font-size: 12px;
        font-size: 1.4rem;
        padding: 1.12em 1.5em .88em;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
        background: #f5f5f5; /* Old browsers */
        background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */
        background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
        border-color: #bbb #bbb #aaa #bbb;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
        border-color: #aaa #bbb #bbb #bbb;
        box-shadow: inset 0 2px 3px rgba(0,0,0,.15);
        box-shadow: inset 0 2px 2px rgba(0,0,0,.15);
}
input[type="checkbox"],
input[type="radio"] {
        box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
        padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
        -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
        box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
        -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
        border: 0;
        padding: 0;
}
input[type=text],
textarea {
        color: #666;
        border: 1px solid #ccc;
        border-radius: 3px;
}
input[type=text]:focus,
textarea:focus {
        color: #111;
}
input[type=text] {
        padding: 3px;
}
textarea {
        overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
        padding-left: 3px;
        vertical-align: top; /* Improves readability and alignment in all browsers */
        width: 98%;
}
 
/* Links */
a {
        color: royalblue;
        text-decoration: none;
}
a:visited {
        color: purple;
}
a:hover,
a:focus,
a:active {
        color: midnightblue;
}
 
/* Alignment */
.alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em;
}
.alignright {
        display: inline;
        float: right;
        margin-left: 1.5em;
}
.aligncenter {
        clear: both;
        display: block;
        margin: 0 auto;
}
 
.clear{
        clear:both;
}
/* Text meant only for screen readers */
.assistive-text {
        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
}
 
 
 
 
 
/* =Content
----------------------------------------------- */
 
.sticky {
}
.hentry {
        margin: 0 0 2em;
}
.entry-meta {
        clear: both;
}
.byline {
        display: none;
}
.single .byline,
.group-blog .byline {
        display: inline;
}
.entry-content,
.entry-summary {
        margin: 1.5em 0 0;
}
.page-links {
        clear: both;
        margin: 0 0 1.5em;
}
 
 
/* =Asides
----------------------------------------------- */
 
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
        display: none;
}
 
 
/* =Media
----------------------------------------------- */
 
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
        max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
        max-width: 100%;
        width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
        border: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
}
.wp-caption {
        border: 1px solid #ccc;
        max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
        margin-bottom: 1.5em;
}
.wp-caption img {
        display: block;
        margin: 1.2% auto 0;
        max-width: 98%;
}
.wp-caption-text {
        text-align: center;
}
.wp-caption .wp-caption-text {
        margin: 0.8075em 0;
}
#content .gallery {
        margin-bottom: 1.5em;
}
.gallery-caption {
}
#content .gallery a img {
        border: none;
        height: auto;
        max-width: 90%;
}
#content .gallery dd {
        margin: 0;
}
#content .gallery-columns-4 .gallery-item {
}
#content .gallery-columns-4 .gallery-item img {
}
 
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
        max-width: 100%;
}
 
 
/* =Navigation
----------------------------------------------- */
 
#content .site-navigation {
        margin: 0 0 1.5em;
        overflow: hidden;
}
#content .nav-previous {
        float: left;
        width: 50%;
}
#content .nav-next {
        float: right;
        text-align: right;
        width: 50%;
}
 
/* =Comments
----------------------------------------------- */
 
.bypostauthor {
}
 
/* =Widgets
----------------------------------------------- */
 
.widget {
        margin: 0 0 1.5em;
}
 
/* Search widget */
#searchsubmit {
        display: none;
}
 
#page{
width:970px;
margin:0px auto;
}
 
/* header */


 
header#masthead

{
display:none;
font-size: 0;
text-indent: -1000px;
border-top: 10px solid #aaa;
border-bottom: 10px solid #aaa;
height:350px;
}
 
/* Main  */
 
#main {
padding:30px 0px 30px 0px;
 }  
 




#primary {
width:670px !important;
float:left; }  
 
#secondary {

width:300px;
float:right;
background:#FFFFFF; }





 
/* Article */
 
.format-box{
        background:#222;
        width:60px;
        height:60px;
        color:#fff;
        font-size:36px;
        line-height:60px;
        text-align:center;
        position:absolute;
        left:0px;
        top:0px;
}
 
article.post{
        position:relative;
}
 
.post-cover{
       
        width:578px;
        background:#f8f8f8;
        border:1px solid #ddd;
        padding:0px 0px;
        margin-left:90px;
}
 
article.post header.entry-header{
        padding:20px 20px 0px 20px;
}
 
 
h2.entry-title{
        font-size:16px;
        padding-bottom:15px;
        border-bottom:1px solid #ddd;
}
 
h2.entry-title a:link, h2.entry-title a:visited {
        color:#444;
}
 
article.post .entry-content{
        padding:0px 20px;
        line-height:170%;
}
 
.entry-content blockquote{
        font-family:Georgia;
        font-size:12px;
        font-style: italic;
}
 
footer.entry-meta{
        padding: 20px 20px;
        background:#ebebeb;
        border-top:1px solid #ddd;
       
}
 
footer.entry-meta span{
        margin-right:20px;
        font-size:12px;
        text-transform:uppercase;
        color:#000;
        text-shadow:1px 0px 0px #fff;
}
 
footer.entry-meta span a:link, footer.entry-meta span a:visited{
        color:#000;
}
 
 
.media-box{
        margin-bottom:20px;
}
 
 
h1.page-title{
        text-transform: uppercase;
        padding:10px 0px;
        font-size:16px;
}
 
article.results{
                background:#f8f8f8;
        border:1px solid #ddd;
}
 
article.results header.entry-header{
        padding:20px 20px 0px 20px;
}
 
article.results .entry-content{
        padding:0px 20px;
        line-height:170%;
}
 
 
 
 
 
 
 
 
/* Sidebar */

ul.social{
margin:0px;
padding: 10px 10px;
list-style: none;
float:left;
}
 
ul.social li{
float:left;
font-size:24px;
       
}
 
ul.social li a:link, ul.social li a:visited{
        color:#fff;
}
 
 
 
 
 
 
 
 
 
#sidebar{
width:260px;
float:right;
margin:0px 20px;
padding: 10px 0px;

}
 
#sidebar ul{
        margin:0px;
        padding:0px;
}
 
h3.sidetitl 
{
font-size: 14px;
margin-top: 5px;
padding-top:2px;
padding-bottom:2px;
text-transform:uppercase;
text-indent: 5px;
border:2px solid red;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
background-color: #000000; 
color: #FFFFFF;
font-weight:900;

}

 
.sidebox {
    list-style: none;
    margin: 0px 0px 10px 0px;
}
 
.sidebox ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;

}
 
.sidebox li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
 
.sidebox ul ul {
    list-style-type: none;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}
 
.sidebox ul li {
    list-style-type: none;
    margin: 0px;
    margin: 0px 0px;
        color: #999;

}
 
.sidebox ul li a:link,.sidebox ul li a:visited {
color: #333;
text-decoration: none;

}
.sidebox ul li a:hover
{
display:block;
background-color:#DADAD8;
font-weight: bold;
color:#000000;
border:1px solid red;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;





}
 
.sidebox.widget_categories ul li,
.sidebox.widget_pages ul li,
.sidebox.widget_archive ul li,
.sidebox.widget_links ul li,
.sidebox.widget_meta ul li
{
padding: 2px 10px;
}
.sidebox.widget_recent_entries ul li  
{
padding: 2px 0px;
 
 
 
 
 
}
 
ul#recentcomments li.recentcomments {
 
    padding: 5px 0;
}
 
.sidebox .textwidget p {
    padding: 0px 10px;
}
 
.squarebanner ul{
        margin:0px 0px 0px 0px;
        padding:0px;
}
 
.squarebanner ul li{
        margin:10px 10px 0px 0px;
        list-style:none;
        float:left;
}
 
 
li.rbanner{
        margin-right:0px!important;
}
 
 
 
/* Comments */
 
 
#comments{
        position: relative;
}
 
h2.comments-title{
        margin-left:90px;
        padding:0px 0px 20px 0px;
        text-transform:uppercase;
        font-size:16px;
}
 
ol.commentlist{
        width:578px;
        background:#f8f8f8;
        border:1px solid #ddd;
        padding:0px 0px;
        margin:0px 0px 0px 90px;
}
 
ol.commentlist li{
        padding:0px 0px;
        list-style:none;
        margin:0px;
        position:relative;
}
 
ol.commentlist li ul.children{
        list-style:none;
        margin:0px;
        padding:0px;
}
 
ol.commentlist li ul li{
        list-style:none;
        margin:0px;
        padding:0px 0px;
}
 
.comment-author cite.fn{
        font-size:14px;
        font-style: normal;
}
.comment-author img {
        width:58px;
        height:58px;
        background:#222;
        position:absolute;
        left:-90px;
        top:20px;
        border: 1px solid #222;
}
 
.comment-meta{
        font-size:12px;
       
}
 
.commentmetadata a:link, .commentmetadata a:visited{
        color:#000;
}
.comment{
        padding: 20px 20px;
       
}
 
.comment .reply a{
        padding:3px 10px;
        background:#555;
        color:#fff;
}
 
.comment footer{
        padding:5px 10px;
        background: #ebebeb;
        margin-bottom: 10px;
}
.comment-content{
        padding: 0px 0px;
        }
       
#respond{
        margin-left:90px;
}
 
h3#reply-title{
        text-transform:uppercase;
        padding:20px 0px;
        margin:0px 0px;
}
 
#commentform{
        border:1px solid #ddd;
 
        background:#fafafa;
        padding:20px;
}
 
#commentform a {
    color: #000;
}
 
#commentform p {
    color: #888;
    margin: 5px 0;
}
 
#respond label {
 
    color: #888;
    padding: 5px 0;
}
 
#respond input {
        display:block;
    color: #aaa;
    background:#fff;
    margin: 0 10px 10px 0;
    padding: 5px;
}
 
#commentform input {
    width: 50%;
    margin-top:5px;
}
 
#respond input#commentSubmit {
    width: 100px;
    color: #555;
    cursor: pointer;
    margin: 10px 0;
    padding: 5px 10px;
}
 
textarea#comment {
    background: #fff;
    border: 1px solid #ddd;
    margin:5px 0px 0px 0px;
    width: 70%;
    color: #888;
    padding: 5px;
    display:block;
}
 
 
 
/* Footer */
 
.site-footer{
        padding:30px 0px;
        text-align:center;
        border-top:10px solid #aaa;
        color:#444;
}
 
.site-footer a:link, .site-footer a:visited{
        color:#444;

    }