@charset "UTF-8";

main, aside, nav, section, article, footer {display:block;}

html, body, h1, h2, h3, ul, li, p, a,
main, aside, nav, section, article, footer {padding:0; margin:0; border:none;}

body {background-color:#202024; font-family:Arial, sans-serif; font-size:15px; color:#ddd;}

main {width:1000px; margin:0 auto; background-color:#262629;}

/* ASIDE */
aside {float:left; width:300px; padding:5px 0;}

#rp {background-image:url('images/rene_pitton.png'); background-repeat:no-repeat; margin:20px 0px 20px 78px; background-size:100%; width:144px; height:144px;}

p.name {font-size:25px; font-weight:bold; color:#d8d8df; text-align:center; margin-bottom:5px; text-shadow: 2px 2px 2px #000;}
p.name_sm {font-size:15px; color:#747479; text-align:center; margin-bottom:20px; text-shadow: 2px 2px 2px #000;}

nav ul {list-style: none;}
nav li {width:300px; border-top:#444 1px solid; text-shadow: 2px 2px 2px #000;}
nav li a {font-size:15px; font-weight:bold; text-align:center; color:#747479; text-decoration:none; height:29px; display: block; padding-top:14px;}
nav li a.focus {background:#08b; border:none; color:#fff;}
nav li a:hover {background:#141419; color:#fff;}
nav li a:hover.focus {background:#08b;}
nav li a.last {border-bottom:#444 1px solid;}

/* SECTION */
#all {width:700px; float:right; background-color:#141419; padding:0;}
section, article {padding:10px 20px;}
article.nopad, div.nopad {padding:10px 20px 0;}
.clear {clear:both;}

#logo {background-image:url('images/logo.png'); background-repeat:no-repeat; width:660px; margin:20px; height:200px;}

a, a:hover, a:active, a:visited {text-decoration:none;}

a.kvr {color:#f80;}
a.kvr:hover, a.kvr:active {color:#fc0;}
a.kvr:visited {color:#f30;}

/* Header */
h2 {color:#808088;}
h3 {color:#ccc;}
h2.plugin {color:#ddd; text-shadow: 2px 2px 3px #08d;}
h3 {margin-bottom:10px;}
h3.nomargin {margin-bottom:0; color:#08d;}
h3 a {color:#09c;}
h3 a:hover {color:#0be;}

/* ul/li */
ul.spec {padding:10px 20px 0 15px;}
ul.spec li {list-style-image: url("images/list.png"); margin-bottom:5px;}
ul.spec li.lastlist {margin-bottom:0;}

/* Paragraph */
p {padding-top:10px;}
p.intro {font-weight:bold;}
p.home {padding-top:0;}
p.pcolor, strong {font-weight:bold; color:#8cf;}
.pborder {border-bottom:#333 1px solid; margin:0 20px;}

#message {font-size:8px; color:#888; margin-top:10px;}

/* More */
.more_info {padding:5px 0; font-style:italic; font-size:12px; font-weight:bold; color:#38b; cursor:help;}
.info {padding:0; font-size:12px; color:#38b;} 

/* Grid */
.grid-container_mk69s {display:-ms-grid; display:grid; -ms-grid-columns:1fr 0 1fr 0 1fr; grid-template-columns:1fr 1fr 1fr; grid-gap:0;}
.grid-container_mk69d {display:-ms-grid; display:grid; -ms-grid-columns:1fr 0 1fr 0 1fr; grid-template-columns:1fr 1fr 1fr; grid-gap:0; margin-top:10px;}
.grid-container_retronics {display:-ms-grid; display:grid; -ms-grid-columns:1fr 0 1fr 0 1fr 0 1fr; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:0;}
.grid-container_windowsd {display:-ms-grid; display:grid; -ms-grid-columns:1fr 0 1fr; grid-template-columns:1fr 1fr; grid-gap:0; margin-top:10px;}

footer 
{clear:both; background-color:#080808; padding-bottom:10px; text-align:center; color:#ccc; font-size:12px; font-weight:bold; font-style:italic;}

/* IMAGES */
img.se {padding:0 10px 10px 0; float:left;}
img.half {width:50%; height:50%; padding:0 10px 10px 0; float:left;}
img.half_end {width:50%; height:50%; padding:0 10px 20px 0; float:left;}
img.third {width:95%; height:auto; padding-top:10px;}

/* AUDIO */
audio controls, video controls {border:none;}
audio {border:#333 1px solid; width:350px; border-radius:30px; display:block;}