@font-face {
  font-family: 'Iceland';
  font-style: normal;
  font-weight: 400;
  src: local('Iceland'), local('Iceland-Regular'), url(/Content/iceland.woff) format('woff');
}

@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local('Crimson Text'), local('CrimsonText-Roman'), url(/Content/CrimsonText.woff) format('woff');
}


@font-face {
  font-family: 'Walter Turncoat';
  font-style: normal;
  font-weight: 400;
  src: local('Walter Turncoat'), local('WalterTurncoat'), url(WalterTurncoat.woff2) format('woff2'), url(WalterTurncoat.woff) format('woff');
}

*
{
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2;
}
hr 
{
    border-style:solid;
    border-width:1px;
    border-bottom:none;
    border-color:#EEE;
    margin-left:0;
    margin-right:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

body
{
    color: #232323;
    font: 19px "Crimson Text" , Georgia, Cambria, 'Times New Roman' , Times, serif;
    background-color: #f8f8f8;
}

h1, h2, h3, h4, h5, h6
{
    font-family: Acme, 'Walter Turncoat', 'Iceland', sans-serif;
}

h1 a, h2 a, h3 a
{
    color: #345;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover
{
    color: #35C;
    text-decoration: none;
}

h1 
{
    line-height:1.1;
}
header
{
    float: right;
/*    clear: right;*/
    /*background-image: url('/image/flow4.png');*/
    background-repeat: repeat-x;
    margin-left:25px;
    margin-bottom:25px;
    max-width:320px;
      /*z-index: 10;*/
  /*position: absolute;
  right: 0;
  top: 0;*/
}

.page > aside
{
    float: right;
    clear: right;
}

header .title, header h1,  header h2
{
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom:0;
    color: #828282;/*D2D2D2;*/
    font-size:1.2em;
    font-weight:normal;
}

.title > h1 > a
{
    letter-spacing: -0.07em !important;
    font-style: italic;
    color: #FF8;
    text-decoration: none;
    font-weight: 400;
    
}

.title > h1 > a:hover
{
    text-shadow: 0 0 5px #35A7E2,
                 0 0 10px #35A7E2,
                  0 0 30px #35A7E2;
}

aside a, aside a:visited
{
    color:#C2C2C2;
    text-decoration: none;
}

aside a:active, aside a:hover, aside li:hover
{
    color:#D2D2D2;
    text-decoration: none;
    text-shadow:0 0 1px #000,0 0 7px #FFF;
}

html, body, .page
{
    padding-top: 0px;
    margin-top: 0px;
}

article, time, p, ol, ul, blockquote, h1, h2, h3, .categories
{
    padding-left: 25px;
    padding-right: 25px;
}

time
{
    color: #888;
    display: block;
}

p, ol, ul, blockquote
{
    margin-bottom: 0.7em;
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right:25px;
}

h1, h2, h3
{
    color: #345;
}

h1, h2
{
    padding-top: 10px;
}

h1
{
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 2.4em;
    color: #468;
    /*letter-spacing: -0.04em;*/
}
.title h1 
{
    font-size:1.4em;
    padding-top:5px;
    
}
h2
{
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size:1.35em;
}
h3 
{
    font-size:1.25em;
}
.newest
{
    padding-left: 25px;
}

ol, ul
{
    margin-left: 20px;
}

aside ul
{
    /*list-style-image: url(http://secretGeek.net/image/quote_2.gif);*/
    list-style-type: none;
    padding-left:5px;
    padding-right:0;
}
aside ul li {
    border-bottom:1px solid #00234A;
}
aside ul li:hover 
{
    background-color:#00234A;
}

blockquote
{
    background: #FFFFFF url('http://secretGeek.net/image/quote_2.gif') no-repeat;
    padding: 0.6em 1em 0.2em 40px;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    /*border-left: 15px solid #FEFEFE;
    border-right: 15px solid #FEFEFE;*/
    margin-left: 15px;
    margin-right:15px;
}

header
{
    background-color: #001833;
    color: #E6E6E6; /*border:1px solid #337299;     border-right:10px solid #337299;     border-bottom:5px solid #337299;*/
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-bottom-left-radius: 18px;
}

article
{
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    padding-top: 10px;
}

article.commentForm
{
    margin-left: 25px;
}

form h2
{
    padding-left: 0px;

}

/* highlight comment from the post's author. bit ego. */
.comment.author 
{
    background-color:#EEF;
}

.rss
{
    float:right;
    clear:right;
    /*padding:5px;*/
    margin:4px;
    margin-right:25px;
    display:inline-block;
    min-width:32px;
    min-height:32px;
    border-radius: 3px;
    
    background-image:url('/image/rss_y32.png');
    background-repeat:no-repeat;
    -webkit-filter: none;
    filter: none;
    /*background-color:#001833;*/
    -webkit-transition: background-color 850ms ease-out;
    -moz-transition: background-color 850ms ease-out;
    -o-transition: background-color 850ms ease-out;
    -ms-transition: background-color 850ms ease-out;
    transition: background-color 850ms ease-out;
    box-shadow: none;
    transition: box-shadow 850ms;
    transition: filter 850ms ease-out;
    transition: -webkit-filter 450ms ease-out;
    
}

.rss:hover {
   -webkit-filter: drop-shadow(0 0 4px #35A7E2);
    filter:        drop-shadow(0 0 4px #35A7E2);
}
.arss:hover 
{
    /*background-color: #35A7E2;*/
    box-shadow: 0 0 5px #35A7E2,
                 0 0 10px #35A7E2,
                  0 0 30px #35A7E2;
    background-image:url('/image/rss_y32.png');
    transition: background-color 450ms ease-out;
    
}

.category
{
    color: #888;
}

.categories
{
    padding-top: 0px;
    color: #888;
    font-size: 0.8em;
    padding-bottom: 20px;
}

.comment form h2
{
    padding-left: 0px;
}

input[type='text'], input[type='password'], textarea
{
    padding: 4px;
    border: solid 1px hsl(0,0%,80%);
    border-radius: 3px;
    box-sizing: content-box;
}

input[type='text'], input[type='password'], textarea
{
    width: 450px;
    border: 3px solid #cccccc;
    padding: 5px;
    font-family: Tahoma, sans-serif;
    border-radius:5px;
    font-size:12pt;
}
textarea#Teaser 
{
    width:calc(100% - 350px);
    height:400px;
}
textarea
{
    width:calc(100% - 350px);
    /*width: 100%;*/
    min-height: 200px;
}

button, input[type='button'], input[type='submit']
{
    padding:12px;
    padding-left:20px;
    padding-right:20px;
    background-color:#4E68C7;
    border-radius:7px;
    border-right:2px solid #248;
    border-bottom:2px solid #248;
    color:#F2F2F2;
    font-family: Tahoma, sans-serif;
    font-size:large;
    margin-top:25px;
}

button:hover, input[type='button']:hover, input[type='submit']:hover,
button:focus, input[type='button']:focus, input[type='submit']:focus
{
    background-color:#3D57B4;
    border-right:2px solid #124;
    border-bottom:2px solid #124;
}

.legalese {
    display:block;
}
pre.prettyprint 
{
    border: 0 solid #000;
}

pre, blockquote code 
{
    font-size: 14px;
}

nav#minimenu /* navicon/hamburger */
{
    display: none;
}

h1 img
{
    max-width:100%
}

#main img
{
    max-width: calc(100% - 270px);
}

table img, #main table img
{
    max-width: 100%;
}

pre
{
    /*white-space:pre-wrap;*/
}

a.next, a.previous 
{
    background-color: #E1E1E1;
    border-radius:17px;
    padding:3px 8px 3px 8px;
    padding-left:12px;
    padding-right:12px;
    color: #468;
    text-decoration:none;
    margin:10px 20px 10px 20px;
    font-weight: bold;
    font-family:'Iceland';
}

a.next:hover, a.previous:hover 
{
    color: #35C;
    text-decoration:none;
}

a.next 
{
    float:right;
}

a.previous
{
    float:left;
}

#comments
{
    clear:left;
}

.s128 
{
    display:none;
}

.logo 
{
    white-space:nowrap;
}


.search-text 
{
    margin-left:25px;
    color:#555;
    background-color:#666;
    padding: 0 2px 0 15px;
    height:29px;
    width:calc(100% - 80px);
}
.search-text:focus 
{
    color:#222;
    background-color:#D2D2D2;
}
input[type='submit'].search-button 
{
    padding:0px;
    border-radius:0px;
    color:#444;
    background-color:#d2d2d2;
    background-image:url('/image/btnsearch.png');
    background-repeat: no-repeat;
    /*background-attachment:fixed;*/
    background-position:center;
    margin-top:0;
    width:29px;
    height:29px;
    border:0;
    vertical-align: bottom;

}

table#archive {
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:12px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    margin:20px;
    border:#ccc 1px solid;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
table#archive th {
    padding:21px 1px 22px 1px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table#archive th:first-child {
    /*text-align: left;*/
    padding-left:1px;
}
table#archive tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table#archive tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
table#archive tr {
    text-align: center;
    padding-left:1px;
}
table#archive td:first-child {
    /*text-align: left;*/
    padding-left:1px;
    border-left: 0;
}
table#archive td {
    padding:1px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table#archive tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table#archive tr:last-child td {
    border-bottom:0;
}
table#archive tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table#archive tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table#archive tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);    
}
table#archive {
    max-width:calc(100% - 270px);
    width:calc(100% - 350px);
}

