/*
Theme Name: QuickPic
Theme URI: http://www.quickonlinethemes.com/wordpress/quickpic/
Description: 1-column, lightweight, widget ready, fast loading, SEO optimized, easy to customize theme, useful for photoblogging.
Version: 1.5.6
Author: QuickOnlineThemes
Author URI: http://www.quickonlinethemes.com/
Tags: green, gray, dark, white, fixed-layout, responsive-layout, one-column, threaded-comments, sticky-post, photoblogging, custom-background
Text Domain: quickpic
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
QuickPic WordPress Theme, Copyright 2015 QuickOnlineThemes.com
QuickPic is distributed under the terms of the GNU GPL
*/


/* Begin Typography & Colors
------------------------------------- */

body {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 75%;
    font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;
    background: #000;
    color: #000;
    word-wrap: break-word;
}



.commentlist li,
#commentform input,
#commentform textarea {
    font-size: 110%
}


.commentlist li,
#commentform input,
#commentform textarea {
    font-size: 110%
}

.commentlist li {
    font-weight: 500
}

.commentlist cite,
.commentlist cite a {
    font-weight: 700;
    font-style: normal;
    font-size: 1em
}

.commentlist p {
    font-weight: 500;
    line-height: 1.5em;
    text-transform: none
}

#commentform p {
    font-size: 1.1em
}

.commentmetadata {
    font-weight: 500
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    border: 1px solid #ccc
}

#commentform textarea {
    width: 240px;
    padding: 2px;
    border: 1px solid #ccc
}

#commentform #submit {
    background: #050;
    padding: 10px;
    font-size: .9em;
    color: #fff;
    margin: 0;
    border: 0;
    text-transform: uppercase;
    border-radius: 8px;
    -moz-border-radius: 8px
}

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none
}

.commentlist p {
    margin: 10px 5px 10px 0
}

#commentform p {
    margin: 5px 0
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    display: none
}

.commentmetadata {
    margin: 0;
    display: block
}

ol.commentlist li div.comment-meta {
    font-size: 110%;
    margin-bottom: 10px
}

ol.commentlist li div.comment-meta a {
    color: #999!important
}

ol.commentlist li div.comment-meta a:hover {
    color: #06c!important;
    text-decoration: underline
}

ol.commentlist li p {
    font-size: 110%;
    margin: 0 0 1em
}

ol.commentlist li ul {
    font-size: 110%;
    margin: 0
}

ol.commentlist li ul li {
    font-size: 110%;
    list-style: square;
    margin: 0
}

ol.commentlist li ol li {
    font-size: 110%;
    margin: 0;
    list-style: upper-roman
}

ol.commentlist li div.reply {
    font-size: 110%
}

ol.commentlist li div.reply a {
    text-decoration: underline;
    padding: 5px
}

ol.commentlist li ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0
}

ol.commentlist {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    text-indent: 0
}

ol.commentlist li.comment {
    border: 1px solid #d5d5d5;
    padding: 1em;
    border-radius: 8px;
    -moz-border-radius: 8px
}

ol.commentlist li.even {
    background: #fff
}

ol.commentlist li.odd {
    background: #f9f9f9
}

ol.commentlist li ul.children li.depth-2 {
    list-style: none;
    border-left: 1px solid #ccc;
    margin: 0 0 .25em .25em
}

ol.commentlist li ul.children li.depth-3 {
    list-style: none;
    border-left: 1px solid #ccc;
    margin: 0 0 .25em .25em
}

ol.commentlist li ul.children li.depth-4 {
    list-style: none;
    border-left: 1px solid #ccc;
    margin: 0 0 .25em .25em
}

