/*
Theme Name: Base
Theme URI: http://graphpaperpress.com/themes/base/
Description: A responsive base theme framework for WordPress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 3.0.5
Author: Graph Paper Press
Author URI: http://graphpaperpress.com
License: GPL, V2
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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;
}
:focus {/* remember to define focus styles! */
    outline: 0;
}
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 img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}


/* =Structure
----------------------------------------------- */

body {
    padding: 0 1.5em;
}
#page {
    margin: 2em auto 0.5em;
    max-width: 940px;
}
#primary {
    float: left;
    margin: 2em -26.4% 0 0;
    width: 100%;
}
#content {
  margin: 0 34% 0 0;
  width: 70.833333%;
}
.page-template-page-wide-php #content {
    margin: 0;
    width: 100%;
}
#secondary {
    float: left;
    margin-top: 2em;
    width: 26.3333333%
}


/* =Global
----------------------------------------------- */

body, input, textarea {
    font: 300 15px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
img {
    max-width: 100%;
}
h1, h2, h3, h4 {
    font-weight: normal;
}
h1 {
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.5em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.4em;
    line-height: 1.4;
    margin: 0 0 10px;
}
h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}
h1 img, h2 img, h3 img, h4 img {
    margin: 0;
}
a:hover {
    text-decoration: none;
}
h1 a, h2 a {
    text-decoration: none;
}
p {
    margin: 0 0 20px;
}
blockquote {
    font-family: Georgia, Times;
    font-style: italic;
    margin: 1em 0 2em;
    padding: 1.5em 1.5em 0.5em;
}
sup, sub {
    line-height: 0;
}
pre {
    margin: 1.5em 0;
    white-space: pre;
}
pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}
legend {
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px 10px;
}
/* Text elements */
p {
    margin-bottom: 1.625em;
}
ul, ol {
    margin: 0 0 1.625em 2.5em;
}
ul {
    list-style: square;
}
ol {
    list-style-type: decimal;
}
ol ol {
    list-style: upper-alpha;
}
ol ol ol {
    list-style: lower-roman;
}
ol ol ol ol {
    list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}
strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
blockquote {
    font-family: Georgia, "Bitstream Charter", serif;
    font-style: italic;
    font-weight: normal;
    margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
blockquote cite {
    color: #666;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
pre {
    background: #f4f4f4;
    font: 13px "Courier 10 Pitch", Courier, monospace;
    line-height: 1.5;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 0.75em 1.625em;
}
code, kbd {
    font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
    border-bottom: 1px dotted #666;
    cursor: help;
}
address {
    display: block;
    margin: 0 0 1.625em;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}


/* =Header
----------------------------------------------- */

#branding hgroup {
    float: left;
    margin-bottom: 1.5em;
}
#site-title {
    float: left;
}
h1.logo {
    margin-bottom: 0;
}
h2.description {
    font-weight: normal;
}
#branding img {
    margin-bottom: -6px;
}
.clear {
    clear: both;
}


/* =Top Menu
-------------------------------------------------------------- */

#topaccess ul {
    float: right;
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
#topaccess li {
    float: left;
    position: relative;
}
#topaccess ul li {
    display: inline;
}
#topaccess ul li a {
    padding: 0 10px;
}
#topaccess a {
    display: block;
    line-height: 3.333em;
    text-decoration: none;
}
#topaccess ul ul {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 3.333em;
    left: 0;
    z-index: 20;
}
#topaccess ul ul ul {
    left: 100%;
    top: 0;
}
#topaccess ul ul a {
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 5px;
    width: 150px;
}

#topaccess ul li:hover > ul {
    display: block;
}


/* =Main Menu
-------------------------------------------------------------- */

#access {
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
}
#access ul {
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
#access li {
    float: left;
    position: relative;
}
#access a {
    display: block;
    line-height: 3.333em;
    padding: 0 1.2125em;
    text-decoration: none;
    font-weight: bold;
}
#access ul ul {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 3.333em;
    left: 0;
    width: 188px;
    z-index: 19;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 168px;
}
#access ul li:hover > ul {
    display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
    font-weight: bold;
}


/* =Content
----------------------------------------------- */

