/*    -moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;*/

html, body{
    font-size:10pt;
    font-family:'Free Sans', 'Helvetica', 'Helvetica Neue', 'Sans';
    padding:0px;
}

body{
    background-image:url('img/bg02.png');
    background-attachment:fixed;
}

/* --- HEADERS --- */

h1,h2,h3,h4 { font-weight:normal; margin:0.7em 0.7em 0.7em 0.7em; }
h1 img, h2 img, h3 img, h4 img{ border:0px solid #fff; }

h1{ margin-bottom:0.2em; }
h1 a{ padding:50px 0em 0em 0em; }
h2{
    padding:0em 11.8em 0.2em 0em;
    text-align:right;
    height:0em;
    margin-bottom:-0.1em;
}

body {
    background-color: white;
}
.ascii {
    font-family:'Fixed', 'Lucida Console', 'Courier';
    font-weight: bold;
    margin:0em;
    padding:0em;
}
.ascii pre{
    margin:0em;
    padding:2em 0em 2em 0em;
    font-size:4pt;
}
.ascii a:link, .ascii a:active, .ascii a:visited{ color:#000; text-decoration:none; }
.ascii a:hover pre, .ascii a:focus pre{ background-color:#000; color:#fff; }
.ascii a:hover, .ascii a:focus{ background-color:#000; color:#fff; text-decoration:none; }

/* --- LINKS --- */

.all-main-main a:link, .all-main-menu a:link       { color:#55a; text-decoration:none; padding:0.0em 0.2em 0.0em 0.2em; }
.all-main-main a:active, .all-main-menu a:active   { color:#55a; text-decoration:none; padding:0.0em 0.2em 0.0em 0.2em; }
.all-main-main a:visited, .all-main-menu a:visited { color:#55a; text-decoration:none; padding:0.0em 0.2em 0.0em 0.2em; }
.all-main-main a:hover, .all-main-menu a:hover     { color:#fff; background-color:#55a; text-decoration:none; }
.all-main-main a:focus, .all-main-menu a:focus     { color:#fff; background-color:#55a; text-decoration:none; }

/* --- OTHER ELEMENTS --- */

label{
    float:left;
    text-align:right;
    width:4em;
    padding:0em 0.2em 0em 0em;
}

tr{
}
td{
}

input, textarea{
    background-color:#555;
    color:#fff;
    border:0px solid #fff;
    width:13.5em;
    margin:0em 0em 0.2em 0.8em;
    padding:0.2em 0.2em 0.2em 0.2em;
    font-size:0.9em;
    font-family:'Free Sans', 'Helvetica', 'DejaVuSans', 'SansSerif';
    display:inline-block;
    opacity:0.7;
}

input:hover, input:focus, textarea:hover, textarea:focus{
    opacity:1.0;
}

textarea{
    height:7em;
}

.submit{
    width:8em;
    margin:0em 0em 0.2em 11.55em;
}

#error-name, #error-email, #error-website, #error-message, #error-captcha{
    float:left;
    text-align:right;
    margin-left:-3.5em;
    padding-top:0.1em;
    width:13em;
    visibility:hidden;
    color:#f00;
}

#error-captcha, #captcha{
    display:none;
}

#info{
    padding:0em 1em 0em 1em;
}

/* --- CLASSES --- */

.t0{
    margin:0em 0em 0.2em 0em;
    font-size:1.0em;
    padding:0em 0em 0.2em 13em;
}

.t1{
    margin:0em 0em 0.2em 0em;
    font-size:1.0em;
    padding:0em 0em 0.2em 3.2em;
}

.tInfo{
    margin:0em 0em 0em 0em;
    font-size:0.8em;
    padding:0.1em 0em 0.1em 0em;
}


/* --- DIVS --- */

#load, #all-top, #all-sub, .all-main-menu, .all-main-menu-sub, .all-main-main, .all-main-menu-main, #bring-back-menu-all{
    /*    border:1px solid #000;*/
    text-align:center;
    background-color:#fff;
    margin-bottom:1em;
    -moz-box-shadow: 0px 0px 30px #ccc;
    -webkit-box-shadow: 0px 0px 30px #ccc;
    box-shadow: 0px 0px 30px #ccc;
/*    border-radius: 5px;*/
}
#all-top{
    width:400pt;
    padding:1.0em 0.5em 0.6em 0.5em;
    margin:1em auto 0em auto;
    opacity:0.8 !important;
}
#all-sub{
    width:400pt;
    padding:0.0em 0.5em 0.0em 0.5em;
    margin:0.7em auto 0em auto;
    opacity:0.8 !important;
}
.all-main-menu{
    width:379pt;
    padding:0.5em 1.2em 0.5em 1.2em;
    margin:0.5em auto 0em auto;
    opacity:0.8 !important;
    font-size:1.3em;
    text-align:left;
    line-height:1.1em;
}
.all-main-menu-sub{
    width:384pt;
    padding:0.3em 1.0em 0.3em 1.0em;
    margin:0.5em auto 0em auto;
    opacity:0.8 !important;
    font-size:1.3em;
    text-align:left;
    line-height:1.1em;
}
.all-main-menu-sub img{ /* ie thumbs */
    max-height:20px;
    border:2px solid #000;
    margin:2px;
}
.all-main-menu-sub a:hover img{ /* ie thumbs */
    border:4px solid #000;
    margin:0px;
}
.all-main-menu-sub a:focus img{ /* ie thumbs */
    border:4px solid #000;
    margin:0px;
}


.all-main-main{
    width:381pt;
    padding:0.5em 1.2em 0.5em 1.2em;
    margin:0.5em auto 0em auto;
    font-size:1.2em;
    text-align:left;
    line-height:1.1em;
}
.all-main-menu-main{
    width:379pt;
    padding:0em;
    padding:0.7em 1.2em 0.7em 1.2em;
    margin:0.5em auto 0em auto;
    font-size:1.3em;
    text-align:left;
    line-height:1.1em;
    text-align:center;
}
.all-main-menu-main img{
    max-width:370pt;
    max-height:370pt;
}
#all-main-menu-main{
    display:none;
}
#bring-back-menu-all{
    width:410pt;
    padding:0.8em 0em 0em 0em;
    margin:0em auto 0em auto;
    display:none;
}
#bring-back-menu-all a:link    { padding:1em 410pt 0em 0em; }
#bring-back-menu-all a:active  { padding:1em 410pt 0em 0em; }
#bring-back-menu-all a:visited { padding:1em 410pt 0em 0em; }
#bring-back-menu-all a:hover   { padding:1em 410pt 0em 0em; background-color:#000; }
#bring-back-menu-all a:focus   { padding:1em 410pt 0em 0em; background-color:#000; }

.transp{
    opacity:0.8 !important;
}

.links-menu a:link    { color:#000; padding:0.1em 0.3em 0.1em 0.3em; margin-right:0.3em; text-decoration:none; }
.links-menu a:active  { color:#000; padding:0.1em 0.3em 0.1em 0.3em; margin-right:0.3em; text-decoration:none; }
.links-menu a:visited { color:#000; padding:0.1em 0.3em 0.1em 0.3em; margin-right:0.3em; text-decoration:none; }
.links-menu a:hover   { color:#fff; background-color:#000; text-decoration:none; }
.links-menu a:focus   { color:#fff; background-color:#000; text-decoration:none; }

.menu{
    font-size:1.4em;
}

.menu-top{
    text-align:center;
    margin-top:0.2em;
    font-size:2.5em;
}

.menu-top a:link    { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.menu-top a:active  { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.menu-top a:visited { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.menu-top a:hover   { color:#fff; background-color:#000; text-decoration:none; }
.menu-top a:focus   { color:#fff; background-color:#000; text-decoration:none; }

.menu-desc{
    font-size:1.4em;
}

.menu-desc a:link    { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.menu-desc a:active  { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.menu-desc a:visited { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.menu-desc a:hover   { color:#fff; background-color:#000; text-decoration:none; }
.menu-desc a:focus   { color:#fff; background-color:#000; text-decoration:none; }

.menu-sub-all{
    margin-top:0.5em;
}

.menu-sub{
    display:none;
    font-size:1.4em;
    padding:1em 0em 1em 0em;
}
.menu-sub-link-tr{
}
.menu-sub-link{
    text-align:right;
    padding:0em 0em 0.2em 0em;
    width:7.5em;
    vertical-align:top;
}
.menu-sub-desc {
    width:10em;
    height:0em;
}
.menu-sub-desc-fill {
    width:10em;
    display:block;
}
.menu-sub-link:hover .menu-sub-desc {
    width:7em;
}
.menu-sub-link:hover { padding:0em 0em 0.2em 0em; }
.menu-sub-link-tr:hover .menu-sub-desc{
    display:block;
}
.menu-sub-link-tr:hover .menu-sub-desc-fill{
    display:none;
}
.menu-sub-link img{
    margin:0em 0.32em 0em 0em;
}
.menu-sub-link-dotfiles{
    width:9em;
}
#dotfiles{
    margin:1.5em 0em 0.2em 0em;
}
.animation-links{
    font-size:1.1em;
    margin:0.3em 0em 0em 0em;
    padding:0em;
}

.menu-sub-desc{
    text-align:left;
    font-size:1em;
    float:right;
    height:0em;
    display:none;
    margin-left:1em;
}

#menu-sub0{ display:none; }
#menu-sub1{ display:none; }
#menu-sub2{ display:none; }

.submenu-desc a:link    { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.submenu-desc a:active  { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.submenu-desc a:visited { color:#000; padding:0.0em 0.4em 0.0em 0.4em; text-decoration:none; }
.submenu-desc a:hover   { color:#fff; background-color:#000; text-decoration:none; }
.submenu-desc a:focus   { color:#fff; background-color:#000; text-decoration:none; }

/* -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; */

#form-contact{
    display:none;
}

#load{
    width:60pt;
    padding:0.2em 0.2em 0.2em 0.2em;
    margin:0.5em auto 0em auto;
    opacity:0.8 !important;
    font-size:1.2em;
    text-align:center;
    background-color:#fff;
}

/* --- UPDATE (XML) --- */
.CHANNEL-TITLE, .CHANNEL-DESCRIPTION, .CHANNEL-LINK { display:none; }

.ITEM .TITLE{
    display:block;
    font-size:1.3em;
    margin:0.4em 0em 0em 0em;
}
.ITEM .CREATOR{
    display:none;
}
.ITEM .DATE{
    display:block;
    font-size:0.8em;
}
.ITEM .DESCRIPTION{
    display:block;
    font-size:1.0em;
    margin:0em 0em 0.2em 0em;
}
.ITEM .NUM{
    display:none;
}
.ITEM .LINK {
    display:none;
    margin:0em 0em 0.8em 0em;
}
.COMMENTS{
    display:none;
    margin:0em 0em 0.6em 2em;
}
.DISP-COMMENTS{
    display:block;
    margin:0em 0em 0.6em 2em;
}
.COMMENTS .CREATOR{
    display:block;
    font-size:1.1em;
}
.COMMENTS .DATE{
    display:block;
    font-size:0.8em;
}

#tmp a { text-decoration:none; }
#tmp * { position:relative; }
#tmp { padding-top:0.4em; padding-bottom:0.6em; }
#tmp:hover { background-color:#000; }
#tmp:hover .c2 { color:#555; }
#tmp .c0, #sober .c0 { color:#888; font-size:1.3em; line-height:1.2em; }
#tmp .c1, #sober .c1 { color:#55A; font-size:2.0em; line-height:0.7em; }
#tmp .c2, #sober .c2 { color:#000; font-size:1.25em; line-height:1.6em; }
#tmp .c3, #sober .c3 { color:#444; font-size:0.9em; line-height:1em; }
#tmp .c3 .q, #tmp sober .q { color:#666; }
#sober p { text-align:justify; font-size:0.9em; }
#sober h1, #sober h3 { font-size:1.0em; margin:0em; padding:0em; font-weight:normal; }
#sober a { font-size:0.9em; }
#sober a:hover { color:#fff; background-color:#000; text-decoration:none; }
#sober .img, #sober .img img { float:right; max-height:250pt; border:0px solid #000; margin:0.5em; text-align:center; }