@import url('font-awesome.css');
@import url('login.css');

/* phone-sized browser */
@media (max-width: 480px) { 


}

a:active {
letter-spacing: 1px;
}

.c,.center {
margin: 0 auto;
text-align: -webkit-center;
text-align: center;
display: block;
}

.header  {
font-size: 10pt;
font-family: Tahoma, Geneva, sans-serif;
position:absolute;
left:0px;
right:0px;
top:2px;
z-index:10;
}
.header .title {
text-align:center;
display:block;
min-width:200px;
width:auto;
overflow:hidden;
font-size: 20pt;
font-weight: bold;
font-style: italic;
font-family: "Playfair Display", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
}
.header .title img {
max-width:480px;
width:100%;
}
/* css BFC is /weird/ */
.header .sider, .header .sidel {
display:inline-block;
min-width:100px;
min-height:40px;
}
.header .sidel{float:left}
.header .sider{float:right}

/* also works:
.sidel, .sider{
	display:table-cell;
	min-width:150px;
}
.center{
	display:table-cell;
	min-width:200px;
	width:100%;
}
*/
.content {
margin-top:70px;
text-align:center;
}

.footer {
 width: 100%;
 margin-top: 70px;
}
.footer a {
 color: #33F;
 text-decoration: none;
}
.footer a:visited {
 color: #33F;
}
.footer a:hover {
 color: #00F;
 font-weight: bold;
}

.pagenav {
width: 100%;
text-align: center;
padding: 5px 0px;
}

.pagenav li {
display: inline-block;
vertical-align: top;
zoom: 1;
display: inline;
margin-top:10px;
}

.pagenav li a[href] {
color: #666;
padding: 8px 20px;
}

.pagenav li a {
padding: 8px 20px;
}

.pagenav li:hover a[href] {
text-decoration:underline;
}

.pagenav li.active a[href] {
}

.notice {
border: #185 solid;
display: inline-block;
margin-bottom: 8px;
padding: 8px 14px;
background: #DFF;
color: #3A1;
box-shadow: 0px 0px 8px #358 inset;
text-shadow: 0px 0px 9px #fff;
font: bold 12pt arial,sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

pre.paper {
display: block;
margin: 5px auto;
background: rgba(255,255,255,0.9);
box-shadow: 0 0 20px rgba(50,50,50,0.6);
padding: 10px;
text-align: left;
}



/* user menu */

.usermenu {
width: 55px;
height: 55px;
position: relative;
margin: 0 0 0 auto;
padding: 5px;
text-align: center;
background: #fff;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
border: 1px solid #DDD;
box-shadow: 0px 0px 40px #6B5 inset;
cursor: pointer;
outline: none;
transition: all 0.3s ease-out;
}
.usermenu img {
padding: 3px 5px;
}

.usermenu .dropdown {
text-align: left;
position: absolute;
top: 80%;
width:130px;
left: -70px;/*-66px;*/
right: 0px;
padding: 0;
background: #fff;
-webkit-border-radius: 20px 0px 20px 20px;
-moz-border-radius: 20px 0px 20px 20px;
border-radius: 20px 0px 20px 20px;
border: 1px solid rgba(0,0,0,0.8);
border-top: none;
border-bottom: none;
list-style: none;
transition: all 0.3s ease-out;

/* Hiding */
max-height: 0;
overflow: hidden;
}

.usermenu .dropdown li {
padding: 10px ;
border-bottom: 1px solid #e6e8ea;
}
.usermenu .dropdown li:last-of-type {
border: none;
}
.usermenu .dropdown li a {
display: block;
text-decoration: none;
color: #333;
transition: all 0.3s ease-out;
}
.usermenu .dropdown li i {
margin-right: 5px;
color: inherit;
vertical-align: middle;
}

/* Hover state */

.usermenu .dropdown li:hover a {
color: #57a9d9;
}

/* Active state */

.usermenu.active {
border-radius: 30px 30px 0px 0px;
background: #BDF;
box-shadow: none;
border-bottom: none;
}

.usermenu.active .dropdown {
max-height: 400px;
border: 1px solid rgba(0,0,0,0.8);
}


/*  news panel  */
.newsbox {
width: 90%;
max-width: 750px;
margin: 5px auto 15px auto;
padding: 5px;
background: #F7F7F7;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.newsbox h2 {
margin: 5px 0px 15px;
}
.newsbox .title a {
color: #030;
}
.newsbox .title a:visited {
color: #030;
}
.newsbox .title a:hover {
color: #039;
} 
.newstitle{
background: #D4D5D3;
padding: 5px;
margin: -3px;
text-transform: capitalize;
font-variant: small-caps;
font-size: 18pt;
font-weight: bold;

}
.newspanel{
padding: 5px;
margin: 10px 0px;
box-shadow: 0 0 20px #AAA inset;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}

.newscontent{
overflow: hidden;
padding: 8px 10px;
text-align: left;
font-size: 12pt;
}
.newscontent p {
margin: 0;
padding: 0;
}
.newscontent p.double {
margin-top: 1.5em;
}
.full {
max-height: none !important;
}

.newsupdate{
text-align: right;
font-size: 10pt;
}
.newsupdate::before{
content:"\25C8   ";
font-size: 90%;
}
img.emoticon{
max-height:27px;
}

.donate-footer{
width: 100%;
margin-top: 50px;
font-size: 14px;
}

.donate-footer h5{
font-size: 16px;
margin: 5px;
font-variant: small-caps;
}

.donate-btn{
display:inline-block;
margin: 2px;
}