/* @group OVERRIDE GENERAL STYLES */
/*------------------------------------ */

body {background: url('http://static.seriouseats.com/images/siteassets/slideshow/background_slideshow_global.gif') repeat-x left top #bfeafe;}

#content {
	background: transparent;
	padding: 0;
	width: 675px;
	float: left;
}
#container > .aside {
	margin-left: 690px;
	width: 314px;
}
#footerLinks {
	background: transparent;
	clear: both;
	color: #375b6b;
	border-top: 1px solid #b2ddf0;
	margin: 15px 0;
	padding: 8px 0;
	font-size: 11px;
	width: 1004px;
	position: relative;
}
#footerLinks ul {
	position: absolute;
	right: 10px;
}
#footerLinks li a, #footerLinks li a:link {
	color: #375b6b;
	font-family: "rooney-web-1","rooney-web-2",sans-serif;
	font-weight: 500;
}
h4#global-logo a{
	background: transparent url('http://static.seriouseats.com/images/siteassets/slideshow/slideshow_sprite.png') no-repeat top left;
	width: 250px;
	padding-top: 60px;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
	display: block;
}
#ad {
	background: #666;
	width: 300px;
	height: 600px;
	display: block;
	margin: 0 auto;
}
.comment {width: auto;}
#commentsAndFavoritesFooter {display:none;}
#addComment {width:415px;}
.tools {height: auto;}

.green .comment-body {
	background-image: url('http://static.seriouseats.com/images/siteassets/slideshow/commentsGreenBubbleTop.png');
}
.green .comment-body-bottom {
	background-image: url('http://static.seriouseats.com/images/siteassets/slideshow/commentsGreenBubbleBottom.png');
}
.yellow .comment-body, .preview .comment-body { 
	background-image: url('http://static.seriouseats.com/images/siteassets/slideshow/commentsYellowBubbleTop.png');
	}
.yellow .comment-body-bottom, .preview .comment-body-bottom {
	background-image: url('http://static.seriouseats.com/images/siteassets/slideshow/commentsYellowBubbleBottom.png');
}

#loading {
   display: none;
   position: relative; 
   left:0; 
   top:0; 
   width:100%; 
}

/* @end */

/* @group Article Layout */
/*------------------------------------ */

#article {
	background: #fff;
	padding: 15px;
	position: relative;
	margin-top: 30px;
}
#article h1 {
	font-size: 9px 15px 15px 15px;
	padding-top: 10px;
}
#article h1 a {
	font-size: 15px;
	color: #5b7c89;
}
#article h1 a:hover {
	color: #3e5762;
}
#comments-area {
	float: left;
	width: 415px;
}


/* @end */

/* @group Slides */
/*------------------------------------ */

ul#slides, ul#slides > li, ul#utilities, ul#utilities > li, .aside ul, .aside li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#slides {
	margin-top: 10px;
}

ul#slides li {
	margin-bottom: 20px;
}
div.main_image {
		border: 1px solid #E1E3E4;
		background: #fff;
	padding: 10px 17px 15px 17px;
	-moz-box-shadow: 0px 2px 5px rgba(80,80,80,0.16);
	-webkit-box-shadow: 0px 2px 5px rgba(80,80,80,0.16);
	box-shadow: 0px 2px 5px rgba(80,80,80,0.16);
	position: relative;
}
div.main_image h3 {
	padding-bottom: 5px;
	color: #5f6a74;
	font-family: "rooney-web-1","rooney-web-2",sans-serif;
	font-weight: 700;
	font-size: 17px;
}
div.image_container {
	background: #eef5f9;
	min-height: 333px;
	overflow: hidden;
}
div.image_container img {
	margin: 0 auto;
	display: block;
}
div.slide-description {
	background: #fffae7 url('http://static.seriouseats.com/images/siteassets/slideshow/background_slide_description.jpg') no-repeat bottom right;
	padding: 8px 18px 14px 18px;
	margin: 0 5px;
	font-size: 13px;
	font-family: "rooney-web-1","rooney-web-2",sans-serif;
	font-weight: 500;
}
div.slide-description p {
	font-family: "rooney-web-1","rooney-web-2",sans-serif;
	font-weight: 500;
	margin-top: 8px;
}
div.slide-description a, div.slide-description a:link {
	color: #3b96bf;
}
div.slide-description small {
	padding-top:8px;
	font-style: normal;
}

