/*OVERALL STYLES*/

.ody-skin{
	margin:0;
	padding:0;
	background:#E8E3D9 url(../../../../../graphics/rocroots/paper_bg.jpg) no-repeat center center fixed ;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	color:#605A58;
	font-weight:400;
	font-size:13px;
	text-rendering: optimizeLegibility;
}

.ody-skin .ody-wrapper{
	background:none !important;
	width:960px;
}

.header, 
.content-container,
.aside{
	font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, sans-serif;
}


.header a, 
.content-container a,
.aside a{
	text-decoration:none;
	color:#842B10;
	cursor:pointer;
}

.header a:hover, 
.content-container a:hover,
.aside a:hover{
	color:#C95835;
	text-decoration:none;		
}

.content-container hr{
	border: 0;
  	width: 100%;
	background-color: #ccc;
	height: 1px;
}

.aside hr{
	border: 0;
  	width: 100%;
	background-color: #3C1200;
	height: 1px;
}

.content-container h1, 
.content-container h2, 
.content-container h3,
.aside h1, 
.aside h2, 
.aside h3{
	text-shadow:0px 2px 0 rgba(0,0,0,.15);
	color:#5D725D;
}

.content-container h1,
.aside h1{
	font-weight:200;
	font-size:35px;
	letter-spacing:-1px;	
}

.content-container h2,
.aside h2{
	font-weight:400;
	font-size:30px;
	letter-spacing:-1px;	
}

.content-container h3,
.aside h3{
	font-weight:600;
	font-size:22px;
}

.content-container h4,
.aside h4{
	font-weight:600;
	font-size:18px;
	color:#422415;
	margin:15px 0 15px 0;
}

.content-container h5,
.aside h5{
	font-weight:300;
	font-size:20px;
	margin:10px 0;
}

.content-container h6,
.aside h6{
	font-weight:400;
	font-size:12px;
	margin:10px 0 ;
	text-transform:uppercase;
}

.content-container p,
.aside p{
	line-height:18px  !important;
	margin:7px 0 !important;
	font-size:13px !important;
}

span.brown{
	color:#422415;
}

span.green{
	color:#5D725D;	
}

span.light{
	font-weight:200;
}

span.book{
	font-weight:300;
}

span.normal{
	font-weight:400;
}

span.semibold{
	font-weight:600;
}

span.bold{
	font-weight:700;
}

span.ultrabold{
	font-weight:900;
}

a.button{
	background:#842B10;
	color:#fff;
	padding:6px 9px;
	border-radius:25px;
	margin-right:5px;
}

a.button:hover{
	background:#C95835;
	cursor:pointer;
	color:#fff;
}


/*AD MOCKS*/

.BannerAd{
	background:#333;
	width:730px;
	height:90px;
	text-align:center;
	font-size:18px;	
	color:#999;
	margin:10px auto;
}

.PosterAd{
	background:#333;
	width:300px;
	height:250px;
	text-align:center;
	font-size:18px;	
	color:#999;
}

.SponsorArea{
	border:1px solid #333;
	width:100px;
	height:60px;
	text-align:center;
	font-size:18px;	
	color:#333;
	float:right;
	margin-top:20px;
}


/*HEADER STYLES*/

.logo_wrapper{
	display:relative;
	height:130px;
	padding-top:15px;
	width:60%;
	float:left;
}

.sponsor_wrapper{
	display:relative;
	height:145px;
	width:40%;
	float:left;
}

a.logotype{
	font-size:65px;
	letter-spacing:-3px;
	font-weight:200;
	color:#422415;
	text-shadow:0px 3px 0 rgba(0,0,0,.2);
}

a.logotype:hover,
a.DandC:hover,
a.website:hover{
	color:#422415;
}

a.DandC{
	font-size:16px;
	margin-left:10px;
	vertical-align:text-bottom;
	cursor:pointer;
	color:#422415;
}

a.DandC .semibold{
	font-size:21px;
}

a.website{
	font-size:18px;
	color:#422415;
	display:block;
	font-weight:400;
	margin:-2px 0 0 5px;
}


/*STRUCTURE STYLES*/

.container {
	width:960px;
	padding:0 20px;
	margin:0 auto 20px auto;
	position:relative;
	background:(255,255,255,.2);
}

