/*
	Theme Name: prizma7
	Theme URL: prizmafolyoirat.com
	Description: A prizma új masonry ruhája
	Author: ElevenThemes alapján


*/
/*@import url('css/foundation.css'); /*import foundation stylesheet */
@import url('css/reset.css'); /*import reset stylesheet */

@font-face {
  font-family: Myriad Pro Cond;
  src: local('☺'), url('fonts/MyriadWebPro-Condensed.ttf') format('truetype');
  font-weight: normal;
	font-style: normal;
}
@font-face { font-family: Myriad Web Pro; src: url('fonts/MyriadWebPro.ttf');}
@font-face {
  font-family: ChevinLight; 
  src: local('☺'), url('fonts/ChevinLightH.ttf') format('truetype'), url('fonts/ChevinLightH.otf') format('opentype');
  font-weight: normal;
	font-style: normal;
}
/*================================================*/

body  { background:#e5e5e5;
        font-size:12px; 
        line-height:20px;
        -webkit-text-size-adjust: 100%;
        background: url('images/bckg.jpg') no-repeat center top fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.divClear {clear: both;}  
.Clear-left {clear: left;}  
.Clear-right {clear: right;}

img {
    height: auto;
    max-width: 100%;
}
		
#wrap {
  width:100%;
  height: auto;
  position: relative;
  z-index: 999;
}
/*================================================*/
/* font styles */	
h1  { font-family: ChevinLight; font-size:24px; line-height:30px; color:#050000; margin:0px; font-weight:bold; margin-bottom:5px; margin-top:5px; }
h2  { font-family:'Myriad Pro Cond';font-size:20px; line-height:23px; color:#5D504F; padding:0px; margin:0px; margin-bottom:0px; margin-top:10px;  }
h3  { font-family: ChevinLight; font-size:18px; line-height:25px; color:#232323; padding:0px; margin:0px; font-weight:bold;   }
.index  { font-family: Myriad Pro Cond; font-size:16px; line-height:20px; color:#666; padding:0px; margin:0px; font-weight:normal;   }
h4  { font-size:15px; line-height:25px; color:#050000; padding:0px; margin:0px; font-weight:normal; font-weight:bold;  } 
h5  { font-size:13px; line-height:22px; color:#050000; padding:0px; margin:0px; font-weight:normal;  }
h6  { font-size:12px; line-height:22px; color:#858585; padding:0px; margin:0px; font-weight:normal;  } 
p   { font: normal 12px/18px Helvetica, "Helvetica Neue", Arial, sans-serif; color:#454545; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family:'Helvetica',Arial, Helvetica, sans-serif; }

/*================================================*/
/* list Styles */
ul 	{ padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif;}
ul li { font-size:12px; color:#858585; padding-left:10px; margin:3px 0px; list-style:inside; list-style-type:square;}
ol 	{ padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px;  list-style-type: decimal; }
hr 	{ background:url('images/hr.jpg') top center no-repeat; border:0; outline:0; clear:both; height:10px;}
/*================================================*/
/* link styles */	
a:link 		{color:#050000; text-decoration: none;} 
a:visited 	{color:#050000; text-decoration: none;}
a:hover 		{color:#050000; text-decoration: none;}
a:active 		{color:#050000; text-decoration: none;}
a:focus 		{outline-style: none;}  	
/*================================================*/
/* footer styles */
#footer-area 			{ width:100%; display:inline; float:left; padding-top:10px; margin-top:20px; clear:both; background:url('images/light/bg-row.png') top left  repeat-x; }
#footer-area .widget 		{ width:300px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
#footer-area .widget h3 	{ color:#858585;}
#footer-area .widget p    	{ color:#000;}
#footer-area .widget ul   	{ margin-left:0px;}
#footer-area .widget li   	{ color:#858585; }
#footer-area .widget a 		{ color:#444444;}
#footer-area .widget a:hover    { color:#000;}
#footer-area .widget-copy 	{ width:280px; overflow:hidden; display:inline; float:left; margin-left:10px;} 
.widget .widget-copy .prizma-image {
    display: inline-block;
    padding-top: 2px;
}

.widget .widget-copy .postTitle {
    display: inline;
    padding-left: 5px;
    vertical-align: top;
}

#youtube_channel_widget-2 .youtube_channel .postTitle{
  display: inline-block;
  width: 210px;
}

.widget .widget-copy .video_description{
  display: inline;
}

/*================================================*/
/* copyright styles */ 
#copyright{
  clear:both;
  
  margin-top:20px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
}
#copyright p        { padding-top:15px; color:#4f5356; font-size:12px; }
#copyright a        {color:#858585;	text-decoration: none;} 
#copyright a:hover  {color:#050000; text-decoration: underline;}

#partners{
  clear:both;
  background:url('images/light/bg-row.png') top left repeat-x; 
  margin: 20px 10px 10px 10px;
}

#partners img{
  margin-right: 10px;
}

/*================================================*/
/* post and page styles */ 
.type-post{ 
  /*background:#FFF;*/ 
  border-bottom:1px solid #dbdbdb;
}
.type-page{
  width: 600px;
  background:#FFF; 
  /*border-right:1px solid #dbdbdb;
  border-bottom:1px solid #dbdbdb;*/
  margin-right: 5px;
  margin-top: 0px;
  float:left;
}

.type-attachment{
  max-width:700px;
  background:#FFF;
  border-right:1px solid #dbdbdb;
  border-bottom:1px solid #dbdbdb; 
  margin-right:10px; 
  margin-top:15px; 
  display:inline; 
  float:left;
}

.gridly-image{
  z-index: 5;
  padding: 5px 5px 0 5px;
  background: none repeat scroll 0 0 #F3F3F3;
}

.feature .gridly-image{
  height: 234px;
  overflow-y: hidden;
}

.post .gridly-image{
  height: 105px;
  overflow-y: hidden;
}

.gridly-image-post{
  z-index: 5;
  padding: 0;
  background: none repeat scroll 0 0 #F3F3F3;
}
.gridly-category{
  position:absolute;
  width:auto;
  background:#000;
  margin-top:-36px;
  margin-left: 5px;
  z-index:10;
  height:30px; 
  overflow:hidden;
}

.post .gridly-category{
  margin-top:-31px;
}

.gridly-category-post{
  position:absolute; 
  width:auto; 
  background:#000; 
  margin-top:-36px; 
  z-index:10;  
  height:30px; 
  left: 5px;
  overflow:hidden;
}
.gridly-category p,
.gridly-category-post  p     { margin:0; padding:0; line-height:30px; padding-left:20px; padding-right:40px; color:#fff;   }
.gridly-category a ,            	
.gridly-category-post a     { font-family: ChevinLight; font-size: 16px; color:#fff; font-weight: bold;}
.gridly-category a:hover,
.gridly-category-post a:hover        { color:#FF8400;}
.gridly-copy{
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  overflow:hidden;
}
.gridly-copy p{
  font-family:'Myriad Pro Cond';
  font-size: 14px;
  line-height:16px;
  color:#050000;
}
.gridly-date                 { width:150px;  color:#8e8e8e; font-size:11px;}
.size-full                     { width:100%; height: inherit;}
.gridly-copy-post{ 
  width: auto;
  padding: 20px 20px 40px 20px;
}
.gridly-copy-post p{ color:#050000;}
.gridly-copy-post em, .gridly-copy em{
  font-style: italic;
}

.gridly-copy-post u, .gridly-copy u{
  text-decoration: underline;
}

.gridly-copy-post strong, .gridly-copy-post h5, .gridly-copy strong{
  font-weight: bold;
}

.gridly-copy-related{
  margin-bottom: 0!important;
}
.post-wrap                     { width: 100%; max-width:740px; float: left; background: #fff;}
.gridly-hover {
  background: #f3f3f3;
  padding-bottom: 10px;
}

body.single .latest .gridly-image-post{
  background-color: white;
}

body.single .latest .gridly-hover {
  background-color: white;
}

body.single .post .gridly-image-post{
  background-color: lightgray;
}

body.single .post .gridly-hover {
  background-color: lightgray;
}


/*================================================*/
/* post specific styles */ 
.entire-post-wrap {width:100%}

/*================================================*/
/* post index styles */ 
#homepage{
  margin: 0 auto;
  height: 10px;
  position: relative;
  z-index: 888;
}

#post-area{
  float: left;
  margin-top: 5px;
  width: 100%;
}
#post-area img{
  opacity: 1;
  width: 100%;
}

#post-area img#abFacebookConnectFrame_0{
  width: 45px;
  height: 20px;
}

/*================================================*/
/* lead article prizma */ 
/*#fixed_left {max-width: 610px;}*/
/*-----------------lead end-----------------------*/
#postsOnly{
  width: 100%;
}

#postsOnly .postWrapper{
  width: 290px;
  padding: 5px;
}

#postsOnly .featuredPostWrapper, .latest {
  width: 100%;
  max-width:590px;
  min-width: 290px;
  padding: 5px;
  float: left;
}

#postsOnly .featuredPostWrapper .gridly-copy{
  width: 100%;
  max-width: 550px;
}

#postsOnly .post .gridly-copy{
  width:250px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 0px;
  margin-bottom:20px;
  overflow:hidden;
  clear:both;
}
#postsOnly .post .gridly-date{ width:150px; color:#8e8e8e; font-size:11px;  border-bottom:1px dotted #cccccc; padding-bottom:0; padding-top:0; }
#postsOnly .post .gridly-link{ width:150px; border-top:1px dotted #e8e8e8; color:#494e51;}
.pagelink p{font-size: 18px;}

/*================================================*/
/* single post nav styles */ 
.post-nav           { width:35px; display:inline; float:left; margin-left:10px; margin-top:15px; }
.post-next a        { background:url('images/btn-left.png') top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; }
.post-next a:hover  { background:url('images/btn-left.png') top right no-repeat; height:35px; width:35px;}
.post-prev a 		 { background:url('images/btn-right.png') top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;}
.post-prev a:hover { background:url('images/btn-right.png') top right no-repeat; height:35px; width:35px;}
/*================================================*/
/* comment styles */
.comments-area ol { list-style:none; margin:0; padding:0;  border-bottom:1px solid #8e8e8e; }
.comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px;  } 
.avatar 			{ display:none;} 
.reply 			{ display:none;}
.comment-meta  	{ display:none;}
.comment-author 	{ font-size:16px; font-weight:bold; font-family: 'Droid Sans', sans-serif; }
#comment-form 	{ width:90%; }
.text-input 		{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  }
.comment-input  	{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  } 
.comment-submit 	{ clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e;   }
/*================================================*/
/* Additional and WordPress styles */
.clear 			{ clear:both;}
.aligncenter	 	{ max-width:100%; display: block; margin: 0 auto; }
.alignleft		{ float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; }
.alignright		{ float: right; margin: 0 0 20px 20px; }
.wp-caption		{  text-align: left; margin-top:5px; margin-bottom:5px; }
.wp-caption-text  { margin-top:2px;  text-align:left; font-style:italic;  font-size:11px; color:#999; } 
.sticky    		{}
.gallery-caption  {} 
.bypostauthor  	{}
blockquote 		{ font-size:2em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; }
/*================================================*/
/* prizma postok*/
#main {
  margin: 10px auto 0;
  max-width: 980px;
}
#content{
  width: 100%;
  max-width: 600px;
  background: #FFF;
  margin-bottom: 10px;
}

#main #content{
  margin-bottom: 0px;
}
/* sidebar*/

.corner-stamp{
  position: relative;
  float: left;
  margin-top: 10px;
  background: none repeat scroll 0 0 transparent;
  width: 300px;
}

#sidebar{
  width: 300px;
}

#singleSidebar{
  float: left;
  margin-top: 5px;
  min-width: 300px;
  
}

.widget{
  background: #f3f3f3;
  width: 290px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding-top:0px;
  overflow:hidden;
}

body.single-post #postsOnly .widget, body.page #postsOnly .widget{
  margin: 0 5px 10px 5px;
  padding: 5px 0 0 0;
  width: 290px;
}

body.single-post #postsOnly .prizma-widget, body.page #postsOnly .prizma-widget{
  padding: 0px;
  margin: 0px;
}