/* @end */

/* @group Utilities */
/*------------------------------------ */

ul#utilities {
	height: 25px;
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 100;
}

ul#utilities > li {
	float: left;
	line-height: 15px;
	margin-right: 3px;
	font-family: "rooney-web-1","rooney-web-2",sans-serif;
	font-weight: 400;
	font-size: 10px;
	background: url('http://static.seriouseats.com/images/siteassets/background_mainnav.jpg') -10px 0;
}
ul#utilities > li:hover {
	background: transparent url('http://static.seriouseats.com/images/siteassets/background_mainnav_on.jpg') top left repeat-x;
}
ul#utilities > li > a {
color:  #964D21;
	display: block;
	text-shadow: 1px 1px 1px rgba(245, 245, 245, 0.8);
	padding: 5px 8px;

}
ul#utilities > li > a#read-article{
	background-image: url('http://static.seriouseats.com/images/siteassets/slideshow/slideshow_sprite.png');
	background-position:  -70px -66px;
	padding-left: 18px;
}
ul#utilities > li > a#first-slide-link{
	background-image: url('http://static.seriouseats.com/images/siteassets/slideshow/slideshow_sprite.png');
	background-position:  -151px -66px;
	padding-left: 20px;
}
ul#utilities > li > a#return-link{
	background-image: url('http://static.seriouseats.com/images/siteassets/slideshow/slideshow_sprite.png');
	background-position:  -248px -66px;
	padding-left: 18px;
}
ul#utilities > li > a:hover {
	text-decoration: none;
	color: #fff;
	/* for IE */
text-shadow: #f7f5f5 1px 1px;
/* for browsers that support rgba */
text-shadow: 1px 1px 1px rgba(111,70,46, 0.5);
}
/* @group Share Bar */
/*------------------------------------ */
#share-bar {
	width: 452px;
	z-index: 100;
	left: -10px;
	top: 9px;
	position: absolute;
	padding: 5px 10px;
	height: 30px;
	background: transparent url('http://static.seriouseats.com/images/siteassets/slideshow/slideshow_sprite.png') no-repeat 0 -164px;
}
#share-bar h5 {
	font-family: "rooney-web-1","rooney-web-2",sans-serif;
	font-weight: 700;
	font-size: 11px;
}
/* @end */

/* @end */

/* @group Related Slideshows */
/*------------------------------------ */

