/* @override 
	http://www.macthai.com/wp-content/themes/macthai/style.css?ver=4.2.2
*/

/*
Theme Name: Mac Thai
Theme URI: http://macthai.com
Author: iMenn
Author URI: http://MennStudio.com/
Description: default theme for MacThai.com
Version: 2.0
*/

@font-face {
    font-family: 'sukhumvitlight';
    src: url('fonts/sukhumvitlight-webfont.eot');
    src: url('fonts/sukhumvitlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sukhumvitlight-webfont.woff') format('woff'),
         url('fonts/sukhumvitlight-webfont.ttf') format('truetype'),
         url('fonts/sukhumvitlight-webfont.svg#rsuregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sukhumvitreg';
    src: url('fonts/sukhumvitreg-webfont.eot');
    src: url('fonts/sukhumvitreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sukhumvitreg-webfont.woff') format('woff'),
         url('fonts/sukhumvitreg-webfont.ttf') format('truetype'),
         url('fonts/sukhumvitreg-webfont.svg#rsuregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1,h2 {font-weight: normal;font-family: "sukhumvitreg", Arial, sans-serif;}
h3 {font-weight: normal;font-family: "sukhumvitlight", Arial, sans-serif;}
h1{font-size:32px;line-height:1.2em}
h2{font-size:28px;line-height:1.2em}
h3{font-size:22px;line-height:1.2em;margin-bottom:12px}
img{
	max-width: 100%;height: auto;
}
.entry h3{
	margin: 16px 0 12px;
}
body {color: #393C3F;
	-webkit-backface-visibility: hidden;
	overflow-x: hidden;
	
}
body, input, textarea, select, button {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
}
@media screen and (min-width: 480px) {
	body {
		background-position: top center !important;
	}
}

@media screen and (min-width: 1920px) {
	body {
		background-size: cover;
	}
}

a {color: #288eb3;}
a:hover {color: #30a7d2;}
a:active {color: #20728f;}

blockquote{
	position: relative;
	font-size: 14px;
	padding: 5px 10px 15px;
	font-style: italic;
	color: #666;
}
blockquote:before {
display: block;
content: "\201C";
position: absolute;
left: -40px;
top: -20px;
color: #e3e4e6;
font: 80px Georgia, "Times New Roman", Times, serif;
}


hr{
	border: 0;
	height: 0;
	border-bottom: 1px solid #dfdfdf;
	
}

#page{
	width: 1028px;
	margin: 0 auto 10px;
	padding: 0 50px;
}
.menu-toggle {
	display: none;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 5px 10px 4px;
	font-size: 13px;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
}
.menu-toggle,
input[type="submit"],
article.post-password-required input[type=submit] {
	cursor: pointer !important;
}
.menu-toggle:hover,
input[type="submit"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
input[type="submit"]:active,
article.post-password-required input[type=submit]:active,
input[type="submit"].toggled-on {
	color: #777;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	padding: 6px;
	font-family: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.btn {
	background: -webkit-gradient(linear, left bottom, left top, from(#3ca5f7), to(#55b1f9)) #3a99dc;
	background: -moz-linear-gradient(bottom, #3ca5f7 0%, #55b1f9 100%) #3a99dc;
	background: linear-gradient(to top, #3ca5f7 0%, #55b1f9 100%) #3a99dc;
	color: #fff;
	display: inline-block;
	padding: 4px 10px;
}
.btn:hover{
	color: #fff;
	background: -webkit-gradient(linear, left bottom, left top, from(#69b9f8), to(#74bffa)) #3a99dc;
	background: -moz-linear-gradient(bottom, #69b9f8 0%, #74bffa 100%) #3a99dc;
	background: linear-gradient(to top, #69b9f8 0%, #74bffa 100%) #3a99dc;
}
#head{
	height: 95px;
	padding: 0 10px 0 1px;
}
#brand{
	float: left;
}
#brand .title {
	margin: 0;
}
#brand .title img{
	transition: all 0.1s ease;
	opacity: 1;
	max-width: 300px;
}
#brand .title img:hover{
	opacity: 0.8;
}
#brand .title img:active{
	opacity: 0.6;
}
#brand .desc {
	display: none;
}

#nav {
	float: right;
	font-size: 16px;
	padding: 55px 0 0;
	white-space: nowrap;
	text-align:right;
}

#nav li{
	position: relative;
	display: inline;
}

#nav li a{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 5px 10px 15px;
}

#nav li a b{
	font-size: 14px;
}

#nav li a:hover{
	opacity: 0.8;
}
#nav li a:active{
	opacity: 0.5;
}
#nav .sub-menu{
	width: 140px;
	position: absolute;
	z-index: 500;
	top: 33px;
	left: -10px;
	/* font-size: 18px; */
	font-size: 14px;
	text-align: left;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
/*
#nav .beta {
	display: none;
}
*/
body.logged-in #nav .beta {
	display: inline;
}
/*
#nav .sub-menu a{
	display: block;
	background-color: #888;
	background: -moz-linear-gradient(90deg, #848484 0%, #8b8b8b 100%) #888;
	background: -webkit-gradient(linear, left bottom, left top, from(#848484), to(#8b8b8b)) #888;
	border-bottom: 1px solid #777;
	border-top: 1px solid #999;
	text-shadow: 0 -1px 0 #444;
	padding: 4px 15px;
	
}
#nav .sub-menu a,
#nav .sub-menu a:hover,
#nav .sub-menu a:active{
	opacity: 1;
	
}

#nav .sub-menu a:hover{
	background-color: #999;
	background: -moz-linear-gradient(90deg, #929292 0%, #9a9a9a 100%) #999;
	background: -webkit-gradient(linear, left bottom, left top, from(#929292), to(#9a9a9a)) #999;
	border-top: 1px solid #aaa;
}

#nav .sub-menu a:active{
	background-color: #707070;
	background: -moz-linear-gradient(90deg, #767676 0%, #6c6c6c 100%) #707070;
	background: -webkit-gradient(linear, left bottom, left top, from(#767676), to(#6c6c6c)) #707070;
	border-top: 1px solid #888;
	color: #ccc;
}
*/
#nav .sub-menu {
	background-color: #eee;
	border-radius: 3px;
}
#nav .sub-menu a{
	display: block;
	border-bottom: 1px solid #d5d5d5;
	text-shadow:none;
	padding: 5px 15px;
	color: #222;
	cursor: pointer !important;
}
#nav .sub-menu a,
#nav .sub-menu a:hover,
#nav .sub-menu a:active{
	opacity: 1;
}
#nav .sub-menu a:hover{
	background-color: #fff;
}
#nav .sub-menu a:active{
	color: #666;
}
#nav .sub-menu li:first-child a{
	border-radius: 3px 3px 0 0;
}
#nav .sub-menu li:last-child a{
	border-radius: 0 0 3px 3px;
	border-bottom: none;
}
#nav .sub-menu .sub-menu{
	display: none; 
}
#nav .sub-menu li{
	float: none;
}

