/*

Theme Name:     Gridstyle Child Theme

Theme URI:      http://www.dessign.net/gridstyletheme

Description:    Child theme for Gridstyle Theme

Version:        1.0

Author:         Gato Gordo Web Development

Author URI:     http://www.gatogordoweb.com

Template:       gridstyletheme

*/

@import url("../gridstyletheme/style.css");

/* 

STYLESHEET CONTENTS

GLOBAL

    formatting

    styling

HEADER

    formatting

    site description

    menu

    social

POST BOXES

    formatting

    post box

    supporters box

POST/PAGES CONTENT

    content

    metadata

    comments

WIDGETS

    sidebar

    next/prev buttons

    tumblr footer

    classifieds

FOOTER

    formatting

    styling

MEDIA QUERIES

    2.0 pixel ratio

    max-width 1100px

    max-width 780px

    max-width 400px

*/




/* ---- GLOBAL ---- */


/* formatting */

body { background:url('images/printeresting_background.png') fixed left top !important; font-size: 62.5%; line-height: 120%; }

#main_container { padding: 0 100px 200px 100px; position: relative; top: -20px; background-color: #fff; }

#content_container { border-top: none; }

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

/* styling */

p { font-size: 1.3em; }

#header li a, #footer li a { font-size: 1.2em; }

