/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%; vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0; margin: 0; padding: 0;}
tr, th, td {margin: 0; padding: 0;}

/* Misc */
body {font: 85% 'Constantina','Georgia','Nimbus Roman No9 L',serif; color: #fff; height: 100%; text-align: center; background: #071a20 url(images/bg_main.jpg) fixed center; margin:0; padding:0;}

small {font-size: 85%; padding: 5px 0 10px 0; display: inline-block; text-transform: uppercase;}
small, small a, small a:hover, .postmetadata {color: #1fa8ca;}
p {margin: 0 0 12px 0; padding: 0; line-height: 130%;}
span.dots, span.dots02 {display: block; height: 1px; background: url(images/hdots.png) repeat-x; clear: both;}
span.dots02 {margin-bottom: 20px;}

code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:0.9em;letter-spacing:.07em;cursor:help;}

.sticky{background:#f7f7f7;padding:0 10px 10px;}
.sticky h2{padding-top:10px;}

.hide, img.avatar {display: none;}

acronym,abbr{border-bottom:1px dashed #999;}
blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.screen-reader-text{position:absolute;left:-1000em;}
.postmetadata,.clear{clear:both;}

img.centered,.aligncenter,div.aligncenter {display:block;margin-left:auto;margin-right:auto;}

.entry form,.center{text-align:center;}
.hidden,hr{display:none;}
.hilight, #content .hilight a {color: #c30;}

/* Links */
a, a:link, a:visited, a:hover, a:active {color:#1fa8ca; text-decoration:none;}
.navigation a, .postmetadata a, div.postinfo, #content #postleft a {color:#fff; text-transform: none;}

/* Caption */
.wp-caption{border:4px solid #fff;text-align:center;background-color:#fff; color: #000; padding-top:4px; margin: 20px 10px 10px 10px;}
.wp-caption img{border:1px solid #ccc;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:100%;line-height:150%;margin:0;padding: 4px 5px 2px 5px;}

/* Images */
p img{max-width:100%;padding:0;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
.alignright, .right {float:right;}
.alignleft, .left {float:left;}
a img{border:none;}.entry ol li,#sidebar ul,#sidebar ul ol{margin:0;padding:0;}

/* Form Elements */
#searchform{text-align:left;margin:10px 0;padding:5px 0;}
#sidebar #searchform #s{width:190px;padding:5px; margin: 0 5px 0 0;}
#sidebar #searchsubmit{padding: 4px 8px;}
select{width:150px;}
input[type=submit] {background: #1fa8ca; border: none; padding: 10px; text-transform: uppercase; color: #fff; cursor: pointer; vertical-align: bottom; font: 90% 'Constantina','Georgia','Nimbus Roman No9 L',serif;}
input.button, p.reply a {background: #1fa8ca; border: none; padding: 10px; text-transform: uppercase; color: #fff; cursor: pointer; vertical-align: bottom; font: 90% 'Constantina','Georgia','Nimbus Roman No9 L',serif;}
textarea, input[type=text] {border: none;}
input[type=text] {padding: 2px 5px;}

/* Headers */
h1, h1 a, h1 a:hover, h1 a:visited {text-decoration: none;color: #fff; font-size: 160%; font-weight: normal; padding: 0; text-transform: uppercase;}

#content h2 {font-size: 160%; margin:0; padding: 0; font-weight: normal; text-transform: uppercase; color: #c30;}
#content h2, #content h2 a, #content h2 a:visited, #content h2 a:hover {color: #c30;}
#content h3 {font-size: 130%; margin:30px 0 0;padding:0;}
#sidebar h2, #sidebar h2 a, #sidebar h2 a:visited, h3, h3 a, h3 a:visited {color: #fff; text-transform: uppercase; font-weight: normal;}

/* Page */
#page {text-align: left; width:100%; margin: 0 auto; padding:0;}

/* Header */
#header, #flash {background: url(images/bg_header.png); margin:0;}
#header {padding: 20px 0 0 0; height: 60px;}
#header ul {list-style-type: none; width: 960px; text-align: center; margin: 0 auto; padding: 0; display: block;}
#header li {display: inline; margin: 0 0 0 -3px; padding: 2px 25px 18px 26px; background: url(images/vdots.png) repeat-y right;}
#header li.bg {background: url(images/recent_dots.png) repeat-y;}
#header li span, #content ul.tabbed li span {text-indent: -9999px; display: block}
#header li a {display: inline-block; padding: 0 10px; text-transform: uppercase; color: #fff; height: 35px;}

#header li a.recent {background: url(images/nav_recent.png) no-repeat bottom; width: 126px;}
#header li a.akai {background: url(images/nav_akai.png) no-repeat bottom; width: 126px;}
#header li a.totemo {background: url(images/nav_totemo.png) no-repeat bottom; width: 232px;}
#header li a.insupire {background: url(images/nav_insupire.png) no-repeat bottom; width: 176px;}
#header li a:hover, #header li a.active {background-position: top;}

/* Navigation */
.navigation {display: block; text-align: center; padding: 0; text-transform: uppercase; font-size: 120%;}
.navigation .alignright a, .navigation .alignleft a {display: inline-block; padding: 20px 0 40px 0;}

/* Content */
#content {width:960px; margin: 40px auto; padding:0;}
#content img.banner {margin: 0 0 60px 0;}

#content div.homepost, div.blogpost, div.postinfo, #respond, #sidebar, div.portfolio {clear: both; background: url(images/bg_post.png); overflow: hidden; margin: 0; padding: 20px; position: relative; z-index: 1; text-align: left;}
#content div.blogpost h2 {font-size: 250%; padding: 0 0 20px 0;}
#content div.frame {position: absolute; top: 15px; left: 10px; background: url(images/img_frame.png) no-repeat; height: 185px; width: 255px; z-index: 20;}
#content div.frame a {height: 185px; width: 255px; display: block;}
#content img.left {margin: 5px 30px 5px 0;}
#content div.info {float: left; margin: 0; width: 590px;}
#content div.info div.summary {overflow: hidden;}
#content div.readmore {float: right; background: rgba(31, 168, 202, .2); margin: -20px -20px -25px -20px; text-align: center; font-size: 200%;}
#content div.readmore a {color: #fff; display: block; width: 50px; height: 125px; padding: 90px 0 0 0;}
#content #post {width: 640px; padding: 0 0 0 20px; float: right; background: url(images/vdots.png) repeat-y;}

p.top {font-size: 160%; font-weight: normal; padding: 10px 0 0 0; text-transform: uppercase; text-align: right;}
p.top a {text-decoration: none; color: #fff;}

div.social_bookmark {margin: 60px 0 0 0;}
div.social_bookmark br {display: none;}
div.social_bookmark a, div.social_bookmark div.d {float: left;}
div.social_bookmark a {margin: 7px 0 0 0;}
div.social_bookmark div.d img {margin: 0 0 0 10px;}
div.social_bookmark div.d a {margin: 0;}

/* Catergories, Tags, etc */
#content .postmetadata {margin: 0; text-transform: uppercase;}
#content #postleft {width: 220px; padding: 0 20px 0 0; overflow: hidden; float: left;}
#content #postleft h2.left + p {clear: both;}
#content div.postinfo p, #content #postleft p {color:#1fa8ca; margin: 5px 0; padding: 0; text-transform: uppercase;}
#content .postmetadata span, #content div.postinfo p span, #content #postleft p span {color: #fff; text-transform: none;}
#content div.halfcol {width: 440px; float: left; margin: 0 20px 0 0; display: inline;}

/* Archive */
#content p.error {font-size: 140%; margin: 20px 0;}

/* Comments*/
.commentlist li,#commentform input,#commentform textarea {font: 90% 'Constantina','Georgia','Nimbus Roman No9 L',serif;}
#commentform input{width:200px; margin: 3px 10px 3px 0; padding: 5px 10px;}
#commentform input#comment_email_back {width: 20px;}
#commentform textarea{width: 890px;padding:10px; margin: 3px 0 6px 0;}
#respond:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#content h3.comments {margin: 0 0 20px 0; color: #c30;}
#content h4 {text-transform: uppercase; font-weight: normal; font-size: 120%; margin: 0;}

.commentslist li {clear: both; margin: 0; padding: 0 0 20px 0; list-style-type:none;}
p.reply a {display: block; width: 200px; padding: 3px 10px; text-align: center;}
.commentslist ul {margin: 0 0 -10px 30px;}
#content .commentslist ul h4 {margin: 10px 0 0 0;}
.avatar {display: none;}

div#copreview {margin: 20px 0 0 0;}
div#copreview span.dots {margin: 10px 0;}
div#copreview div.meta {margin: 0 0 10px 0; text-transform: uppercase;}

/* Sidebar */
#sidebar h2, #content div.col h3 {color: #c30; background: url(images/h3_sidebar.png) repeat-x; height: 36px; margin: 0 0 10px 0; padding: 13px 0 0 0;}
#sidebar div.col3, #sidebar div.col3nomar {width: 280px; float: left; display: inline;}
#sidebar div.col3 {margin: 0 35px 0 0;}
#sidebar div.col3nomar {margin: 0;}
#sidebar form {margin: 0;}

#sidebar ul {padding: 0 0 40px 0; font-size: 110%}
#sidebar li {padding: 2px 0;}
#sidebar #twitter li {padding: 5px 0; font-size: 90%;}
#sidebar li ul {padding: 5px 0 10px 10px; font-size: 90%;}
#sidebar li ul li {padding: 1px 0;}
#sidebar li ul a, #sidebar #twitter a {color:#1fa8ca;}
#sidebar p.result {font-size: 90%;}
#sidebar a {color: #fff;}

/* Footer */
#footer {background: url(images/bg_header.png); clear:both; height: 120px; padding: 40px 0; text-align: left;}
#footerinner {width: 960px; margin: 0 auto;}
#footerinner img.left {margin: 2px 50px 0 0;}
#footerinner h3 {margin-bottom: 10px;}
#footerinner p {margin: 5px 0 0 0; font-size: 115%;}