#nav .sub-menu,
#nav li:hover .sub-menu .sub-menu
{ opacity: 0;visibility: hidden;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}

#nav li:hover .sub-menu
{opacity: 1;visibility: visible;
}


#nav .roundups .sub-menu {
	width: 670px;
	left: -260px;
}
#nav .roundups .sub-menu a{
	width: 33.333333%;
	float: left;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(images/roundups/iphone-6.png) right center no-repeat;
	background-position : calc(100% - 10px) center;
	background-size: 56px auto;
	border-left: 1px solid #ddd;
}
#nav .roundups .sub-menu li:nth-child(3n+1) a{
	border-left: none;
}
#nav .roundups .sub-menu a:hover{
	background-color: #fff;
}
#nav .roundups .sub-menu .iphone-6 a{
	background-image: url(images/roundups/iphone-6.png);
}
#nav .roundups .sub-menu .iphone-6-plus a{
	background-image: url(images/roundups/iphone-6-plus.png);
}
#nav .roundups .sub-menu .ios-8 a{
	background-image: url(images/roundups/ios-8.png);
}
#nav .roundups .sub-menu .apple-tv a{
	background-image: url(images/roundups/apple-tv.png);
}
#nav .roundups .sub-menu .displays a{
	background-image: url(images/roundups/displays.png);
}
#nav .roundups .sub-menu .mac-pro a{
	background-image: url(images/roundups/mac-pro.png);
}
#nav .roundups .sub-menu .imac a{
	background-image: url(images/roundups/imac.png);
}
#nav .roundups .sub-menu .mac-mini a{
	background-image: url(images/roundups/mac-mini.png);
}
#nav .roundups .sub-menu .macbook-air a{
	background-image: url(images/roundups/macbook-air.png);
}
#nav .roundups .sub-menu .retina-macbook-pro a{
	background-image: url(images/roundups/retina-macbook-pro.png);
}
#nav .roundups .sub-menu .macbook-pro a{
	background-image: url(images/roundups/macbook-pro.png);
}

#nav .roundups .sub-menu .ipod-shuffle a{
	background-image: url(images/roundups/ipod-shuffle.png);
}
#nav .roundups .sub-menu .ipod-touch a{
	background-image: url(images/roundups/ipod-touch.png);
}
#nav .roundups .sub-menu .ipad a{
	background-image: url(images/roundups/ipad.png);
}
#nav .roundups .sub-menu .ipad-mini a{
	background-image: url(images/roundups/ipad-mini.png);
}












#nav .roundups .sub-menu .r-01 a{background-image: url(images/roundups/r-01.png);}
#nav .roundups .sub-menu .r-02 a{background-image: url(images/roundups/r-02.png);}
#nav .roundups .sub-menu .r-03 a{background-image: url(images/roundups/r-03.png);}
#nav .roundups .sub-menu .r-04 a{background-image: url(images/roundups/r-04.png);}
#nav .roundups .sub-menu .r-05 a{background-image: url(images/roundups/r-05.png);}
#nav .roundups .sub-menu .r-06 a{background-image: url(images/roundups/r-06.png);}
#nav .roundups .sub-menu .r-07 a{background-image: url(images/roundups/r-07.png);}
#nav .roundups .sub-menu .r-08 a{background-image: url(images/roundups/r-08.png);}
#nav .roundups .sub-menu .r-09 a{background-image: url(images/roundups/r-09.png);}
#nav .roundups .sub-menu .r-10 a{background-image: url(images/roundups/r-10.png);}
#nav .roundups .sub-menu .r-11 a{background-image: url(images/roundups/r-11.png);}
#nav .roundups .sub-menu .r-12 a{background-image: url(images/roundups/r-12.png);}
#nav .roundups .sub-menu .r-13 a{background-image: url(images/roundups/r-13.png);}
#nav .roundups .sub-menu .r-14 a{background-image: url(images/roundups/r-14.png);}
#nav .roundups .sub-menu .r-15 a{background-image: url(images/roundups/r-15.png);}
#nav .roundups .sub-menu .r-16 a{background-image: url(images/roundups/r-16.png);}
#nav .roundups .sub-menu .r-17 a{background-image: url(images/roundups/r-17.png);}
#nav .roundups .sub-menu .r-18 a{background-image: url(images/roundups/r-18.png);}
#nav .roundups .sub-menu .r-19 a{background-image: url(images/roundups/r-19.png);}
#nav .roundups .sub-menu .r-20 a{background-image: url(images/roundups/r-20.png);}
#nav .roundups .sub-menu .r-22 a{background-image: url(images/roundups/r-22.png);}
#nav .roundups .sub-menu .r-22 a{background-image: url(images/roundups/r-22.png);}
#nav .roundups .sub-menu .r-23 a{background-image: url(images/roundups/r-23.png);}
#nav .roundups .sub-menu .r-24 a{background-image: url(images/roundups/r-24.png);}
#nav .roundups .sub-menu .r-25 a{background-image: url(images/roundups/r-25.png);}
#nav .roundups .sub-menu .r-26 a{background-image: url(images/roundups/r-26.png);}
#nav .roundups .sub-menu .r-27 a{background-image: url(images/roundups/r-27.png);}
#nav .roundups .sub-menu .r-28 a{background-image: url(images/roundups/r-28.png);}
#nav .roundups .sub-menu .r-29 a{background-image: url(images/roundups/r-29.png);}
#nav .roundups .sub-menu .r-30 a{background-image: url(images/roundups/r-30.png);}