.commentlist table dl,
dt,
dd {
    list-style: none;
    padding: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

dt {
    font-weight: 700;
    padding-top: 5px
}

dd {
    padding-bottom: 15px
}

acronym,
abbr,
span.caps {
    cursor: help
}

acronym,
abbr {
    border-bottom: 1px dashed #999
}


blockquote {
    background-color: #fcfc9c;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #ccc;
    font-size: 60%;
    word-wrap: break-word;
}

blockquote cite {
    margin: 2px 0 0;
    display: block
}

.center {
    text-align: center
}

hr {
    border-top: 1px solid #8c8b8b;
    margin-top: 16px;
    margin-bottom: 16px
}

a img {
    border: none
}

.LOGO {
    border-radius: 50% 50% 20% 20%/50%;
    -webkit-border-radius: 50% 50% 20% 20%/50%;
    -moz-border-radius: 50% 50% 20% 20%/50%;
    color: #fff;
    font-size: 100px;
    background-color: #5593c2;
    text-shadow: #ccc 0 1px 0px, #c9c9c9 0 2px 0px, #bbb 0 3px 0px, #b9b9b9 0 4px 0px, #aaa 0 5px 0px, rgba(0, 0, 0, 0.1) 0 6px 1px, rgba(0, 0, 0, 0.1) 0 0 5px, rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 3px 5px, rgba(0, 0, 0, 0.2) 0 5px 10px, rgba(0, 0, 0, 0.2) 0 10px 10px, rgba(0, 0, 0, 0.1) 0 20px 20px
}

.RESULT {
    background-color: #fff;
    color: red;
    font-size: large;
    border-width: 5px;
    border-color: lime;
    border-style: groove;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    font-style: italic;
    text-shadow: 1px 1px #ffd700;
    padding: 10px 5px
}

.AMD {
    background-color: #ff0;
    color: #000;
    font-weight: 700;
    font-style: italic;
    border-width: 3px;
    border-color: red;
    border-style: inset;
    font-weight: bold;
    font-size: large;
    font-style: italic;
    text-shadow: 1px 1px red;
    margin: 0 3px;
    padding: 0 3px
}

.BLUE {
    background-color: #A9F5A9;
    color: RED;
    font-weight: 700;
    font-style: italic;
    margin-top: 3px;
    margin-bottom: 3px;
    border: 3px SOLID red;
    text-shadow: 1px 1px #ffd700
}

.RECORD {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    font-style: italic;
    font-size: large;
    border-width: 5px;
    border-color: #893bff;
    border-style: groove;
    text-shadow: 1px 1px #ffd700;
    padding-top: 10px;
    padding-bottom: 10px
}

.HEADLINES {
    background-color: red;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: large;
    text-decoration: none;
    text-shadow: 1px 1px #000
}

.LINK {
    background-color: #fff;
    color: RED;
    border-width: 5px;
    border-color: #ffd700;
    border-style: OUTSET;
    font-weight: 700;
    font-style: italic;
    font-size: large;
    text-decoration: none;
    margin: 5px 2px 2px 5px;
    padding: 5px
}

.ti {    background-color: purple;
    color: #fff;
    font-size: large;
    border-width: 3px;
    border-color: #ff0;
    border-style: inset;
    font-weight: 700;
    margin-top: 3px;
    margin-bottom: 3px;
    font-style: italic;
    padding: 3px 2px 3px 3px
}

@media screen and (min-width: 500px)
/* Desktop */

{
    table {
        text-align: center;
        border-collapse: separate;
    }
    th {
        font-size: 12px;
        padding: 5px 3px
    }
    td {
        font-size: x-large;
        padding: 5px 3px
    }
}

@media screen and (max-width: 500px)
/* Tablet */

{
    table {
        max-width: 110%;
        min-width: 60%;
        text-align: center;
        border-collapse: separate;
    }
    th {
        font-size: 8px;
        padding: 4px 1px
    }
    td {
        font-size: 3;
        padding: 4px 1px
    }
}

@media screen and (max-width: 320px)
/* mobile */

{
    table {
        max-width: 110%;
        min-width: 60%;
        text-align: center;
        border-collapse: separate;
    }
    th {
        font-size: 7px;
        padding: 3px 1px
    }
    td {
        font-size: 2;
        padding: 3px 1px
    }
}

.BLINK {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.IMAGE {
    background: red;
    color: #fff;
    display: inline-block;
    font-size: 6px;
    font-weight: 300;
    text-shadow: none;
    padding: 1px 3px;
    vertical-align: text-top
}

.BORDER {
    border-style: solid;
    border-color: red;
    color: red;
    font-size: 12px;
    border-width: 1px;
    padding: 2px 4px
}

.LOADING {
    margin-top: 4px;
    width: 100px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 3px;
    background-image: repeating-linear-gradient(-45deg, #3ADF00, #3ADF00 11px, #eee 10px, #eee 20px/* determines size */
    );
    background-size: 28px 28px;
    animation: move .5s linear infinite
}

@keyframes move {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 28px 0
    }
}

#chart {
    width: 200px;
}