body.single-post #postsOnly .postWrapper:nth-of-type(1), body.page #postsOnly .postWrapper:nth-of-type(1){
  margin-bottom: 5px;
}

body.single-post #postsOnly .postWrapper:nth-of-type(3){
  z-index: 100;
}

.widget p{
  font-family:'Myriad Pro Cond';
  font-size:14px;
  font-weight: lighter;
  line-height:16px;
  color:#050000;
  padding-top: 5px;
  padding-bottom: 0px;
}
/*sidebar postokhoz*/
#sidebar-post{
  float:left!important;
  width: 300px;
  margin-left: 10px;
}

/* a sidebar widgetek*/
.widget-copy{
  width: 280px;
  padding-bottom: 0px;
  margin: 0 5px 0 5px;
}
.widget-prizma_1{
  width: 290px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 5px;
  overflow:hidden;
}


/*================================================*/
/* header stuff*/
#header {
  height: 115px;
}

#header h1 a { font-family: 'ChevinLight', Sans-serif;}
#header h1 a { font-size: 85px; color:#ff8400; letter-spacing:-3px; display:block; text-decoration:none; text-transform: uppercase; text-shadow:2px 2px 1px rgba(0,0,0,0.13);}
#logo{
  position: relative;
  top: -52px;
  margin: 0 auto;
  width: 160px;
  padding: 0;
  z-index: 0;
}  
#header h3  {  font-family:'Myriad Pro Cond';font-size:23px; line-height:14px; color:#fff; padding: 4px 7px 5px 6px; margin:0px; font-weight:lighter;}
#header h3 span {color: #173C95; font-weight:bold;}



