/* Rosen */

p {color:#262626;line-height: 22px;margin-bottom:0;}
p.prominent {font-size:20px;}
p.caption {font-family:"Helvetica Neue",Helvetica,sans-serif;color:#b59d48;}
p.excerpt {font-size:23px;font-style:italic;line-height:28px;}
.section p.excerpt {color:#e3c353;}
.container.gold p.excerpt {color:#fdeebb;}
/*
 * Intro
 */

.intro {
	min-height:802px;
	background-position:top center;
	background-repeat:no-repeat;
}
.intro #big,
.intro #enough,
.intro #tag {font-family:Georgia;text-shadow:5px 10px 15px rgba(0,0,0,.53);}
.intro #big {
	color:#e3c353;
	font-size:160px;
	font-family:Georgia;
	margin-top:110px;
	line-height:1.2em;
}
.intro #enough {
	color:#FFF;
	font-size:45px;
	line-height:1.1em;
	position:relative;
	top:-40px;
}
.intro #tag {
	color:#FFF;
	font-size:18px;
	margin-top:40px;
}

/*
 * Sections
 */
.section {padding-top:1.5em;}
.section h3 {font-size:20px;letter-spacing:1.5px;line-height:1em;}
.section.photo {padding-top:0;}
.container.gold {background-color:#e3c353;}
.container.gold .caption {color:#262626;font-family:Georgia;}
.container.gold h3 {color:#fbfaf6;}
.section.first {
	padding-top:0;
	z-index:1;
	margin-top:-270px;
	background-color:rgba(255,255,255,.85);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF,endColorstr=#D8FFFFFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF,endColorstr=#D8FFFFFF);
	zoom: 1;
}
#rosen-dogs {margin-top:45px;}
/* Carousel styles */
#rosenslides {
	height: 446px;
	width: 967px;
}
.carousel img {
	float: right;
	margin-right: 7px;
}
.carousel-caption {
	background: none;
	top: 0;
	bottom: none;
	padding: 0;
}
.carousel-caption p.caption {
	padding-top: 25px;
}
.carousel-control {
	top: 60%;
}



/* Portrait tablet to landscape and desktop */
@media only screen and
(min-width: 768px)
and (max-width: 979px) {

	.container, .container .row, .container, .container.wide > .row {
		width: 750px;
	}
	.container .row .span12 {
		width: 730px;
	}
	.container .row .span12 .row {
		width: 729px;
	}

	.row {
		margin-left: 0;
	}
	.span7 {
		width: 449px;
	}
	.span5 {
		width: 240px;
	}

	#big, #enough {
		width: 	600px;
		margin-left: 0;
	}
	#tag {
		margin-left: -20px;
	}

	.intro .row {
		margin-left: 0;
		margin-right: 0;
	}

	.first .span7, .first #rosen-dogs {
		width: 710px;
	}
	#rosen-dogs {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#rosen-dogs img {
		float: left;
	}
	#rosen-dogs .row {
		width: 340px;
		float: left;
		margin-left: 20px;
	}
	#rosen-dogs .row .span5 {
		margin-left: 0;
		width: 340px;
	}

	.container .row.section .span12 {
		margin-left: 0;
	}

	#rosenslides {
		height: 350px;
		width: 750px;
	}
	.carousel .item>img {
		height: 350px;
	}
	.carousel p.caption {
		padding-right: 20px;
	}

}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {

	.container, .container .row, .container, .container.wide > .row {
		width: 100%;
	}
	.container.wide { margin-left: -20px; padding: 0 20px; }
	.container .row .span12 {
		width: 93%;
	}
	.container .row .span12 .row {
		width: 92%;
	}

	.row {
		margin-left: 0;
	}
	.span7 {
		width: 100%;
	}
	.span5 {
		width: 100%;
	}

	p.excerpt {
		display: none;
	}

	#big, #enough {
		width: 100%;
		margin-left: 0;
	}
	#big {
		margin-top: 40px !important;
		font-size: 140px !important;
	}
	#enough {
		font-size: 39px !important;
	}
	#tag {
		width: 100%;
		margin-top: -10px !important;
	}

	.intro {
		background-size: 900px 564px;
	}

	.intro .row {
		margin-left: 0;
		margin-right: 0;
	}

	.section.first {
		margin-top: -360px;
	}
	.section.first p { padding-left: 20px; padding-right: 20px; }

	.first .span7, .first #rosen-dogs {
		width: 92%;
	}
	#rosen-dogs {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#rosen-dogs img {
		float: left;
		width: 45%;
	}
	#rosen-dogs .row {
		width: 45%;
		float: left;
		margin-left: 20px;
	}
	#rosen-dogs .row .span5 {
		margin-left: 0;
		width: 100%;
	}
	#rosen-dogs p.caption {
		margin-top: 0;
	}

	.container .row.section .span12 {
		margin-left: 0;
	}

	#rosenslides {
		height: auto;
		width: 100%;
	}
	.carousel .item>img {
		height: auto;
		margin-right: 0;
	}
	.carousel p.caption {
		padding: 10px 35px 5px 0;
	}
	.carousel-caption {
		width: 100%;
		position: static !important;
	}
	a.carousel-control {
		top: 150px;
	}

	/* Footer fixes */

	#footer_navigation .span12 {
		margin-left: 0;
	}

}

