/* @ */@font-face{
    font-family: site-mono;
    src: local("Consolas"),
		local("Bitstream Vera Sans Mono"),
		local("Courier New"),
		local("Courier"),
		local("monospace");
}
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, 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;
}
sup, sub {
	vertical-align: baseline;
	font-size: 80%;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
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;
}
.comp, .compx * {
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.rcomp, .rcompx * {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.cubic500 {
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}

.cubic200 {
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -ms-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
/*{{{ Global Font Settings */
@font-face{
    font-family: custom-sans;
    font-display: swap;
    src: local("GIRegular"),
        url("/assets/fonts/GI-Regular.woff") format("woff"),
        local("Helvetica-Light"),
        local("Avenir"),
        local("Verdana"),
        local("Tahoma"),
        local("Geneva"),
        local("sans-serif")
        ;
    unicode-range: U+00-FF;
}

@font-face{
    font-family: custom-serif;
    font-display: swap;
    src: url("/assets/fonts/angltrr.woff") format("woff"),
        local("Palatino Linotype"),
        local("Palatino"),
        local("Georgia"),
        local("serif");
    unicode-range: U+00-FF;
}

.flsf {
    font-family: custom-sans,Helvetica,Arial,STHeiti,"Microsoft JhengHei","微軟正黑體";
}

.fls {
    font-family: custom-serif,Helvetica,Arial,STHeiti,"Microsoft JhengHei","微軟正黑體";
}

.fsf {
    font-family: Calibri;
}
/* End Global Font Settings }}}*/

/*{{{ Global Element Styles */
pre {
	font-family: site-mono;
}

textarea, input, div[contentEditable="true"], select {
	outline: none;
}

textarea, input, div[contentEditable="true"] {
	cursor: auto;
	border-width: 1px;
	padding: 0.2em;
	resize: none;
	border-style: none;
	background-color: #EEE;
}

textarea:focus, input:focus, div.editable:focus {
	background-color: #FFF;
}

textarea:hover, input:hover, div.editable:hover {
	background-color: #FFF;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #AAA;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #AAA;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #AAA;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #AAA !important;
}
/* End Global Element Styles }}}*/
.bubble {
	position: fixed;
	background: white;
	border-radius: 300px;

	-moz-box-shadow: 7px 7px 10px;
	-webkit-box-shadow: 7px 7px 10px;
	box-shadow: 7px 7px 10px;

	z-index: 98;
}

.innerBubble {
	border-radius: 300px;
	position: relative;
	overflow: hidden;
}

.innerBubble:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
}

.bInner{
	display: inline-block;
    width: 100%;

	vertical-align: middle;
	text-align: center;

	font-size: 1.35em;
	color: white;
}
.comment-stage {
    width: 80%;
    float: right;
    padding-bottom: 1em;
    position: relative;
}

.c_body {
	position: relative;
	padding-left: 10px;
}

.c_title {
	padding: 1em 0.5em;
}

.c_bsign {
	margin-left: -0.47em;
	padding: 0.1em 0.5em 0.1em 1em;
	font-size: 2em;
	color: white;
	background: cornflowerblue;
}

.uc_ntoggle {
	font-family: custom-sans;
	vertical-align: top;
	padding: 0.2em 0em;
}
.uc_ntoggle:before { content: '..'; }
.uc_ntoggle:after { content: '!'; }

.cr_ntoggle {
	font-family: custom-sans;

	padding: 0;
	margin: 0;

	position: absolute;

	width: 1.5em;
	height: 1.5em;

	bottom: 0;
	right: -3em;

	border-radius: 2em 2em 2em 0em;
	border: 0.5em solid white;

	line-height: 1.5em !important;

	background-color: white;
	/* box-shadow: 2px 2px 10px -5px black; */
}

.cr_ntoggle:before, .cr_ntoggle:after {
	padding: 0;
	border-radius: 2em;
}

.cr_ntoggle:before {
	content: '..';
	background-color: slategrey;
}

.cr_ntoggle:after { content: '!'; }

.c_comm {
	position: relative;
	left: 1.6em;
	padding-right: 1.6em;
}

.c_comm > .c_cont:after {
    content: "";
	width: 0;
	height: 0;
	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent;
	border-right: 1em solid white;

	position: absolute;
	top: 1em;
	left: -0.9em;
}

.c_comm > .c_cont:before {
    content: "";
	top: 0;
	left: -2.15em;
	position: absolute;
	background: cornflowerblue;
	width: 8px;
	height: 100%;
}


.c_cont {
	position: relative;
	background-color: white;
	padding: 1em;
	margin-top: 1em;
	border: 1px solid #D7D4C9
}

.c_text {
    padding-bottom: 0.5em;

	word-wrap: break-word;
}

.c_info > div:first-child, .c_info > div > a {
	text-align: right;
	color: #D4145A;
}

.c_info > div:last-child {
	text-align: right;
	color: #AAA;
}

.cu_stack {
	/* padding 0.5 - 0.2 border width */
	margin: 0 0 -0.3em 0.3em;
	position: relative;
	text-align: right;

	width: 100%;
}

.cu_stack > div {
	display: inline-block;
}

.cu_avatar {
	/* Equal to the border width */
	margin: 0 0 -0.2em 0.5em;
}

.cu_avatar > img {
	border: 0.2em white solid;
	box-shadow: 0px 0px 5px 0 black;
	width: 64px;
	height: 64px;
	float: right;
}

.reply {
	margin-left: 20%;
	width: 80%;
}

.reply > .c_cont:after, .r_indicator {
    content: "";
	width: 0; 
	height: 0; 
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-bottom: 1em solid white;
	
	position: absolute;
	top: 0;
	right: 1em;
}

#ri_switch[data-pointy="1"] { top: -1em; }

.c_relative_wrap {
	position: relative;
	padding: 1em;
	
	background: radial-gradient(circle, rgba(0, 0, 0, 0) 10px, #EEE 10px) 0px 10px, #FFF;
	background-size: 20px 20px;
}

.commentblock {
	margin-top: 1em;
	width: 100%;
	position: relative;
	#background: white;
}

#c_submit {
	background: cornflowerblue;
}

#c_submit:hover {
	background: cadetblue;
}

.c_reply {
	background: Coral;
}

.c_reply:hover {
	background: LightCoral;
}

.c_tag {
	cursor: pointer;
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 0;
	right: 0;
	top: 0;
}


.c_tag > span {
	-moz-transform: rotate(90deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: 50% 50%;
	transform: rotate(90deg);
	transform-origin: 50% 50%;
	font-size: 1.5em;
	display: block;
	color: white;
}

.commentInput {
	width: 100%;
	height: 80px;
	font-size: 1.2em;
	font-family: custom-sans;
}

.c_caption {
	font-size: 1.2em;
	font-family: custom-sans;
}

.c_false_input {
	font-size: 0.8em;
	font-size: custom-serif;
	font-style: italic;
	color: red;
	text-align: right;
	height: 0;
	overflow: hidden;
}

.nocomment {
	font-size: 1.2em;
	padding: 1em;
	background: white;
	font-family: custom-serif !important;
	margin: 1em;
}

.info_field > div{
	margin: 0.2em 0;
	text-align: right;
}

.info_field .website span { width: 20%; }
.info_field .website input { width: 80%; }

iframe[src="about:blank"] {
	/* recaptcha about:blank page */
	display: none;
}

.commentblock, #capcha_wrapper, #c_input_panel, .c_comm {
	-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#c_input_panel.reply {
	max-width: 80%;
}

.c_so_sorry {
	padding: 0.2em;
	font-size: 0.8em;
	color: orangered;
	display: none;
}
.tags > a {
	color: saddlebrown;
	font-family: custom-sans;
	padding: 0.2em;
    float: left;
}
.b_entry img {
	max-width: 100%;
	height: auto;
}

.inline-code {
	font-family: site-mono;
	font-size: 1.12em;

	color: black;
	background-color: #EEE;

	padding: 0.2em 0.5em;
}

.b_entry {
	background-color: #FAFAFA;
	/* box-shadow: 0 0 8px -2px black; */
	border: 1px solid #D7D4C9;

	word-wrap: break-word;

	position: relative;

	margin-top: 0;
	padding: 1em;
}

.b_entry.archived::after {
	display: block;
	content: "Archived";
	text-align: center;

	background:
		linear-gradient(-45deg, transparent 36%, black 36%, black 82%, transparent 82%)
		, linear-gradient(45deg, transparent 36%, black 36%, black 82%, transparent 82%);
	color: white;
	position: absolute;

	width: 4.4em;
	right: -2.25em;
	top: 1.45em;

	font-size: 1.5em;
	padding: 0.15em 2.25em;

	transform: rotate(45deg);
	opacity: 0.5;
}

.b_title {
    font-family: custom-serif;
	font-size: 2.5em;
    margin-bottom: 0.25em;
	color: #444;
}

.b_avartar {
	margin: 0 0 0.5em 0.5em;
	line-height: 0;

	float: right;

	-moz-box-shadow: 2px 2px 5px 0 black;
	-webkit-box-shadow: 2px 2px 5px 0 black;
	box-shadow: 2px 2px 5px 0 black;
	border: 0.4em solid white;

	background-color: white;
	background-position: center;
	background-repeat: no-repeat;
}

.b_bodyWrapper {
	color: #555;
    text-align: justify;
	min-height: 155px;
	margin-bottom: 3em;
}

.b_bodyWrapper a { color: #f15a24; }

.b_edit {
	background-color: yellowgreen;
}

.b_preview {
	background-color: orangered;
}

.b_author {
	color: purple;
	text-align: right;
}

.b_entry .top-date {
	float: right;
	opacity: 0.35;
}

.b_entry .top-date:hover {
	opacity: 0.6;
}

.b_date, .b_mdate {
	text-align: right;
}

.b_date {
	font-family: custom-serif;
}

.b_mdate {
	font-style: italic;
	font-family: custom-sans;
	font-size: 0.8em;
	opacity: 0.5;
}

.b_tags > a {
	font-size: 1em;
	color: #76400C;
}
.section-buttons > a {
    display: inline-block;
	position: relative;

    color: white;
    background-color: darkslategray;

    margin: 0.5em 0.2em;
    padding: 0.75em 0;

    opacity: 0.5;
}

.section-buttons > a:hover, .section-buttons > a[data-active="1"]:hover {
    opacity: 0.8;
    text-decoration: none;
}

.section-buttons > a[data-name="blog"] {
    background-color: purple;
}
.section-buttons > a[data-name="works"] {
    background-color: royalblue;
}
.section-buttons > a[data-name="album"] {
	background-color: crimson;
	background-image:
		repeating-linear-gradient(
			45deg, transparent
			, transparent 2px, rgba(0,0,0,.2) 2px
			, rgba(0,0,0,.2) 3px, transparent 3px
			, transparent 5px, rgba(0,0,0,.2) 5px
		);
}

.section-buttons > a[data-name="lifestyle"] {
	text-shadow: 1px 1px 1px black;
	background-image:
		repeating-linear-gradient(
			-15deg
			, orangered 0%, orangered 16.6%
			, lawngreen 16.6%, lawngreen 33.2%
			, turquoise 33.2%, turquoise 49.8%
			, darkorchid 49.8%, darkorchid 66.6%
			, violetred 66.6%, violetred 83.3%
			, royalblue 83.3%, royalblue
		);
}

.section-buttons > a > span {
    padding: 0.75em 0.5em;
}
.section-buttons > a[data-active="1"] {
    opacity: 1;
}
.section-buttons > a > .count {
    background-color: rgba( 0, 0, 0, 0.3 );
}
.site-file {
	max-width: 100%;
	height: auto;
}
.sf_regular sup { vertical-align: baseline; }

.sf_regular {
    padding: 1em;
    background-color: #F0F0F0;
    display: inline-block;
}

.sf_failed {
	color: orangered;
	opacity: 0.5;
}
.sf_failed:hover { opacity: 1; }
.characterCloud {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}.parallaxCSSSlideLayer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-family: custom-serif; }
h1, .h1 { font-size: 2.5em; }
h2, .h2 { font-size: 2em; }
h3, .h3 { font-size: 1.5em; }
h4, .h4 { font-size: 1em; font-weight: bold; }
h5, .h5 { font-size: 0.8em; }
h6, .h6 { font-size: 0.5em; }
.mbody { z-index: 1; }
header, footer { z-index: 2; }
div#header, div#mbody, div#contact, div#horizon {
	
	-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

@keyframes spin {
    0% { transform: rotate( 0deg ); }
    25% { transform: rotate( 90deg ); }
    50% { transform: rotate( 180deg ); }
    75% { transform: rotate( 270deg ); }
    100% { transform: rotate( 360deg ); }
}

@keyframes aspin {
    0% { transform: rotate( 0deg ); }
    25% { transform: rotate( -90deg ); }
    50% { transform: rotate( -180deg ); }
    75% { transform: rotate( -270deg ); }
    100% { transform: rotate( -360deg ); }
}

.spin {
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: aspin;
}

.err { color: orangered; }

.cw { animation-name: spin; }

.mbody {
	padding: 0 0.25em;
	box-sizing: border-box;
	background-color: rgba( 255, 255, 255, 0.5 );
}

#menu {
	padding: 0 0.5em;
	background-color: rgba( 255, 255, 255, 0.5 );
}

