/*------------------------------------------
	Diary - Poster
------------------------------------------*/
.poster-diary { 
	max-width: 				160px; 
	}
.poster-diary .thumb-wrap { 
	margin: 			0 0;
	padding: 			0 0; 
	width: 				100%;
	max-width:		160px;
	}
	.poster-diary .thumb { 
		width: 				100%; 
		height: 			auto; 
		position: 			relative;
		}
		/*Overlay for thumb*/
		.poster-diary .thumb a.thumb-over { 
			background: 		url('../../assets/img/diary/magnify.png') no-repeat center center; 
			position: 			absolute; 
			top: 				0; 
			left: 				0; 
			display: 			block; 
			height: 			100%; 
			width: 				100%; 
			opacity: 			0; 
			filter: 			alpha(opacity = 0); 
			text-indent: 		-9999px;
			}
		/*Actual Thumb
		.poster-diary .thumb img { 
		/*border: 			1px solid #2c2c2c;
		}
		.poster-diary .thumb a { 
		display: 			block;
		}*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.poster-diary .thumb a.thumb-over { 
		background: 		url('../../assets/img/diary/magnify@2x.png') no-repeat center center; 
		background-size: 110px 110px;
	}
}


/*------------------------------------------
	Diary - Structure
------------------------------------------*/

.diary-structure-top {
    margin:30px auto 0;
    padding:0;
    width:100%;
		height: 10px;
    position:relative;
}
.diary-structure-bottom {
    margin: 0 auto 30px;
    padding:0;
    width:100%;
		height: 10px;
    position:relative;
}

.diary-entry {
    /*background:#aaa;*/
		background: url('../../assets/img/diary/bg.gif') repeat-x;
    margin: 0 auto 10px;
    padding:0;
    width:100%;
		min-height: 224px;
    position:relative;
}

@media screen and (max-width: 780px) {
	#wrapper {
		width: 100%;
	}
}
@media screen and (max-width: 550px) {
	#wrapper {
		width: 90%;
	}
	.diary-entry {
		width: 100%;
		background: none;
		margin-bottom: 40px;
		/*width: 160px;*/
	}
	.diary-structure-bottom {
    margin: 0;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.diary-entry {
		background: url('../../assets/img/diary/bg@2x.gif') repeat-x;
		background-size: 610px 600px;
	}
}

@media screen and (max-width: 550px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.diary-entry {
		background: none;
	}
}

/*------------------------------------------
	Diary - Border/Frame
------------------------------------------*/