.menu{
  display:block;
  /*box-shadow:2px 1px 3px rgba(0,0,0,0.2);
  background:#f3f3f3;
  opacity: 0.95;*/
  width:100%;
  height: 60px;
  list-style:none;
  margin:0px;
}

.lower-menu{
  position: absolute;
  margin-top: 150px;
}

.menu ul{
  margin: 0 auto;
  -webkit-box-shadow:none;
  -moz-box-shadow:none; 
  box-shadow:none;
}

.menu li{
  position: relative;
  display: block;
  float: left;
  padding: 0 5px 0 5px!important;
  background-color: white;
  font-family: 'ChevinLight', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  z-index: 9999;
}

.menu ul li ul li{
  float: none;
}

.menu li:first-child{margin-left:0;}

.menu li, .menu li a{
  text-decoration:none;
  color: black;
}

.menu li:hover, .menu li.current-menu-item{
  background-color: black;
}

.menu li:hover a, .menu li:hover, .menu li.current-menu-item a{
  /*color:#FF8400;
  text-shadow:2px 2px 1px rgba(0,0,0,0.13);
  -moz-text-shadow:2px 2px 1px rgba(0,0,0,0.13);*/
  color: white;
}

.menu ul li ul, .menu ul li ul li ul{
  margin: 0;
  position:absolute; 
  left:0px;
  min-width:180px; 
  background-color:#FFF; 
  padding:5px;
  display:none;
  z-index: 900;
}