.header{
	min-height:130px;
	position:relative;
}

.header_wrapper{
	position:relative;
	background:url(../../../../../graphics/rocroots/skyline.png) no-repeat center bottom;
	border-bottom:1px solid #422415;
}

.navigation{
	position:relative;
	padding:8px 0 0 0;
}

#rocroots_left{
	position:relative;
	width:625px;
	min-height:600px;
	padding:10px;
	background:#fff;
	float:left;
	margin-right:12px;
	padding-bottom:20px;
	border:1px solid #CECACA;
	box-shadow:0 0 3px rgba(0,0,0,.2);
	-o-box-shadow:0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
}

.ody-skin .aside {
float: right;
margin: 0;
width: 300px;
position: relative;
left: 0;
}

#featured_content_photo_wrap img{
	width:100%;	
}

#featured_content_video{
}

#featured_content_video_wrap{
	position:relative;
}

#featured_content_video_story_wrap{
	margin-top:20px;
}


.twocol{
	width:300px;
	margin-right:10px;
	float:left;
}

.twocol.rightcol{
	border-left:1px solid #ccc;
	margin-right:0;
	padding-left:10px;
	box-shadow:-3px 0 2px -1px rgba(0,0,0,.11);

}

/*NAVIGATION STYLES*/
	ul.nav{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	ul.nav li{
		display:inline;
	}
	
	ul.nav li a{
		display:block;
		float:left;
		padding:5px 5px 5px 0;
		margin-right:10px;
		font-size:14px;
		font-weight:600;
	}

/*CONTENT STYLES*/

.paper-triangle-top {
	position:absolute;
	width: 0;
  	height: 0;
	top:-13px;
	right:10px;
	border-top:12px solid transparent;
	border-left:0px solid transparent; 
	border-bottom:0px solid transparent; 
	border-right:320px solid #fff;
	-moz-transform: scale(.9999);
	z-index:-1;
}

.paper-triangle-right {
	position:absolute;
	width: 0;
  	height: 0;
	bottom:10px;
	right:-13px;
	border-top:0px solid transparent;
	border-left:0px solid transparent; 
	border-bottom:320px solid #fff; 
	border-right:12px solid transparent;
	-moz-transform: scale(.9999);
	z-index:-1;
}

.paper-triangle-bottom {
	position:absolute;
	width: 0;
  	height: 0;
	bottom:-13px;
	left:10px;
	border-top:0px solid transparent;
	border-left:320px solid #fff; 
	border-bottom:12px solid transparent ; 
	border-right:0px solid transparent;
	-moz-transform: scale(.9999);
	z-index:-1;
}

.paper-triangle-left {
	position:absolute;
	width: 0;
  	height: 0;
	left:-13px;
	top:10px;
	border-top: 320px solid #fff;
	border-left:12px solid transparent; 
	border-bottom:0px solid transparent ; 
	border-right:0px solid transparent;
	-moz-transform: scale(.9999);
	z-index:-1;
}

#featured_content_video,
#featured_content_photo,
#featured_content_photo_vertical{
	
}

span.tagline{
	font-size:16px;
	padding:5px 8px;
	font-weight:300;
	background:#5D725D;
	color:#fff;
	position:absolute;
	bottom:-15px;
	right:0;
	border:1px solid #EEE0C3;
}