.border-red-t {
    background: url('../../assets/img/frame/red-t.png') repeat-x;
    position:absolute;
    top:-2px; left:0;
    width:100%;
    height:14px;
		z-index: 100;
}
.border-red-b {
    background: url('../../assets/img/frame/red-b.png') repeat-x;
    position:absolute;
    bottom:-12px; left:0;
    width:100%;
    height:14px;
		z-index: 100;
}
.border-red-l {
    background: url('../../assets/img/frame/red-l.png') repeat-y;
    position:absolute;
    top:0; left:-12px;
    width:14px;
    height:100%;
}
.border-red-r {
    background: url('../../assets/img/frame/red-r.png') repeat-y;
    position:absolute;
    top:0; right:-12px;
    width:14px;
    height:100%;
}
.border-red-br {
    background: url('../../assets/img/frame/red-br.png');
    position:absolute;
    bottom:-10px; right:-20px;
    width:20px;
    height:10px;
}
.border-red-bl {
    background: url('../../assets/img/frame/red-bl.png');
    position:absolute;
    bottom:-10px; left:-20px;
    width:20px;
    height:10px;
}
.border-red-tr {
    background: url('../../assets/img/frame/red-tr.png');
    position:absolute;
    top:-10px; right:-20px;
    width:20px;
    height:20px;
}
.border-red-tl {
    background: url('../../assets/img/frame/red-tl.png');
    position:absolute;
    top:-10px; left:-20px;
    width:20px;
    height:20px;
}
.border-red-br-bottom {
    background: url('../../assets/img/frame/red-br.png') 0 -10px;
    position:absolute;
    bottom:0; right:-20px;
    width:20px;
    height:10px;
}
.border-red-bl-bottom {
    background: url('../../assets/img/frame/red-bl.png') 0 -10px;
    position:absolute;
    bottom: 0; left:-20px;
    width:20px;
    height:10px;
}
.border-green-t {
    background: url('../../assets/img/frame/green-t.png') repeat-x;
    position:absolute;
    top:-2px; left:0;
    width:100%;
    height:14px;
		z-index: 100;
}
.border-green-b {
    background: url('../../assets/img/frame/green-b.png') repeat-x;
    position:absolute;
    bottom:-12px; left:0;
    width:100%;
    height:14px;
		z-index: 100;
}
.border-green-l {
    background: url('../../assets/img/frame/green-l.png') repeat-y;
    position:absolute;
    top:0; left:-12px;
    width:14px;
    height:100%;
}
.border-green-r {
    background: url('../../assets/img/frame/green-r.png') repeat-y;
    position:absolute;
    top:0; right:-12px;
    width:14px;
    height:100%;
}
.border-green-br {
    background: url('../../assets/img/frame/green-br.png');
    position:absolute;
    bottom:-10px; right:-20px;
    width:20px;
    height:10px;
}
.border-green-bl {
    background: url('../../assets/img/frame/green-bl.png');
    position:absolute;
    bottom:-10px; left:-20px;
    width:20px;
    height:10px;
}
.border-green-tr {
    background: url('../../assets/img/frame/green-tr.png');
    position:absolute;
    top:-10px; right:-20px;
    width:20px;
    height:20px;
}
.border-green-tl {
    background: url('../../assets/img/frame/green-tl.png');
    position:absolute;
    top:-10px; left:-20px;
    width:20px;
    height:20px;
}
.border-green-br-bottom {
    background: url('../../assets/img/frame/green-br.png') 0 -10px;
    position:absolute;
    bottom: 0; right:-20px;
    width:20px;
    height:10px;
}
.border-green-bl-bottom {
    background: url('../../assets/img/frame/green-bl.png') 0 -10px;
    position:absolute;
    bottom: 0; left:-20px;
    width:20px;
    height:10px;
}

