@charset utf-8;
/*
- - - general to site
#container
#main
#background
#header_container { }
#header_logo { }
#header_buttons { }
#header_images { }
#header_text { }
.btn_img
.btn_blues { }
.btn-blue { }
.btn-primary { }
.v-center
.img_pool 
#footer { }
- - - specific to this page

*/

@font-face {
    font-family: 'dignusregular';
    src: url('/_fonts/Dignus/dignus-webfont.eot');
    src: url('/_fonts/Dignus/dignus-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_fonts/Dignus/dignus-webfont.woff2') format('woff2'),
         url('/_fonts/Dignus/dignus-webfont.woff') format('woff'),
         url('/_fonts/Dignus/dignus-webfont.ttf') format('truetype'),
         url('/_fonts/Dignus/dignus-webfont.svg#dignusregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{background:url(/_graphics/tex/T5.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
body {font-family:'dignusregular',"Open Sans",sans-serif; font-size:13px; line-height:normal; margin:0; padding:0}
a:link {color:#900; text-decoration:none;}
a:visited {color:#4d692d!important;}

#header_container {background-image:url("/_graphics/tx_p2b.png"); height:55px; position:relative; padding-bottom:3px;}
#header_images {background:rgba(0, 0, 0, 0) url("/_graphics/brainQL2.png") no-repeat scroll 0 0; border:medium none; float:left; height:40px; width:35px;}
#header_images:hover {background: url("/_graphics/brainQLh2.png") no-repeat;}
#header_text {background:rgba(0, 0, 0, 0) url("/_graphics/brainQR2.png") no-repeat scroll 0 0; border:medium none; position:absolute; right:0; height:40px; width:35px;}
#header_text:hover {background: url("/_graphics/brainQRh2.png") no-repeat;}
#header_logo {background-color:#888; float:left; height:25px; visibility:visible; width:220px;}

#subheader_container {padding:4px; margin-bottom:8px; position:relative}

[class*="btn-"] {border-radius:7.5px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.08); background-color:#fff; display:inline-block; font-size:13px; line-height:13px; letter-spacing:0.6px; padding:2px 7px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.075); transition:background-color 0.1s linear 0s; z-index:311;}
[class*="btn-"]:hover {color:red; background-color:#fff8d6; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; box-shadow:0 3px 6px rgba(0, 0, 0, 0.3); cursor:pointer;}
.btn-blue {background-color:#ffe0e0; border:1px solid #ffe0e0; color:#900;}
.btn-blue:hover {background-color:#ffed88; border:1px solid #fff; color:#f00; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; -moz-box-shadow:1px 1px 12px 3px #fff; -webkit-box-shadow:1px 1px 12px 3px #fff; box-shadow:1px 1px 12px 3px #fff;}

#header_buttons {clear:both; display:block; margin:20px auto; position:absolute; text-align:center; top:16px; width:100%;}

#main {margin:0 auto 40px; display:-webkit-flex; -webkit-align-items: flex-start; display:flex; align-items:flex-start; min-height: calc(100vh - 46px - 110px); clear:both;}
#main .v-center {align-self:center; margin:0 auto;}

.shadow {filter:alpha(opacity=69); opacity:0.69; padding:0; margin:2px; -moz-box-shadow:1px 1px 8px 4px #000; -webkit-box-shadow:1px 1px 8px 4px #000; box-shadow:1px 1px 8px 4px #000;}
.shadow:hover {cursor:pointer; filter:alpha(opacity=99); opacity:0.99; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; transition:all .6s ease; -moz-box-shadow:1px 1px 12px 4px #fff; -webkit-box-shadow:1px 1px 12px 4px #fff; box-shadow:1px 1px 12px 4px #fff;}

#cat_link {background-color:#ebecda; border-radius:4px; display:block; float:left; font-size:11px; line-height:13px; height:13px; margin:1px; padding:1px 5px; text-align:center; width:auto;}
#cat_link:hover {background-color:#333; color:#ff9!important; cursor:pointer; transition:all 0.6s ease 0s;}

.layer2 {margin:0; padding:4px 0; text-align:center; line-height:65px; height:79px; overflow:hidden!important; position:absolute; bottom:51px; z-index:3; width:100%;}
.layer2label {-khtml-opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); opacity:0.8; background-color:#fff; line-height:15px!important; height:16px; padding:2px 3px 0 1px; position:relative; left:0; top:0; width:121px; z-index:4; text-align:right;}

#pagination {display:inline-block; margin-left:5px; margin-top:5px; width:100%; position:relative}
#imginf {color:#000; line-height:1.2; display:block; float:right; margin-bottom:0; opacity:0.7; padding:30px 10px 19px 14px; position:relative; right:0, width:100%}
.img_ttl {background-color:#fff; letter-spacing:1px; font-weight:600; line-height:22px; padding:1px 14px 1px 10px; position:absolute; top:0; left:0; border-left:#f00 1px solid}

img {max-width:100%!important;}
.main-image {text-align:center;}
#mainimage {}

.link {text-shadow:1px 1px 4px white; color:#900!important; font-size:110%; font-weight:600}
.link:hover {color:#f00}

#bsocial {position:absolute; top:0; right:6px;}
.share_group {filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.share_group:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

#footer {font-size:11px; border-top:1px solid #fff; text-align:center; border-left:1px solid #fff; background-color:#d9d9d9; height:19px; padding:2px 12px 1px 7px; position:fixed; bottom:0; z-index: 10000; width:100%;}

.dbug {display:none;}

@media (min-width: 480px) {  /* mobile css - tablet css, will inherit styles from mobile */
	

}

@media only screen and (min-width: 768px) {

	#header_container {height:77px;}
	#header_images {background:rgba(0, 0, 0, 0) url("/_graphics/brainQL.png") no-repeat scroll 0 0; height:78px; width:58px;}
	#header_images:hover {background:url("/_graphics/brainQLh.png") no-repeat;}
	#header_text {background:rgba(0, 0, 0, 0) url("/_graphics/brainQR.png") no-repeat scroll 0 0; height:78px; width:58px;}
	#header_text:hover {background:url("/_graphics/brainQRh.png") no-repeat;}
	#imginf {position:absolute; right:0; bottom:auto; min-width:47%; max-width:79%; margin-top:11px;}
	.cell_img img {max-width:100%;}
	.shadow {margin:1px;}
	#footer {position:fixed; right:0; bottom:0; z-index:8000; font-size:12px; height:20px; width:16%; min-width:245px; padding:2px 12px 5px 8px;}
	.dbug { opacity: 0.5; padding:5px; position: absolute; font-size:12px; line-height:17px; top:105px; width:255px; display:block; background-color:#fff; }
}


/*
.link {color:rgba('.$r.','.$g.','.$r.', 1)!important; font-weight:600; }
.btn_greys{margin-left:5px;}
.c_green{color:green !important; }
.c_red{color: red !important;}
.c_black{color:black !important; font-weight:600;}
.n_blue{background-color:#b6b2a6!important; color:#76E9E2!important;}

@media only screen and (min-width: 768px) { 
	#imginf { position: absolute; bottom: auto; min-width:18%; max-width:76%; margin-top:11px;}
	#thumbmenu {text-align:left;}

#header_buttons {clear:both; display:block; letter-spacing:1px; margin:20px auto; position:absolute; text-align:center; top:16px; width:100%; }
#header_buttons a {color:#f00;}
#header_buttons .btn_blues, #header_buttons .btn_greys {margin-bottom:10px;}
#header_buttons .btn_blues a {line-height:1.5em; display:inline; border:1px solid #fbcd9f;}

#main .inset{ background-color: #f0e0c0; filter:alpha(opacity=70); opacity:0.70; color: #900; font-size: 11px; line-height:11px; padding: 10px; position:relative; bottom: -26px; right: -28px; border-radius: 12px 0 0 0; -moz-border-radius: 12px 0 0 0; -webkit-border-radius: 12px 0 0 0; -o-border-radius: 12px 0 0 0; text-align: right; z-index:1; }
#main .inset_img { background-image:url(/_graphics/tx_p3b.png); filter:alpha(opacity=86); opacity:0.86; text-align:right; color: #666; font-size: 11px; line-height:11px; opacity: 0.86; z-index:1;}

.btn-blue:active {background-color: rgb( 42, 91, 191 );}
.btn-primary {background-color:#EDEDED; color:#333; font-size:12px; border:1px solid #ccc; height:16px; }
.btn-primary:hover {background-color: #f9f9f9; color:red; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease -moz-box-shadow:1px 1px 12px 3px #fff; -webkit-box-shadow:1px 1px 12px 3px #fff; box-shadow:1px 1px 12px 3px #fff;}
.btn-primary:active {background-color: rgb( 54, 44, 87 );} 

a.btn_img {display:block;}
a.btn_img img {max-width:85%;}

html {background:none}
#main {margin-top:4px; }
	#cat_link_main { background-color:#bfbfbf; display:block; float:left; font-size:12px; height:18px; margin-top:30px; margin-bottom:2px; padding-top:2px; position:relative; text-align:center; width:150px;}
#cat_link { background-color:#ebecda; border-radius:4px; color:white; display:block; float:left; font-size:12px; line-height:11px; height:13px; margin:1px; padding:1px 5px; filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; pacity: 0.8; position:relative; text-align:center; width:auto;}
#cat_link:hover { background-color:#333; color:#ff9!important; cursor:pointer; transition: all 0.5s ease 0s;}
#cat_found { background-color:#ddff99; border-radius:4px; float:left; font-size:12px; line-height:11px; height:13px; margin:1px; padding:1px 5px;}
		#main .inset{ background-color: #f0e0c0; filter:alpha(opacity=70); opacity:0.70; color: #900; font-size: 11px; line-height:11px; padding: 10px; position:relative; bottom: -26px; right: -28px; border-radius: 12px 0 0 0; -moz-border-radius: 12px 0 0 0; -webkit-border-radius: 12px 0 0 0; -o-border-radius: 12px 0 0 0; text-align: right; z-index:1; }
		#main .inset_img { background-image:url(/_graphics/tx_p3b.png); filter:alpha(opacity=86); opacity:0.86; text-align:right; color: #666; font-size: 11px; line-height:11px; opacity: 0.86; z-index:1; }

@media only screen and (max-width: 480px) {
	#main {  margin-bottom: 3px;  }
	#main .inset{ padding: 10px; position: relative; top: 0; right: 0; }
	#main .inset_img{ margin-top:12px; ext-align: right;}
}

@media only screen and (min-width: 768px) {
	#main .inset { background-color: #f0e0c0; border-radius: 12px 0 0; color: #900; font-size:11px; line-height: 11px; opacity: 0.7; padding: 10px; position: relative; right:-12px; bottom: -23px; text-align:right; z-index:1; margin-top:11px; }
	#main .inset_img { background-image:url(/_graphics/tx_p3b.png); padding: 5px 15px 15px 5px; position: relative; right: -28px; position: relative; right: -28px; bottom: -26px; }
	.shadow {margin:7px; -moz-box-shadow:1px 1px 11px 4px #000; -webkit-box-shadow:1px 1px 11px 4px #000; box-shadow:1px 1px 11px 4px #000; }
}';

*/