/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-size: 13px; font-family: helvetica, arial, verdana, sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.media-thumb .icon_video{ display:none; } .media-thumb .icon_video img{ display:none; }

	.mr__container h1 {
		background: url(../img/twitter-bird.png) 5px center no-repeat;
		background-size: auto 75%;
		padding: 0 0 0 33px;
	}

	.stream {
		width: inherit;
		min-width:300px; 
		max-width: 440px; 
		margin: 0 auto; 
		overflow: hidden;
	} 
	
	.media-status { 
		float:left; 
	}
	
	.media-thumb{
		width:122px;
		height:122px;
		border:solid 5px #ccc;
		margin:5px;
		background:#ccc;
		overflow:hidden;
		position:relative;
	}
	
	.media-thumb img{
		top:50%;
		left:50%;
		border:0;
		position:absolute;
	}
	
	.media-post{
		width: 85%;
		top: 50%;
		left: 50%;
		margin: 0 0 0 -49%;
		padding: 20px;
		color: #414141;
		background: white;
		border: solid 1px #CCC;
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
		position: absolute;
		display: none;
		z-index: 5999;
		overflow: hidden;
		border-image: initial;
	}
	.media-large{
		width:100%;
		margin-bottom:20px;
	}
	
	.media-large img {
		margin:0 auto;
		max-width:300px;
		max-height:300px;
		display:block;
		position: relative;
	}
	
	.mr__status {
		padding:15px 29px 15px 15px;
		font-size:11px;
		color:#333;
		overflow:hidden;
		clear:both;
	}
	
	.media-post a {
		color: #7312a6;
		font-weight:bold;
	}

.mr__status_avatar{width:16%;height:100%;float:left;overflow:hidden;}
.mr__status_avatar img{width:80%;border:solid 1px #d4d4d4;display:block;}
.mr__status_info{width:84%;float:left;overflow:hidden;}
.mr__status_name{margin-bottom:5px;}
.mr__status_name a{font-size:14px;font-weight:bold;}
.mr__retweeted{padding-left:40px;font-size:12px;position:relative;float:right;}
.mr__retweeted img{height:20px;margin-left:-25px;margin-top:-4px;position:absolute;}
.mr__retweeted a{font-size:12px;}
.mr__status_text{margin-bottom:5px;line-height:1.4;clear:both;}
.mr__status_meta{font-size:11px;}
.mr__status_meta a{color:#414141;line-height:1.4;font-weight:normal;}
.mr__status_meta span{padding:0;display:block;float:left;}
.mr__status_meta span a{padding-left:5px;line-height:1.4;}
.mr__status_meta ul{padding:0;display:block;float:right;}
.mr__status_meta ul li{padding-left:5px;display:block;float:left;}
.mr__status_meta ul li a{padding:0 0 0 4px;line-height:1.6;position:relative;}
.mr__status_meta img{height:16px;float:left;}
.mr__status_clear{height:1px;clear:both;overflow:hidden;}
.mr__close{width:7px;height:7px;background:url(../img/btn_close.png?jcb=1326861930) no-repeat;position:absolute;top:8px;right:8px;}
.mr__close span{display:none;}

body{width:100%;height:100%;color:#000;overflow-x:hidden;}

.mr__container{width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden;}
.mr__container footer{height:50px;margin:0 15px;position:relative;clear:both;}
.mr__container .page{height:100%;display:none;}
.mr__container .clear{height:1px;clear:both;overflow:hidden;}
.mr__container .mr__overlay{min-width:100%;min-height:100%;top:0;left:0;position:absolute;z-index:95;display:none;}
.mr__container h1{margin:15px 0 0 15px;color:#333;font-size:18px;font-weight:bold;line-height:1.3;}
.mr__container h1 strong{font-size:32px;font-weight:bold;text-transform:uppercase;}
.mr__container .pager{bottom:10px;right:15px;position:absolute;}
.mr__container .pager .btn_back{width:22px;height:22px;background:url(../img/btn_back.png?jcb=1326861930) no-repeat;color:transparent;font-size:0;overflow:hidden;display:block;}
.mr__container .pager .btn_next{width:22px;height:22px;background:url(../img/btn_next.png?jcb=1326861930) no-repeat;color:transparent;font-size:0;overflow:hidden;display:block;}
.mr__container .pager li{color:#666;display:inline;cursor:pointer;vertical-align:center !important;line-height:1.8;display:block;float:left;}
.mr__container .pager li._active{color:#7312a6;;}
.mr__container .pager .item{padding:0 8px;border-left:solid 1px #333;}
.mr__container .pager .item-0{border:0;}

.powered-by { padding:5px 0;bottom:15px;left:15px;font-size:10px;text-transform:uppercase;color:#ccc;clear:both;position:absolute; }

@media screen and (max-width:439px) {

	.stream { 
		width:300px;
	} 
	.media-status { 
		float: left; 
	}
	.media-thumb { 
		width: 60px; 
		height:60px; 
		border: solid 1px #ccc; 
	} 
	
	.media-large img { 
		max-width:200px; 
		max-height:135px; 
	} 
	.media-status { 
		font-size: 0.85em; 
	} 
	.mr__status_meta ul { 
		float: left;
		margin: 0 0 0 -5px; 
	}
	
	.powered-by { padding:5px 0;bottom:15px;left:15px;font-size:10px;text-transform:uppercase;color:#ccc;clear:both;position:absolute; width: 100px; }
	.mr__container .pager{bottom:10px;right:0px;position:absolute;}
	.mr__container footer{max-width:270px; margin:0 auto; padding:0;}
}