@media screen and (max-width: 550px) {
	.border-red-t,
	.border-green-t {
    top:-12px; left:0;
    height:20px;
	}
	.border-red-tr,
	.border-green-tr {
    top:-20px; right:-20px;
    width:20px;
    height:20px;
	}
	.border-red-tl,
	.border-green-tl {
    top:-20px; left:-20px;
    width:20px;
    height:20px;
	}
	.border-red-br,
	.border-green-br {
    bottom:-20px; right:-20px;
    width:20px;
    height:20px;
	}
	.border-red-bl,
	.border-green-bl {
    bottom:-20px; left:-20px;
    width:20px;
    height:20px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.border-red-t {
			background: url('../../assets/img/frame/red-t@2x.png') repeat-x;
			background-size: 120px 14px;
	}
	.border-red-b {
			background: url('../../assets/img/frame/red-b@2x.png') repeat-x;
			background-size: 120px 14px;
	}
	.border-red-l {
			background: url('../../assets/img/frame/red-l@2x.png') repeat-y;
			background-size: 14px 60px;
	}
	.border-red-r {
			background: url('../../assets/img/frame/red-r@2x.png') repeat-y;
			background-size: 14px 60px;
	}
	.border-red-br {
			background: url('../../assets/img/frame/red-br@2x.png');
			background-size: 20px 20px;
	}
	.border-red-bl {
			background: url('../../assets/img/frame/red-bl@2x.png');
			background-size: 20px 20px;
	}
	.border-red-tr {
			background: url('../../assets/img/frame/red-tr@2x.png');
			background-size: 20px 20px;
	}
	.border-red-tl {
			background: url('../../assets/img/frame/red-tl@2x.png');
			background-size: 20px 20px;
	}
	.border-red-br-bottom {
			background: url('../../assets/img/frame/red-br@2x.png') 0 -10px;
			background-size: 20px 20px;
	}
	.border-red-bl-bottom {
			background: url('../../assets/img/frame/red-bl@2x.png') 0 -10px;
			background-size: 20px 20px;
	}
	.border-green-t {
			background: url('../../assets/img/frame/green-t@2x.png') repeat-x;
			background-size: 120px 14px;
	}
	.border-green-b {
			background: url('../../assets/img/frame/green-b@2x.png') repeat-x;
			background-size: 120px 14px;
	}
	.border-green-l {
			background: url('../../assets/img/frame/green-l@2x.png') repeat-y;
			background-size: 14px 60px;
	}
	.border-green-r {
			background: url('../../assets/img/frame/green-r@2x.png') repeat-y;
			background-size: 14px 60px;
	}
	.border-green-br {
			background: url('../../assets/img/frame/green-br@2x.png');
			background-size: 20px 20px;
	}
	.border-green-bl {
			background: url('../../assets/img/frame/green-bl@2x.png');
			background-size: 20px 20px;
	}
	.border-green-tr {
			background: url('../../assets/img/frame/green-tr@2x.png');
			background-size: 20px 20px;
	}
	.border-green-tl {
			background: url('../../assets/img/frame/green-tl@2x.png');
			background-size: 20px 20px;
	}
	.border-green-br-bottom {
			background: url('../../assets/img/frame/green-br@2x.png') 0 -10px;
			background-size: 20px 20px;
	}
	.border-green-bl-bottom {
			background: url('../../assets/img/frame/green-bl@2x.png') 0 -10px;
			background-size: 20px 20px;
	}
}

/*------------------------------------------
	Diary - Content Area
------------------------------------------*/

.diary-container-outer {
	padding-left: 20%;
	position: relative; 
	height:auto; 
	min-height: 224px;
	width:80%; 
	/*background: #888;*/
}
.diary-container-inner {
	left:0;
	position:absolute; 
	height:100%; 
	width:20%; 
	background: #444;
	border-right: 10px #ee3d2b solid;
	background: url('../../assets/img/diary/wood.png');
}
.diary-container-inner.green {
	border-right: 10px #73ab2c solid;
}

.diary-content {
	width: 100%;
	margin-left: 10px;
	margin-top: 0;
	/*background: #fff;*/
}

.diary-content-inner {
	width: 90%;
	padding: 14px 0;
	margin: 0 20px;
}

.border-show {
	display: none;
}

/* INNER CONTENT */

.details {
	width: 100%;
	height: 40px;
	border-top: 2px solid #ee3c2b;
	border-bottom: 2px solid #ee3c2b;
}
.details.green {
	border-top: 2px solid #73ab2c;
	border-bottom: 2px solid #73ab2c;
}
.details-left {
	float: left;
	width: 55%;
	height: 40px;
	border-right: 2px solid #ee3c2b;
}
.details-left.green {
	border-right: 2px solid #73ab2c;
}
.details-right {
	float: left;
	width: 44%;
	height: 40px;
	border-bottom: 2px solid #ee3c2b;
}
.details-right.green {
	border-bottom: 2px solid #73ab2c;
}
.details-content {
	clear: both;
}

@media screen and (max-width: 760px) {
	.diary-container-outer {
		padding-left: 23.5%;
		width: 76.5%;
	}
	.diary-container-inner {
		width: 23.5%;
	}
}

@media screen and (max-width: 660px) {
	.diary-container-outer {
		padding-left: 27%;
		width: 73%;
	}
	.diary-container-inner {
		width: 27%;
	}
}

@media screen and (max-width: 550px) {
	.diary-container-outer {
		padding-left: 0;
		width:100%;
		background: none;
	}
	.diary-container-inner {
		position: relative; 
		margin: 0 auto;
		width: 160px;
		height: 224px; 
		border-right: none;
	}
	.diary-content {
		margin-top: 30px;
		margin-left: 0;	
		/*border-bottom: 2px #f4ead0 solid;*/
	}
	.border-hide {
		display: none;
	}
	.border-show {
		display: block;
	}
	.details-left,
	.details-right,
	.details-left.green,
	.details-right.green {
		width: 100%;
		border-right: none;
	}
	.details-content {
		width: 100%;
		padding-top: 1px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.diary-container-inner {
		background: url('../../assets/img/diary/wood@2x.png');
		background-size: 200px 350px;
	}
}

/*----------------------------------------------
Website design, markup, and code belong to 
Randall Lynton Studios, unless otherwise stated.

Blatantly copying or stealing portions of
this site will result in public ridicule 
and shame.
----------------------------------------------*/