#main {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	background: url(images/side-bg.png) repeat-y right top #fff;
	position: relative;
}




#titlebar{
	margin: 0;
	display: block;
	background-color: #eee;
	background: -moz-linear-gradient(90deg, #e4e4e4 0%, #f6f6f6 100%) #eee;
	background: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#f6f6f6)) #eee;
	border-top: 1px solid #fff;
	padding: 16px 20px 10px;
	width: 988px;
	border-radius: 5px 5px 0 0;
	min-height: 39px;
	color: #424d52;
	text-shadow: 0 1px 0 #fff;
}
#titlebar a{
	color: #424d52;
}
#titlebar h1{
	margin: 0;
	padding: 0 0 0 35px;
	width: 800px;
}
#titlebar .pic{
	position: absolute;
	border-radius: 50px;
	overflow: hidden;
	border: 4px solid #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	left: -40px;
	top: 20px;
	background-color: #eee;
	text-align:center;
	width: 80px;
	height: 80px;
}

#titlebar .pic img{
	width: 80px;height: 80px;border-radius: 40px;
}
#titlebar .meta{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;float: right;
	padding: 9px 38px 0 0;
	color: #888;
	width: 100px;
	text-align: right;
}
#titlebar .meta span.avatar{
	border-radius: 3px;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 17px;
	top: 15px;
}
#titlebar .meta span.avatar img{
	border-radius: 3px;
}

#titlebar.banner{
	border: 2px solid #fff;
	background:none;
	background-color: #fff;
	position: relative;
	line-height: 0;
	height: 300px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: auto;
}

#titlebar.banner h1{
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.75);
	display: inline;
	padding: 5px 14px;
	font-size: 28px;
	position: absolute;
	bottom: 15px;
	left: 0;
	width: auto;
	white-space: nowrap;
}
#titlebar.banner h1 a{
	color: #fff;
}

#subtitlebar{
	padding: 5px 0 5px 57px;
	border-bottom: 1px solid #ddd;
	color: #57656b;
	margin: 0 0 10px;
}
#subtitlebar a{
	color: #6c7f88;
}
#subtitlebar a:hover{
	color: #5887b7;
}

.category-model-of-the-month #subtitlebar{
	padding: 5px 0 5px 30px;
}

#content{
	float: left;
	width: 728px;
}

#content.fullwidth{
	float: none;
	width: 100%;
	background-color: #fff;
	border-radius: 8px 8px 0 0;
}


#content .entry{
	padding: 20px 44px;
}
#content .entry img.fullwidth{
	margin: 0 -44px;
	width: 728px;
	max-width: 728px;
}

#content.no_sb .entry img.fullwidth{
	margin: 0 -164px 1em;
	width: 1028px;
	max-width: 1028px;
}



#featured{
	height: 460px;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	position: relative;
}

.f-item{
	position: absolute;
	overflow: hidden;
}
.f-item a{
	position: relative;
	color: #fff;
	display: block;
}
.f-item h3{
	bottom: 0;
	padding: 5px 10px 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	position: absolute;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
	z-index: 20;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #fff;
	background: url(images/featured.png) repeat-x;
	text-shadow: 0 0 3px #000;
}

.f-item a:hover h3{
	color: #fff;
	background: -moz-linear-gradient(90deg, #363636 0%, #393939 100%) #000;
	background: -webkit-gradient(linear, left bottom, left top, from(#363636), to(#393939)) #000;

}

.f-item:hover img{
	top: -15px;

}

.f-item img{
	position: absolute;
	z-index: 20;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	top: 0;
}
#f-1{
	left: 350px;
	top: 2px;
	width: 450px;
	height: 300px;
}
#f-1 a{
	height: 300px;
}
#f-1 h3{
	width: 430px;
}


#f-2 img{
	border-radius: 3px 0 0;
}

#f-2,
#f-3{
	width: 346px;
	height: 227px;
}
#f-2 a,
#f-3 a{
	height: 227px;
}

#f-2{
	left: 2px;
	top: 2px;
}
#f-3{
	left: 2px;
	top: 231px;	
}

#f-2 h3,
#f-3 h3 {
	width: 326px;
}


#f-4,
#f-5,
#f-8{
	width: 224px;
	height: 154px;
}

#f-4 a,
#f-5 a,
#f-8 a{
	height: 154px;
}

#f-4 h3,
#f-5 h3,
#f-8 h3,
#f-6 h3,
#f-7 h3{
	width: 204px;
}

#f-6,
#f-7{
	width: 224px;
	height: 149px;
}
#f-6 a,
#f-7 a{
	height: 149px;
}

#f-4{
	left: 350px;
	top: 304px;
}
#f-5{
	left: 576px;
	top: 304px;
}
#f-6{
	left: 802px;
	top: 2px;
}
#f-6 img{
	border-radius: 0 3px 0 0;
}
#f-7{
	left: 802px;
	top: 153px;
}

#f-8{
	left: 802px;
	top: 304px;
}

