@charset "utf-8";

/* |==========================================| */
/* |                  •••                     | */
/* |             REPLAY FACTORY               | */
/* |        Liquid Columns & Display          | */
/* |                  •••                     | */
/* |==========================================| */


/* |================ COL 240 =================| */
ul.minicolumn {
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.minicolumn li {
	float: left;
	width: 240px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}

.b240 {
	float:left;
	position:relative;
	height: 242px;
	left:50%;
	z-index: 0;
}

.i240 {
	float:left;
	position:relative;
	right:50%;
	margin: 0;
	z-index: 1;
}

.i240 img {
	border: none;
	border: 1px solid #555;
	cursor: url("http://core.flickeflu.com/theme/zcursor.png"),url("http://core.flickeflu.com/theme/zcursor.png"),default
}

.i240:hover .desc{
	position: absolute;
	text-align:left;
	display: block;
	bottom: 3px;
	left: 3px;
	width: 94% !important ;
	color: #ccc;
	padding:3px;
}

.i240:hover .desc .n {
	top: 3px;
	float:right;
	position:relative;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color:#000;
	padding: 5px;
	font-size: 1.1em;
}


.i240 .desc {	display: none; }

/* |================ COL 500 =================| */
ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 520px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.b500 {
	float:left;
	position:relative;
	height: 522px;
	left:50%;
	z-index: 0;
}
.i500 {
	float:left;
	position:relative;
	right:50%;
	margin: 0;
	z-index: 1;	
}

.i500 img {
	border: none;
	padding: 7px;
	border: 1px solid #555;
	cursor: url("http://core.flickeflu.com/theme/zcursor.png"),url("http://core.flickeflu.com/theme/zcursor.png"),default
}

.i500:hover .desc{
	position: absolute;
	padding: 5px 0;
	display: block;
	text-align:center;
	background: #000;
	color: #fff;
	filter:alpha(opacity=90); opacity:.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	bottom: 1px;
	left: 1px;
	width: 99.5% !important ;
}

.i500:hover #share{
	background:#111;
	font-size: 0.8em;
	color:#bbb;
	display:block;
	height:18px;
	width:60px;
	right:8px; top:8px;
	position:absolute;
	overflow:hidden;
	cursor:pointer;
}

.i500 .desc, .i500 #share {	display: none; }

.likebox {
	width:70px; height:70px;
	padding:5px; margin:5px;
	float:right;
}

/* |================ COL 640 =================| */
ul.column640{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column640 li {
	float: left;
	width: 660px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.b640 {
	float:left;
	position:relative;
	height: 662px;
	left:50%;
	z-index: 0;
}
.i640 {
	float:left;
	position:relative;
	right:50%;
	margin: 0;
	z-index: 1;	
}

.i640 img {
	border: none;
	padding: 7px;
	border: 1px solid #555;
	cursor: url("http://core.flickeflu.com/theme/zcursor.png"),url("http://core.flickeflu.com/theme/zcursor.png"),default
}

.i640:hover .desc{
	position: absolute;
	padding: 5px 0;	
	display: block;
	text-align:center;
	background: #000;
	color: #fff;
	filter:alpha(opacity=90); opacity:.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	bottom: 1px;
	left: 1px;
	width: 99.6% !important ;
}


.i640 .desc {	display: none; }

/* |============= IMG HOVER =============| */

a img { padding-right: 6px !important;}

.i240:hover .desc .dis, .i240:hover .desc .dis_off, .i500:hover .desc .dis, .i640:hover .desc .dis{
	padding: 2px;
	border:none;
	cursor:pointer;
}

.i240:hover .desc .dis_off, .i500:hover .desc .dis_off, .i640:hover .desc .dis_off {
	padding: 2px;
	border: none;
	cursor: default;
}

/* |================ TXT =================| */
.n, .t, .u {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin: 0px 3px;
}
.n {
	color : #666;
	font-size: 1.4em;
}
.t {
	color : #ccc;
	font-size: 1em;	
}
.u {
	color : #999;
	font-size: 0.8em;
}
.r {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color : #444;
	font-size: 0.65em;
}

/* |================ IMAGE + DETAIL =================| */
ul.columndetail{
	width: 100%;
	padding: 0;
	list-style: none;
}
ul.columndetail li {
	float: left;
	width: 100%;
	padding: 0;
	margin: 50px 0;
	display: inline;
	text-align:center;
}
.d640 {
	float:left;
	position:relative;
	margin: 0;
	z-index: 1;
	min-width: 656px;
}
.d640 img {
	float:right;
	padding: 7px;
	border: 1px solid #555;
	cursor: url("http://core.flickeflu.com/theme/zcursor.png"),url("http://core.flickeflu.com/theme/zcursor.png"),default
}
.dd640 {
    display: inline-block;
	float:left;
	text-align:left;
    padding: 0 0 0 5px;
	margin-left: 7px;
    width: 270px;
	color: #666;
	line-height: 1.4;
	font-size: 0.85em;
	overflow: hidden;
}
@media only screen and (max-width: 1245px) {
.dd640 { width: 640px; }
ul.columndetail li { margin-left: 30px;}
}

@media only screen and (min-width: 1400px) {
.dd640 { width: 370px; }
}

.dd640 .t ,.u {	font-size: 1.2em; }
.dd640 .n {	font-size: 2em; }
.dd640 .more {	font-size: 0.85em; cursor:pointer; margin-left: 5px; color:#aaa; }

.dd640 .d-block{ 
	display:block;
	margin: 3px 0px 3px 0px;
}
.dd640 .d-desc{ 
	border-top: 1px solid #333;
	display:block;
	text-align:justify;
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}
.dd640 .d-tag, .d-date, .d-stat, .d-fav, .d-com, .d-place {
	height: 20px;
	padding-left: 16px;
    margin-left: 7px;
}

.dd640 .d-tag {background:url("http://core.flickeflu.com/theme/detail_tag.gif") no-repeat 0 transparent;}
.dd640 .d-date {background:url("http://core.flickeflu.com/theme/detail_date.gif") no-repeat 0 transparent;}
.dd640 .d-stat {background:url("http://core.flickeflu.com/theme/detail_stat.gif") no-repeat 0 transparent;}
.dd640 .d-fav {background:url("http://core.flickeflu.com/theme/detail_fav.gif") no-repeat 0 transparent;}
.dd640 .d-com {background:url("http://core.flickeflu.com/theme/detail_com.gif") no-repeat 0 transparent;}
.dd640 .d-place {background:url("http://core.flickeflu.com/theme/detail_place.gif") no-repeat 0 transparent;}

#dblock {
    display: inline-block;
    margin: auto;
}