/*======================================================================================================================
News Detail Page
=======================================================================================================================*/
body { width:100%; height:100%; margin:0 atuo; padding:0; background:#ededed repeat top center; }
.contents { margin-top:4px; }
h1#news_title { font-family:'LeagueGothicRegular', sans-serif; font-size:72px; color:#111; text-transform:uppercase; line-height:60px; margin-left:-3px; }
.news_contents { margin-top:-23px; }
	.news_contents p { font-family:'Raleway', sans-serif; font-size:18px; color:#333; line-height:25px; }
img#news_photo { margin-bottom:21px; }
.dotted_line { border-bottom:dotted 1px #878787; margin:57px 0 1px; }
.main { margin-top:-23px; }
ul.news_share { float:right; margin:2px 0 0 0; position: relative; z-index: 10; }
	ul.news_share li { float:left; }
	ul.news_share li .fb-like { margin-right:15px; }

/*======================================================================================================================
Livefyre  
=======================================================================================================================*/
#livefyre-comments { margin:15px 0 20px 0; }
.fyre a { font-family:'LeagueGothicRegular', sans-serif; color:#444; font-size:22px; text-transform:uppercase; }
	.fyre a:hover { color:#aaa; }
.fyre .fyre-stream-stats span { font-family:'Raleway', sans-serif; color:#666; font-size:15px; }
.fyre .fyre-box-wrapper a.fyre-user-profile-link { height:40px !important; }
.fyre .fyre-stream-livecount { font-family:'Raleway', sans-serif; font-size:12px; color:#333; text-transform:uppercase; }
/*.fyre .fyre-help .fyre-box-wrapper img { display:none; }*/
.fyre-editor-editable { background-color:#c0c0c0 !important; border:1px solid #c0c0c0 !important; border-bottom:1px solid #a1a1a1 !important; border-radius:0 !important; box-shadow:0 0 0 !important;  }
.fyre-editor-toolbar .goog-toolbar > div.fyre-button-left:first-child, .fyre-editor-toolbar .goog-toolbar > div.fyre-button-left:first-child > div { border-radius:0 !important; }
.fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button, .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button > div  { border-radius:0 !important; }
.fyre .fyre-stream-sort { color:#666 !important; border-bottom:1px solid #c8c8c8 !important; }
.fyre .fyre-stream-sort a { font-family:'Raleway', sans-serif; color:#666; font-size:12px; text-transform:uppercase; letter-spacing:1px; }
.fyre .fyre-listener-avatars img { border-radius:0 !important; }
.fyre .fyre-comment p { font-family:'Raleway', sans-serif; color:#333; font-size:13px; line-height:20px; }
.fyre .fyre-comment-date { color:#444; }
.fyre .fyre-comment-divider > div.fyre-comment-divider { background: none repeat scroll 0 0 #c5c5c5 !important; }
/*livefyre comment*/
.fyre .fyre-comment-user img.fyre-user-avatar { border-radius:0 !important; border:solid 1px #181818 !important; }
.fyre .fyre-user-avatar-25 { border-radius:0 !important; }
.fyre .fyre-box-list li { height:25px; }
.fyre .fyre-box-list li a { padding: 1px 8px 23px; width:100%; }
.fyre .fyre-comment-actions a { width:75px; !important; }
.fyre-user-drop { font-family:'MissionGothicBlack', sans-serif; font-size:16px; color:#666; letter-spacing:1px; text-transform:uppercase; }
.fyre .fyre-comment-head { margin-top:3px; }
.fyre .fyre-comment-wrapper time.fyre-comment-date { font-family:'Raleway', sans-serif; color:#333; font-size:11px; font-weight:bold; }
.fyre .fyre-comment-like-btn, .fyre .fyre-comment-reply { font-family:'Raleway', sans-serif; color:#333; font-size:11px; font-weight:bold; text-transform:uppercase; }
.comment_line { border-top:solid 1px #878787; margin:0; border-bottom:solid 2px #878787; height:4px; }
.fyre a.fyre-comment-username { font-weight:normal !important; }  

/*======================================================================================================================
Latest Headlines
=======================================================================================================================*/
.side { margin-top:9px; }
.side h2 { font-family:'MissionGothicBlack', sans-serif; font-size:30px; color:#666; text-transform:uppercase; }
.latest_line { border-top:solid 1px #878787; margin:-17px 0 6px 0 ; border-bottom:solid 2px #878787; height:4px; width:230px; }
.latest_thumbs { width:230px; padding-bottom:2px; border-bottom:dotted 1px #000; }
.latest_thumbs img { margin:10px 0; }
.latest_thumbs h3{ font-family:'LeagueGothicRegular', sans-serif; font-size:24px; line-height:20px; text-transform:uppercase; margin-bottom:8px; }
	.latest_thumbs h3 a { color:#666; }
	.latest_thumbs h3 a:hover { color:#c3ba10; }
.btn { background:url(../img/sprite.png) 0 0 no-repeat; display:block; }
.back_to_news { margin:135px 0 0 auto; }
	.back_to_news a { width:141px; height:30px; background-position:-537px 0; }
	.back_to_news a:hover, .back_to_news a:active, .back_to_news a:focus { background-position:-537px -30px; }	

/*======================================================================================================================
Footer
======================================================================================================================*/	
	
.page_footer { background-color:#1d1d1d; margin-top:79px; padding-top:6px; height:35px; }
span.copyright { float:left; font-family:'Raleway', sans-serif; font-size:10px; color:#bebfc1; margin-top:5px; }
	span.copyright a { color:#bebfc1; }
		span.copyright a:hover { color:#c3ba10; }
span#music_matter { font-family:'Raleway', sans-serif; font-size:10px; margin:5px 0 0 15px; }	
	span#music_matter a { color:#bebfc1; }
		span#music_matter a:hover { color:#c3ba10; }
ul.share { float:right; margin:2px 0 0 0; }
	ul.share li { float:left; }
	ul.share li .fb-like { margin-right:15px; }
	
/*======================================================================================================================	
Responsive
======================================================================================================================*/
/* Smaller than standard 1024 */
@media only screen and (max-width: 1024px) {
	
} 

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.latest_line { width:180px; }
	.latest_thumbs { width:180px; }
	.side h2 { font-size: 23px; }
	.latest_line { margin: -10px 0 6px; }
} 

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 
	.side { display:none; }
	.main { padding: 0 10px; }
	.back_to_news { margin:5px auto 0; padding-top:20px; background-color:#ededed; }
	h1#news_title { font-size:40px; line-height:35px; margin-top:41px; }
	img#news_photo { width:100%; margin-top:10px; }
	
	/*pagination*/
	.page_footer { position:relative; z-index:10; text-align:center; height:auto; background-color:#1d1d1d; padding:50px 0 25px; }
	span.copyright { float:none; display:block; position:relative; top:-30px; line-height:18px; }
	span#music_matter { position:relative; top:-17px; }
	ul.share { float:none; width:210px; margin:10px auto 0;}
	ul.news_share { float:none; margin:10px auto 0; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	
}

@media only screen and (max-width: 766px) {
	
}

@media only screen and (max-width: 480px) {
	span.copyright { font-size:9px; }
	.fyre-editor-container { min-width:280px !important; }
	/*.fyre-editor-editable { width:75% !important; }
	.fyre-editor-toolbar .goog-toolbar { width:82.3% !important; }*/
}

/* Mobile Portrait Size */
@media only screen and (max-width: 320px) { 
	/*livefyre*/
	/*.fyre-editor-container { main-width:320px !important; }
	.fyre-editor-editable { width:95% !important; }*/
	.fyre-editor-toolbar .goog-toolbar { max-width:183px !important; width:90%; }
}
	