/*
Theme Name: Status
Theme URI: http://www.justtemplateit.co.uk
Description: The totally nude Wordpress theme.
Version: 1 
Author: Adrian Axinte
Tags: naked, clean, basic
*/

html,body{height:100%}
body{margin:0;padding:0;background:#202020;font-family:'Source Sans Pro',sans-serif;font-size:12pt;font-weight:300;color:#444}
h1,h2,h3{margin:0;padding:0;font-weight:600;color:#333}
h4,h5,h6{margin:0;padding:0 0 10px 0; display:block;}
p,ol,ul{margin-top:0}
ol,ul{padding:0;list-style:none}
p{line-height:18px;font-size:14px}
a{color:#2980b9}
a:hover{text-decoration:none}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
#welcome {padding:0 0 20px; margin:0;}
.container{overflow:hidden;margin:0 auto;width:1200px}
.image{display:inline-block}
.image img{display:block;width:100%}
.image-full{display:block;width:100%;margin:0 0 2em 0}
.image-left{float:left;margin:0 2em 2em 0}
.image-centered{display:block;margin:0 0 2em 0}
.image-centered img{margin:0 auto;width:auto}
.title{margin-bottom:1em}
.title h2{text-transform:none;font-size:18pt}
.title h2 a{text-decoration:none;}
.title h2 a:hover{text-decoration:underline;}
.title .byline{font-size:1.3em;color:#6f6f6f}
.clear {clear:both;}
.btn {background:#2980b9; color:#fff; display:inline=block; margin:10px 0; padding:10px 20px; text-decoration:none}
.btn:hover {background:#6f6f6f;}
#header{position:relative;float:left;width:300px;padding:3em 0}
#logo{text-align:center;margin-bottom:4em}
#logo h1{display:block}
#logo a{text-decoration:none;color:#FFF}
#logo span{padding:0 20px;text-transform:uppercase;font-size:12px;color:#fff}
#logo span a{color:rgba(255,255,255,0.5)}
#logo img{display:inline-block;margin-bottom:1em}
.menu li{border-top:1px solid rgba(255,255,255,0.08)}
.menu li a,.menu li span{display:block;padding:2em 1.5em;text-align:center;text-decoration:none;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,0.5)}
.menu li a:hover {background:#333}
.menu .current_page_item a,
.menu .current_page_item a:hover{background:#2980b9;color:rgba(255,255,255,1)}
#banner{margin-bottom:4em}
#page{background:#2a2a2a url(images/page-bg.jpg) center repeat-y;}
#main{overflow:hidden;float:right;width:800px;padding:50px;background:#FFF;border-top:6px solid #2980b9}
#featured{overflow:hidden;margin-bottom:3em;padding-top:5em;border-top:1px solid rgba(0,0,0,0.08)}
.half {width:45%;}
.left{float:left;}
.right{float:right;}
.post{display:block;margin:0 0 10px;position:relative;padding:0; font-size:15px; line-height:22px; }
.post strong {font-weight:bold;}
.post p {font-size:15px; font-weight:normal; line-height:22px; margin:0 0 20px; padding:0;}
.post ul {list-style:none; margin:20px 0; padding:0 0 0 20px;}
.post ul li {list-style:disc; margin:0; padding:0; display:list-item; font-size:15px; line-height:22px; }
.post ol {list-style:decimal; margin: 20px 0; padding:0 0 0 20px;}
.post ol li {margin:0; padding:0; display:list-item; font-size:15px; line-height:22px; }
#copyright{overflow:hidden;padding:50px 0 0 0;border-top:1px solid rgba(0,0,0,0.08)}
#copyright span{display:block;letter-spacing:.20em;line-height:2.5em;text-align:center;text-transform:uppercase;font-size:.80em;color:rgba(0,0,0,0.7)}
#copyright a{text-decoration:none;color:rgba(0,0,0,0.9)}
.status-box{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-width:0;float:none;margin:10px 0;padding:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);position:relative;display:block;clear:both}
.status-box:before,.status-box:after{content:"";display:table}
.status-box:after{clear:both}
.status-box i{position:absolute;left:22px;top:22px;margin:0;padding:0;height:22px;width:22px;display:block;text-transform:none;font-size:20px;font-weight:normal;font-style:normal;font-variant:normal;text-decoration:none}
.status-box.exclamation{background-color:#fcf8e3;color:#c09853}
.status-box.info{background-color:#d9edf7;color:#3a87ad}
.status-box.check{background-color:#dff0d8;color:#468847}
.status-box.times{background-color:#f2dede;color:#b94a48}
.msg-box{padding:0 0 0 40px;margin:0;display:block;background:transparent;position:relative}
.msg-box p{margin:0;padding:0;line-height:20px;display:block;font-size:14px;line-height:18px;color:#666;text-align:left}
.msg-box p strong{font-weight:bold;margin:0;padding:0;font-size:16px}
.msg-box p strong em{font-size:14px;font-weight:400;font-style:normal}
.msg-box ul{list-style:none;margin:0;padding:0 0 0 20px}
.msg-box ul li{margin:0;list-style:disc;padding:5px 0;text-align:left;font-size:14px;line-height:18px;color:#666}
.msg-box .spacer{height:10px;display:block;clear:both;margin:0;padding:0;text-indent:-9999px}
#timeline{list-style:none;margin:50px 0 30px 120px;padding-left:30px;border-left:8px solid #eee9dc}
#timeline li{margin:40px 0;position:relative}
#timeline .date{margin-top:-10px;top:50%;left:-158px;font-size:14px;line-height:20px;position:absolute;color:#666;text-align:right}
#timeline .circle{margin-top:-10px;top:50%;left:-44px;width:10px;height:10px;background:#fff;border:5px solid #eee9dc;border-radius:50%;display:block;position:absolute}
#timeline .circle.active{background:#24890d}
#timeline li h2{color:#fff;margin:0 0 10px;padding:0;text-align:left;font-size:16px;font-weight:bold;display:block;position:relative}
#timeline li h2 a{text-decoration:none;color:#666;margin:0;padding:0;font-weight:bold}
#timeline li h2 a:hover{text-decoration:underline}
#timeline .content{padding:20px;border-color:transparent;border-width:2px;border-style:solid;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin:0;display:none;color:#666;text-align:left}
#timeline .content.active{border-color:#eee9dc;display:block;width:auto}
#timeline .content p{margin:0;padding:0;font-size:14px;line-height:18px;color:#666;text-align:left}
#timeline .content p strong{font-weight:bold;margin:0;padding:0}
#timeline .content ul{list-style:none;margin:0;padding:0 0 0 20px}
#timeline .content ul li{margin:0;list-style:disc;padding:5px 0;text-align:left;font-size:14px;line-height:18px;color:#666}
#timeline .content .arrow{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #eee9dc;position:absolute;left:-10px;top:50%;margin-top:-10px;