.begin-wrapper {
	background-image: linear-gradient( rgba(0, 0, 0, 0.05) .1em, transparent .1em );
	background-image: -moz-linear-gradient( rgba(0, 0, 0, 0.05) .1em, transparent .1em );
	background-size: 100% 1.2em;
}
footer {
	width: 100%;
	position: relative;
}

.footer_bg {
    margin: 0 auto;
	height: 100%;
}

.flink_section {
	font-family: custom-sans;
	float: left;
	padding: 0.5em;
}

.flink_section > span {
	font-size: 1.5em;
	color: white;
}

.flink_section > a {
	font-size: 1em;
	color: #999;
	display: block;
}

.copysign {
	clear: both;
	color: white;
	text-align: right;
}

.copysign > a {
	color: #BBB;
	vertical-align: middle;
}
footer {
    background-color: #222;
    background-image: url(/assets/blog/layout-images/lines.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#fhorizon {
	position: absolute;
	top: -7px;
}

.home {
    position: relative;
	width: 100%;
	overflow: hidden;
}

header {
	position: relative;
}

#menu {
	font-size: 1.75em;
	text-align: right;
}

#menu > * {
	font-family: custom-sans;
	cursor: pointer;
	line-height: 1em !important;

	position: relative;

	color: rgba( 0, 0, 0, 0.5 );
	-webkit-filter: blur( 2px );
	filter: blur( 2px );
}

