/* ============================================================ */
/* GLOBALS */
/* ============================================================ */

	.scrbbl-livearticle { display: none; }
	.scrbbl-livearticle.scrbbl-article-not-empty { display: block; }

	.scrbbl-livearticle a {
		color: #0093BF;
	}

	.scrbbl-article-wrap {
		font-size: 90%;
	}


/* ============================================================ */
/* NODE STYLE */
/* ============================================================ */



	/* Containers ============================================= */

		.scrbbl-livearticle .SL_Top,		
		.scrbbl-livearticle blockquote,
		.scrbbl-livearticle .sltc-twitter {
			clear: both;	
		}

		.scrbbl-livearticle .SL_Left,
		.scrbbl-livearticle .SL_Right {
			width: 50%;		
		}

		.scrbbl-livearticle .SL_Left {
			float: left;
			margin: 0 15px 15px 0;		
		}

		.scrbbl-livearticle .SL_Right {
			float: right;
			margin: 0 0 15px 15px;		
		}

		.scrbbl-livearticle .Meta {
			padding: 3px 0 0 0;
			font-size: 90%;
			color: #BBB;
		}

			.scrbbl-livearticle .Meta a:before {
				content: " ";
				display: inline-block;
				background: url(../images/article_sprite_mobile.png) 0px 0px no-repeat;
			}		

				.scrbbl-livearticle .Meta.scrbbl-source-facebook a:before {
					width: 11px;
					height: 11px;
					margin: 0px 5px -1px 2px;
					background-position: 0px -88px;
				}			
				.scrbbl-livearticle .Meta.scrbbl-source-instagram a:before {
					width: 11px;
					height: 11px;
					margin: 0px 5px -2px 2px;
					background-position: 0px -106px;
				}		
				.scrbbl-livearticle .Meta.scrbbl-source-flickr a:before {
					width: 14px;
					height: 7px;
					margin: 0px 5px 1px 2px;
					background-position: 0px -99px;
				}			
				.scrbbl-livearticle .Meta.scrbbl-source-youtube a:before {
					width: 13px;
					height: 9px;
					margin: 0px 5px 0px 2px;
					background-position: 0px -117px;
				}			
				.scrbbl-livearticle .Meta.scrbbl-source-wikipedia a:before {
					width: 14px;
					height: 8px;
					margin: 0px 3px 0px 2px;
					background-position: -51px -232px;
				}


	/* Media ================================================== */

		.scrbbl-livearticle .Media {
			text-align: center;
		}

		.scrbbl-livearticle .Media.SL_Top.scrbbl-article-html-full-img,		
		.scrbbl-livearticle .Media.SL_Top .scrbbl-article-youtube-wrapper {
			margin: 5px -12px;
		}
			.scrbbl-livearticle .Media.SL_Top.scrbbl-article-html-full-img .Caption { margin: 0 12px; }
			.scrbbl-livearticle .Media.SL_Top.scrbbl-article-html-full-img .Meta { margin: 3px 12px 10px 0; }

		.scrbbl-livearticle img,
		.scrbbl-livearticle iframe,
		.scrbbl-livearticle object,
		.scrbbl-livearticle embed {
			max-width: 100%;
		}
			.scrbbl-livearticle .Media.Audio embed {
				width: 100%;
				height: 15px;
			}

			.scrbbl-livearticle .Media .Caption {
				padding: 8px 0 0 0;
				text-align: left;
				color: #777;
			}

			.scrbbl-livearticle .Media .Meta {	
				display: block;
				margin: 3px 0 10px 0;
				padding: 3px 0 0 0;
				font: 82% Helvetica, Arial, sans-serif;
				text-align: right;
				color: #BBB;
			}

				.scrbbl-livearticle .Media .Meta.scrbbl-source-facebook em,				
				.scrbbl-livearticle .Media .Meta.scrbbl-source-instagram em,				
				.scrbbl-livearticle .Media .Meta.scrbbl-source-flickr em,				
				.scrbbl-livearticle .Media .Meta.scrbbl-source-youtube em,				
				.scrbbl-livearticle .Media .Meta.scrbbl-source-wikipedia em {
					text-align: right;
				}

			.scrbbl-livearticle .Media.Video .scrbbl-article-flash-player {
				position: relative;
				padding-bottom: 56.25%; /* 16:9 */
				padding-top: 25px;
				height: 0;
			}

				.scrbbl-livearticle .Media.Video .scrbbl-article-flash-player > object,
				.scrbbl-livearticle .Media.Video .scrbbl-article-flash-player > embed  {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}


	/* Header ================================================= */

		.scrbbl-livearticle h3 {
			margin: 0 0 20px 0;
		}


	/* Blockquote ============================================= */

		.scrbbl-livearticle blockquote {
			position: relative;
			margin: 0 0 15px 0;
			padding: 20px 40px 20px 60px;
			font: 115% Georgia, Times, serif;
			border: 1px solid #F0F0F0;
			border-width: 1px 0;
			line-height: 26px
		}

			.scrbbl-livearticle blockquote:before {
				content: ' ';
				position: absolute;
				top: 18px;
				left: 14px;
				width: 25px;
				height: 20px;
				background: url(../images/article_sprite_mobile.png) 0px -16px no-repeat;
			}

			.scrbbl-livearticle blockquote h3 {	margin: 0 0 10px 0; }

			.scrbbl-livearticle blockquote .Meta {	
				display: block;
				margin: 8px 0 0 0;
				padding: 3px 0 0 0;
				font: 82% Helvetica, Arial, sans-serif;
				text-align: right;
				color: #BBB;
			}

				.scrbbl-livearticle blockquote .Meta em {	
					display: block;
					text-align: right;
				}


	/* Lists ================================================== */

		.scrbbl-livearticle ol,
		.scrbbl-livearticle ul {
			margin: 0 40px;
			padding: 0;
		}
			.scrbbl-livearticle ol { list-style: decimal; }
			.scrbbl-livearticle ul { list-style: disc; }

			.scrbbl-livearticle li {
				margin: 0 0 10px 0;
				padding: 0;
			}


	/* Tweets ================================================= */
		
		.scrbbl-livearticle .sltc-twitter {
	        position: relative;
	        margin: 0;
	        padding: 15px 15px 10px 15px;
	        border: 1px solid #F0F0F0;
	        background: #FFFFFF;
	        border-radius: 3px;
	        font-family: Helvetica, Arial, sans-serif;
	        line-height: 18px;
	        cursor: default;
	    }

	        .scrbbl-livearticle .sltc-twitter a { 
	            color: #000; 
	            font-weight: normal;
	            text-decoration: none;
	        }

	        .scrbbl-livearticle .sltc-twitter .sltc-logo {
	            position: absolute;
	            top: 13px;
				right: 13px;
	            width: 18px;
				height: 15px;
				margin: 0 0 0 7px;
				background: url(../images/article_sprite_mobile.png) 0px 0px no-repeat;
				cursor: pointer;
	        }
	            .scrbbl-livearticle .sltc-twitter .sltc-logo a {
	                width: 18px;
					height: 15px;
	            }
	            
	        .scrbbl-livearticle .sltc-twitter .sltc-author .sltc-avatar {
	            float: left; 
	            width: 35px;
			    height: 35px;
	            margin: 0 10px 0 0;
			    border-radius: 3px;
			    background: url(../images/article_sprite_mobile.png) 0px -134px no-repeat;
	        }
	            .scrbbl-livearticle .sltc-twitter .sltc-author .sltc-avatar img {
	                float: left;                    
	                width: 35px;
	                height: 35px;
	                margin: 0 10px 10px 0;
	                border-radius: 3px;
	                border: 0px;
	            }

	        .scrbbl-livearticle .sltc-twitter .sltc-author .sltc-info .sltc-name {
	            margin: 0 0 2px 0;
	            font-weight: bold;
	            font-size: 130%;
	        }
	            .scrbbl-livearticle .sltc-twitter .sltc-author .sltc-info .sltc-name a { font-weight: bold; }

	        .scrbbl-livearticle .sltc-twitter .sltc-author .sltc-info .sltc-username { 
	            margin: 0 0 10px 0;
	        }    
	            .scrbbl-livearticle .sltc-twitter .sltc-author .sltc-info .sltc-username a { 
	                color: #999; 
	                font-size: 95%; 
	                font-weight: normal;
	            }

	        .scrbbl-livearticle .sltc-twitter .sltc-text {
	        	margin: 0 10px 0 45px;
	            clear: left;
	            font: 120% Georgia, "Times New Roman", serif;
	        }
	            .scrbbl-livearticle .sltc-twitter .sltc-text a { color: #999; text-decoration: none; }

	            .scrbbl-livearticle .sltc-twitter .sltc-text .sltc-tweetimage { 
	                width: 95%;
	                margin: 10px auto;
	                padding: 10px;
	                border-width: 0 0 0 0;
	                text-align: center;
	            }

	                .scrbbl-livearticle .sltc-twitter .sltc-text .sltc-tweetimage img { 
	                    display: inline-block;
	                    width: auto;
	                    max-width: 100%;
	                    margin: 0;
	                    padding: 0;
	                    border: 0;
	                } 

	                .scrbbl-livearticle .sltc-twitter .sltc-text .scrbbl-article-vine-wrapper {
						position: relative;
						padding-bottom: 94%;
						padding-top: 50px;
						height: 0;	                	
	                }
						.scrbbl-livearticle .sltc-twitter .sltc-text .scrbbl-article-vine-wrapper > iframe {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
						}

	        .scrbbl-livearticle .sltc-twitter .sltc-retweet {
	            margin: 8px 0px -5px 45px;
	            padding-left: 23px;
	            font-size: 12px;
	            font-style: italic;
	            color: #999;
	            background: url(../images/article_sprite_mobile.png) 0 -215px no-repeat;
	        }

	            .scrbbl-livearticle .sltc-twitter .sltc-retweet a {
	                color: #999;
	            }

	        .scrbbl-livearticle .sltc-twitter .sltc-lower {
	            position: relative;
	            margin: 15px 0 0 0;
	            font-size: 12px;
	            color: #999;
	            overflow: hidden;
	        }
	            .scrbbl-livearticle .sltc-twitter .sltc-lower a { 
	                float: left;
	                color: #999; 
	            }

	            .scrbbl-livearticle .sltc-twitter .sltc-actions {
	                float: right;
	                height: 15px;
	                margin: 0;
	                list-style: none;
	            }
	                .scrbbl-livearticle .sltc-twitter .sltc-actions li {
	                    float: left;
	                    display: block;
	                    width: auto;
	                    width: 18px;
				        height: 13px;
				        margin: 2px 0 0 15px;
				        padding: 0;
	                    background: url(../images/article_sprite_mobile.png) 0 0 no-repeat;	                    
				        text-indent: -99999px;
	                    cursor: pointer;
	                }
	                    .scrbbl-livearticle .sltc-twitter .sltc-actions li.reply { background-position: 0px -48px; }

	                    .scrbbl-livearticle .sltc-twitter .sltc-actions li.retweet { 
	                    	width: 21px;
				        	height: 12px;				        	
				        	background-position: 0px -36px;
				        }

	                    .scrbbl-livearticle .sltc-twitter .sltc-actions li.favorite { 
	                    	width: 16px;
				        	height: 14px;
				        	margin-top: 0px;
				        	background-position: 0px -62px;
				        }


	/* Slideshow ============================================== */

		.scrbbl-livearticle .SL_SlideShow {
		    position: relative;
		    margin: 5px -12px;
		    text-align: center;
		    clear: both;    
		}
			.scrbbl-livearticle .SL_SlideShow.scrbbl-article-slideshow-loading .SL_SlideShow_Slide,
			.scrbbl-livearticle .SL_SlideShow.scrbbl-article-slideshow-loading .SlideShowNav,
			.scrbbl-livearticle .SL_SlideShow.scrbbl-article-slideshow-loading .SL_SlideShow_Counter {
				visibility: hidden;
			}

			.scrbbl-livearticle .SL_SlideShow .SlideContainer {
			}
				.scrbbl-livearticle .SL_SlideShow.scrbbl-article-slideshow-loading .SlideContainer {
					background: url(../images/slideshow-loader.gif) 50% 50% no-repeat;
				}

			.scrbbl-livearticle .SL_SlideShow_Slide {
			    width: 100%;
			    overflow: hidden;
			    visibility: visible;
			    opacity: 1;
			    -webkit-transition: opacity 0.5s ease-in-out;
			    -moz-transition: opacity 0.5s ease-in-out;
			    -o-transition: opacity 0.5s ease-in-out;
			    transition: opacity 0.5s ease-in-out;
			}

				.scrbbl-livearticle .SL_SlideShow .MediaWrap {
				    position: static;
				    margin: 0;
				    text-align: left;
				}

					.scrbbl-livearticle .SL_SlideShow .MediaWrap .Media {
					    position: relative;
					    margin: 0;
					    padding: 0;
					    text-align: center;
					    overflow: visible;
					    background: #F0F0F0 url(../images/bg.png) 0 0 repeat;
					    border: 1px solid #E4E4E4;
						border-width: 1px 0;
					}

						.scrbbl-livearticle .SL_SlideShow .Media img {
						    max-width: 100%;
						    position: relative;
						}
							.scrbbl-livearticle .SL_SlideShow .MediaWrap .Media img.loading { visibility: hidden; }

						.scrbbl-livearticle .SL_SlideShow .MediaWrap .Media img :not(.sltc-avatar){
						    position: absolute;
						    top: 50%;
						    left: 50%;
						}

						.scrbbl-livearticle .SL_SlideShow .MediaWrap .Media .sltc-twitter {
						    border: 0;
						    border-radius: 0;
						}
							.scrbbl-livearticle .SL_SlideShow .MediaWrap .Media .sltc-text, .sltc-author > .sltc-info, .sltc-avatar {
							    text-align: left;
							}

				.scrbbl-livearticle .SL_SlideShow .MetaWrap {
				    position: absolute;
				    left: 0;
				    right: 0;
				    white-space: nowrap;
				}

					.scrbbl-livearticle .SL_SlideShow .MediaWrap .Media .Caption {
					    z-index: 1;
					    position: relative;
					    left: auto;
					    right: auto;
					    top: auto;
					    bottom: auto;
					    clear: none;
					    width: auto;
					    margin: 0 0 0 70px;
					    padding: 10px 12px 0 0;
					    text-align: left;
					    white-space: normal;
					    word-wrap: break-word;
					    overflow: hidden;
					}

						.scrbbl-livearticle .SL_SlideShow .Caption b { display: block; }

						.scrbbl-livearticle .SL_SlideShow .Media .MetaWrap .Meta {						    
						    margin: 0 0 0 70px;
							padding: 10px 12px 5px 0;
						    text-align: right;
						    white-space: normal;
						}

					    .scrbbl-livearticle .SL_SlideShow .Media .MetaWrap .Meta em {
					        float: none;
					    }

				.scrbbl-livearticle .SL_SlideShow_Counter {
				    z-index: 1;
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    width: 60px;
				    max-width: 60px;
				    text-align: center;
				    font: bold 11px Helvetica, Arial, sans-serif;
				}

					.scrbbl-livearticle .SL_SlideShow_Counter p {
					    margin: 0 0 0 3px;
					    padding: 10px 0 0;
					    text-align: center;
					}
						.scrbbl-livearticle .SL_SlideShow_Counter p .SL_SlideShow_Current,
						.scrbbl-livearticle .SL_SlideShow_Counter p .SL_SlideShow_Total {
							font-size: 14px;
						}


				.scrbbl-livearticle .SlideShowNav {
				    z-index: 1;
				    position: absolute;
				    display: block;
				    width: 40px;
				    height: 85px;
				    margin-top: -43px;
				    background: #000000;
				    background: rgba(0, 0, 0, 0.3);
				    text-indent: -9999em;   
					cursor: pointer;
				}
					.scrbbl-livearticle .SL_SlideShow:hover .SlideShowNav { background: rgba(0, 0, 0, 0.6); }
					.scrbbl-livearticle .SL_SlideShow .SlideShowNav:hover { background: rgba(0, 0, 0, 0.75); }	

						.scrbbl-livearticle .SlideShowPrev { 
							left: 0; 
							border-top-right-radius: 2px;
							border-bottom-right-radius: 2px;
						}
						.scrbbl-livearticle .SlideShowNext { 
							right: 0; 
							border-top-left-radius: 2px;
							border-bottom-left-radius: 2px;
						}	

					.scrbbl-livearticle .SL_SlideShow .SlideShowNav .scrbbl-article-slideshow-nav-inner {
						position: relative;
					}
						.scrbbl-livearticle .SL_SlideShow .SlideShowNav .scrbbl-article-slideshow-nav-inner:before {
							content: '';
							position: absolute;
							top: 32px;
							left: 0px;
							width: 13px;
							height: 20px;
							background: url(../images/article_sprite_mobile.png) 0 0 no-repeat;
						}
							.scrbbl-livearticle .SL_SlideShow .SlideShowNav.SlideShowPrev .scrbbl-article-slideshow-nav-inner:before { 
								left: 11px; 
								background-position: -22px -94px;
							}
							.scrbbl-livearticle .SL_SlideShow .SlideShowNav.SlideShowNext .scrbbl-article-slideshow-nav-inner:before { 
								left: 17px; 
								background-position: -22px -114px;
							}


				.SL_SlideShow .HideSlide {
				    opacity: 0;
				    -moz-opacity: 0;
				    filter:alpha(opacity=0);
				    left: -9999em !important;
				    top: -9999em !important;
				    position: absolute !important;
				}


	/* Site Preview =========================================== */

		.scrbbl-livearticle .scrbbl-sitePreview .SL_SlideShow {
			margin: 5px -12px 15px -12px;
		}

			.scrbbl-livearticle .scrbbl-sitePreview .SL_SlideShow .SlideContainer {
			    border: 1px solid #E4E4E4;
				border-width: 1px 0;
			}

			.scrbbl-livearticle .scrbbl-sitePreview .SL_SlideShow .MediaWrap .Media {
				border: 0;
			}

			.scrbbl-livearticle .scrbbl-sitePreview .SL_SlideShow .LinkImage {
				float: none;
				margin: 0;
			}

			.scrbbl-livearticle .SL_SlideShow.scrbbl-article-slideshow-loading .SL_SlideShow_Slide .Slide-Inner {
				height: 50px;
			}

		.scrbbl-livearticle .scrbbl-sitePreview .LinkTitle {
			margin: 0;
		}

		.scrbbl-livearticle .scrbbl-sitePreview .LinkSiteName {
			display: block;
			margin: 5px 0 0 0;
			font-size: 90%;
			color: #BBB;
		}

		.scrbbl-livearticle .scrbbl-sitePreview .LinkDescription {
			display: block;
			margin: 10px 0 0 0;
		}


/* ============================================================ */
/* ============================================================ */