.menu ul li ul.narrow-sub-menu{
  min-width:120px;
}

.menu li:hover ul{
  display:block;
}

.menu li:hover ul li ul{
  display:none;
}

.menu li:hover ul li:hover ul{
  display: block;
  z-index: 1000;
  left:110px;
  margin-top: -20px;
}

.menu li:hover ul li:hover ul a{
  color: black;
}

.menu li:hover ul li:hover ul a:hover{
  color: white;
}


.menu li:hover ul	li a{
  color: black;
}
.menu li:hover ul	li:hover a{
  color: white;
}
.menu ul li{margin: 3px 5px;}

#menu-main-kat, #menu-main-main{
  width: 75px;
}


#menu-search, #menu-theme-switch{
  float: right;
  /*margin-right: 15px!important;*/
  padding: 0!important;
}

#menu-theme-switch{
  height: 20px;
}

#menu-search form{
  width: 85px;
}

#menu-search input#searchbox{
  border: 0;
  width: 66px;
  background: url("images/magnifying_glass_s.png") no-repeat scroll top left transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 20px;
}

#theme-switcher{
  height: 0;
  margin: 0 auto;
  width: 92px;
  background-color: white;
}

.prizma-themechanger{
  background: url('images/select_bg_l.jpg') no-repeat scroll top left transparent;
  overflow: hidden;
  margin-left: -286px;
  margin-bottom: 0;
  position: absolute;
  top: 68px;
  width: 170px;
}

#prizma-theme{
  background: transparent;
  width: 185px;
  height: 28px;
  border: 0;
  margin: 0;
  padding-top: 4px;
  padding-left: 7px;
  text-transform: uppercase;
  font: 17px/1.2em 'Myriad Pro Cond';
}