#menu > *[data-active] {
	-webkit-filter: blur( 0px );
	filter: blur( 0px );
	color: rgba( 128, 0, 128, 1 );
}

#menu > *:hover {
    color: rgba( 0, 0, 0, 0.75 );
	-webkit-filter: blur( 0px );
	filter: blur( 0px );
    text-decoration: none;
}

.horizon {
	position: relative;
	width: 100%;
	height: 7px;
	background: #76400C;
	z-index: 4;
}

.contact {
	width: 100%;
	height: 0;

	-moz-box-shadow: inset 0 0 10px 0 black;
	-webkit-box-shadow: inset 0 0 10px 0 black;
	box-shadow: inset 0 0 10px 0 black;

	overflow: hidden;
	position: absolute;

    text-align: center;
}

.contact-wrapper {
    text-align: center;
    position: relative;
}

.contact-wrapper > * {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.contact-block {
    width: 40%;
}

.contact-form input, .contact-form textarea {
    width: 100%;
    text-align: left;
}
.contact-form > * {
    margin-bottom: 0.5em;
}

.contact-form textarea, .contact-form input {
    background-color: rgba( 0, 0, 0, 0.1 );
    padding: 0.5em;
}

.contact-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #AAA;;
}
.contact-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #AAA;;
    opacity: 1;
}
.contact-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #AAA;;
    opacity: 1;
}
.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AAA;;
}