#content h1.title,
#content h2.title-top{
	margin: 0;
	background: -webkit-gradient(linear, left bottom, left top, from(#3ca5f7), to(#55b1f9)) #3a99dc;
	background: -moz-linear-gradient(bottom, #3ca5f7 0%, #55b1f9 100%) #3a99dc;
	background: linear-gradient(to top, #3ca5f7 0%, #55b1f9 100%) #3a99dc;
	color: #fff;
	font-size: 24px;
	padding: 12px 22px 9px;
	border-radius: 5px 0 0 0;
}
#content h2.title-top {
	border-radius: 5px 5px 0 0;
	font-size: 22px;
}

#content.fullwidth h1.title{
	border-radius: 5px 5px 0 0;
}
#content h1.title a{
	color: #fff;
}
#content h1.title.home{
	border-radius: 0;
	padding: 5px 22px 0;
}





.item {
	padding: 20px;
	background: url(images/dash.png) repeat-x 1px bottom;
	position: relative;
}

.sticky{
	background-color: #fbf8e6;
	text-shadow: 0 1px 0 #fff;
	color: #8c7a3d;
}
.featured-post{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	text-indent: 300%;
	white-space: nowrap;
	width: 56px;
	height: 56px;
	overflow: hidden;
	background: url(images/sticky.png) no-repeat;
}

.item .pic{
	float: left;
	width: 240px;
	border: 2px solid #fff;
	height: 160px;
	overflow: hidden;
	box-shadow: 0px 0px 1px #999;
}
.sticky .item .pic{
	box-shadow: 0 0 1px #916329;
}
.sticky .item a{
	color: #d98803;
}
.item .pic img {
	width: 240px;
	height: auto;
}
.item .info{
	padding-left: 260px;
}
.item .info .meta{
	color: #888;
	font-size: 0.85em;
	margin: 8px 0 12px;
}
.item .info h3{
	margin: 0;
	font-size: 20px;
}
.sticky .item .info h3{
	padding-right: 40px;
}
.sticky .item .info .meta{
	color: #bcab90;
}
.item .info .meta .bt{
	float: right;
}
.item .info .meta .facebook{
	width: 80px;
}
.item .info .meta .twitter{
	width: 97px;
}

.item .info p{
	margin: 8px 0 0;
}
.page-links {
	clear: both;
	padding: 10px 0;
}

.entry img.border{
	box-shadow: 0px 0px 5px #888;
}


#social .more{
	float: right;
}

.author-box{
	background-color: #e9eef4;
	border: 1px solid #e0e6ee;
	padding: 10px;
	margin: 10px 0;
	overflow: hidden;
}
.author-box .pic{
	float: left;
	width: 80px;
	border: 2px solid #fff;
	height: 80px;
}
.author-box .info{
	padding-left: 98px;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;
}

.author-box .info h2{
	font-size: 20px;
	margin: 0;
}
.author-box .info p{
	margin: 5px 0 0;
}

.author-box .info .author-link {
	float: right;
	padding: 5px 0 0;
}

.edit-link a{position:fixed;bottom:5px;left:5px;display:block;width:30px;height:30px;line-height:30px;border-radius:30px;background-color:rgba(0,0,0,.6);color:#fff;text-align:center;border:2px solid #fff;font-size:11px;overflow:hidden;z-index:999}
.edit-link a:hover{opacity:.8;color:#fff}
.edit-link a:active{opacity:.6}


.pagenavi{
	padding: 20px 20px;
	overflow: hidden;
}
.pagenavi .pages,
.pagenavi .current,
.pagenavi a{
	border: 1px solid #ccc;
	padding: 3px 7px;
	margin: 0 5px 0 0;
}
.pagenavi .current{
	font-weight: bold;
	color: #888;
}



#content .slideshow-wrapper{
	margin: 0 -10px 20px;
	background-color: #000;
	padding: 0 10px;
	text-align: center;
}
#content .slideshow-wrapper .pager img{
	float: none;
}



/*-- Featured Review --*/

#content.featured-review #subtitlebar{
	margin: 0;
	background-color: #f4f4f4;
	border: none;
}

#content.featured-review .main-photo img {
	width: 100%;
}

#content.featured-review.no_sb{
	float: none;
	width: 100%;
	background-color: #fff;
}

#content.featured-review.no_sb blockquote.alignright{
	margin: 1em 0 1em 60px;
}
#content.featured-review.no_sb blockquote.alignleft{
	margin: 1em 20px 1em 40px;
}


#content.featured-review.no_sb blockquote.alignright h2,
#content.featured-review.no_sb blockquote.alignleft h2{
	color: #5ea7e6;
}

/*
#content.featured-review.no_sb .entry > h1,
#content.featured-review.no_sb .entry > h2,
#content.featured-review.no_sb .entry > h3,
#content.featured-review.no_sb .entry > h4,
#content.featured-review.no_sb .entry > p,
#content.featured-review.no_sb .entry > #breakdown{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
#content.featured-review.no_sb .entry > ul,
#content.featured-review.no_sb .entry > ol{
	width: 672px;
	margin-left: auto;
	margin-right: auto;
}
*/

#content.featured-review.no_sb .vc_span12 .wpb_text_column,
#content.featured-review.no_sb .entry > #breakdown{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}



#breakdown{
	margin: 0 0 30px;
}

#breakdown .info{
	margin: 0 0 20px;
}

#breakdown .scores{

}

#breakdown table{
	width: 100%;
	font-size: 10px;
	color: #fff;
}
#breakdown > table{
	margin: 20px 0 30px;

}
#breakdown table th{
	width: 10%;
	padding: 0;
}