body, p, h1, h2, h3, h4, h5, .blog_box h1 { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; color: #666; }

h1,h2,h3,h4,h5,p { margin: 5px 0; }

.istok, .side_box h3, .istok a, .footer_box h3, #header .menu-item a, .link_tumblr, .footer_box .textwidget, #tumblr_error a, .menu-projects-container a, .blog_box h1, .blog_box h2, #respond h3, #comments, #classiwrapper h3, .lwa-links-register, #lwa_wp-submit { font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; letter-spacing: .3em; font-weight: bold; }

.blog_box h2 { color: #999; margin-top: 1em; }

img:hover { opacity:0.8; filter:alpha(opacity=80); background-color: #fff; }

a {color: #333; }

blockquote { padding: 0 50px; font-size: 0.9em; }

#feature a { color: #999; }



/* ---- HEADER ---- */

/* formatting */

#header { position: fixed; z-index: 100; top: 0; padding-bottom: 20px; width: 957px; background-color: #fff; border-bottom: 1px dotted #CFCFC9; }

.top_menu_cont { background: none; float: left;}

.logo { margin: 0 auto; width: 600px; }

.cat_menu_cont { float: left; width: 80%; margin-top: 0; padding: 0; }

.top_menu_cont ul { float: right; }

.col { display: block; float: left; margin: 0; padding: 0; }

.narrow { width: 178px; margin-top: 18px; }

.wide { width: 600px; margin-top: 21px; }

/* site description */

#site-description { clear: both; font-size: 1.25em; padding: 5px 0 0 0; margin: 0 auto; }

#site-description { text-align: center; }

/* menu */

.cat_menu_cont ul li { float: left; margin-bottom: 3px; clear: both; }

.cat_menu_cont ul li a { color: #999; margin-right: 4px; width: 90px; padding: 4px; }

.cat_menu_cont ul li a:hover, .cat_menu_cont ul li.current_page_item a, .cat_menu_cont ul li.current-menu-item a { background-color: #e8e8e8; color: #666; 

	-moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    border-radius: 3px; }

.cat_menu_cont ul li.current_page_item a, .cat_menu_cont ul li.current-menu-item a { background-color: #e8e8e8; color: #666; }

/* social */

.top_menu_cont ul { margin-top: 10px; }

.top_menu_cont ul li a { padding: 5px 5px 5px 5px; border-top: none; }

.top_menu_cont ul li a:hover { border-top: none; }

.top_menu_cont ul li.current_page_item a, .top_menu_cont ul li.current-menu-item a { border-top: none; }

.top_menu_cont ul li:nth-child(3) { clear: both; }

.social img { opacity:0.7; filter:alpha(opacity=70); }

.social img:hover { opacity:1.0; filter:alpha(opacity=100); }

.social a:hover { background-color: #fff; }



/* ---- POST BOXES ---- */

/* formatting */

#content { position: relative; top: 144px; }

#sidebar { position: relative; top: 120px; }

/* post box */

#feature { font-size: 1.5em; color: #999; padding: 0 0 5px 5px; }

.attachment-featured-home, .wp-post-image {position: relative;}

.post_box { width: 223px; height: 315px; float: left; margin: 0 5px 0 5px;}

.post_box img { width: auto; height: auto; }

.post_box h3 { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.4em; color: #333; padding-top: 5px; }

.post_box h3 a { color: #666; }

.post_box h3 a:hover { text-decoration: none; border-bottom: 1px dotted #CFCFC9; }

.post_box:nth-child(3) { background-image:url('images/printeresting_background.png'); height: 275px; width: 213px; float: left; }



.post_box:nth-child(5) { clear: both; }

.img_link { overflow: hidden; position: relative; width: 212px; height: 190px; }

.img_link a { padding: 0; border: none; }

.img_link a:hover { border: none; }

.post_meta { margin: 5px 0; font-style: normal; line-height: 1.3em; }

.post_meta a { font-size: 1.0em; padding-bottom: 3px; }

.post_meta p { font-size: 1.0em; color: #666; }

/* supporters box */

.sponsor_box { padding: 10px 10px 0 10px; height: 180px; }

.sponsor_logo, .sponsor_ad { height: 48.5%; width: 48.5%; float: left; }

.sponsor_logo:first-child { padding: 0 1.5% 1.5% 0; }

.sponsor_logo:nth-child(2) { padding: 0 0 1.5% 1.5%; }

.sponsor_logo:nth-child(3) { padding: 1.5% 1.5% 0 0; }

.sponsor_logo:last-child { padding: 1.5% 0 0 1.5%; }

.sponsor_logo img, .sponsor_ad img { height: 100%; width: 100%; }

.supporters_meta { text-align: center; padding-top: 16px; line-height: 1.7em; }

.supporters_meta h3 { font-size: 1.3em; }

.supporters_meta h3 a { letter-spacing: .25em; }

.supporters_meta h3 a:hover { border-bottom: none; color: #333; }



/* ---- POST/PAGES CONTENT ---- */

/* content */

.blog_box { position: relative; left: 128px; border-bottom: none; margin-bottom: 170px; }

.blog_box p { line-height: 1.7em; }

.blog_box img { padding: 5px; }

.blog_box a {border-bottom: 1px dotted #CFCFC9;}

.blog_box h1 { width: 100%; border-top: 1px dotted #CFCFC9; padding-top: 30px; margin-top: 35px; line-height: 1.4em; }

.blog_box h1:first-child { border-top: none; padding-top: 0px; margin: 10px 0; }

.blog_box h1, #comments, #respond h3 { font-size: 1.7em; color: #666; }

a.no_u { border-bottom: none; }

/* submissions page */

#submissions { margin-bottom: 0; }

#login-info { position: relative; left: 128px; top: -30px; }

#login-info label { font-size: 130%; }

.lwa-form p { margin-top: 16px; }

.lwa .lwa-username-label, .lwa .lwa-password-label { padding-right: 0 !important; width: 100px; }

.lwa-password input, .lwa-username input, .lwa-email input, .lwa-remember-email input { width: 36% !important; padding: 5px !important; border: 1px dotted #CFCFC9!important; box-shadow: none !important; background-color: #fff !important; }

.lwa-links-register a { color: #666; background: #e8e8e8; border-radius: 3px; padding: 5px 5px 5px 7px; font-size: 130%; } 

.lwa-links-register a:hover { background: #ccc; }

#lwa_wp-submit { padding: 4px 5px 4px 7px; font-size: 130%; }

#navigation-info ul { padding-left: 20px; }

#navigation-info li { font-size: 130%; padding: 10px 0; color: #666 !important; }

#guest-navigation { margin-bottom: 300px; }

.guest-user-img, .acf-image-image { max-width: 600px; margin: 0 auto; display: block; }

.has-image img { height: 150px; width: auto; }

/* metadata */

.blog_box .post_meta { padding-bottom: 10px; border-bottom: 1px dotted #CFCFC9; margin-bottom: 18px; }

.post_cat { font-style: normal; font-size: 1.2em; color: #666; clear: both; padding: 10px 0 12px 0; margin: 0; }

.post_tags { font-size: 1.2em; color: #666; padding: 0; }

.post_cat a, .post_tags a { color: #333; }

.post_cat a:hover { text-decoration: none; }

.addthis_button { float: left; clear: both; padding-top: 40px !important; color: #333; font-size: 1.2em; padding-bottom: 2px; }

/* supporters column */

.sponsor_column { position: absolute; left: 840px; top: 68px; width: 115px; padding: 5px 0; background-image:url('images/printeresting_background.png');}

.sponsor_column .sponsor_logo { clear: both; padding: 5px 10px; width: 95px; height: 86px; }

.sponsor_column .sponsor_logo img { width: 95px; height: 86px; }

/* comments */

#comments { padding-top: 30px; margin-bottom: 15px; border-top: 1px dotted #CFCFC9; line-height: 1.4em; }

.comment p { font-size: 1.4em; color: #333; padding: 10px 0; }

label { font-weight: normal !important; }

#respond h3 { margin-top: 25px; line-height: 1.4em; }

.navigation { display: none; }

#comment { border: 1px dotted #CFCFC9; resize: none; height: 100px; width: 370px; padding: 5px; font-family: 'Lato', sans-serif; overflow: auto; }

.comment-meta { padding-top: 5px; }

input[type=text], input[type=password] { border: 1px dotted #CFCFC9; width: 185px; padding: 5px; font-family: 'Lato', sans-serif; }

input[type="submit"] { background-color: #e8e8e8; color: #666; text-decoration: none; border: none; padding: 4px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    border-radius: 3px; }

input[type="submit"]:hover { background-color: #ccc; }

.avatar { position: relative; top: 5px; }

.addthis_button { float: left; clear: both; padding-top: 10px; }/*



/* ---- WIDGETS ---- */

/* sidebar */

#sidebar { width: 0px; height: 1300px; overflow: hidden; border-bottom: none; margin: 49px 5px 0 0; }

#sidebar ul { position: absolute; padding: 10px; height: 100%; }

.side_box { border-bottom: none; }

.side_box p { font-size: 1.1em; line-height: 1.3em;}

.side_box h3 { padding: 10px 5px 5px 5px; margin: 0; font-size: 1.5em; text-decoration: none; background:#fff; }

.side_box h3 a { color: #999; } 

.tumblr_post, .tumblr_post img { width: 193px; }

.tumblr_post br { display: none; }

.tumblr_post { margin-bottom: 10px; border-bottom: 1px dotted #999; }

.tumblr_wrapper { position: relative; width: 193px; margin-bottom: 10px; }

.tumblr_button { position: absolute; z-index: 10; }

.tumblr_button img:hover { opacity:0.9; filter:alpha(opacity=90); background-color: transparent; }

#tumblr_button_up { top: 26px; }

#tumblr_button_down { top: 1274px; } 

.ul-wrap { width: 213px; height: 1320px; overflow: hidden; background-image:url('images/printeresting_background.png'); z-index: 2; }

.link_tumblr { letter-spacing: .25em; font-size: 1.2em; line-height: 1.3em; color: #999 !important; }

.link_tumblr:hover { text-decoration: none !important; color: #333; }

#tumblr_error { position: absolute; top: 100px; text-align: center; line-height: 1.4em; }

#see_more_at_tumblr { width: 213px; }

/* navigation bar */

.nav_bar { position: relative; }

.previous_posts { float: left; }

.next_posts { float: right; }

.load_more_text { width: auto; }

.load_more_text a { color: #666; padding: 4px; text-align: center; font-size: 1.3em; }

.load_more_text a:hover { background-color: #e8e8e8; color: #666; text-decoration: none; 

	-moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    border-radius: 3px; }

#wp_page_numbers { margin-top: 0 !important; }

/* projects page sidebar */

.projects_content { width: 600px; }

.menu-projects-container { position: fixed; top: 185px; width: 250px; }

.menu-projects-container .ul-wrap { background: none; }

.menu-projects-container li { padding: 5px !important; }

.menu-projects-container a { font-size: 1.3em; color: #999; line-height: 1.2em; }

.menu-projects-container a:hover { background-color: #e8e8e8; color: #666; text-decoration: none; 

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    border-radius: 3px; }

/* gallery footer */

#gallery_footer_header { width: 945px; height: auto; padding: 0; margin: 0; position: relative; top: 160px; }

#gallery_footer_header h3 { font-size: 1.5em; color: #999; }

#gallery_footer { width: 945px; height: 120px; overflow: hidden; position: relative; background:url('images/printeresting_background.png'); top: 160px; margin: 10px 0 20px 0; padding: 0 5px; }

#gallery_footer li { display: inline; float: left; height: 100px; width: 108px; margin: 10px 5px; overflow: hidden; position: relative; }

#gallery_footer li img { position: relative; height: 100px; width: auto; }

/* classifieds */

.uiwelcome, #postsearchads li { font-size: 1.3em; line-height: 1.9em; }

#displayaditemsodd, #displayaditemseven { font-size: 1.2em; line-height: 1.6em; }

#displayaditemsodd h4, #displayaditemseven h4 { font-size: 1.1em; }

#displayaditemsodd div, #displayaditemseven div { float: left !important; padding: 5px 10px 5px 0 !important;}

#displayaditemseven div:first-child a, #displayaditemsodd div:first-child a { border-bottom: none; }

#displayaditemseven div:first-child a:hover, #displayaditemsodd div:first-child a:hover { background-color: #fff; }

#classiwrapper h3 { font-size: 1.5em; }



/* ---- FOOTER ---- */

/* formatting */

#footer { border-top: 1px dotted #CFCFC9; position: relative; top: 175px; width: 100%; height: auto; } 

.footer_column { float: left; width: 25%; display: block; }

.footer_box { clear: both; width: 60%; margin: 20px auto 0 auto; }

.footer_box ul { list-style-type: none; }

.footer_box ul li { margin-bottom: 3px; }

/* styling */

#footer { font-style: normal; clear: both; }

#footer a { color: #999; }

#footer a:hover { text-decoration: none; background-color: #e8e8e8; 

	-moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    -khtml-border-radius: 2px;

    border-radius: 2px; }

.footer_box a { color: #282828; text-decoration: none; }

.footer_box a:hover { text-decoration: none; color: #666; }

.footer_box h3 { font-size: 1.3em; padding-bottom: 4px; }

.sym { cursor: hand; cursor: pointer; padding-right: 3px; font-size: 1.3em; padding: 0 3px; margin-right: 2px; }

.sym:hover { text-decoration: none; background-color: #e8e8e8; 

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    -khtml-border-radius: 2px;

    border-radius: 2px; }

.footer_box .textwidget { letter-spacing: 0.1em; font-size: 1.25em; line-height: 1.2em; color: #b8b8b8; }



/* ---- USER SUBMITTED POSTS ---- */

#user-submitted-posts textarea { border: 1px dotted #ccc; }



/* ---- MEDIA QUERIES ---- */

/* Layout fix for tablet view (do not move!) */

@media screen and (max-width: 1100px) and (min-width: 781px)  {

.post_boxes_content { height: 1980px; }

#header { position: absolute; }

}

/* Background image fix for pixel-ratio 2.0 */

@media only screen and (-webkit-device-pixel-ratio: 2.0) {

body { background:url('images/printeresting_background.png') fixed left top !important; }

}

/* High resolution mobile: pixel-ratio 2.0 */

/*

@media only screen and (-webkit-device-pixel-ratio: 2.0) and (max-width: 1100px)*/

@media only screen and (device-aspect-ratio: 2/3) and (-webkit-device-pixel-ratio: 2.0),
only screen and (device-aspect-ratio: 40/71) and (-webkit-device-pixel-ratio: 2.0) {

body, .post_meta, .page_info, .active_class { font-size: 120%; background-size: 11px; }

#content { position: relative; top: 300px; height: auto; }

.post_box h3, .istok { font-size: 2.4em !important; }

.post_box h3 {padding: 20px 0;}

#feature { padding: 30px 0; line-height: 1.3em !important; }

.blog_box h1:first-child { font-size: 2.4em !important; }

#header { position: static; }

.logo { margin-top: 40px; width: 699px !important; position: relative; left: -100px; }

.cat_menu_cont {position: relative; top: 230px; width: 100%;}

.cat_menu_cont ul li { padding: 8px 0 8px 18px; }

.cat_menu_cont ul li a { width: 280px !important; height: 30px !important; padding: 15px !important; text-align: left; margin: 2px 0; position: relative; left: -20px; font-size: 1.9em !important; }

.top_menu_cont { position: relative; top: 230px; width: 100%; }

.top_menu_cont ul li a img { margin: 11px 0 11px 0 ; }

.top_menu_cont img { height: 50px; width: 50px; }

.narrow { width: 50%; }

.wide { width: 100%;}

#footer { top: 380px; padding-bottom: 320px; padding-top: 20px; }

.footer_column { width: 50%; padding-bottom: 75px; }

#footer_column_three { clear: both; }

#footer_column_two .footer_box, #footer_column_four .footer_box { text-align: right; }

#menu-projects { display: none; }

.blog_box, #login-info { width: 100% !important; }

li.active_page a { background-color: #fff !important; color: #333 !important; }

.sponsor_box { padding: 20px 20px 0 20px; height: 590px; width: 659px; }

.supporters_meta { line-height: 2.3em; }

#gallery_footer, #gallery_footer_header, #sidebar { display: none; }

.post_box { clear: both; width: 699px; height: auto; margin: 0 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #999; }

.post_box:nth-child(2) { border-bottom: none; }

.post_box:nth-child(3) { height: 750px; margin-bottom: 45px; width: 699px; border-bottom: none; background-size: 8px 8px; }

.img_link { width: 699px; height: 626px;}

.img_link img { height: 100%; width: 100%; }

#submit { height: 45px !important; width: 350px !important; font-size: 1.2em; }

}

/* Small screens and tablet */

@media screen and (max-width: 1100px){

#header { width: 699px; }

#main_container { width: 699px; padding: 0 40px 200px 40px; }

.narrow { width: 15%; }

.wide { width: 70%; }

.logo { width: 100%; }

.top_menu_cont ul { margin-top: 5px; }

.blog_box, #login-info { left: 0; width: 699px; }

.footer_box { width: 80%;}

.post_box:nth-child(odd) { clear: both; }

#gallery_footer_header { width: 689px; top: 150px; position: relative; }

#gallery_footer { width: 689px; top: 150px; }

#gallery_footer li { width: 104px; }

#gallery_footer li:nth-child(odd) { width: 105px; }

.sponsor_column { display: none; }

.projects_content { width: 500px; }

.menu-projects-container { position: static !important; }

.menu-projects-container li { padding: 5px !important; margin-left: 30px !important; }

#sidebar { position: absolute; left: 520px; height: 1910px; }

#tumblr_button_down { top: 1884px; }

.ul-wrap { height: 1910px; }

.cat_menu_cont { margin-top: 5px; }

.cat_menu_cont ul li { margin-bottom: 2px; }

.cat_menu_cont ul li a { width: 90px; padding: 2px; }

.post_box:nth-child(4) { clear: none; padding-left: 10px; }

}

/* Tablet and mobile */

@media screen and (max-width: 780px){

body { font-size: 75%; }

.post_meta p { font-size: 1.2em; }

#header { width: 370px; position: static; border-bottom: none; }

.logo, #site-description { width: 368px; height: auto; position: relative; top: -85px; }

#content { width: 400px; }

#feature { line-height: 1.3em; }

.cat_menu_cont {position: relative; top: 130px; width: 100%;}

.cat_menu_cont li { width: 25%; }

.cat_menu_cont ul li a { width: 110px; text-align: left; padding: 3px; margin: 0 auto; }

.top_menu_cont { border-bottom: 1px dotted #CFCFC9; height: 35px; }

.top_menu_cont ul { margin-left: 0px; padding: 0 0 15px 0; }

.top_menu_cont ul li a { padding: 5px 0; }

.social_wrapper { width: 100px; margin: 0 auto; }

.top_menu_cont ul li {padding: 0 5px; position: relative; top: -74px; left: 135px; }

#main_container { width: 370px; padding: 0 25px 200px 25px; }

.post_box h3 { line-height: 1.2em; font-size: 1.3em; }

.post_box { width: 175px; height: 320px; }

.img_link { width: 175px; height: 157px;}

.img_link img { width: 100%; height: 100%; }

.post_box:nth-child(3) { height: 242px; width: 175px; margin-bottom: 25px; }

.post_box:nth-child(4) { padding-left: 0; }

.sponsor_box { width: 155px; height: 149px; }

#content { top: 0; }

.narrow, .wide { width: 100%; clear: both;}

#gallery_footer, #gallery_footer_header { display: none; }

#footer { top: 50px; }

.blog_box { left: 0; width: 370px; }

.blog_box img { max-width: 370px; height: auto; padding: 5px 0;}

#displayaditemseven div, #displayaditemsodd div { float: left !important; clear: both !important; }

#displayaditemseven div:first-child, #displayaditemsodd div:first-child { width:370px !important; padding-top: 25px !important; border-top: 1px dotted #CFCFC9; }

.footer_column { width: 50%; }

#footer_column_three { clear: both; }

#footer_column_two .footer_box, #footer_column_four .footer_box { text-align: right; }

.browse { clear: both; }

.pager { float: left !important; padding-bottom: 6px; }

iframe { width: 370px !important; }

#sidebar { display: none; }

}

/* Only tablet and mobile */

@media screen and (max-width: 780px) and (min-width: 401px){

.post_box:nth-child(odd) { margin: 0 10px 0 0; }

.post_box:nth-child(even) { margin: 0 0 0 10px; }

}

/* Small mobile */

@media screen and (max-width: 400px){

#content { width: 220px; }

#header { width: 200px; position: static; border-bottom: none; }

.logo { width: 198px; height: auto; position: relative; top: -90px; }

#site-description { display: none; }

.cat_menu_cont {position: relative; top: 65px; width: 100%; }

.cat_menu_cont ul li:nth-child(3) { clear: both;} 

.top_menu_cont ul li { top: -82px; left: 55px; }

#main_container { width: 200px; padding: 0 40px 200px 40px; }

.post_box { width: 200px; height: 320px; margin: 0; clear: both; }

.post_box:nth-child(3) { width: 200px; }

.post_box:nth-child(4) { clear: both; }

.img_link { width: 200px; height: 178px;}

.sponsor_box { width: 180px; height: 168px; }

.post_box:nth-child(3) { height: 245px; margin-bottom: 35px; }

.supporters_meta { padding-top: 6px; }

#content { top: 0; }

.narrow, .wide { width: 100%; clear: both;}

.blog_box { left: 0; width: 200px; }

.blog_box img { max-width: 200px; height: auto; }

#comment { height: 150px; width: 200px; }

.edit, .searchcads { clear: both; }

#displayaditemseven div, #displayaditemsodd div { float: left !important; clear: both !important; }

#displayaditemseven div:first-child, #displayaditemsodd div:first-child { width: 200px !important; border-top: 1px dotted #CFCFC9; }

.footer_column { width: 100%; clear: both; }

.next_posts { float: left; clear: both; }

#footer_column_two .footer_box, #footer_column_four .footer_box { text-align: left; }

.printfriendly { display: none; }

#displayaditemsodd div, #displayaditemseven div { width: 200px !important;}

iframe, .vvqbox, .vvqvimeo, .vvqyoutube, { width: 200px !important; height: auto !important; }

#gallery_footer_header { width: 190px; }

#gallery_footer { width: 190px; }

#gallery_footer li { width: 85px; }