.action {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ffcc00;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff6600));
    background: -moz-linear-gradient(top, #ffcc00, #ff6600);
    background: linear-gradient(to bottom, #ffcc00, #ff6600);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff !important;
    text-decoration: none;
}
.action:hover,
.action:focus {
    background: #fff500;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff500), to(#ff7a00));
    background: -moz-linear-gradient(top, #fff500, #ff7a00);
    background: linear-gradient(to bottom, #fff500, #ff7a00);
    color: #ffffff;
    text-decoration: none;
}
.action:active {
    background: #997a00;
    background: -webkit-gradient(linear, left top, left bottom, from(#997a00), to(#ff6600));
    background: -moz-linear-gradient(top, #997a00, #ff6600);
    background: linear-gradient(to bottom, #997a00, #ff6600);
}

.action.sm 
{
    font-size:16px;
}

.highlight 
{
    background-color:#ff7;
}

@media screen and (max-width: 720px) 
{
    table#archive 
    {
        max-width:calc(100% - 22px);
        width:calc(100% - 22px);
    }
    table#archive th {
        padding:21px 0px 22px 0px;
    }

    table#archive th:first-child {
        padding-left:2px;
    }
    
    table#archive td:first-child {
        padding-left:2px;
    }

    table#archive td {
        padding:1px;
    }
    
    table
    {
        table-layout:fixed;
    }

    table, tbody, tr
    {
        width:100%;max-width:100%;
    }

    #main img
    {
        max-width:100%;
    }

    #leftmenu
    {
        display:none;
    }

    #leftmenu.litup
    {
        display:block;
        background-color: #00355D;
    }

    header
    {
        max-width:100%;
        width:100%;
        margin-left:0;
        margin-bottom:4px;
        padding-top:5px;
        float: none;
        clear: none;
        background-image: none;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
    }

    nav#minimenu
    {
        float:right;
        display:inline;
    }

    nav#minimenu h1
    {
        display:inline-block;
        color:#FFFF88; /*005BC1; ;000E1D FFFF88*/
        font-weight:normal;
        text-shadow:0 0 10px #003A7B;
    }

    nav#minimenu.litup
    {
        background-color: #00355D;
    }

    nav#minimenu h1:hover
    {
        text-shadow:0 0 10px #35A7E2;
        cursor:pointer;
    }

    nav#minimenu.litup h1:hover
    {
        text-shadow:0 0 10px #001833;
    }

    article, time, p, ol, ul, blockquote, h1, h2, h3, .categories
    {
        padding-left: 3px;
        padding-right: 2px;
    }

    article
    {
        overflow-x:auto;
        clear:right;
    }

    blockquote
    {
        border-left-width: 7px;
        border-right: 7px;
        overflow-x:auto;
        margin-left:3px;
        margin-right:3px;
         background: #FFFFFF;
    }

    .comment
    {
        margin-left: 10px;
        overflow-x:auto;
    }

    .commenter
    {
        /*font-size:14px;*/
        max-width:400px;
        /*text-overflow:ellipsis;*/
    }

    input[type='text'], textarea
    {
        width: calc(100% - 20px);
    }

    textarea
    {
        width: calc(100% - 20px);
        min-height: 60px;
    }

    button, input[type='button'], input[type='submit']
    {
        padding:6px;
        padding-left:10px;
        padding-right:10px;
        margin-top:12px;
    }
}

@media screen and (max-width: 480px) 
{
    h1
    {
        font-size: 1.8em;
        overflow-x: hidden;
    }
}


.validation-summary-errors,
.validation-summary-errors ul li,
.field-validation-error,
.field-validation-error span
{
    color:#800;
}
h2.minor_heading 
{
    color:#AAA;
}