#main {
    clear: both;
    overflow: hidden;
}
.app { /* for apps */
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.home .sticky {
    padding: 20px;
}

h2.title {
    margin-bottom: 20px;
    margin-left: 10px;
}
h2.entry-title {
    line-height: 35px;
    margin-bottom: 20px;
}
.hentry {
    border-bottom: 1px dashed #eee;
    margin: 0 0 20px;
}
.entry-content {
    margin: 0px 0 20px 0px;
}
.single .entry-content {margin-left: 0;}
.description,
.entry-meta,
.entry-utility,
.entry-author {
    font-size: 11px;
}
.entry-meta {
    padding: 0 0 1em;
    clear: both;
}
.entry-utility {
    clear: both;
}
.entry-utility,
.item {
    margin-bottom: 2.5em;
}
.entry-utility a {
    font-weight: normal;
}
.meta-sep {
    font-weight: bold;
}
.entry-date {
    font-weight: normal;
}
.by,
.entry-utility-prep {
    font-family: Georgia, Times;
    font-style: italic;
}
.entry-utility-prep {
    text-transform: none;
}
.page-link a {
    margin: 0 4px;
    padding: 3px 6px;
}
.bypostauthor {
    font-style: italic;
}
/* Images */
img {
    height: auto;
    max-width:100%;
    width: auto\9; /* ie8 */
}
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
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 {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 1.625em;
}
p img,
.wp-caption {
    margin-top: 0.4em;
}
.wp-caption {
    margin-bottom: 1.625em;
    max-width: 96%;
    padding: 9px;
}
.wp-caption img {
    display: block;
    margin: 0 auto;
    max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-family: Georgia, serif;
    font-size: 12px;
    font-style: italic;
}
.wp-caption .wp-caption-text {
    margin-bottom: 0.6em;
    padding: 10px 0 5px 40px;
    position: relative;
}
.wp-caption .wp-caption-text:before {
    content: '\2014';
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px;
}
#content .gallery {
    margin: 0 auto 1.625em;
}
#content .gallery a img {
    border: none;
}
img#wpstats {
    display: block;
    margin: 0 auto 1.625em;
}

#content .gallery-columns-4 .gallery-item {
    width: 23%;
    padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}
.gallery-columns-3 .gallery-item {
    width: calc(32.33% - 12px) !important;
    margin-right: 3%;
}
.gallery-columns-3 .gallery-item:nth-of-type(3n) { 
    margin-right: 0;
}
.search h2.entry-title {
    display: block !important;
    margin-bottom: 5px;
}
.search .hentry {
    padding-bottom: 25px;
}
/* Post Formats */
.format-aside .entry-header .comments-link {
    display: none;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img,
.gallery-thumb img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    padding: 6px;
}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content.nosidebar {
    margin: 0;
    width: 100%;
}
/* Navigation */
.navigation a {
    padding: 0;
}
.nav-previous {
    float: left;
}
.nav-next {
    float: right;
}
/* Comments */
#commentsbox {
    clear: both;
    margin: 2em 0;
    overflow: hidden;
}
ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
}
ol.commentlist li {
    height: 1%;
    margin: 0 0 10px;
    padding: 10px 7px 15px 0;
    position: relative;
}
ol.commentlist li div.comment-author {
    padding: 0;
}
ol.commentlist li div.vcard {
    font-style: italic;
}
ol.commentlist li div.vcard cite.fn {
    font-style: normal;
    font-weight: bold;
}
ol.commentlist li div.vcard cite.fn a.url {
    text-decoration: none;
}
ol.commentlist li div.vcard img.avatar {
    float: right;
    margin-left: 10px;
    padding: 3px;
}
ol.commentlist li div.comment-meta {
    font-size:.8em;
    font-weight: normal;
    padding-top: 5px;
}
ol.commentlist li div.comment-meta a {
    font-weight: normal;
}
ol.commentlist li p {
    margin: 2em 0;
}
ol.commentlist li div.reply {
    font-size: 0.8em;
    margin-bottom: 1em;
    text-align: center;
    width: 36px;
}
ol.commentlist li div.reply a {
    padding: 3px 5px;
    text-decoration: none;
}
ol.commentlist li ul.children {
    list-style: none;
    margin: 1.5em 0 0;
    padding: 0;
    text-indent: 0;
}
ol.commentlist li ul.children li {
    border: none;
    margin: 0;
    padding: 20px 0 0 20px;
}
ol.commentlist li ul.children li.depth-2 {
    margin: 0 0 0.25em;
}
ol.commentlist li ul.children li.depth-3 {
    margin: 0 0 0.25em;
}
ol.commentlist li ul.children li.depth-4 {
    margin: 0 0 .25em;
}
ol.commentlist li.pingback div.vcard {
    padding: 0 170px 0 0;
}
/* Comment form */
h3#comments {
    margin: 2em 0 1em;
}
#respond {
    margin: 30px 0 0;
    padding: 10px 0;
}
#commentform {
    margin-bottom: 0;
}
#commentform input {
    display: block;
    font-size: 1.3em;
    width: 170px;
    margin: 5px 5px 1px 0;
    padding: 4px;
}
#commentform textarea {
    font-size: 1.3em;
    margin-top: 5px;
    padding: 4px;
    width: 95%;
}
#commentform p {
    font-size:.8em;
}
#commentform #submit {
    cursor: pointer;
    font-size: 1.2em;
    margin-top: 5px;
    padding: 5px 10px;
}


/* =Post Formats
----------------------------------------------- */