.contact-form textarea:hover, .contact-form input:hover
, .contact-form textarea:focus, .contact-form input:focus {
    color: white;
	background-color: rgba( 0, 0, 0, 0.5 );
}

.contact-form > input[type="submit"] {
    width: auto;
}

#contact-errmesg {
	margin: 0 0.5em;
	padding: 0.25em 0.5em;
	color: orangered;
	background-color: rgba( 0, 0, 0, 0.8 );
	opacity: 1;
}

#contact-errmesg[data-disabled] {
	opacity: 0;
}

.c-sep {
    display: inline-block;
    width: 1px;
    margin: 0 2em;
}
.c-sep:after {
    content: "";
    position: absolute;
    height: 100%;
    border-left: 1px solid black;
    top: 0;
}

.collapse_panel {
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: -33px;
	font-size: 3em;
	text-align: center;
	color: white;

	-moz-box-shadow: 0 0 10px 0 black;
	-webkit-box-shadow: 0 0 10px 0 black;
	box-shadow: 0 0 10px 0 black;
}

.collapse_panel:after {
    content: '';
    position: absolute;
    left: 0;
	width: 100%;
	height: 100%;
	background:url(/assets/blog/layout-images/collapse.png) center 2.5px no-repeat;
}

#collapse_panel:hover {
	bottom: 0;
	cursor: pointer;
}
html, body { height: 100%; }