/* Landscape phones and down */
@media only screen and (max-width: 480px) {
}





/** RESPONSIVE STYLES **/

@media (max-width: 979px) {
	/* Header */
	#header { }
	#header>.row { width: 750px; margin: auto; }
	#header .title { width: 162px; margin-right: 40px; }
	#header .description { display: none; }

	#footer > .container.wide > .row,
	.header_stories > .row { width: 767px !important; }
	.header_stories .span12, #footer .span12 { width: 724px; }
	.header_stories .span3, #footer .span3 { width: 166px; }
	.header_stories .span2, #footer .span2 { width: 104px; }

	#footer_stories>div, #footer_navigation>div { margin-left: 15px; }
	#footer_stories { padding-top: 10px; }
}

/* Portrait tablet to landscape and desktop */
@media only screen and
(min-width: 768px)
and (max-width: 979px) {

	/* Header */
	#story_nav .span12 .row {
		width: 750px !important;
		margin-left: -20px;
	}

	#header .row {
		width: 750px !important;
	}
	#body_content .description {
		display: none;
	}
	#story_nav .span3, #footer .span3 {
		width: 166px;
	}

	/* Footer */
	#footer_navigation .span12 {
		width: 750px;
		margin-left: 0;
	}
	#footer_navigation .span12 .row {
		width: 750px;
		margin-left: 0;
	}

	#footer_stories, #footer_navigation {
		width: 750px !important;
	}

	#footer_stories .span12 {
		width: 720px;
	}


	.header_stories .bottom li,
	.footer_stories.bottom li { height: 170px; }

	#footer_navigation ul li {margin-left:14px;}
	#footer_navigation ul li a {font-size:13px;}


}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {

	/* Header */
	#story_nav .span12 .row {
		width: 100% !important;
		margin-left: -20px;
	}

	#story_nav .span3, #footer_stories .span3 {
		width: 128px;
		margin-bottom: 20px;
		display: inline-block;
		float: none;
		margin-bottom: 20px;
		vertical-align: top;
	}

	#header .row {
		width: 100%;
	}
	#header .span12 {
		width: 315px !important;
		margin-left: 0;
	}
		body.subpage #header .span12 {
			margin-left: 20px !important;
		}

	#header .title {
		width: 125px;
		background-size: 125px 19px;
		left: 45px;
	}
	#header .issue {
		width: 85px;
		font-size: 10px;
		letter-spacing: 1.1px;
		padding-top: 20px;
		margin-left: 45px;
	}
	#body_content .description {
		display: none;
	}
	#header .toggle_story_nav {
		margin-left: 10px;
		left: 0;
	}


	/* Header/Footer story thumbnails */
	.header_stories { margin-left: -20px; padding-right: 20px; }
	.header_stories>.row { margin-left: 20px !important; }
	.header_stories .thumbnails, .footer_stories .thumbnails { margin-left: -20px; }
	.header_stories .thumbnails { margin-bottom: 0; }
	.footer_stories { padding: 30px 0 0 0; }
	.footer_stories .span3,
	.footer_stories .span2,
	.header_stories .span3,
	.header_stories .span2 { width: 130px !important; height: 200px !important; overflow: hidden; margin-bottom: 5px; }
	.header_stories .title, .footer_stories .title { margin-left: 0 !important; font-size: 13px !important; line-height: 15px !important; }
	.footer_stories a span.subtitle_text, .header_stories a span.subtitle_text { padding-top: 5px; }
	.header_stories .row a .subtitle_text,
	.header_stories .row a .title_colon,
	.footer_stories a span.subtitle_text,
	.footer_stories a span.title_colon { display: none; }

	.header_stories .span12,
	#footer .span12 { width: 300px !important; }

	.header_stories > .row { width: 100% !important; }

	/* Footer */
	#footer { padding-right: 20px; padding-left: 20px; }
	#footer > .container { margin-left: -20px; padding-right: 0; width: auto; }
	#footer > .container.wide > .row { margin-left: -20px; width: 300px !important; }

	#footer_navigation {
		width: 100% !important;
	}
	.footer_stories { margin-left: 20px; width: 280px !important; }
	.footer_stories .span12, #footer_navigation .span12 {
		width: 93%;
	}
	#footer_navigation .span12 .row {
		width: 93%;
	}
	#footer_navigation h2.widgettitle {
		margin-bottom: 5px !important;
	}
	.widget, .textwidget {
		margin-bottom: 25px !important;
	}

	#issue-carousel .item .issue-title { font-size: 18px; }
	#issue-carousel .carousel-control { font-size: 12px; }
	#issue-carousel .carousel-control,
	#issue-carousel .carousel-control.left .arrow,
	#issue-carousel .carousel-control.right .arrow { line-height: 30px; }

	#issue-carousel .thumbnails { width: 300px !important; }

	#footer_navigation ul { padding-top: 10px; }
	#footer_navigation ul li { display: inline; width: 100%; margin-left: 0; }

	#footer_navigation .span9 { width: 92% !important; }



  #header-navigation .span12 { width: 100%; }
}


#footer #footer_hr { display: none; }