span.tag{
	background:#5D725D;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	left:-11px;
	bottom:-12px;
	z-index:100;
	position:absolute;
	background: rgb(60,86,60);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNTYzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iIzVkNzI1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDcyNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(60,86,60,1) 0%, rgba(93,114,93,1) 11%, rgba(93,114,93,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(60,86,60,1)), color-stop(11%,rgba(93,114,93,1)), color-stop(100%,rgba(93,114,93,1)));
	background: -webkit-linear-gradient(left,  rgba(60,86,60,1) 0%,rgba(93,114,93,1) 11%,rgba(93,114,93,1) 100%);
	background: -o-linear-gradient(left,  rgba(60,86,60,1) 0%,rgba(93,114,93,1) 11%,rgba(93,114,93,1) 100%);
	background: -ms-linear-gradient(left,  rgba(60,86,60,1) 0%,rgba(93,114,93,1) 11%,rgba(93,114,93,1) 100%);
	background: linear-gradient(to right,  rgba(60,86,60,1) 0%,rgba(93,114,93,1) 11%,rgba(93,114,93,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c563c', endColorstr='#5d725d',GradientType=1 );
}

.newslist_item{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

.newslist_item.feature{
	border-bottom:none;	
}

.newslist_item.feature div#feature_image{
	position:relative;
	display:block;
	margin-bottom:18px;
	background:#F2F2F2;	
	border:1px solid #CCCCCC;
	text-align: center;
}

.newslist_item span.article_image{
	margin-bottom:5px;
	margin-right:10px;
	display:block;
	float:left;
}

.newslist_item span.article_headline{
	font-size:17px;
	font-weight:300;
	display:block;	
}

.newslist_item.feature span.article_headline{
	font-size:22px;
}


.newslist_item span.article_section{
	font-weight:600;
	font-size:12px;
	margin:5px 0 ;
	display:block;
	color:#5D725D;	
}


/*RIGHT STYLES*/
.ody-skin .aside .ad_300x250, .ody-skin .aside .ad_Flex, .ody-skin .aside .ad_Video_Banner {
padding-left: 0;
padding-bottom: 10px;
}

.content-right{
	position:absolute;
	top:68px;
	left:0;
	padding-top:20px;
}

.featured_content{
	margin-bottom:20px;
}

.featured_content a.featured_content_item{
	width:145px;
	margin:0 10px 20px 0;
	display:block;
	float:left;
	font-size:15px;
	font-weight:600;
	line-height:17px;
}

.featured_content a.featured_content_item img{
	border-bottom:2px solid #842B10;
	width:100%;
	height:100px;
}

.featured_content a.featured_content_item:hover img{
	border-bottom:2px solid #C95835;
}

.featured_content a.featured_content_item.right{
	margin-right:0;
}

.feature_item_wrapper{
	margin-bottom:15px;	
}

.feature_item{
	float:left;
	width:150px;
	margin-bottom:5px;
}

.feature_items{
	width:150px;
	float:left;
}

.feature_item a{
	line-height:14px;
}

.feature_item img{
	border-top:2px solid #842B10;
	margin:3px 0;
	width:100%;
	height:auto;
}

.feature_item img:hover{
	border-top:2px solid #C95835;
}

.feature_item.archive{
	width:298px;
}

.feature_item.rochesterians{
	width:140px;
	height:313px;
	margin-left:7px;
}

.feature_item.date img{
	width:100%;
}

.feature_item.date a:hover{
	color:#C95835;
}

.feature_item.date a.feature_sub_link{
	font-size:12px;	
}

.feature_item a.section{
	font-weight:600;
	font-size:14px;
	color:#842B10;
	line-height:16px;
	display:block;
}

.feature_item a.section:hover{
	color:#C95835;
}

.feature_social{
	border:1px solid #3C1200;
	padding:0 10px;
	height:40px;
}

.feature_social img{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	vertical-align:middle;
	float:left;
	margin-left:5px;
}

.feature_social a{
	display:block;
	width:50%;
	float:left;
	height:30px;
	vertical-align:middle;
	font-size:14px;
	font-weight:600;
}

.feature_social a span{
	display:block;
	float:left;
	padding-top:5px;
}



/*FOOTER STYLES*/
.footer{
	float:left;
	width:100%;
	margin:15px 0 40px 0;
	padding-top:15px;
	text-align:left;	
}


/*CLEARFIX*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*ODYSKIN*/




/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

.newslist_item2{
	padding-bottom:10px;
	margin-bottom:10px;
}


.newslist_item2.feature div#feature_image{
	position:relative;
	display:block;
	margin-bottom:18px;
	background:#F2F2F2;	
	border:1px solid #CCCCCC;
	 text-align: center;
}

.newslist_item2 span.article_image{
	margin-bottom:5px;
	margin-right:10px;
	display:block;
	float:left;
}

.newslist_item2 span.article_headline{
	font-size:17px;
	font-weight:300;
	display:block;	
}

.newslist_item2.feature span.article_headline{
	font-size:22px;
}


.newslist_item2 span.article_section{
	font-weight:600;
	font-size:12px;
	margin:5px 0 ;
	display:block;
	color:#5D725D;	
}