#breakdown .score-1{background-color: #793496;border-bottom: 2px solid #642a7d;}
#breakdown .score-2{background-color: #ec5cc4;border-bottom: 2px solid #e623b0;}
#breakdown .score-3{background-color: #e7083c;border-bottom: 2px solid #c70733;}
#breakdown .score-4{background-color: #f44f15;border-bottom: 2px solid #cb3b08;}
#breakdown .score-5{background-color: #c15f0b;border-bottom: 2px solid #9d4c07;}
#breakdown .score-6{background-color: #e7ba09;border-bottom: 2px solid #c49e06;}
#breakdown .score-7{background-color: #9cc11e;border-bottom: 2px solid #83a317;}
#breakdown .score-8{background-color: #3d9e25;border-bottom: 2px solid #34891f;}
#breakdown .score-9{background-color: #0daac8;border-bottom: 2px solid #0a8ba4;}
#breakdown .score-10{background-color: #3f7ee3;border-bottom: 2px solid #165bca;}

#breakdown td {
	padding: 8px 0 0;
	text-align: right;
}
#breakdown h4{
	color: #555;
	width: 90px;
	margin: 0;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
}
#breakdown td div{
	padding: 0 5px;
	box-sizing: border-box;
}
#breakdown td div.score-1{width: 10%;}
#breakdown td div.score-2{width: 20%;}
#breakdown td div.score-3{width: 30%;}
#breakdown td div.score-4{width: 40%;}
#breakdown td div.score-5{width: 50%;}
#breakdown td div.score-6{width: 60%;}
#breakdown td div.score-7{width: 70%;}
#breakdown td div.score-8{width: 80%;}
#breakdown td div.score-9{width: 90%;}
#breakdown td div.score-10{width: 100%;}



#content.featured-review.no_sb #social .more{
	width: 200px;
}
#content.featured-review.no_sb #social .more .twitter{
	float: right;
}


#wrapup{
	background-color: #eff3f5;
	padding: 20px;
	border-radius: 5px;
	margin: 0 0 25px;
	border: 1px solid #e6ecef;
}
#wrapup #wu-pic img{
	background-color: #fff;
	border-radius: 3px;
}
#wu-pic {
	float: left;
	width: 22%;
}

#wu-info {
	width: 75%;
	float: right;	
}
#wu-info h2{
	font-size: 40px;
	margin: 0 0 10px;
}
#wu-info h3{
	margin: 0 0 5px;
}
#wu-info li{
	margin: 0;
}
#wu-score{
	color: #fff;
	font-size: 13px;
	float: left;
	width: 18%;
	margin-right: 4%;
	text-align: center;
	background-color: #3a99dc;
		background: -moz-linear-gradient(90deg, #2e88d3 0%, #4faae5 100%) #3a99dc;
		background: -webkit-gradient(linear, left bottom, left top, from(#2e88d3), to(#4faae5)) #3a99dc;
	padding: 10px 0;
	border-radius: 3px;
}
#wu-score h3{
	font: 52px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 5px;
}
#wu-good{
	float: left;
	width: 38%;
}
#wu-bad{
	float: right;
	width: 38%;
}



/*-- Category lis --*/

.item {
	position: relative;
}
.item #wu-score{
	position: absolute;
	width: 84px;
	line-height: 1.4;
	top: 17px;
	left: 18px;
	font-size: 10px;
	white-space: nowrap;
	border-radius: 0 0 3px 0;
	padding: 5px 0;
	background:none;
	background: none #4eb1f7;
	text-shadow: none;
}
.item #wu-score h4{
	font: 35px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 2px;
}



/*-- Sidebar --*/

#sidebar{
	float: right;
	background: url(images/side.png) no-repeat left bottom;
	width: 300px;
	text-shadow: 0 1px 0 #fff;
}
#sidebar.fix{
	position: fixed;
	z-index: 10;
	top: 0;
}
#sidebar aside{
	padding: 15px 20px 10px;
}

#sidebar .widget_recent_entries li{
	background-color: #fff;
	padding: 5px;
	box-shadow: 0px 0px 5px #aaa;
}
#sidebar .widget_recent_entries li:hover{
	box-shadow: 0px 0px 7px #aaa;
}
#sidebar .widget_recent_entries li h4{
	text-align: center;
	margin: 0;
	padding: 5px 0 0;
	font-weight: normal;
	color: #41535b;
}
#sidebar .widget_recent_entries li a:hover h4{
	color: #588ba1;
}

#s {
	width: 176px;
}


#side-related{
	padding: 20px 20px 0;
}
#side-related .related_post li {
	clear: both;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	box-shadow: 0px 1px 0 #fff;
	font-size: 12px;
}

#side-related .related_post li img{
	float: left;
	width: 60px;
	height: auto;
	padding: 2px;
	border: 1px solid #ddd;
	background-color: #fff;
	margin: 0 10px 0 0;
}
#side-related a{
	color: #424d52;
}
#side-related a:hover{
	color: #177382;
}
#side-related a:active {color: #7f959f;
}

#sidebar-foot {
	clear: both;
	border-radius: 0 0 5px 5px;
	background-color: #d8d8d8;
	background: -moz-linear-gradient(90deg, #cecfce 0%, #e2e3e2 100%) #d8d8d8;
	background: -webkit-gradient(linear, left bottom, left top, from(#cecfce), to(#e2e3e2)) #d8d8d8;
}

#sidebar-foot .widget{
	float: left;
	width: 264px;
	font-size: 12px;
	line-height: 1.7;
	padding: 15px 18px;
	background: url(images/foot-line.png) repeat-y left top;
	height: 138px;
	overflow: hidden;
	text-shadow: 0 1px 0 #f4f4f4;
}
#sidebar-foot h3{
	margin: 0 0 8px;
}
#sidebar-foot .textwidget{
	overflow: hidden;
	height: 138px;
	
}
#sidebar-foot .textwidget iframe{
	margin: -9px 0 0 -11px;
}

#sidebar-foot .widget:first-child{
	width: 392px;
	background: none;
}


