/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
#wrapper {
	width: 1000px;
	margin: 0 auto;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 220px !important;
}
.jcarousel-skin-tango .jcarousel-item img {
	width: 210px;
	height: 150px;
}
li.custom-with-bg {
	width: 620px
}
#content_masonry {
	width: 680px;
}
#content_masonry .masonry_box {
	width: 290px;
}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
#wrapper {
	width: 808px;
	margin: 0 auto;
}

#socialCounterWidget .mh_title {
	font: 14px/20px 'Open Sans', sans-serif;	
	color: #828282;
	float: left;
	line-height: 34px;
	text-transform: uppercase;
}
#socialCounterWidget .mh_sub_title {
	font: 10px/16px 'Open Sans', sans-serif;	
	color: #828282;
	float: left;
	line-height: 1px;
	text-transform: uppercase;
}
#socialCounterWidget .mh_count {
	font: 16px/24px 'Open Sans', sans-serif;	
	text-transform: uppercase;
	color: #edeae2;
	line-height: 32px;  
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

.mh_logo {
	width: 808px;
	height: 136px;
	margin-left: -20px;
	background: url(../images/808x136_header_image.jpg); 
}

.ls-magazine-grid {
	height: auto !important;
	min-height: 320px;
	padding-bottom: 10px;
	width: 508px;
}

.ls-magazine-grid img {
	max-width: 498px;
}

#slider, #slider-item {
	width: 498px;
	height: 340px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 172px !important;
}
.jcarousel-skin-tango .jcarousel-item img {
	width: 162px;
	height: 116px;
}
.carousel-thumb .mask {
	width: 162px;
	height: 116px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 20px;
}

.one-col-horiz-left img {
	max-width: 498px;
}
.one-col-horiz-left, .one-col-horiz-right {
	width: 508px;
}
.one-col-horiz-left img, .one-col-horiz-right img {
	max-width: 498px;
}
.four-ads-blocks li a img {
	width: 210px !important;
	height: 210px !important
}
#overscore-block {
	width: 60%
}
.overall-head, .wrapper-criteria {
	width: 90%
}
li.custom-with-bg {
	width: 488px
}
#search-input {
	width: 190px !important;
}
#content_masonry {
	width: 600px;
}
#content_masonry .masonry_box {
	width: 225px;
}
.masonry_box .single-media-thumb {
	height: 100px
}
ul#cbox li a img {
	height: 80px;
	width: 80px;	
}

ul#mhnow li a img {
	height: 80px;
	width: 80px;	
}

}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
/*		#wrapper { width: auto; }*/

.crumble-post img {
	max-width: 96%;
}

.single-media-thumb img {
	max-width: 100% !important;	
}

.crumble-post object embed iframe {
	max-width: 96% !important; 
}

.pages-titles h1 {
font-size: 18px;
}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper {
	width: 480px;
	overflow: hidden;
}
#socialCounterWidget .mh_title {
	font: 14px/20px 'Open Sans', sans-serif;	
	color: #828282;
	float: left;
	line-height: 52px;
	text-transform: uppercase;
}
#socialCounterWidget .mh_sub_title {
	font: 14px/16px 'Open Sans', sans-serif;	
	color: #828282;
	float: left;
	line-height: 52px;
	margin-left: 4px;
	text-transform: uppercase;
}
#socialCounterWidget .mh_count {
	font: 16px/24px 'Open Sans', sans-serif;	
	text-transform: uppercase;
	color: #edeae2;
	line-height: 50px;  
	margin-right: 4px;
	margin-left: 4px;
	float: left;
}

.mh_logo {
	width: 480px;
	height: 120px;
	margin-left: -30px;
	background: url(../images/480x120_header_image.jpg); 
}
#s {
	float: left;
	margin-bottom: 5px;
}
#slider, #slider-item {
	width: 410px;
	height: 340px;
}
#socialCounterWidget {
	margin-top: 15px;
}

.ls-magazine-grid {
	height: auto !important;
	min-height: 280px;
	padding-bottom: 10px;
	width: 420px;
}

.ls-magazine-grid img {
	max-width: 410px;
}

#menu {
	display: none;
}
.navigation select {
	display: block;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 200px !important;
}
.jcarousel-skin-tango .jcarousel-item img {
	width: 190px;
	height: 136px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 20px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	right: 0px
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	right: 20px
}
.carousel-thumb.four.columns {
	width: 200px;
}
.carousel-thumb .post-comments {
	right: 0px;
}
.carousel-thumb .mask {
	width: 190px;
	height: 136px;
}
.one-col-horiz-left, .one-col-horiz-right {
	width: 420px
}
.one-col-horiz-left img, .one-col-horiz-right img {
	max-width: 410px;
}
.four-ads-blocks li a img {
	width: 195px !important;
	height: 195px !important
}
.responsive-textarea {
	width: 390px;
}
.single-post-meta li.date-icon, .single-post-meta li.category-icon {
	display: none
}
#overscore-block {
	width: 100%
}
.overall-head, .wrapper-criteria {
	width: 92.9%
}
li.custom-with-bg {
	width: 400px
}
#search-input {
	width: 390px !important;
}
#content_masonry {
	width: 600px;
}
#content_masonry .masonry_box {
	width: 400px;
}

h2.single-title {
	margin-bottom: 18px;
	font-size: 18px; 
	line-height: 20px;
}
.date	{
	display: none !important;
}

.nivo-caption p {
	font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nivo-caption h2 a {
	color: #fff;
	font: 14px/18px 'Open Sans', sans-serif;
}

.ads160x600	{
	display: none;	
}

ul#cbox li a img {
	height: 80px;
	width: 80px;	
}

