/*
Theme Name: Ninja Air
Theme URI: http://siriokun.com/
Description: A HTML 5 theme for WordPress. Breath the air of Ninja world.
Version: 1.0
Author: Rio Purnomo
Author URI: http://siriokun.com/
Tags: css3, html5, minimalist, sky, blue
*/
/*default styling*/
a{text-decoration: none}
a:link, a:visited {color: #36F}
a:hover, a:active {color: #555}
img{border:0}
html { background: url(images/_bg0.jpg) 0 37px repeat-x; }
body {
 background: url(images/_bg.jpg) center 37px no-repeat;
 color:#333;
 margin:0;
 font:.82em/15pt Tahoma, Geneva, sans-serif;
}
.me img{float:left;margin:7px 10px 0 0}
/*same style in different elements*/
.air, #nav ul {
 margin: 0 auto;
 width: 960px;
}
#header, #section {
 width: 600px;
 float: left;
}
#header h1, #header h2 {display:none}
/*header*/
#header {
 color: #666;
 height: 80px;
 margin-top:35px;
 text-align:right
}
#header h1 { margin: 0 0 1em; }
#header a:link, #header a:visited {
 text-decoration: none;
 color: #777;
 padding:1px 7px 5px;
}
#header a:hover, #header a:active {
 background:#fff;
 text-decoration: none;
}
/*navigation*/
#nav {
 text-align: center;
 clear: both;
 background: #333;
 border-bottom:2px solid #222;
 padding: 10px 0;
}
#nav ul {
 text-align: left;
 padding:0
}
#nav li {
 margin-right: 20px;
 font-weight: bold;
 display: inline;
}
#nav a:link, #nav a:visited, #footer a:link, #footer a:visited {
 color: #80C1E6;
 text-decoration:none
}
#nav a:hover, #nav a:active, #nav .current_page_item a, #footer a:hover, #footer a:active { color: #fefefe; }
/*section content*/
blockquote { color:#666; font-family: Arial, Helvetica, sans-serif; font-style:italic}
blockquote a:link, blockquote a:active {color:#369}
pre {
 border-left: 8px solid #eee;
 color:green;
 font-size:1.2em;
 padding: 0 1em
}
form[method=post] label { display: block; }
form[method=post] input {
 margin: 2px 0 12px 0;
 display: block;
}
label[for=s] { display: none; }
.avatar {
 float:left;
 margin-right:10px
}
#respond h4, #respond article cite{font-style:none;font-weight:normal;font-size:11px}
#respond cite{font-weight:bold}
#respond article{margin:30px 0 30px 60px}
#respond article .avatar{float:left;margin-left:-60px}
.released {text-align:center; margin:25px 0; padding: 10px 0; border:1px solid #ccc; border-width:1px 0}
h1, h2, h3 { font-family:'Puritan', Arial, Helvetica, sans-serif; word-spacing:3pt; text-transform:uppercase;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.page #section h1{margin:45px 0 80px}
h2 a:-webkit-any-link,
h2 a{color:#444; text-decoration:none}
h2 a:visited{color:#999}
h2 a:hover{color:#333}
.blog h1, .blog h2{font-size:2.5em;line-height:28pt}
#more {
 margin:50px 0;
 text-align:center
}
#more a{
 background:#fefefe;
 border:1px solid #eee;
 border-radius:35px;
 margin:0 35px;
 text-decoration:none;
 padding:10px 15px;
}
#more a:hover{border-color:#ccc}
/*aside on the right*/
#aside {
 overflow: hidden;
 width: 300px;
 float: right;
 clear: none;
}
#aside ul{padding:0}
#aside li { list-style: none; }
#aside li ul li { list-style: square; }
.page #section, .single #section { margin-top: 110px }
.page #aside, .single #aside { margin-top: 115px }
.page h1 { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:7em; font-weight:bold; text-align:right; text-transform:uppercase}
/*footer*/
#footer {
 background: #333 url(http://dl.dropbox.com/u/2927070/pic/rust.jpg) 0 0 repeat-x;
 color:#fff;
 padding: 10px 0 35px;
 clear: both;
 text-align:center
}
#footer .tag {
 margin:15px auto 60px;
 line-height:30pt
}
#footer .tag a { color: #fff;
 text-decoration:none;
 white-space: nowrap;
 margin:0 5px;
 padding:7px 10px 7px;
}
#footer .tag a:link, #footer .tag a:visited { background:#222; }
#footer .tag a:hover, #footer .tag a:active {
 background:#333;
}
/*css3*/
#header a:link, #header a:visited, #footer .tag a:link, #footer .tag a:visited {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.widgettitle{margin-top:35px}
/*img bg*/
#section img{background:#ccc url(images/_bg.jpg) center top;border:1px solid #9e9e9e;border-width:1px 1px 0 0;padding:8px;border-radius:4px}
#section .avatar{background:none;border:0;padding:0}
#section .wp-smiley{background:none;border:0;padding:0;vertical-align:middle}
/*responsiveness*/
@media only screen and (min-width:200px) and (max-width:800px) {
h1, h2, h3{font-family:Arial, Helvetica, sans-serif}
.air,#nav ul,#header,#section,#aside{float:none;width:auto}
#section,#aside{margin:10px}
#aside{background:#eee;padding:10px 30px}
#nav{margin-top:35px}
#nav li,#nav a{display:block}
#nav a{padding:10px}
.page h1{color:#333;font-size:2em}
footer>p{display:none}
}
/*webkit only*/
html{overflow:auto}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:start:decrement{display:block;height:0;right:20px}
::-webkit-scrollbar-button:end:increment{display:block;height:0;right:20px}
::-webkit-scrollbar-button:vertical:increment{background:#222}
::-webkit-scrollbar-track-piece{background-color:#ddd}
::-webkit-scrollbar-thumb:vertical{height:43px;background-color:#999;border:1px solid #ddd}
::-webkit-scrollbar-thumb:horizontal{width:30px;background-color:#999;border:1px solid #ddd}
::-webkit-scrollbar-thumb:vertical:active{border-width:1px 2px 1px 2px}
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover{background-color:#666}
::-moz-selection,
::selection{color:#333;background:#80C1E6}