#article > .aside {
	float:left;
	width: 205px;
	margin-left: 15px;
}
.category-list h3 {border-bottom: 1px solid #fda382;}
.category-list h3.category{color: #01404b;font-weight: 700;font-family: "rooney-web-1","rooney-web-2",sans-serif;font-size: 14px;}
.category-list h4 {margin-left: 85px;font-size: 12px;line-height: 14px;padding-top: 6px;
}
.category-list {padding-bottom: 10px;clear: left;}
.category-list li {border-bottom: 1px solid #efefef;padding: 5px 10px 8px 0;clear: left; min-height: 75px;
}
.category-list li:hover{background:#fff4cb;}
.category-list img {
	float: left;
}
.category-list li img {opacity: 0.5;filter:alpha(opacity=50); /* For IE8 and earlier */}
.category-list li.active img{opacity: 1;filter:alpha(opacity=100); /* For IE8 and earlier */}

/* @end */

/* @group Navigation Elements */
/*------------------------------------ */

#slideshow-nav {
	float: right;
	width: 110px;
	position: relative;
}
.image-count {
	font-family: "rooney-web-1","rooney-web-2",sans-serif;
	font-weight: 100;
	font-size: 11px;
	color: #676767;
	float: left;
	padding: 8px 10px 0 0;
}
#image-num, #total-image-num {font-weight: 700;}
a#previous-link, a#next-link{overflow: hidden;display: block;height: 0;background-repeat: no-repeat;width: 28px;padding-top: 29px;position: absolute;}
a#previous-link, a#previous-link:link {background-image: url(http://static.seriouseats.com/images/siteassets/slideshow/slideshow_sprite.png); background-position: 0 -69px;float: left;margin-right: 5px;bottom: 0;right: 30px;}
a#previous-link:hover {background-position: 0 -99px;}
a#previous-link:active {background-position: 0 -129px;}
a#next-link, a#next-link:link {overflow: hidden;background-image: url(http://static.seriouseats.com/images/siteassets/slideshow/slideshow_sprite.png); background-position: -34px -69px;bottom: 0;right: 0;
}
a#next-link:hover {background-position: -34px -99px;}
a#next-link:active {background-position: -34px -129px;}
/* @end */

/* @group Device Specific Tweaks */
/*------------------------------------ */

/* iPad  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* Fix weird iPad hover */
	ul#utilities > li:hover {
		background: url('http://static.seriouseats.com/images/siteassets/background_mainnav.jpg') -10px 0;
	}
	ul#utilities > li > a:hover {
		color:  #964D21;
		text-shadow: 1px 1px 1px rgba(245, 245, 245, 0.8);
	}
	a#previous-link:hover {background-position: 0 -69px;}
	a#next-link:hover {background-position: -34px -69px;}
	#SAY-ad {
		display: none;
	}
	#container {
		width: 100%;
		position: relative;
		padding-top: 40px;
	}
	#content {
		float: none;
		margin: 0 auto 0 auto;
		width: 95%;
	}
	#article {
		margin-top: 20px;
	}
	#share-bar {
		top: -15px;
	}
	ul#utilities {
		top: -25px;
	}
	#container > .aside {
		margin: 0;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -125px;
	}
	.category-list li img {opacity: 1}
}/*/mediaquery*/

/* iPhone and Mobile Devices */
@media only screen and (max-device-width: 480px) {
	ul#utilities {
	 top: -25px;
	}
	ul#utilities li {
		padding: 0;
	}
	ul#utilities li a{
		height: 0;text-indent: -99999px;
		overflow: hidden;
		padding: 20px 0 5px 0;
		width: 10px;
	}
	/* Fix weird iPhone hover */
	ul#utilities > li:hover {
		background: url('http://static.seriouseats.com/images/siteassets/background_mainnav.jpg') -10px 0;
	}
	ul#utilities > li > a:hover {
		color:  #964D21;
		text-shadow: 1px 1px 1px rgba(245, 245, 245, 0.8);
	}
	a#previous-link:hover {background-position: 0 -69px;}
	a#next-link:hover {background-position: -34px -69px;}
	#SAY-ad {
		display: none;
	}
	h4#global-logo a{
		background-position: -300px 0px;
		width: 150px;
		padding-top: 30px;
		margin-left: 10px;
	}
	#container {
		width: 100%;
		position: relative;
		padding-top: 10px;
	}
	#content {
		float: none;
		margin: 0 auto 0 auto;
		width: 100%
	}
	#article {
		margin-top: 25px;
		padding: 5px 1%;
	}
	#share-bar {
		top: -8px;
		display: none;
	}
	div.main_image {
		padding: 2%;
		overflow: hidden;
		min-height: 233px;
	}
	div.image_container{
		min-height: 120px;
		overflow: hidden;
	}
	img.slideshow_image {
		max-width: 100%;
		max-height: 100%;
	}
	#slideshow-nav {
		z-index: 200;
	}
	#container > .aside {
		margin: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#article > .aside {
		float:none;
		width: 100%;
		margin: 0;
	}
	.category-list li img {opacity: 1}
	#comments-area {
		float: none;
		width: 100%
	}
	.pagination {
		width: 80%
	}
	#footerLinks {
		width: 100%;
	}
}
/* @end */