ul#mhnow li a img {
	height: 80px;
	width: 80px;	
}

.mobile-only	{
	display: none !important;	
}

}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*	@media only screen and (max-width: 479px) {*/
@media (min-width: 320px) and (max-width: 479px) {
#wrapper {
	width: 361px;
	overflow: hidden;
}
.mh_logo {
	width: 361px;
	height: 90px;
	margin-left: -30px;
	background: url(../images/361x90_header_image.jpg); 
}
#slider, #slider-item {
	width: 290px;
	height: 340px;
}
#socialCounterWidget {
	margin-top: 15px;
}

.ls-magazine-grid {
	height: auto !important;
	min-height: 280px;
	padding-bottom: 10px;
	width: 300px;
}

.ls-magazine-grid img {
	max-width: 290px;
}
#s {
	float: left;
	margin-bottom: 5px;
}
#menu {
	display: none;
}
.navigation select {
	display: block;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 300px !important;
}
.jcarousel-skin-tango .jcarousel-item img {
	width: 290px;
	height: 207px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 20px;
}
.carousel-thumb .post-comments {
	right: 0px;
}
.carousel-thumb .mask {
	width: 290px;
	height: 207px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	right: 0px
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	right: 20px
}
.one-col-horiz-left, .one-col-horiz-right {
	width: 300px
}
.one-col-horiz-left img, .one-col-horiz-right img {
	max-width: 290px;
}
.four-ads-blocks li a img {
	width: 135px !important;
	height: 135px !important
}
.responsive-textarea {
	width: 270px;
}
.single-post-meta li.date-icon, .single-post-meta li.category-icon {
	display: none
}
#overscore-block {
	width: 100%
}
.overall-head, .wrapper-criteria {
	width: 90%
}
li.custom-with-bg {
	width: 280px
}
#search-input {
	width: 270px !important;
}
li.custom-with-bg .single-post-format-icon {
	display: none
}
#content_masonry {
	width: 300px;
}
#content_masonry .masonry_box {
	width: 280px;
}
h2.single-title {
	margin-bottom: 18px;
	font-size: 18px; 
	line-height: 20px;
}
.date	{
	display: none !important;
}

.nivo-caption p {
	font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nivo-caption h2 a {
	color: #fff;
	font: 14px/18px 'Open Sans', sans-serif;
}

.ads160x600	{
	display: none;	
}

ul#cbox li a img {
	height: 80px;
	width: 80px;	
}

ul#mhnow li a img {
	height: 80px;
	width: 80px;	
}

.mobile-only	{
	display: none !important;	
}
.nivo-caption h2 a {
	color: #fff;
	font: 14px/18px 'Open Sans', sans-serif;
	text-overflow: ellipsis;
    display: inline-block;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

}


@media only screen and (max-width: 320px) {
#wrapper {
	width: 320px !important;
	overflow: hidden;
}
.mh_logo {
	width: 320px;
	height: 80px;
	margin: 0px 0px 0px -10px;
	background: url(../images/320x80_header_image.jpg); 
}
.container {
	width: 300px !important;
}
.container .one.column,  .container .one.columns,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column {
	width: 100% !important;
	margin-right: 0 !important;
}
#content-bg-wrapper {
	padding-top: 15px;
	padding-bottom: 15px;
}
#socialCounterWidget {
	margin-top: 15px;
}

.ls-magazine-grid {
	height: auto !important;
	min-height: 280px;
	padding-bottom: 10px;
	width: 302px;
	padding-top: 5px;

}

.ls-magazine-grid img {
	max-width: 292px;
}

.nivo-caption p {
	font:10px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;	
	background-color: #2a2a2a;
	font-weight:bold;
	color: #FFF;
	margin-bottom: 0;
	padding: 10px; 
}

#slider, #slider-item, .slider-block {
	width: 290px;
	height: 340px;
}

#s {
	float: left;
	margin-bottom: 5px;
	width: 260px
}
#menu {
	display: none;
}
.navigation select {
	display: block;
	width: 300px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 300px !important;
}
.jcarousel-skin-tango .jcarousel-item img {
	width: 290px;
	height: 207px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 20px;
}
.carousel-thumb .post-comments {
	right: 0px;
}
.carousel-thumb .mask {
	width: 290px;
	height: 207px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	right: 0px
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	right: 20px
}
.one-col-horiz-left, .one-col-horiz-right {
	width: 302px;
	margin-right: 0
}
.one-col-horiz-left img, .one-col-horiz-right img {
	max-width: 292px;
}
.four-ads-blocks li a img {
	width: 135px !important;
	height: 135px !important
}
.responsive-textarea {
	width: auto !important;
	min-width: 250px !important
}
.single-post-meta li.date-icon, .single-post-meta li.category-icon {
	display: none
}
#overscore-block {
	width: 100%
}
.overall-head, .wrapper-criteria {
	width: 90%
}
li.custom-with-bg {
	width: 280px
}
#content_masonry {
	width: 280px;
}
#content_masonry .masonry_box {
	width: 280px;
}
.banner a img {
	width: 270px
}
h2.single-title {
	margin-bottom: 18px;
	font-size: 18px; 
	line-height: 20px;
}
.date	{
	display: none !important;
}

.nivo-caption p {
	font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nivo-caption h2 a {
	color: #fff;
	font: 14px/18px 'Open Sans', sans-serif;
	text-overflow: ellipsis;
    display: inline-block;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
	 
}

.ads160x600	{
	display: none;	
}

.mobile-only	{
	display: none !important;	
}

}





/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/