#slideshow {
    position:relative;
    height:250px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow2 {
    position:relative;
    height:250px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow2 IMG.last-active {
    z-index:9;
}

#slideshow3 {
    position:relative;
    height:90px;
}

#slideshow3 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow3 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow3 IMG.last-active {
    z-index:9;
}

#slideshow4 {
    position:relative;
    height:250px;
}

#slideshow4 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow4 IMG.active {
    z-index:10;
    opacity:1.0;
}


.tagcloud{
	padding: 0;
	overflow: hidden;
}
.tagcloud a{
	display: block;
	line-height: 20px;
	float: left;
	padding: 5px 8px 4px;
	background-color: #DEE4E4;
	margin: 0 6px 6px 0;
	color: #89989a;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 0px #ccc;
	-webkit-box-shadow: 1px 1px 0px #CCC;
	box-shadow: 1px 1px 0px #CCC;
	font-weight: normal;
}

.tagcloud a:hover{
	background-color: #D7DDDD;
	color: #607073;
	text-shadow: #F2F2F2 0 1px 0;
}



.widget_rss ul {padding-left: 1.2em;text-indent: 0;margin: 0 0 1.5em;}
.widget_rss ul li {margin: 0 0 0.5em;list-style-type: disc;list-style-position: outside;list-style-image: url(images/bullet.png);}


#disqus_thread{
	padding: 10px 44px;	
}


















#foot {
	font-size: 11px;
	padding: 10px;
	height: 20px;
	color: #fff;
	opacity: 0.7;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

#foot a{
	color: #fff;
	padding-bottom: 1px;	
}
#foot a:hover{
	border-bottom: 1px solid #fff;
}
#foot .credit{
	float: left;
}
#foot nav{
	float: right;
	text-align: right;
}
#foot nav li{
	display: inline;
	margin: 0 0 0 15px;
}
#foot .mennstudio{
	opacity: 0.4;
	margin: 0 10px 0 0;
}
#foot .mennstudio:hover{opacity:1;}



/*--K edit--*/
#roundup #content{
	width: 100%;
	background-color: white;
	border-radius: 5px 5px 0 0;
}
	#roundup #content h1.title{
		border-radius: 5px 5px 0 0;
	}

#roundup #top{
	overflow: hidden;
	background-color: #f4f4f4;
}
	#roundup #top .entry{
		float: left;
		width: 640px;
	}
	
	#roundup #top .ads-round{
		float: right;
		width: 300px;
		height: 250px;
		background-color: #64be00;
	}
	
#roundup #list{
	padding: 20px;
}
	#roundup #list h2.title{
		font-size: 24px;
	}
	#roundup #list a{
		color: #555;
	}
		#roundup #list a:hover{
			color: #3a99dc;
		}
	#roundup #list #items{
		clear: both;
		overflow: hidden;
		text-align: center;
	}
		#roundup #list .post-item{
			float: left;
			width: 25%;
			margin: 0 0 30px;
		}
			#roundup #list .post-item .pic{
				padding: 0 15px;
			}
			#roundup #list .post-item .info{
				padding: 0 15px;
			}
				#roundup #list .post-item h3{
					margin: 10px 0 5px;
					font-size: 16px;
				}
				#roundup #list .post-item .alert{
					display: inline;
					padding: 3px 10px;
					color: white;
					font-size: 13px;
					border-radius: 5px;
					background-color: #63be00;
				}
					#roundup #list .post-item .alert.caution{background-color: #ffc300;}
					#roundup #list .post-item .alert.buy-now{background-color: #62bd00;}
					#roundup #list .post-item .alert.dont-buy{background-color: #ac081e;}
					#roundup #list .post-item .alert.custom{background-color: #55b1f9;}
					
					#roundup #list .post-item:hover .alert{
						opacity: 0.8;
					}
					
			
