body {
	margin: 0 auto;
	padding: 0;
	background-image: url(pub/pictures/bg/wbg/539501.jpg);
	background-size: cover;
	background-attachment:fixed;
    background-repeat: no-repeat;
	background-color: #111;
	font-family: system-ui, sans-serif;
	font-weight: normal;
} 

main {
	margin: 12px;
	width: 1000px;
	background: rgba(39,39,39,0.5);
	border: 1px solid rgba(236,242,249,.2);
	box-shadow: 0 0 20px rgba(6, 19, 38, 0.9);
	margin-right: auto;
	margin-left: auto;
	
}
header {
	color: #0394fc;
	padding: 0.2rem;
	background: linear-gradient(to bottom,rgba(80,80,80,.2),rgba(39,39,39,.1));
	border: 1px solid rgba(236,242,249,.2);
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0,0,0,.8);
	border: 1px #000 solid;
	margin: 6px;
	
}
header p {
	font-size: 2.4rem;
	margin: 2rem 1rem;
	padding-left: 1rem;
	font-weight: bold;
}
header p small {
	font-size: 0.8rem;
}
.title {
    background: linear-gradient(to bottom,#fff 0,rgba(129,129,129,.75) 3%,rgba(56,56,56,.75) 50%,rgba(27,27,27,.75) 50%);
    background: rgba(27,27,27,.75) url(/img/ui/title-bg.svg) repeat-x;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    border: 1px #000 solid;
    display: block;
    width: auto;
    text-align: center;
}

.menu a {
	font-weight: bold;
	color:#009BFF; 
	padding: 0 10px;
	background-image: url(/img/ui/glass.png);
	width: auto;
	margin: 0;
	text-decoration: none;
	display: inline-block;
	horizantal-align: middle;
}
.menu a:hover{
	color: #2EF8FF;
	background-image: url(/img/ui/glass-black.png);
}
.menu a:visited {
	color:#009BFF;
}
.menu{
	background: linear-gradient(to bottom,rgba(119, 111, 46, 0.45),rgba(40, 27, 27, 0.45));
	border: 1px solid rgba(236,242,249,.2);
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.8);
	margin: 6px;
	padding:1px;	
	overflow: hidden;
}
.r-bar{
	float: left;
	width: 190px;
	margin: 0 0 6px 6px;
	padding:3px;
	background: linear-gradient(to bottom,rgba(34, 30, 77, 0.45),rgba(40, 27, 27, 0.45));
	border: 1px solid rgba(236,242,249,.2);
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.8);
	display: inline-block;
	vertical-align: top;
	zoom: 1;
    *display: inline;
}
.cont {
	background: linear-gradient(to bottom,rgba(34, 30, 77, 0.45),rgba(40, 27, 27, 0.45));
	border: 1px solid rgba(236,242,249,.2);
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	float: right;
	width: 770px;
	margin: 0 6px 6px 6px;
	padding:5px;
	border-top: 1px solid black;
	overflow: hidden;
}
.webring{
	width: 99%;
	margin: auto auto 1px;
	padding:0px;
	margin-top: 6px;
	border-top: 1px solid black;
	background: linear-gradient(to bottom,rgba(56, 119, 60, 0.45),rgba(40, 27, 27, 0.45));
	border: 1px solid rgba(236,242,249,.2);
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.8);
	
}
.imag {
	width: 240px;
}
h1
{
	font-size: 1.8rem;
}
h2
{
	font-size: 1.5rem;
}
h3
{
	font-size: 1.2rem;
}
pre {
	font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
}
code {
	background-color: #eee;
	color: #060;
	padding: 1rem;
	margin: 1rem 0;
	overflow-x: auto;
	border-radius: 0.5rem;
}
pre {

}
pre code {
	background-color: #111;
	color: #6f6;
	padding: 1rem;
	margin: 1rem 0;
	overflow-x: auto;
	border-radius: 0.5rem;
}
li {
	margin-left: 1rem;
}
p {
	margin: 1rem 0;
}
.cont a {	
	color: #009BFF;
	text-decoration: none;
}
.cont a:hover{
	color: #2EF8FF;
	background: linear-gradient(to bottom,rgba(62, 125, 166),rgba(40, 27, 27, 0.45));
	border: 1px solid rgba(236,242,249,.2);
	border-radius: 2px;
				
}
.cont a:visited{
	color: #009BFF;
}
#la {
	font-weight: bold;
	color:#009BFF; 
	padding: 0 10px;
	background: linear-gradient(to bottom,rgba(34, 60, 77, 0.45),rgba(40, 27, 27, 0.45));
	border: 1px solid rgba(236,242,249,.2);
	border-radius: 2px;
	margin: auto auto 3px;
	display: flex;
	text-decoration: none;
	gap: 2px;
}




div.inline-img img {
	max-width: 100%;
}
footer {
	clear: both;
	border-top: 1px solid black;
	background: linear-gradient(to bottom,rgba(153, 22, 22, 0.2),rgba(40, 27, 27, 0.1));
	border: 1px solid rgba(236,242,249,.2);
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.8);
	float: down;
	margin: 6px;
}
footer img {
   
    margin-left:3px;
    vertical-align:text-bottom;
}


aside img {
	height:240px!important;
    margin-left:3px;
    vertical-align:text-bottom;
}
@media screen and (max-width: 700px) {

    main {
        width: auto;
        margin: 4px;
    }

    header {
        margin: 4px;
    }

    /* MENU */
    .menu {
        margin: 4px;
        padding: 2px;
        display: block;
    }

    .menu .title {
        display: block;
        width: auto;
        text-align: left;
        padding: 5px;
    }

    .menu a {
        display: block;
        width: auto;
        margin: 3px 0;
        padding: 7px 10px;
        text-align: left;
        box-sizing: border-box;
    }

    .menu a img {
        vertical-align: middle;
        margin-right: 6px;
    }


    /* CONTENT */
    .cont {
        float: none;
        width: auto;
        margin: 4px;
        box-sizing: border-box;
    }
	 .cont a {
        display: block;
        width: auto;
        margin: 3px 0;
        padding: 7px 10px;
        text-align: left;
        box-sizing: border-box;
    }

    /* RIGHT BAR */
    .r-bar {
        float: bottom;
        width: auto;
        margin: 4px;
        box-sizing: border-box;
    }
	.webring{
		width: auto;	
	}
}