#prizma-theme option{
  padding-left: 8px;
  text-transform: uppercase;
  font: 17px/1.2em 'Myriad Pro Cond';
}

#menu-theme-switch div.prizma-themechanger{
  position: static;
  margin: 0;
  height: 20px;
  width: 85px;
  background: url('images/select_bg_s.jpg');
  overflow: hidden;
}

#menu-theme-switch div.prizma-themechanger select#prizma-theme{
  padding: 0;
  height: 20px;
  width: 100px;
}

#menu-theme-switch:hover{
  background-color: white;
  color: black;
}


/* grid a postokhoz*/
.yarpp-image              { z-index:5; padding-top: 5px;}
.yarpp-category      { width:250; background:#000;  z-index:10;  overflow:hidden;}
.yarpp-category p,
.yarpp-category-post  p     { margin:0; padding:0; line-height:18px; padding-left:10px; padding-right:10px; color:#fff;   }
.yarpp-category a ,            	
.yarpp-category-post a     { font-family: 'Myriad Pro Cond'; font-size: 14px; color:#fff;}
.yarpp-category a:hover,
.yarpp-category-post a:hover        { color:#FF8400;}
.yarpp-date                 { width:150px;  color:#8e8e8e; font-size:11px;}
/* itt egyenlőre ennyi, majd takaríts, innen masonry a post mellé*/

#masonry-sidebar {background:#ddd; float:right;}
#masonry-sidebar .widget {float:right;}
#yarpp_widget-2 {}
.masonwidget {width: 250px;}
/*comment style*/

.comment, .comment a{
  font-family: 'ChevinLight', sans-serif;
  font-size: 12px;
  color: #FF8400;
  display: block;
}

p.tag a {font-family: 'Myriad Pro Cond'; font-size: 14px; color: #FFAE46; font-weight: lighter; line-height: 16px;text-transform: uppercase;}

/* social links
================================================== */
#menu-item-social, #menu-item-social:hover{
  background-color: transparent;
}


/*
#header #socialWrapper{
  margin: 0 auto;
  width: 125px;
  height: 10px;
}

#header #socialWrapper .social_prizma{
  position: absolute;
  top: 68px;
  margin-left: -158px;
  z-index: -888;
}
.social_prizma  li {
  display: block; 
  float: left;
}
*/
.fbbutton {float: right; padding-top: 5px;}
/*
.social_prizma ul  li {position: relative;float: right;}*/
/*
url('images/social/fb.png')
url('images/social/mail.png')
url('images/social/rss.png')
url('images/social/share.png')
*/
/* search
================================================== */
#header #searchform{
  width: 170px;
  margin: 0 auto;
}

#header #searchbox{
  position: absolute;
  -moz-transition-duration: 400ms;
  -moz-transition-property: width, background;
  -moz-transition-timing-function: ease;
  top: 68px;
  margin: 0 0 0 250px;
  background-color: #f3f3f3;
  border: 0;
  width: 132px;
}
input#searchbox {
    background: url("images/magnifying_glass.png") no-repeat scroll top left transparent;
    font: normal 14px/15px 'Myriad Pro Cond';
    text-transform: uppercase;
    border-radius: 2px 2px 2px 2px;
    font-size: 17px;
    line-height: 1.2em;
    padding: 5px 10px 3px 30px;
    
}
input[type="text"] {
    padding: 3px;
}
/*innen a profi kis navigacio a lapszamok kozt */

ul#navigation {
	position:fixed;
	top:30px;
	right:-60px;
	list-style:none;
	z-index:9999;
	margin:0;
	padding:0;
}
ul#navigation li { width:100px; list-style: none outside none;}

ul#navigation li a {
	display:block;
	margin-right:-2px;
	width:100px;
	height:70px;
  background:#f3f3f3;
  opacity: 0.95;
	background-repeat:no-repeat;
	background-position:center center;
}

ul#navigation .p1ful a {
	background-image:url('images/p1ful.png');
	background-position:left;
}

ul#navigation .p2ful a {
	background-image:url('images/p2ful.png');
	background-position:left;
}

ul#navigation .p3ful a {
	background-image:url('images/p3ful.png');
	background-position:left;
}

ul#navigation .p4ful a {
	background-image:url('images/p4ful.png');
	background-position:left;
}

ul#navigation .p5ful a {
	background-image:url('images/p5ful.png');
	background-position:left;
}