figure.gallery-thumb {
    display: block;
    float: left;
    margin: 0 20px 0 0;
}
/* article .entry-content, */
article footer {
    clear: both;
}
h3.entry-format {
    display: block;
    float: left;
    margin: 20px 10px 0 0;
    text-indent: -9999em;
    width: 45px;
    height: 45px;
}
h3.entry-format a {
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(images/pf-icons.png);
    background-repeat: no-repeat;
}
.format-aside h3.entry-format,
.format-quote h3.entry-format,
.format-chat h3.entry-format {
    margin-top: 30px;
}

.format-standard h3.entry-format a {
    background-position: -1px -1px;
}
.format-standard h3.entry-format a:hover {
    background-position: -1px -48px;
}
.format-aside h3.entry-format a {
    background-position: -45px -1px;
}
.format-aside h3.entry-format a:hover {
    background-position: -45px -48px;
}
.format-aside .entry-content {
    clear: none;
}
.format-link h3.entry-format a {
    background-position: -90px -1px;
}
.format-link h3.entry-format a:hover {
    background-position: -90px -48px;
}
.format-chat h3.entry-format a {
    background-position: -135px -1px;
}
.format-chat h3.entry-format a:hover {
    background-position: -135px -48px;
}
.format-status h3.entry-format a {
    background-position: -180px -1px;
}
.format-status h3.entry-format a:hover {
    background-position: -180px -48px;
}
.format-quote h3.entry-format a {
    background-position: -225px -1px;
}
.format-quote h3.entry-format a:hover {
    background-position: -225px -48px;
}
.format-image h3.entry-format a {
    background-position: -270px -1px;
}
.format-image h3.entry-format a:hover {
    background-position: -270px -48px;
}
.format-gallery h3.entry-format a {
    background-position: -315px -1px;
}
.format-gallery h3.entry-format a:hover {
    background-position: -315px -48px;
}
.format-audio h3.entry-format a {
    background-position: -359px -1px;
}
.format-audio h3.entry-format a:hover {
    background-position: -359px -48px;
}
.format-video h3.entry-format a {
    background-position: -404px -1px;
}
.format-video h3.entry-format a:hover {
    background-position: -404px -48px;
}
.format-link .entry-content p a {
    font-size: 20px;
}
.format-quote .entry-content blockquote {
    font-size: 20px;
    margin: 0;
    padding: 20px 30px 10px 30px;
}
.format-status img.avatar {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #CCCCCC;
    float: left;
    margin: 4px 10px 2px 0;
    padding: 0;
}
.format-aside h2.entry-title,
.format-chat h2.entry-title,
.format-link h2.entry-title,
.format-quote h2.entry-title {
    display: none;
}


/* =Sidebar
----------------------------------------------- */

#sidebar {
    padding: 20px 0;
}
#sidebar h3 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}
#sidebar ul {
    margin-left: 20px;
    padding: 0;
}
#sidebar .item {
    margin-bottom: 20px;
}
#sidebar input {
    font-size: 1em;
    padding: 4px;
}
#sidebar #search {
    margin-bottom: 20px;
}
#sidebar #search #s {
    width: 250px;
}
#s {
    font-size: 14px;
    padding: 5px;
    width: 80%;
}
/* Widgets */
aside {
    padding-top: 30px;
    font-size: .9em;
    overflow: hidden;
}
/* Calendar widget */
#wp-calendar tr td {
    text-align: center;
}
#wp-calendar #prev {
    text-align: left;
}
#wp-calendar #next {
    text-align: right;
}
#wp-calendar #prev a,
#wp-calendar #next a {
    padding: 3px 6px;
}


/* =Footer
----------------------------------------------- */

#colophon {
    clear: both;
    overflow: hidden;
}
#colophon aside {
    float: left;
    margin-right: 3%;
}
#colophon .widget-1 {
    width: 100%;
}
#colophon .widget-2 {
    width: 48.5%;
}
#colophon .widget-3 {
    width: 31%;
}
#colophon .widget-4 {
    width: 22.5%;
}
#colophon aside.last, #colophon aside:last-child {
    margin-right: 0;
}
#footer {
    font-size: 12px;
    margin-bottom: 1em;
}
#colophon ul, #colophon ol {
    list-style: none;
    margin: 0;
}
#footer h3.sub {
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em 0 0.5em;
}
/* Below Footer Styles */
#below_footer {
    clear: both;
    font-size: 12px;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
}
#below_footer a {
    font-weight: normal;
}
footer.entry-meta {
    margin: 0px 0 20px 0;
}
#footer-widgets {
    margin: 20px 0 30px;
    overflow: hidden;

}

/* pagearchive */

#pagearchive .archiveall a {
    text-decoration: none;
    float:left;
    margin:5px;
    position:relative;
}
#pagearchive .archiveall a img{
    opacity:.7;
}
#pagearchive .archiveall a:hover img{
    opacity:1;
}
#pagearchive .archiveall a .titlepost {
    margin:5px;
    position:absolute;
    bottom:0;
}

/* clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/* home widget */

#homewidget ul {
    list-style: none;
    margin: 0;
}