html { background-color: #222; }

body {
	background-color: #F0F0F0;
    font-family: custom-sans,Helvetica,Arial,STHeiti,"Microsoft JhengHei","微軟正黑體";
}

pre { font-family: site-mono; }

::selection {
	color: white;
	background: purple;
}
::-moz-selection {
	color: white;
	background: purple;
}

p { padding: 0.5em; }

a {
    color: #333;
	text-decoration: none;
}

sup { vertical-align: super; }

a:hover { text-decoration: underline; }

.clearfix {
    clear: both;
    padding: 0 !important;
    margin: 0 !important;
}

.begin-wrapper {
    position: relative;

    min-height: 100%;
    background-color: #EBEAEF;

	overflow: hidden;
}

.mbody {
	position: relative;
	width: 100%;
}

.main-column {
	width: 85%;
	margin: 0 auto;
}

.right { text-align: right; }
.panel { padding: 0.5em 1.2em 1.2em 1.2em; }
/* Responsive class: if smaller than N em */
@media print, screen and (max-width: 79em) {
	.rs .rs-w100 { width: 100%; }
	.rs .rs-child-w100 > div { width: 100%; }
	.rs .rs-auto-margin { margin: 0 auto; }
	.rs .rs-auto-width { width: auto; }
	.rs .rs-text-center { text-align: center; }
	.rs .rs-rel-on { position: relative; }
	.rs .rs-inline-on { display: inline; }
}

.main {
	vertical-align: top;
	min-width: 70%;

	position: relative;

	/*background-color: #FAFAFA;*/
	/*border-right: #76400C solid 0.2em;*/
}

/**
 * Simply defined as:
 * Text / Text / Text . Text / Text / Tex
 **/
ul.breadcrumb > li { display: inline-block; }
ul.breadcrumb > li:before { content: "/"; }
ul.breadcrumb > li:first-child:before,
ul.breadcrumb > li.sep + li:before,
ul.breadcrumb > li.sep:before { content: " "; }
ul.breadcrumb > li.sep:after { content: "\2022"; }

.nav_panel {
	padding-left 0.5em;
	min-width: 30%;
}

.dockright {
	position: relative;
}

.dockright > div {
    float: right;

	margin: 0 -.3em;
	padding: 0 0.2em 2em 0.2em;
	display: inline-block;
	width: 0;
}

#extend_sec {
	min-height: 7px;
}

#extend_sec, .dockright {
	/* Same as dockright */
	width: 100%;
}

.vpole {
	/* Should be the same as parent */
	padding: 0 0.5em;
	position: relative;
}

#bottom_control {
	text-align: right;
}

.p_navigation {
	clear: both;
}

.p_navigation > a, .p_controls > a {
	color: #333;
	padding: 0.2em 0.5em;
}

.p_navigation > a {
	font-size: 0.8em;
	font-family: custom-sans;
}

.p_controls > a {
	color: #333;
	font-size: 1.2em;
}

.ptop {
	margin-left: -1em !important;
}
/*Backgrounds*/

/* This style is necessary
 * to prevent anchor shifting issue
 */
#main_background {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/*End_background*/