/** MOBILE 1 **/
body { margin: 0; padding: 0; font: 13px 'Helvetica Neue', Helvetica, Arial; -webkit-text-size-adjust: none; min-height: 460px; background: #c4edff; color: #006fc2; }
ul { margin: 0; padding: 0 20px 0 20px; list-style-type: circle; list-style-position: outside; }
ol { margin: 0; padding: 0 25px 0 20px; list-style-type: decimal; list-style-position: outside; }
a { text-decoration: none; color: #006fc2; }
input, textarea { max-width: 96%; }
iframe { max-width: 100% !important; }
code { font-family: Courier, "Courier New", mono; color: red; }
img { border: none; }
p { margin: 0 0 5px 0; }
.spacer { clear: both; }

/* * HEADER **/
#topbar {background: #fff url(../graphics/mobile/header_skynet_rail.png) repeat-x scroll top left;height:48px;}
#topbar #logo-skynet {background: transparent url(../graphics/mobile/header_skynet.png) no-repeat scroll top left;height:48px;}
#headerbar { width: 100%; background: #fff url(../graphics/mobile/header.png) repeat-x left top; height: 38px; font-size: 19px; }
#headerbar-title { padding: 5px 10px 5px 10px; display: block; margin: 0; border: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; height: 28px; }
#headerbar-title a { text-decoration: none; letter-spacing: -1px; position: relative; font-family: HelveticaNeue-Bold, sans-serif; color: #5c5c5c; text-shadow: #fff 0px 1px 0px;}
#headermenu { width: 100%; background: url(../graphics/mobile/menu.png) repeat-x left top; overflow:hidden; padding: 10px 0px 0px 0px; height: 22px; }
#headermenu-list { list-style-type:none; list-style-image:none; padding: 0 10px; }
#headermenu-list li { display:inline; }
#headermenu-list li a { padding:6px 8px 7px; color: #fff; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px; font-weight: bold; }
#headermenu-list li a.selected {
    background:#c4edff;
    color:#006fc2;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    text-shadow: #fff 0px 1px 0px;
}
.content { margin: 10px; position: relative; }
.content h1 { font-size: 13px; margin: 5px 0 10px 0;}
.post { position: relative; -webkit-box-shadow: rgba(0, 50, 150, 0.5) 0px 0px 10px;}
.post-header, .comment-header {
    background:-moz-linear-gradient(top,  #13a6f1,  #004ac4);
    background:-webkit-gradient(linear, left top, left bottom, from(#13a6f1), to(#004ac4));
    padding: 5px;
    -webkit-box-shadow: rgba(0, 50, 150, 0.5) 0px 0px 5px inset;
}
div#content div.post:first-of-type .post-header {
    -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
}
.post-header h1, .post-header h2, .comment-header h2 { color: #fff; margin: 0 0 5px 0; font-size: 14px;text-shadow: #004AC4 0px 1px 0px; }
.post-header h1 a, .post-header h2 a, .comment-header h2 a { color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); }
.post-header p {
    color: #C4EDFF;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 0px 5px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);;
}
.post-content, #commentform, .commentparent, .commentchild {
    background:-moz-linear-gradient(top,  #fff,  #f3fafc);
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3fafc));
    padding: 7px;
    color: #535353;
    -moz-box-shadow: rgba(0, 50, 150, 0.5) 0px 0px 5px inset;
    -webkit-box-shadow: rgba(0, 50, 150, 0.5) 0px 0px 5px inset;
}
.iconFirstimage { float:left; overflow: hidden; margin: 0 5px 5px 0}
.post a { color: #3AA5A7; }
.post .post-source img { height:auto; max-width:100%; }
.post-footer { clear: both; float: left; font-size: 11px; color:#a0a0a0; margin-top: 5px; }
.post-footer span { color:#626262; }
.readmore { float: right; font-size: 11px; font-weight: bold; }
.readmore a { color: #626262; }
.comment-ico { background: url(../graphics/mobile/more.png) no-repeat left top; width: 29px; height: 20px; display: inline-block; text-align: center; padding: 4px 0 0 0;}
#postcomments-list .profile { float: left; width: 50px; margin: 0 10px 5px 0;}
#postcomments-list .profile img { width: 50px; }
.commentparent, .commentchild { border-bottom: 1px solid #360909; }
.commentchild { padding-left: 60px; }
.comment-content p { text-align: justify; }
.comment-content a { color: #626262; }
.comment-footer { font-size: 11px; color: #666;}
#content ul { list-style-type: none; list-style-image: none; margin:0; padding:0; }

.cat, .tag, .archive { list-style-type: none; font-size: 14px; }
.cat li, .tag li, .archive li { background: transparent url(../graphics/mobile/sepbg.png) repeat-x scroll bottom left; padding: 7px 0; }
.cat a, .tag a, .archive a { font-weight: bold; color: #006fc2; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;}
.subcat { margin-left: 25px; }
.cat li span, .tag li span, .archive li span { float: right; font-size: 12px; }

.navprev { float: left; padding: 10px 0; }
.navnext { float: right; padding: 10px 0; }
.load-more { text-align: center; padding: 10px; }
.btn {
    -moz-border-radius:5px; -webkit-border-radius:5px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#13A6F1), to(#004AC4));
    background: -moz-linear-gradient(center top , #13A6F1, #004AC4) repeat scroll 0 0 transparent;
    border: 1px solid #004AC4;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 8px;
    text-shadow: #004AC4 0px -1px 0px;
}
#switch { padding: 10px; }
#ancre { padding: 10px; }
.validation-advice,.error { color: red; font-weight:bold; }