/*

Theme Name: Planographic Theme Responsive

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

Description: Planographic Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator, designer and blogger. 

Version: 2.0

Author: Marios Lublinski

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

Tags: 3 column theme, clean, portfolio, blogger

*//



/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    margin: 0;

    padding: 0 4px 5px;

}



/* Global */

body, div { margin: 0; padding: 0; }

body { font-size: 12px; font-family: verdana, arial, georgia; color: #444; background-color: #E7E7E7; }

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

img { border: none; }

p { line-height: 20px; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

a { color: #444; text-decoration:none;}


a:hover { text-decoration:none; color:#222; }

#main_container { width: 964px; padding: 0 30px 25px; background-color: #fff; margin: 20px auto; }



/* Header */

.header_top_cont { padding-bottom: 10px; border-bottom: 1px dotted #BFBFBF; }

.top_menu_cont { float: left; }

.top_menu_cont ul { list-style-type: none; margin: 0; padding: 0; }

.top_menu_cont ul li { float: left; margin-right: 35px; font-size: 14px; }

.top_menu_cont ul li a { display: block; padding-top: 15px; border-top: 1px solid #fff; color: #9c9c9c; text-decoration: none; }

.top_menu_cont ul li a:hover { border-top: 1px solid #000; }

.top_menu_cont ul li.current-menu-item a, .top_menu_cont ul li.current_page_item a { border-top: 1px solid #000; }

.top_menu_cont ul li:last-child { margin-right: 0; }



.top_social_cont { float: right; }

.top_social_cont ul { list-style-type: none; margin: 0; padding: 0; }

.top_social_cont ul li { float: left; margin-right: 10px; margin-top: 10px; }

.top_social_cont ul li:last-child { margin-right: 0; }



.header_mid_cont { padding: 25px 0px; }

.logo { float: left; }

.header_tagline { float: right; padding-top: 15px; font-size: 15px; }



.cat_menu_cont { padding: 15px 0 20px; border-bottom: 1px dotted #BFBFBF; border-top: 1px dotted #BFBFBF; }

.cat_menu_cont ul { list-style-type: none; margin: 0; padding: 0; }

.cat_menu_cont ul li { float: left; font-family: 'Times New Roman'; background: url('images/menu-divider.jpg') no-repeat; background-position: center right; padding-right: 13px; margin-right: 10px; margin-top: 5px; }

.cat_menu_cont ul li a { display: block; color: #222222; font-size: 18px; text-decoration: none; padding: 2px 3px; }

.cat_menu_cont ul li a:hover { color: #fff; background-color: #5e5e5e; }

.cat_menu_cont ul li.current-menu-item a, .cat_menu_cont ul li.current_page_item a { color: #fff; background-color: #5e5e5e; }



/* Content */

#slider_container { padding: 25px 0; border-bottom: 1px solid #D3D3D3; }

#slideshow { background: url('images/slideshow-back.jpg') repeat; height: 402px; position: relative; }

#slideshow .slide_cont { display: none; }

#slideshow .active { display: block; }

.slide_cont { display: block; text-decoration: none; }

.slide_cont img { float: left; height: 402px; width: 467px; }

.slide_desc { float: right; width: 370px; padding-top: 155px; font-size: 18px; font-family: 'Times New Roman'; color: #222222; text-align: center; margin-right: 50px; }

.slide_desc p { line-height: 20px; }

.slide_desc h3 { margin-top: 0; font-size: 18px; color: #222222; font-family: Verdana; }



.slide_prev { position: absolute; top: 190px; left: 15px; cursor: pointer; }

.slide_next { position: absolute; top: 190px; right: 15px; cursor: pointer; }



.home_post_box { display: block; width: 309px; float: left; margin: 25px 18px 25px 0; text-align: center; text-decoration: none; }

.home_post_box img, .home_post_img_cont { width: 309px; height: 234px; }

.home_post_box h3 { font-size: 15px; color: #222222; }

.home_post_box p { font-family: 'Times New Roman'; font-size: 16px; color: #222222; line-height: 20px; }

.home_post_box .home_post_cat { font-size: 10px; font-family: Verdana; }

.home_post_box_last { margin-right: 0; }



.home_post_divider { border-bottom: 1px solid #D3D3D3; }



#single_left { float: left; width: 660px; margin-top: 30px; font-size: 16px; font-family: 'Times New Roman'; color: #222222; }

#single_left h1 { margin-top: 0; margin-bottom: 20px; font-family: Verdana; font-size: 18px; color: #222222; }

.blog_box { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #D3D3D3; }

.blog_box img, .blog_box_img_cont { width: 660px; height: 422px; }

.blog_box h3 { font-size: 18px; color: #222222; font-family: Verdana; }

.blog_box h3 a { color: #222222; text-decoration: none; }

.blog_box h3 a:hover { text-decoration:none; color: #333; }

.blog_box p { font-size: 18px; color: #222222; font-family: 'Times New Roman'; line-height: 20px; }

.blog_nav_cont { padding: 20px 0; font-size: 18px; font-family: 'Times New Roman'; }

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

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



#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }



/* Sidebar */

#sidebar { float: right; width: 260px; margin-top: 30px; }

.side_box { margin-bottom: 25px; color: #666; }

.side_box h3.side_title { margin-top: 0; color: #666563; font-size: 15px; background-color: #fff; padding: 5px 10px; }

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

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

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

.side_box ul li { margin-bottom: 10px; padding: 0 10px; }



.t1_search_cont { position: relative; width: 250px; }

.t1_search_cont input[type=text] { width: 230px; height: 17px; border: 1px solid #E5E5E5; padding: 3px 15px 3px 5px;  }

.t1_search_icon { position: absolute; top: 6px; right: 3px; }



.textwidget { padding: 0 10px; }



/* Footer */

#footer { width: 964px; padding: 15px 30px; margin: 0 auto; text-align: right; font-size: 10px; color: #333; }

#footer a { color: #333; text-decoration: none; }

#footer a:hover { text-decoration: underline; }



.desktop_div { display: block; }

.ipad_div { display: none; }



/* for tablet */



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



#main_container { width: 688px; padding: 0 20px 25px; }



.second_home_post_box { float: right; margin-right: 0; }

.desktop_div { display: none; }

.ipad_div { display: block; }

#slideshow { height: 307px; }

.slide_cont img { float: left; height: 307px; width: 350px; }

.slide_desc { width: 240px; margin-right: 40px; padding-top: 70px; }



.slide_prev { top: 135px; }

.slide_next { top: 135px; }



#single_left { width: 450px; }

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

.blog_box img, .blog_box_img_cont { width: 450px; height: 288px; }



#sidebar { width: 200px; }

.t1_search_cont { width: 190px; }

.t1_search_cont input[type=text] { width: 170px; }



#footer { width: 688px; padding: 15px 20px; }



}





/* for mobile */



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



#main_container { width: 300px; padding: 0 10px 25px; }



.logo { float: none; }

.top_social_cont { display: none; }

.header_tagline { display: none; }



#slider_container { display: none; }



.desktop_div { display: none; }

.ipad_div { display: none; }



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

.home_post_box img, .home_post_img_cont { width: 300px; }

.home_post_box_last { margin-right: auto; }



#single_left { width: 300px; float: none; }

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

#commentform textarea { max-width: 300px; }

.blog_box img, .blog_box_img_cont { width: 300px; height: 192px; }



#sidebar { display: none; }

#footer { display: none; }



}