#single-roundup #content{
	width: 100%;
	background-color: white;
	border-radius: 5px 5px 0 0;
}

	#single-roundup h2.title{
		font-size: 24px;
	}

	#single-roundup #top-box{
		padding: 30px 40px;
		font: normal 21px "sukhumvitreg", Arial, Helvetica, Geneva, sans-serif;
		overflow: hidden;
	}
		#single-roundup .title-roundup h1{
			margin: 30px 0 5px;
			color: black;
			font-size: 68px;
			line-height: 68px;
		}
		#single-roundup #top-box .title-roundup{
			float: left;
			width: 40%;
		}
		#single-roundup #top-box .pic{
			float: right;
			width: 60%;
			text-align: right;
		}
	
	#single-roundup #pros-box{
		padding: 30px 15px;
		background-color: #efefef;
		overflow: hidden;
	}
		#single-roundup #pros-box ul{
			padding-left: 15px;
		}
		#single-roundup #pros-box li{
			list-style: disc;
		}

		#single-roundup #pros-box .overview{
			float: left;
			width: 33%;
			box-sizing: border-box;
			padding: 0 15px;
		}
		#single-roundup #pros-box .pros{
			float: left;
			width: 33%;
			box-sizing: border-box;
			padding: 0 15px;
		}
		#single-roundup #pros-box .alert{
			position: relative;
			float: left;
			width: 33%;
			min-height: 250px;	
			background-color: white;
			box-sizing: border-box;
			padding: 0 15px;
		}
			#single-roundup #pros-box .alert.caution{
				border: 3px solid #ffc300;
			}
				#single-roundup #pros-box .alert.caution h2{background-color: #ffc300;}
				
			#single-roundup #pros-box .alert.buy-now{
				border: 3px solid #62bd00;
			}
				#single-roundup #pros-box .alert.buy-now h2{background-color: #62bd00;}
				
			#single-roundup #pros-box .alert.dont-buy{
				border: 3px solid #ac081e;
			}
				#single-roundup #pros-box .alert.dont-buy h2{background-color: #ac081e;}
				
			#single-roundup #pros-box .alert.custom{
				border: 3px solid #55b1f9;
			}
				#single-roundup #pros-box .alert.custom h2{background-color: #55b1f9;}
			
			#single-roundup #pros-box .alert img.ic-alert{
				position: absolute;
				top: -10px;
				left: -25px;
			}
			
			#single-roundup #pros-box .alert h2{
				margin-left: -20px;
				margin-right: -15px;
				padding: 10px 5px 5px 60px;
				font-size: 25px;
				color: white;
				
			}
				#single-roundup #pros-box .alert h2 span{
					margin-left: 5px;
					font-size: 19px;
				}
			
			#single-roundup #pros-box .alert .thumb{
				margin: 0 20px 15px 0;
				text-align: center;	
			}	
				#single-roundup #pros-box .alert .thumb img{
					width: 150px;	
				}
				
			#single-roundup #pros-box .alert p{
				margin-right: 20px;
			}
			
		
	#single-roundup #pre-box{
		padding: 20px;
		border-bottom: 1px solid #dfdfdf;
		overflow: hidden;
	}
		#single-roundup #pre-box .pre{ 
			font-size: 12px;
			width: 100%;
		}
			#single-roundup .pre .item-model{ 
				padding-left: 10px;
				text-align: left;
			}
				#single-roundup .pre .item .pic {
					float: none;
					width: auto;
					border: none;
					height: 70px;
					box-shadow: 0px 0px 0px #999;
				}
					#single-roundup .pre .item-model .pic img{ 
						width: 40px;
					}
				#single-roundup .pre .item-model .title{ 
					
				}
				#single-roundup .pre .item-model .status{ 
				
				}
				#single-roundup .pre .date{ 
					color: #037abe;
				}
				
				/****vis timeline****/
				#single-roundup .vis.timeline.root {
					border: none;
					min-height: 200px;
				}
				#single-roundup .vis.timeline .vispanel.bottom{
					font-size: 14px;
					border: none;
					background-color: #d8d8d8;
					height: 30px;
				}
				#single-roundup .vis.timeline .item.box {
					border: 0;
					background: transparent;
				}
				#single-roundup .vis.timeline .item{
					border-color: #d8d8d8;
					border-width: 2px;
				}
					#single-roundup .vis.timeline .item.dot{
						border-width: 0;
					}
				#single-roundup .vis.timeline .timeaxis .grid.vertical{
					border: none;
				}
				
				#single-roundup .timeaxis.foreground {
					
				}
				
				#single-roundup #pre-box .ads{
			float: right;
			margin-left: 2.3333%;
			width: 300px;
			height: 250px;
			background-color: #000;
			display: none;
		}

	#single-roundup #content .entry{
		padding: 20px 20px 1px;
	}
	
	/*--RoundUp Last Update--*/
	.footer-entry.last-update{
		margin: -20px 0 0;
		padding: 0 20px 20px;
	}	
		
		#single-roundup .footer-entry.last-update h2.title{
			font-size: 21px;
			padding-top: 30px;
		}
		.footer-entry.last-update #items{
			overflow: hidden;
			margin: 0 -10px;
		}
		.footer-entry.last-update .post-item{
			padding: 0 10px 10px;
			margin: 0 0 5px;
			width: 100%;
			float: left;
			box-sizing: border-box;
		}
		.footer-entry.last-update .pic {
			float: left;
			width: 90px;
			margin-right: 12px;
		}
		.footer-entry.last-update .info h3{
			margin: 0;
			font-size: 14px;
			font-family: sans-serif;
		}
			.footer-entry.last-update .info h3 a{
				color: #274d79;
				line-height: 1.4em;
			}
			.footer-entry.last-update .info h3 a:hover{
				
			}
		.footer-entry.last-update .date{
			color: #404a55;
			font-size: 13px;
			padding-top: 3px;
		}
		.hidden-xs{
			display: none;
		}
		
	@media (min-width:768px) {
		
		.footer-entry.last-update .post-item{
			width: 50%;
		}
		.footer-entry.last-update .post-item:nth-child(2n+1) {
			clear: left;
		}	
		.hidden-xs{
			display: block;
		}
		
	}







/*--Responsive--*/

/*-- >= 1024 --*/
@media screen and (min-width: 1024px) and (max-width: 1128px) {
#page{
	width: 1024px;
	padding: 0;
}

#content{
	width: 724px;
}
#f-6, #f-7, #f-8{
	width: 220px;
}
#sidebar-foot .widget:first-child{
	width: 388px;
}
#titlebar{
	padding-left: 75px;
	width: 929px;
}
#titlebar .pic{
	left: 10px;
	top: 15px;
}
#titlebar h1{
	font-size: 24px;
}
#subtitlebar{
	padding-left: 110px;
}
#content .entry{
	padding: 20px 42px;
}

#content.no_sb .entry img.fullwidth{
	margin: 0 -142px 1em;
	width: 1024px;
	max-width: 1024px;
}


}


/*--<=1024--*/
@media screen and (max-width: 1024px){
#page{
	margin: 0 auto 5px;
	width: 100%;
	padding: 0;
}
#featured{
	border-radius: 0;
	width: 100%;
	overflow: hidden;
	border-right: 2px solid #fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
}

#f-2 img, #f-6 img{
	border-radius: 0;
}
#main{
	border-radius: 0;
}
#titlebar{
	border-radius: 0;
}

#head {
	padding: 0 20px;
}


#content h1.title,
#content h2.title-top,
#roundup #content h1.title{
	border-radius: 0;
}



#foot{
	height: 16px;
}
#sidebar-foot{
	border-radius: 0;
}

}



/*--<1024--*/

@media screen and (max-width: 1023px){
#main{
	background-image: none;
}
#content{
	width: 100%;
	float: none;
}

