/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html {
font-family: "PT Sans", sans-serif;
font-size: 14px;
color: #333333;
background-color: #282828;
}
a {
text-decoration: underline;
}
.dotunder {
background: url(/images/dotted.gif) left bottom repeat-x;
}
div#wrapper {
max-width: 1440px;
min-width: 1024px;
margin: 0 auto;
background-color: #f3f3f3;
/* background-image: url(/images/bg.jpg); */
position: relative;
}
/* top menu */
div#topmenu {
max-width: 1440px;
width: 100%;
height: 36px;
position: fixed;
top: 0;
background-image: url(/images/topmenu-bg.jpg);
background-repeat: repeat-x;
background-position: top center;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
line-height: 36px;
color: #333333;
font-family: "PT Sans", sans-serif;
font-size: 15px;
text-shadow: 0 1px #fff;
z-index: 300;
}
div#topmenu div.items {
margin: 0 15px;
}
div#topmenu a {
color: #000;
text-decoration: none;
font-family: "PT Mono", sans-serif;
margin:0 20px;
}
div#topmenu a:hover{
text-decoration: underline;
}
div#redmenu div.search {
float:right;
position:relative;
}
div#redmenu div.search .text {
/* width: 305px; */
width:185px;
height: 23px;
border: solid 1px #fff;
line-height: 20px;
position: absolute;
right: 0;
top: 0;
background-color: #ffffff;
padding-right: 22px;
}
div#redmenu div.search .submit {
position: absolute;
right: 5px;
top: 5px;
}
/* big slider */
div#bigslider {
margin-top: 36px;
position: relative;
}
div#bigslider #logo {
position: absolute;
left: 40px;
top: 40px;
z-index: 200;
min-width:260px;
}
div#bigslider #logo span{
position: absolute;
top: 110px;
left: 0px;
color:#ffffff;
font-family: 'PT Sans Caption', sans-serif;
font-size: 14px;
}
div#bigslider #logo span font.ital{
font-family: 'PT Sans';
font-style: italic;
font-size: 13px;
}
div#bigslider div.cycle-pager {
position: absolute;
right: 20px;
bottom: 25px;
z-index: 200;
}
div#bigslider div.cycle-pager .pager-item {
display: inline-block;
cursor: pointer;
z-index: 200;
width: 12px;
height: 12px;
margin-left: 20px;
background-image: url(/images/bigslider-off.png);
background-position: center center;
background-repeat: no-repeat;
}
div#bigslider div.cycle-pager .cycle-pager-active {
background-image: url(/images/bigslider-on.png);
}
div#bigslider div.slide {
position: relative;
}
div#bigslider div.slide div.teezer {
position: absolute;
top: 50px;
right: 40px;
width: 480px;
color: #fff;
/* background: url(/images/dotted.gif) left top repeat-x;*/
}
div#bigslider div.slide div.teezer div.text {
font-size: 32px;
font-weight: bold;
/*
border-top: dashed 1px rgba(204, 204, 204, .5);
border-bottom: dashed 1px rgba(204, 204, 204, .5);
background: url(/images/dotted.gif) left bottom repeat-x;
*/
/* border-top: 2px solid #fff;
border-bottom: 2px solid #fff;*/
padding: 4px 5px;
font-family: 'PT Serif', serif;
}
div#bigslider div.slide div.teezer div.link {
margin-top: 13px;
text-align: right;
}
div#bigslider div.slide div.teezer div.link a {
color: #fff;
font-family: 'PT Sans Caption', sans-serif;
font-size: 12px;
}
/* red menu */
div#redmenu {
/* height: 36px; */
font-size: 13px;
line-height: 24px;
background-color: #ef4036;
padding: 6px 0;
color:#fff;
}
div#redmenu div#redmenu-wrapper {
width: 1024px;
margin: 0 auto;
}
div#redmenu a {
color: #fff;
text-decoration: none;
font-family: 'PT Serif';
font-size: 16px;
margin:0px 15px;
}
div#redmenu a:hover, div#redmenu a:active {
color: #ccc;
}
div#redmenu a.active {
font-weight: bold;
color: #fff;
}
div#redmenu table {
/* background-image: url(/images/redmenu-sep.png);
background-repeat: no-repeat;
background-position: right center;*/
border-spacing: 0;
}
div#redmenu td {
text-align: center;
border-collapse: collapse;
border-right: 1px solid #59181a;
border-left: 1px solid #59181a;
/* background-image: url(/images/redmenu-sep.png);
background-repeat: no-repeat;
background-position: left center;*/
}
/* toolbar */
div#toolbar {
height: 30px;
line-height: 30px;
}
div#toolbar-wrapper{
width: 1024px;
padding-top:10px;
margin: 0 auto;
}
div#toolbar .date {
color: #000;
font-family: 'PT Sans Caption', sans-serif;
font-size: 14px;
/* margin-left:40px; */
/* letter-spacing: .1em; */
}
div#toolbar.toolbar_main .date {
margin-left:64px;
}
div#toolbar .date .day{
font-family: 'PT Mono';
}
div#redmenu div.icons {
float: right;
margin-right: 10px;
}
div#redmenu div.icons a{
margin:0px;
}
div#redmenu div.icons img {
// margin-left: 13px;
}
/* bottom toolbar */
div#btoolbar {
padding: 0 15px 0 45px;
height: 36px;
line-height: 36px;
background: url(/images/dotted.gif) left top repeat-x;
/*
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
padding-left: 45px;
padding-right: 15px;
*/
margin-top: 35px;
}
div#btoolbar div.icons {
float: right;
}
div#btoolbar div.icons img {
margin-left: 13px;
}
/* bottom toolbar */
div.socbuttons {
padding: 0 15px 0 0;
height: 56px;
line-height: 56px;
margin-top: 0px;
width:195px;
float:right;
}
div.socbuttons-upside {
background: url(/images/dotted.gif) left bottom repeat-x;
}
div.socbuttons div.icons {
float: right;
}
div.socbuttons div.icons img {
margin-left: 13px;
}
/* footer */
div#footer {
padding: 20px 0 20px 0;
overflow: hidden;
zoom: 1;
font-size: 12px;
/* background: url(/images/dotted.gif) left top repeat-x; */
background-color:#3e3e3e;
margin-top:40px;
}
div#footer div#footer-wrapper, div#footer div#counters-wrapper{
width: 992px;
margin: 0 auto;
color:#fff;
}
div#footer div.col {
width: 253px;
float: left;
margin: 0 6px 0 0;
}
div#footer div.col.col_soc{
width:294px;
margin:0;
}
div#footer div.cprght, div#footer div.big_col{
padding-top:5px;
}
div#footer div.col.big_col{
width:360px;
/* margin: 0 35px 0 55px; */
margin:0 35px 0 44px;
}
.footer_links a, .footer_links .like_link{
font-size:13px;
display:block;
float:left;
padding-bottom:21px;
min-width:135px;
}
div#footer a {
color: #fff;
text-decoration:none;
}
div#footer a:hover{
text-decoration:underline;
}
div#footer a.fdbk{
text-decoration:underline;
margin-top:10px;
}
div#footer a.fdbk:hover{
text-decoration:none;
}
div#footer div.col .icons{
margin-top:15px;
}
div#footer div.col .icons a{
margin:0 10px 0 0;
}
div#footer div.col .icons a:last-child{
margin:0;
}
div.sep {
height: 2px;
background: url(/images/sep.png) left bottom repeat-x;
}
a.mpt{
text-decoration: none;
font-weight:bold;
font-size:21px;
font-family: 'PT Mono', sans-serif;
color: #282828;
}
.main_subject{
background-color:#3e3e3e;
color:#ffffff;
font-weight:bold;
font-family: 'PT Mono', sans-serif;
font-size:24px;
text-align:center;
padding:10px 0px;
margin:35px 0px;
}
.main_subject .ttl{
font-family: 'PT Mono', sans-serif;
font-weight:normal;
font-size:16px;
}
.main_subject .for_arr{
position:relative;
}
.main_subject .for_arr .larr, .main_subject .for_arr .rarr{
width:15px;
height:16px;
position:absolute;
top:8px;
cursor:pointer;
}
.main_subject .for_arr .larr{
background: url(/images/l_arr.png) center center no-repeat;
left:200px;
}
.main_subject .for_arr .rarr{
background: url(/images/r_arr.png) center center no-repeat;
right:200px;
}
/* index slides */
div#index {
/* padding: 0 233px; */
}
div#index-wrapper {
width: 892px;
margin: 0 auto;
}
div#index div.sep {
height: 2px;
background: url(/images/sep.png) left bottom repeat-x;
margin:10px 0px 30px 0px;
}
div.index-slider {
position: relative;
padding: 0 52px;
margin: 0 -52px 0 -52px;
}
div.index-slider h1 {
font-family: "PT Sans", sans-serif;
font-size: 24px;
font-weight: bold;
margin: 7px 0 9px;
}
div.index-slider div.index-slider-cnt {
margin-right: 0px;
}
div.index-slider div.slide {
width: 286px;
height: 372px;
position: relative;
background-position: center center;
background-repeat: no-repeat;
margin: 0px 6px;
cursor: pointer;
filter: none;
-webkit-filter: grayscale(0);
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
div.index-slider div.slide:hover {
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
div.index-slider div.slide div.wrapper {
width: 286px;
height: 332px;
position: relative;
}
div.index-slider div.slide div.title-bg {
width: 286px;
position: absolute;
bottom: 0;
height: 100px;
background-color: rgba(0,0,0,.5);
color: #fff;
}
div.index-slider div.slide div.title {
font-size: 18px;
font-weight: bold;
font-family: 'PT Serif', serif;
white-space: normal;
height:120px;
width:286px;
overflow:hidden;
line-height: 1.2;
}
div.index-slider div.slide div.title a {
color: #282828;
text-decoration: none;
font-weight: bold;
font-family: 'PT Serif', serif;
font-size: 20px;
}
div.index-slider div.slide div.date {
font-family: "PT Sans", sans-serif;
height: 25px;
line-height: 25px;
font-size: 14px;
color:#646464;
padding:20px 0px 5px 0px;
}
div.index-slider div.slide div.date span{
font-family: 'PT Mono', sans-serif;
font-size:13px;
margin-left:15px;
}
div.index-slider div.slide div.icons {
position: absolute;
right: 12px;
bottom: 7px;
z-index: 105;
}
div.index-slider div.slide div.icons .icon img {
margin-left: 10px;
}
div.index-slider-prev {
width: 49px;
height: 201px;
background: url(/images/slider-left.png) no-repeat 50% 50%;
cursor: pointer;
position: absolute;
left: 0;
}
div.index-slider-next {
width: 49px;
height: 201px;
background: url(/images/slider-right.png) no-repeat 50% 50%;
cursor: pointer;
position: absolute;
right: 0;
z-index: 101;
}
/* inside header */
div#header-inside {
height: 170px;
position: relative;
margin-top: 36px;
}
div#header-inside span{
position: absolute;
top: 120px;
left: 40px;
color: #000;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
}
div#header-inside font.ital {
font-family: 'PT Sans';
font-style: italic;
font-size: 13px;
}
img#logo-big {
position: absolute;
top: 23px;
left: 40px;
}
/* inside page */
div#inside {
/* padding: 0 233px; */
}
div#inside-wrapper {
width: 1024px;
margin: 0 auto;
}
div#right-col {
float: right;
/* width: 233px; */
width:310px;
/* margin-left: 16px; */
}
div#main {
/* margin-right: 270px; */
margin-right: 347px;
}
div#main-inside {
float: left;
width: 100%;
}
h1.title {
font-size: 30px;
font-family: "PT Serif", sans-serif;
font-weight: bold;
}
div.article-text .article-ttl-bg h1.title{
margin-top:0px;
}
div#right-col div.block {
font-size: 12px;
}
div#right-col div.block.photo{
margin-top:10px;
}
div#right-col div.block div.title {
font-family: "PT Sans", sans-serif;
font-weight: bold;
font-size: 20px;
/* border-bottom: dotted 1px #ccc;*/
padding-bottom: 4px;
padding-top: 6px;
color:#9d9d9d;
}
div#right-col div.block div.item {
/* border-bottom: dotted 1px #ccc;*/
padding: 13px 0 18px;
}
div#right-col div.block div.more {
/* border-bottom: dotted 1px #ccc;*/
padding: 10px 0 20px;
font-weight: bold;
font-style: italic;
}
div#right-col div.block a {
color: #282828;
text-decoration: none;
font-family: "PT Sans", sans-serif;
font-size:13px;
}
div#right-col div.block a:hover{
text-decoration: underline;
}
div#right-col div.block .more a{
color: #9d9d9d;
font-family: "PT Sans", sans-serif;
font-style:normal;
font-weight:normal;
font-size:16px;
text-decoration:underline;
}
div#right-col div.block .more a:hover{
text-decoration: none;
}
/* popular */
div#right-col div.popular div.item {
}
div#right-col div.popular div.item img {
float: left;
margin-right: 7px;
margin-bottom: 2px;
}
/* photo */
div#right-col div.photo div.item {
}
div#right-col div.photo div.item div.photo {
margin-bottom: 15px;
position: relative;
}
div#right-col div.photo div.item div.photo div.icons {
position: absolute;
right: 15px;
bottom: 10px;
}
/* article */
div.article-text {
}
div.article-text .article-ttl-bg{
background-color:#ffffff;
padding:35px 30px 40px 30px;
margin:15px 0px;
}
div.article-text div.subtitle-wrap {
position: relative;
margin-bottom: 20px;
}
div.article-text div.subtitle {
color: #000;
font-size: 18px;
font-family: "PT Sans", sans-serif;
}
div.article-text div.author {
left: 0;
bottom: 0;
font-size: 14px;
color:#9d9d9d;
font-family: "PT Sans", sans-serif;
font-weight: bold;
padding-top:30px;
}
div.article-text div.author a {
color: #9d9d9d;
display: inline-block;
font-family: "PT Sans", sans-serif;
font-weight: bold;
text-decoration:none;
text-transform: uppercase;
letter-spacing: .1em;
}
div.article-text div.author a:hover{
text-decoration:underline;
}
div.article-text div.text, div.article-list p.text {
font-family: "PT Serif", serif;
font-size: 16px;
}
div.article-text div.text h2, div.article-list p.text h2{
font-family: "PT Sans", serif;
}
div.article-text div.text .incut {
color: #5c0000;
font-family: "PT Serif", sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
background-color: #fff;
padding: 15px;
margin: 15px 15px 15px -15px;
width: 480px;
float: left;
}
div.article-text div.text img {
}
/* see also */
div.see-also {
margin:20px 0px 50px 0px;
}
div.see-also .see-also-items{
padding:10px;
background-color:#ffffff;
}
div.see-also .main_subject{
margin:0px;
}
div.see-also div.title {
font-family: "PT Sans", sans-serif;
font-weight: bold;
font-size: 20px;
padding-bottom: 4px;
padding-top: 6px;
color:#9d9d9d;
}
div.see-also div.item {
/* width:365px;*/
width:328px;
height:110px;
float:left;
/* border-top: dotted 1px #ccc;*/
padding: 18px 0;
}
div.see-also div.item div.icons {
float: left;
width: 43px;
}
div.see-also div.item div.icons img {
display: block;
margin-bottom: 5px;
}
div.see-also div.item div.image{
float: left;
margin-right: 6px;
width:95px;
height:95px;
text-align:center;
}
div.see-also div.item div.text {
padding-right:10px;
margin-left: 145px;
}
div.see-also div.item div.text a {
color: #333;
text-decoration: none;
font-family: 'PT Sans', serif;
}
div.see-also div.item div.text a:hover{
text-decoration:underline;
}
div.source { text-align: right; margin-bottom:10px; }
div.source a { color: #333; }
/* topics */
div.topics {
font-size: 13px;
width:460px;
// float:left;
padding-top:38px;
padding-bottom: 20px;
}
div.mistake {
font-family: "PT Sans", sans-serif;
float: left;
border-left: solid 3px #9d9d9d;
padding-left: 15px;
color: #333;
font-weight: bold;
}
div.topics .title {
font-weight: normal;
}
div.topics a {
color: #4a76cf;
text-decoration: none;
line-height: 1.1em;
text-decoration:underline;
}
div.topics a:hover{
text-decoration:none;
}
/* article list */
div.article-list div.title {
font-family: "PT Sans", sans-serif;
font-weight: bold;
font-size: 18px;
padding-bottom: 4px;
padding-top: 6px;
}
div.article-list div.item {
background: url(/images/sep.png) left bottom repeat-x;
/* border-top: dotted 1px #ccc;*/
padding: 18px 0;
}
div.article-list div.item div.icons {
float: left;
width: 40px;
}
div.article-list div.item div.icons img {
display: block;
margin-bottom: 5px;
}
div.article-list div.item img.image {
float: left;
margin-right: 17px;
}
div.article-list div.item div.other {
margin-left: 145px;
}
div.article-list div.item div.other div.author {
float: right;
color: #9d9d9d;
font-family: "PT Sans", sans-serif;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-size:13px;
letter-spacing: .1em;
}
div.article-list div.item div.other div.title a {
text-decoration: none;
color: #000;
font-family: "PT Serif", sans-serif;
}
div.article-list div.item div.other div.title a:hover{
text-decoration: underline;
}
div.article-list div.item div.other div.date{
color:#717171;
font-size:12px;
}
div.article-list div.item div.other div.text a {
text-decoration: none;
color: #000;
}
div.article-list h1.small-title {
font-family: "PT Sans", sans-serif;
font-weight: bold;
font-size: 20px;
color: #9d9d9d;
/* border-bottom: dotted 1px #ccc;*/
padding-bottom: 4px;
padding-top: 10px;
margin: 0;
}
div.article-list h1.small-title.ml40{
}
/* pager */
div.pager {
font-family: 'PT Mono', sans-serif;
color: #777777;
font-size: 12px;
text-align: right;
padding: 10px 0;
line-height: 20px;
}
div.pager img {
margin: 0 5px;
}
div.pager a {
text-decoration: none;
color: #777;
}
div.pager span {
color: #5c0000;
font-weight: bold;
}
.qform, #blogger {
padding:10px 0px;
}
.qform h2, #blogger h2 {font-size:16pt;color:#ef4036;padding:0;margin:-4px 0 6px 0;font-weight:bold;font-family: "PT Sans", sans-serif;}
.qform .header-description {margin-bottom:6px}
.qform input, .qform textarea, #blogger-body textarea {margin-bottom:7px;padding:2px;color:#808080;font-size:0.9em;border-radius:2px;-moz-border-radius:2px;border:1px solid #bfbfbf;}
.qform select {margin:0 0 7px 0;padding:0px;color:#808080;font-size:0.9em;}
.qform .lbar, .qform .rbar {text-align:left;float:left;}
.qform .lbar {width:60%;margin-right:5px;}
.qform .lbar input, .qform .lbar textarea {width:97%}
.qform .lbar textarea {height:150px;padding:2px;margin:0px;}
.qform .rbar {width:35%;margin-left:5px;}
.qform .rbar input {width:97%}
.qform .rbar select {width:99%}
.qform .rrbar .c-captcha {margin-top:10px}
.qform .c-captcha-img {white-space:nowrap;position:relative;}
.qform .c-captcha-img img {margin-bottom:3px;display:inline;}
.qform .c-captcha-img .refresh {color:#808080;font-size:0.8em;cursor:pointer;position:absolute;right:7%;top:30%;}
.qform .c-captcha-img .hover {color:#000000;}
.qform .sbutton {text-align:center;margin-top:2em;}
.qform button.sbm {height:24px;white-space:nowrap;}
.qform button.sbm img {margin:0 5px 0 0;display:inline;padding:0;}
.qform .dbar {margin-top:10px}
.qform .dbar div {margin-top:4px}
.qform .dbar input {width:auto;margin:0;}
.qform .dbar label {padding-left:5px}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.highslide-wrapper div {font-size:10pt;}
.highslide {cursor:url(/images/highslide_graphics/zoomin.cur), pointer;outline:none;text-decoration:none;}
.highslide_first {padding:0px 4px 10px 0px;}
.highslide_span {padding:0px 4px 10px 4px;}
.highslide_last {padding:0px 0px 10px 4px;}
.highslide img {border:1px solid silver;}
.highslide:hover img {border-color:gray;}
.highslide-active-anchor img, .highslide-active-anchor:hover img {border-color:black;}
.highslide-image {border-width:2px;border-style:solid;border-color:white;background:gray;}
.highslide-wrapper, .rounded-white {background:white;}
.highslide-image-blur {}
.highslide-number {font-weight:bold;color:gray;}
.highslide-caption {display:none;border-top:none;font-size:1em;padding:5px;background:white;}
.highslide-heading {display:none;font-weight:bold;margin-bottom:0.4em;}
.highslide-dimming {position:absolute;background:black;}
.highslide-loading {display:block;color:black;font-size:9px;font-weight:bold;text-transform:uppercase;text-decoration:none;padding:3px;border:1px solid white;background-color:white;padding-left:22px;background-image:url(/images/highslide_graphics/loader.white.gif);background-repeat:no-repeat;background-position:3px 1px;}
a.highslide-credits, a.highslide-credits i {padding:2px;color:gray;text-decoration:none;font-size:10px;}
a.highslide-credits:hover,a.highslide-credits:hover i {color:white;background-color:gray;}
.highslide-controls {width:195px;height:40px;background:url(/images/highslide_graphics/controlbar-white.gif) 0 -90px no-repeat;margin-right:15px;margin-bottom:10px;margin-top:20px;}
.highslide-controls ul {position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0;background:url(/images/highslide_graphics/controlbar-white.gif) right -90px no-repeat;}
.highslide-controls li {float:left;padding:5px 0;}
.highslide-controls a {background-image:url(/images/highslide_graphics/controlbar-white.gif);display:block;float:left;height:30px;width:30px;outline:none;}
.highslide-controls a.disabled {cursor:default;}
.highslide-controls a span {display:none;}
.highslide-move a {cursor:move;}
.hidden-container {display:none;}
.highslide-controls .highslide-previous a {background-position:0 0;}
.highslide-controls .highslide-previous a:hover {background-position:0 -30px;}
.highslide-controls .highslide-previous a.disabled {background-position:0 -60px !important;}
.highslide-controls .highslide-play a {background-position:-30px 0;}
.highslide-controls .highslide-play a:hover {background-position:-30px -30px;}
.highslide-controls .highslide-play a.disabled {background-position:-30px -60px !important;}
.highslide-controls .highslide-pause a {background-position:-60px 0;}
.highslide-controls .highslide-pause a:hover {background-position:-60px -30px;}
.highslide-controls .highslide-next a {background-position:-90px 0;}
.highslide-controls .highslide-next a:hover {background-position:-90px -30px;}
.highslide-controls .highslide-next a.disabled {background-position:-90px -60px !important;}
.highslide-controls .highslide-move a {background-position:-120px 0;}
.highslide-controls .highslide-move a:hover {background-position:-120px -30px;}
.highslide-controls .highslide-full-expand a {background-position:-150px 0;}
.highslide-controls .highslide-full-expand a:hover {background-position:-150px -30px;}
.highslide-controls .highslide-full-expand a.disabled {background-position:-150px -60px !important;}
.highslide-controls .highslide-close a {background-position:-180px 0;}
.highslide-controls .highslide-close a:hover {background-position:-180px -30px;}
div.comments {
padding: 30px 0px 10px 0px;
}
div.comments div.title {
font-family: "PT Sans", sans-serif;
font-weight: bold;
font-size: 18px;
padding-bottom: 4px;
padding-top: 6px;
}
div.comment div.author {
font-weight: bold;
}
div.comment div.text {
margin-top: 15px;
margin-bottom: 15px;
}
div.comment div.date{
color:#717171;
}
div#right-col div.block .item .photo{
position:relative;
/* width:144px; */
width:303px;
min-height:95px;
}
div#right-col div.block .item .photo div.icons {
position: absolute;
right: 3px;
bottom: 3px;
}
.photogallery-icons-slider-cnt.cycle-slideshow{
margin-left:8px;
}
a.soc-button {
display: inline-block;
width: 48px;
height: 69px;
margin-left: 13px;
background-repeat: no-repeat;
background-position: top center;
position: relative;
}
#twitter-widget-0 {
width: 310px !important;
}
div#footer a.donlink {
text-decoration: none;
color: #ef4036;
}
div#footer a.donlink:hover {
text-decoration: underline;
}
div.telega {
font-family: "PT Serif", serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
color: #282828;
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;outline:none;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:5px; color:#ccc; background: #000; opacity: 0.9;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;visibility:hidden;}
#cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/* Slider */
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('/images/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('/images/fonts/slick.eot');
src: url('/images/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/images/fonts/slick.woff') format('woff'), url('/images/fonts/slick.ttf') format('truetype'), url('/images/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 100px;
display: block;
width: 49px;
height: 49px;
padding: 0;
margin-top: -10px\9; /*lte IE 8*/
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev{
background: url(/images/slider-left.png) no-repeat 50% 50%;
}
.slick-next{
background: url(/images/slider-right.png) no-repeat 50% 50%;
}
.slick-prev
{
left: -50px;
}
.slick-next
{
right: -50px;
}
/* Dots */
.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.hh-donate {
margin-top: 17px;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
margin: 0 auto 35px;
}
.hh-donate__header {
text-align: center;
text-transform: uppercase;
width: 100%;
color: #fff;
background-color: #ef4036;
padding: 3px 0;
font-family: Arial,Helvetica,sans-serif
}
.hh-donate__body { border: 1px solid #C7C8CA; background-color: #fff; padding: 10px 10px 0 }
.hh-donate__logo-container { text-align: center }
.hh-donate__logo { max-width: 100%; height: auto; width: 340px }
.hh-donate__description { padding: 0 5px; text-align: center; font-size: 13px; margin: 6px 0 17px }
.hh-donate__page-link-button-container {
margin-bottom: 13px;
text-align: center;
}
.hh-donate__page-link-button {
-webkit-box-sizing: border-box;
border-radius: 4px;
text-align: center;
-moz-border-radius: 4px;
box-sizing: border-box;
color: #ef4036;
-webkit-border-radius: 4px;
display: inline-block;
padding: 5px 20px;
background-color: #9edaf0;
-moz-box-sizing: border-box;
text-decoration: none;
}
.hh-donate__page-link-button:hover {
text-decoration: underline;
}
.hh-donate__info {
padding: 10px;
background-color: #FFF;
border: 1px solid #C7C8CA;
border-top-width: 0;
}
.hh-cloudpayments-temp-info { font-size: 13px }
.hh-payment-kinds-little { margin: 10px 0 15px }
.hh-payment-kinds-little_inline { margin: 0; vertical-align: bottom; display: inline-block }
.hh-payment-kinds-little__item { float: left; margin-right: 5px }
@font-face {
font-family: ProximaNovaBold;
src: url(/images/fonts/ProximaNovaBold.ttf);
}
@font-face {
font-family: PTSansRegular;
src: url(/images/fonts/PTSans.ttf);
}
.poll{
border:solid 1px #a0a0a0;
width:278px;
padding:21px 0;
margin-bottom:30px;
}
.poll form{
margin:0;
padding:0;
}
.poll .poll_logo, .poll .poll_q, .poll .poll_a, .poll .poll_percent, .poll .poll_title{
margin:0 28px;
}
.poll .poll_q1{
padding:19px 0;
font-family:PTSerifBold;
font-weight:bold;
font-size:31px;
line-height:33px;
}
.poll .poll_q{
padding:19px 0;
font-family:"PT Serif", sans-serif;
font-weight:bold;
font-size:29px;
line-height:31px;
}
.poll .poll_a{
padding:2px 0;
font-size:16px;
padding-left: 16px;
text-indent: -23px;
}
.poll .poll_a label{
cursor:pointer;
margin-left:10px;
font-family:PTSansRegular;
}
.poll .poll_btn{
margin:25px auto 0 auto;
display:block;
}
.poll .poll_result{
padding:20px 0 20px 0;
}
.poll .poll_percent{
margin-top:0px;
margin-bottom:4px;
}
.poll .poll_percent .poll_line{
background-color:#99d9ef;
height:19px;
border-left: solid 1px #99d9ef;
}
.poll .poll_percent b{
float:right;
font-size:18px;
line-height:19px;
}
.poll .poll_title{
margin-bottom:15px;
font-size:16px;
font-family:PTSansRegular;
clear:both;
}
@media print
{
.no-print, .no-print *{
display: none !important;
}
a[href]:after {
content: none !important;
}
div#topmenu, div#redmenu, div#footer, .socbuttons, div.see-also, noindex, div#right-col{
display: none !important;
}
div#main{
margin-right:0px !important;
}
div#toolbar .date{
margin-left: 40px;
}
}