/*



Theme Name: Simple Grid Theme Responsive



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



Description: Simple Grid Theme  for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 



Version: 2.0



Author: Marios Lublinski



Author URI: http://www.dessign.net



Tags: 4 column theme, clean, portfolio



*/





/* Global */

* { margin: 0; padding: 0; }


@font-face{font-family:'brownregular';src:url(http://assets.alldayeveryday.com/production/assets/brown-bold-webfont-bb32bda8a8befcade3a03a38ca78c727.eot);src:url(http://assets.alldayeveryday.com/production/assets/brown-bold-webfont.eot?#iefix) format("embedded-opentype"),url(http://assets.alldayeveryday.com/production/assets/brown-bold-webfont-83c655f99d0a678c27cefd666d223ccc.woff) format("woff"),url(http://assets.alldayeveryday.com/production/assets/brown-bold-webfont-9cc3aba0b91fbd8556076a1fedc4b2f6.ttf) format("truetype"),url(http://assets.alldayeveryday.com/production/assets/brown-bold-webfont.svg#brownregular) format("svg");font-weight:bold;font-style:normal}



body { font-size: 12px; line-height:14px; font-family: 'helvetica', arial, sans-serif;/*'brownregular', arial, sans-serif;*/ color: #000; background: white;}

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

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

img { border: none; }

a { color: #000; }

a:hover { text-decoration:underline; color:#000; }

#main_container { width: 100% /*1056px*/; margin: 0 /*auto*/; }



/* Header */

#header { padding: 10px 0 0 30px; margin-bottom: 20px; padding-bottom:0px; margin-top:15px; /*border-bottom: 1px solid #000;*/}
#header a {font-weight:bold; letter-spacing:0.5px; text-decoration: none; font-size: 14px; }
#header a:hover {text-decoration:underline;}

.logo { float: left; }

#corner-header a {font-size:12px; font-weight: normal;}

#corner-header a:hover {text-decoration:underline;}

.social_icons { list-style-type: none; float: right; }

.social_icons li { float: left; margin-left: 10px; }

.search_cont { float: right; margin-top: 15px; position: relative; }

.search_cont input[type=text] { width: 176px; height: 23px; border: 1px solid #E5E5E5; }

.search_icon { position: absolute; top: 7px; right: 8px; }



#menu_container {display:none;}



#load_posts_container {margin-top:-10px;}

/* Content */

#content_container { width: 100% /*1000px*/; margin: 0 30px /*auto*/; padding: 0px 0; }

.featured_banner { margin-bottom: 25px; margin-top: 15px; }

.featured_banner img { width: 1000px; height: 100px; }



.home_post_box { float: left; width: 260px; /*321px*/; height:49px; padding-bottom: 80px; overflow: visible; position: relative; display:block !important;}

.home_blog_box_last { margin-right: 0 !important; width:321px; }

.home_post_box img { width: 260px; height: 109px; /*display:none;*/overflow: visible;}

.home_post_box img:hover { width: 260px; height: 109px; /*display:block !important;*/}


.home_post_title_cont { position: absolute; bottom: 80px; width: 321px; height: 59px background-color:transparent; text-align: center; padding: 0px 0 0 0; }

.home_post_title_cont:hover {color:white;}

.home_post_title_cont h3 {  font-size: 14px; margin: 0; font-weight: normal; opacity:10; filter:alpha(opacity=100); text-align: left; font-weight:bold; letter-spacing:0.5px; }

.home_post_title_cont h4 { margin: 6px 0 0 0; font-size: 12px; font-weight: normal; text-align: left; }

.home_post_title_cont h4 a { text-decoration: none; }

.home_post_title_cont h4 a:hover { text-decoration: none; }



.blog_box_cont { float: left; width: 321px; margin-right: 18px;}

.blog_box_cont .home_post_box { margin-right: 0; margin-bottom: 0;}

.blog_box { margin-bottom: 0; margin-right: 0; }

.blog_content { margin-bottom: 25px; padding-top: 10px; float: left; }



.home_post_desc { width: 235px; height:40px; padding: 0; top: 0; position: absolute; color: #fff; background-color:tranparent; font-size: 10px; display: none; /*border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ overflow: hidden;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}

.home_post_desc:hover {color:white;
width:235px; height:40px; overflow: hidden;

} 


.blog_left { float: left; width: 100%; max-width:1000px; padding-right:30px; }

.blog_left h1 { margin-top: 0; font-size: 17px; }

.blog_nav_cont { padding-bottom: 15px; }

.blog_nav_cont a { color: #000; text-decoration: none; }

.blog_nav_cont a:hover { text-decoration: underline; }



.home_post_box_last { margin-right: 0; }



#commentform input[type=submit] { background-color: #333; border: none; color: #fff; padding: 8px 10px; }



/* Sidebar */

#sidebar { float: right; width: 321px; }

.side_box { margin-bottom: 25px; }

.side_box h3 { background-color: #E4E4E2; padding: 5px 10px; color: #666666; font-size: 16px; margin: 0 0 10px 0; }

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

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

.side_box .textwidget { padding: 0 10px; }

.side_box a { color: #000; text-decoration: none; }

.side_box a:hover { text-decoration: underline; }



/* Footer */

#footer { margin-top: 25px; padding: 10px 0;  }

.footer_widgets_cont { padding: 0 8px 0 28px; }



.footer_box { float: left; width: 320px; margin-right: 20px; margin-bottom: 20px; }

.footer_box_last { margin-right: 0; }

.footer_box h3 { font-size: 16px; }

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

.footer_box a:hover { text-decoration: underline; }



.footer_box ul, .footer_box ol { list-style-type: none; margin-left: 3px; }

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



.footer_copyright { padding: 10px 25px; text-align: right; border-top: 1px dotted #DDDDDD; border-bottom: 1px dotted #DDDDDD; }

.footer_copyright a { color: #000; text-decoration: none; }

.footer_copyright a:hover { text-decoration: underline; }











/* for mobile */

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



#main_container { width: 320px; }

#header { padding: 10px 0px 0 30px; }

.logo { float: none; max-width: 300px; margin: 0 auto; }

.search_cont { display: none; }



#menu_container { padding: 0px 0px; width: 320px; margin: 0 auto; }

#menu_container ul { list-style-type: none; width: 150px }

#menu_container ul li { float: none; }

#menu_container ul li a { padding: 5px 10px; margin: 0 0px 5px; }

#menu_container .cat_menu { border-left: none; float: right; }



#content_container { width: 320px; }

.featured_banner { display: none; }

.featured_banner img { width: 320px; height: 32px; }



.blog_box_cont { width: 300px; float: none; margin: 0 auto; }

.blog_content { float: none; width: 300px; margin-left: auto; margin-right: auto; }



.home_post_box { width: 260px; float: none; /*margin: 0 auto 25px; */}

.home_post_box img { width: 260px; height: 100px; }



.home_post_title_cont { width: 260px; }

.home_post_desc { width: 200px; left: 35px; }



.blog_left { float: none; }

.blog_left .left_content img {  height:inherit; }

.left_content {padding-bottom:100px;}

#commentform textarea { width: 300px; }

#sidebar { display: none; }

#footer { /*display: none; */}



}




/*




/* for tablet */

@media only screen and (min-width: 768px) and (max-width: 959px) {



#main_container { width: 728px; }

#header { padding: 10px 0px; }





#menu_container { padding: 0px 0px; }

#content_container { width: 728px; }

.featured_banner img { width: 728px; height: 72px; }



/*

.home_post_box { width: 260px; }

.home_post_box img { width: 260px; height: 109px; }

*/



.home_post_box { width: 260px; height:50px; margin-left: 9px; margin-right: 9px; }

.home_post_box img { width: 260px; height: 40px; }

.home_post_box_last { margin-right: 0px; width: 260px; height:50px;  }



.blog_box_cont .home_post_box { margin-left: 0; }



/*.home_post_title_cont { width: 231px; }

.home_post_desc { width: 135px; left: 40px; }*/



.home_post_title_cont { width: 321px; }

.home_post_desc { width: 251px; height:100px; left: 40px; display:block;}



.blog_left { float: left;  }

.blog_left .left_content img { width: 500px; height:inherit; }

#sidebar { float: right; width: 200px; }



.footer_widgets_cont { padding: 0 0px 0 0px; }

.footer_box { width: 229px; }



/*

#single_left { width: 500px; }

#single_left .single_content img { max-width: 500px; height: inherit; }

#sidebar { width: 200px; float: right; margin-top: 20px; }





.footer_box { width: 154px; }

.cat_menu_cont { width: 190px; }*/



}











/* @group rounded-corners pics */





*/







/* IE6 fix */

.ie6_width .tr {

	right: -1px;

}



.ie6_width .br {

	right: -1px;

}



.ie6_height .br {

	bottom: -1px;

}



.ie6_height .bl {

	bottom: -1px;

}



/* @end */