#social{
	max-width: 100%;
	overflow: hidden;
}
#social .more{
	float: none;
	height: 30px;
}
#social .more .twitter{
	float: left;
}
.item {
	padding: 12px;
}
#sidebar{
	float: none;
	padding: 10px;
	width: auto;
	background-image: none;
	background-color: #f4f4f4;
	overflow: hidden;
	border-top: 1px solid #e4e4e4;
}

#side-ad{
	float: none;
	margin-bottom: 5px;
}
#sidebar aside {
	width: 260px;
	float: left;
	min-height: 70px;
}
#sidebar .widget_tag_cloud,
#sidebar .widget_rss{
	clear: left;
	width: 100%;
	padding: 15px 0;
}

#sidebar .widget_recent_entries{
	clear: left;
	padding: 15px 0;
}

#sidebar #side-related{
	float: left;
	padding: 15px 0 0;
}

#sidebar-foot #text-2{
	float: none;
	width: auto;
	height: auto;
	border-bottom: 1px solid #c8c9c8;
	box-shadow: 0px 0 1px #fff;
	
}
#sidebar-foot #text-2 .textwidget{
	height: auto;
}
#titlebar{
	padding: 16px 18px 10px;
	width: auto;
}
#titlebar h1{
	padding: 0;
	width: auto;
}
#titlebar .pic{
	display: none;
}

#titlebar .meta{
	float: right;
		padding: 9px 38px 0 0;
		color: #888;
		width: 100px;
		text-align: right;
}
#titlebar .meta span.avatar{
	border-radius: 3px;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 17px;
	top: 15px;
}
#subtitlebar{
	padding-left: 18px;
}
#content .entry{
	padding: 20px 18px;
	max-width: 700px;
	margin: 0 auto;
}
#content .entry img.fullwidth{
	margin: 0;
	width: 100%;
}

#content.no_sb .entry{
	max-width: 100%;
	box-sizing: border-box;
}

#facebook-comments{
	background-color: #fff;
}

.wp-caption{
	max-width: 100%;
}
}








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

#sidebar #side-ad{
	float: left;
}

}




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

#featured{
	display: none;
}
.item .pic{
	float: left;
	width: 180px;
	border: 2px solid #fff;
	height: 120px;
	overflow: hidden;
	box-shadow: 0px 0px 1px #999;
}
.item .pic img {
	width: 180px;
	height: auto;
}
.item .info{
	padding-left: 200px;
}
#content .entry{
	padding: 16px 12px;
	margin: 0 auto;
}
#content .entry img.fullwidth{
	margin: 0;
	width: 100%;
}

#single-roundup #top-box{
	padding: 20px;
}
	#single-roundup .title-roundup h1{
		margin: 0 0 5px;
		color: black;
		font-size: 42px;
		line-height: 42px;
	}
	#single-roundup #top-box .title-roundup{
		float: none;
		width: 100%;
	}
	#single-roundup #top-box .title-roundup p{
		margin: 0;
	}
	#single-roundup #top-box .pic{
		float: none;
		width: 100%;
		text-align: left;
	}

#single-roundup #pros-box{
		padding: 30px 20px;
	}
		#single-roundup #pros-box ul{
			padding-left: 15px;
		}
		#single-roundup #pros-box li{
			list-style: disc;
		}

		#single-roundup #pros-box .overview{
			float: none;
			width: 100%;
			padding: 0 0 20px;
		}
		#single-roundup #pros-box .pros{
			float: none;
			width: 100%;
			padding: 0 0 20px;
		}
		#single-roundup #pros-box .alert{
			float: none;
			width: 100%;
			padding: 0 15px;
		}
#roundup #list .post-item {
	width: 50%;
}
#roundup #intro h2{
	font-size: 24px;
}



#wrapup{
	background-color: #eff3f5;
	padding: 20px;
	border-radius: 5px;
	margin: 0 0 25px;
	border: 1px solid #e6ecef;
}
#wrapup #wu-pic img{
	background-color: #fff;
	border-radius: 3px;
}
#wu-pic {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}

#wu-info {
	width: 100%;
	float: none;	
	overflow: hidden;
}
#wu-info h2{
	font-size: 28px;
	margin: 0 0 12px;
	float: none;
}
#wu-info h3{
	margin: 0 0 5px;
}
#wu-info li{
	margin: 0;
}
#wu-score{
  float: none;
  width: 100%;
  margin: 0 0 20px;
  overflow: hidden;
}
#wu-score h3{
	font: 32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 0 15px;
	float: left;
}
#wu-score span {
	float: left;
	display: block;
	padding: 10px 0 0 12px;
}
#wu-good{
	float: none;
	width: 100%;
}
#wu-bad{
	float: none;
	width: 100%;
}





}

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

#featured{
	display: none;
}
.item .pic{
	float: left;
	width: 90px;
	border: 2px solid #fff;
	height: 60px;
	overflow: hidden;
	box-shadow: 0px 0px 1px #999;
	margin: 0 12px 8px 0;
}
.item .pic img {
	width: 90px;
	height: auto;
}
.item .info{
	padding: 0;
}
.item .info h3{
	font-size: 18px;
}
.item .info .meta{
	clear: both;
	padding-top: 5px;
}


}

@media screen and (max-width: 500px){
#head{
	height: 50px;
	padding: 0 12px;
}
#brand img{
	height: 50px;
	width: auto;
}
#brand .title a:hover{
	opacity: 0.9;
}
#brand .title a:active{
	opacity: 0.7;
}
#nav{
	float: right;
	width: 140px;
	padding-top: 0;
	font-size: 13px;
	padding-top: 15px;
}

#titlebar.banner h1{
	white-space: normal;
}


#foot nav{
	float: none;
	text-align: left;
	
}
#foot nav li{
	margin: 0;
}
}

@media screen and (min-width: 1600px){
	body {background-size: cover !important;}
}