/*
Theme Name: Fashion &  Mag Responsive Theme
Theme URI: http://www.dessign.net/fashionmagtheme
Description: Fashion & Mag Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative, illustrator or graphic designer. 
Version: 2.0
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 4 column theme, clean, portfolio
*/
/* =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: 'Raleway', sans-serif; color: #666; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
/*p { line-height: 22px; }*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
a { color: #222; text-decoration: none; }
a:hover {  color: #666; }
::selection {
	background: #ffb7b7; 
	}
::-moz-selection {
	background: #ffb7b7; 
}
#main_container { width: 950px; margin: 0 auto; }
/* Header */
#header_full { width: 100%; background-color: #000; padding: 5px 0 0; }
#header { width: 950px; margin: 0 auto; }
.menu_container { float: left; }
.menu_container ul { list-style-type: none; margin: 0; padding: 0; }
.menu_container ul li { float: left; font-size: 12px; margin-right: 8px; position: relative; padding-bottom: 7px; }
.menu_container ul li a { color: #fff; text-decoration: none; padding: 5px 15px; border: 1px solid #000; display: block; text-transform: uppercase; } 
.menu_container ul li a:hover, .menu_container ul li.current_page_item a, .menu_container ul li.current-menu-item a { border: 1px solid #fff; }
.menu_container ul li ul { position: absolute; top: 33px; left: 50%; margin-left: -85px; display: none; border-top: 5px solid #fff; z-index: 25; }
.menu_container ul li ul li { width: 170px; text-align: center; font-size: 12px; padding-bottom: 0; }
.menu_container ul li ul li a { display: block; background-color: #000; border: none; padding: 9px 10px; border-bottom: 1px solid #343434; }
.menu_container ul li ul li a:hover { border: none; border-bottom: 1px solid #343434; background-color: #242424; }
.menu_container ul li ul li.current-menu-item a { border: none; border-bottom: 1px solid #343434; }
.head_social { float: right; padding-top: 3px; }
.head_social img { float: left; margin-left: 20px; }
/* Body */
.logo_cont { text-align: center; padding: 35px 0; }
#slideshow_cont { width: 950px; height: 520px; margin-bottom: 35px; position: relative; overflow: hidden; }
#slideshow img { width: 950px; height: 520px; position: absolute; top: 0; left: 0; display: none; z-index: 15; }
#slideshow .first_img { display: block; }
.slide_left { position: absolute; top: 50%; margin-top: -16px; left: 0; z-index: 25; cursor: pointer; display: none; }
.slide_right { position: absolute; top: 50%; margin-top: -16px; right: 0; z-index: 25; cursor: pointer; display: none; }
.home_box { float: left; margin-bottom: 35px; }
.home_box p { font-size: 13px; margin: 15px 0; line-height: 20px; }
.home_box img:hover, .blog_box img:hover { opacity:0.7; filter:alpha(opacity=70); }
.home_small_box { width: 280px; margin-right: 55px; }
.home_small_box img { width: 280px; height: 186px; }
.home_small_box h3, .home_tall_box h3, .home_wide_box h3 { margin: 50px 0 0px 0; font-size: 15px; font-weight: normal; text-transform: uppercase;
 font-family: 'Glegoo', serif; }
.home_tall_box { width: 213px; margin-right: 32px; }
.home_tall_box img { width: 213px; height: 283px; }
.home_tall_box h3, .home_wide_box h3 { margin-top: 20px; }
.home_tall_box p { line-height: 20px; }
#single_cont .home_tall_box { margin-right: 10px; }
.home_wide_box { width: 459px; margin-right: 32px; }
.home_wide_box img { width: 459px; height: 283px; }
.home_post_date { text-align: center; padding: 6px 0; border-bottom: 1px solid #ECECEC; font-size: 11px; width: 50%;  }
.home_box_last { margin-right: 0; }
#single_cont .home_box_last { margin-right: 0; }
h3.cat_title, h3.random_title { background-color: #000; color: #fff; font-size: 13px; text-transform: uppercase; padding: 2px 8px; margin: 40px 0 15px; font-weight: normal; }
.load_more_cont {  padding: 8px 0px; text-align: center; }
.load_more_cont a { display: inline-block; background-color: #000; padding: 5px 10px; color: #fff; text-decoration: none; font-size: 14px; }
#single_left { width: 660px; float: left; }
.blog_box { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #000; font-size: 14px; }
.blog_box img { width: 660px; height: 420px; }
.blog_box p { line-height: 21px; }
p.blog_date { display: inline-block; font-size: 11px; color: #fff; background-color: #000; padding: 1px 10px; }
h3.blog_title { display: inline-block; margin: 10px 0; background-color: #000; color: #fff; font-size: 16px; font-weight: normal; padding: 3px 10px; }
h3.blog_title a { color: #fff; }
.blog_nav_cont {  margin: 10px 0; padding: 8px 8px; }
.blog_nav_cont a { font-size: 15px; color: #fff; background-color: #000; display: inline-block; padding: 5px 15px; }
h1.single_title { font-size: 21px; font-weight: normal; margin: 0 0 15px; }
#single_cont { font-size: 15px; }
#single_cont p { line-height: 19px; margin: 15px 0; }
#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
/* Sidebar */
#sidebar { width: 265px; float: right; }
.side_box { padding: 8px 0; border-top: 2px solid #000; margin-bottom: 15px; font-size: 14px; }
h3.side_title { margin: 0 0 15px; text-transform: uppercase; font-size: 14px; font-weight: normal; }
.side_box ul { list-style-type: none; margin: 0; padding: 0; }
.side_box ul li { margin-bottom: 10px; }
.side_box p { line-height: 22px; }
.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; }
/* Footer */
#footer_full { width: 100%; background-color: #000; font-size: 13px; padding: 20px 0; color: #fff; text-align: center; margin-top: 35px; }
#footer_full a { text-decoration: none; color: #fff; }
#footer_full a:hover { text-decoration: underline;}
/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#main_container { width: 708px; }
	
	#header { width: 708px; margin: 0 auto; }
	#slideshow_cont { width: 708px; height: 388px; }
	#slideshow img { width: 708px; height: 388px; }	
	
	.home_small_box { width: 229px; margin-right: 10px; }
	.home_small_box img { width: 229px; height: 150px; }
	
	.home_tall_box { width: 169px; margin-right: 10px; }
	.home_tall_box img { width: 169px; height: 225px; }	
	
	.home_wide_box { width: 348px; margin-right: 10px; }
	.home_wide_box img { width: 348px; height: 225px; }	
	
	.home_box_last { margin-right: 0; }
	
	#single_left { width: 530px; float: left; }
	.single_inside_content img { max-width: 530px; height: inherit; }
	
	.blog_box img { width: 530px; height: 337px; }
	
	#sidebar { width: 150px; }
	
	.t1_search_cont { width: 140px; }
	.t1_search_cont input[type=text] { width: 120px;  }
	
}
/* for mobile landscape */
@media screen and (max-width: 766px) {
	
	.head_social { display: none; }
	
	#main_container { width: 300px; }
	.logo_cont img { max-width: 280px; height: inherit; }
	
	#header { width: 300px; margin: 0 auto; }
	#slideshow_cont { width: 300px; height: 164px; }
	#slideshow img { width: 300px; height: 164px; }		
	.menu_container ul li ul { position: absolute; top: 33px; left: 50%; margin-left: -85px; display: none; border-top: 5px solid #000; }
	.home_box { float: none; margin-left: auto; margin-right: auto; }
	.home_small_box { width: 300px; margin-right: auto; }
	.home_small_box img { width: 300px; height: 197px; }
	
	.home_tall_box { width: 300px; margin-right: auto; }
	.home_tall_box img { width: 300px; height: 397px; }	
	
	.home_wide_box { width: 300px; margin-right: auto; }
	.home_wide_box img { width: 300px; height: 197px; }	
	
	.home_box_last { margin-right: 0; }	
	
	#single_left { width: 300px; float: none; }
	.single_inside_content img { max-width: 300px; height: inherit; }
	#commentform textarea { max-width: 280px; }
	
	.blog_box img { width: 300px; height: 191px; }
	
	#sidebar { display: none; }
	
}
/* for mobile portrait */
@media screen and (max-width: 479px) {
	
	.head_social { display: none; }
	
	#main_container { width: 300px; }
	.logo_cont img { max-width: 280px; height: inherit; }
	
	#header { width: 300px; margin: 0 auto; }
	#slideshow_cont { width: 300px; height: 164px; }
	#slideshow img { width: 300px; height: 164px; }		
	.menu_container ul li ul { position: absolute; top: 33px; left: 50%; margin-left: -85px; display: none; border-top: 5px solid #000; }
	.home_box { float: none; margin-left: auto; margin-right: auto; }
	.home_small_box { width: 300px; margin-right: auto; }
	.home_small_box img { width: 300px; height: 197px; }
	
	.home_tall_box { width: 300px; margin-right: auto; }
	.home_tall_box img { width: 300px; height: 397px; }	
	
	.home_wide_box { width: 300px; margin-right: auto; }
	.home_wide_box img { width: 300px; height: 197px; }	
	
	.home_box_last { margin-right: 0; }	
	
	#single_left { width: 300px; float: none; }
	.single_inside_content img { max-width: 300px; height: inherit; }
	#commentform textarea { max-width: 280px; }
	
	.blog_box img { width: 300px; height: 191px; }
	
	#sidebar { display: none; }
	
}