/*
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:link, a:visited {
 text-decoration: underline;
 color: #36F;
}
a:hover, a:active {
 text-decoration: none;
 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:#666;
 margin:0;
 font:.82em/15pt Tahoma, Geneva, sans-serif;
}

/*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;
 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
}
.released {text-align:center; margin:25px 0; padding: 10px 0; border:1px solid #ccc; border-width:1px 0}
h1, h2 { letter-spacing:-2pt;}
h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; word-spacing:2pt; text-transform:uppercase}
.page #section h1{margin:45px 0 80px}
#section h2{ font-size:2em;margin:5.8em 0 0}
h2 a:link, h2 a:active{color:#444; text-decoration:none}
h2 a:visited, h2 a:hover{color:#666; text-decoration:none}
#more {
 margin:50px 0;
 text-align:center
}
#more a{
 background:#eee;
 margin:0 35px;
 text-decoration:none;
 padding:15px;
}
/*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;
 color:#fff;
 padding: 10px 0 35px;
 clear: both;
 text-align:center
}
#footer .tag {
 margin:35px auto 135px;
 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;
}