ul#navigation .p6ful a {
	background-image:url('images/p6ful.png');
	background-position:left;
}

ul#navigation .p7ful a {
	background-image:url('images/p7ful.png');
	background-position:left;
}



/* recent comments
================================================== */
div.widget ul{
  margin-bottom: 3px;
  background-color: white;
}

div.widget ul li{
  list-style: none;
  margin: 0px;
  border-bottom: 1px dotted #cccccc;
  padding: 3px 5px;
  color: black;
}

div.widget ul li .postTitle, div.widget ul li .postTitle a{
  color: #FF8400;
  font-style: italic;
}

div.widget ul li:hover, div.widget ul li.play{
  background-color: #FF8400;
}

div.widget ul li:hover .postTitle, div.widget ul li:hover .postTitle a, div.widget ul li.play .postTitle, div.widget ul li.play .postTitle a{
  color: black;
}

#pagination{
  clear: both;
  margin-top: 20px;
  text-align: center;
  font-family: 'Myriad Pro Cond';
  font-size: 20px;
}

#pagination a.prev{
  margin-right: 10px;
}

#pagination a.next{
  margin-left: 10px;
}

#prizma_FB{
	height: 296px;
}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

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


/*  #Mobile
================================================== */

  /* Note: Design for a width of 320px */

  @media only screen and (max-width: 600px) {
    #homepage{
      width: 300px!important;
    }
    
    #homepage #postsOnly{
      position: static!important;
      overflow: visible!important;
      height: auto!important;
    }
    
    #homepage div.corner-stamp{
      margin-top: 10px;
      width: 290px!important;
      margin-left: 5px
    }
    
    .menu{
      width: 100%;
    }
    
    .menu>ul{
      width: 290px!important;
    }
    
    #menu-theme-switch, #menu-search{
      margin-right: 0px;
    }
    
    #post-area, #singleSidebar{
      width: 300px!important;
    }
    
    #post-area .post{
      position: static!important;
    }
    
    #postsOnly div.latest div.gridly-copy, #postsOnly .featuredPostWrapper, .latest{
      width: 250px!important;
    }
    
    #postsOnly div.latest, #postsOnly div.postWrapper{
      float: left;
      position: static!important;
      -moz-transform: none!important;
      -ms-transform: none!important;
      -webkit-transform: none!important;
      transform: none!important;
    }
    
    .feature .gridly-image{
      height: 105px;
      overflow-y: hidden;
    }
    
    p iframe, #fbLikeIframe{
      max-width: 290px;
    }
  }


/* #Mobile (Landscape)
================================================== */

  /* Note: Design for a width of 480px */

  @media only screen and (min-width: 601px) and (max-width: 959px) {
    #homepage{
      width: 600px!important;
    }
    
    #homepage #postsOnly{
      position: static!important;
      overflow: visible!important;
      height: auto!important;
    }
    
    #homepage div.corner-stamp{
      margin-top: 10px;
      width: 590px!important;
      margin-left: 5px
    }
    
    #homepage div.corner-stamp #sidebar{
      width: 600px;
    }
    
    #homepage div.corner-stamp #sidebar .widget, body.single-post #postsOnly .widget {
      width: 590px;
    }
    
    
    #homepage div.corner-stamp #sidebar .widget .widget-copy, body.single-post #postsOnly .widget .widget-copy {
      width: 580px;
    }
    
    #homepage div.corner-stamp #sidebar div#youtube_channel_widget-2 div.widget-copy div.postTitle{
      display: block;
    }
    
    .menu{
      width: 100%;
    }
    
    .menu>ul{
      width: 590px!important;
    }
    
    #menu-theme-switch, #menu-search{
      margin-right: 0px;
    }
    
    #post-area, #singleSidebar{
      width: 600px!important;
    }
    
    #post-area .post{
      position: static!important;
    }
    
    #postsOnly div.postWrapper{
      width: 590px;
    }
    
    #postsOnly div.latest, #postsOnly div.postWrapper{
      float: left;
      -moz-transform: none!important;
      -ms-transform: none!important;
      -webkit-transform: none!important;
      transform: none!important;
    }
    
    .feature .gridly-image, .post .gridly-image{
      height: 234px;
      overflow-y: hidden;
    }

    #postsOnly div.post div.gridly-copy{
      width: 550px;
    }
  }