/*   
Theme Name: blackness
Theme URI: THEME_WEBSITE
Description: A very dark HTML5 theme
Author: Dan Fekete
Author URI: http://thefekete.net/
Version: 0.1

    The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html

*/


/*
    BASICS
*/
body{
	background:black url('images/backgrounds/smoke.jpg') no-repeat top right;
	background-attachment: fixed;
	color:silver;
	font-family:sans-serif;
	font-size:1em;
	margin:2em auto;
	width:960px;}
header,footer,section,article,aside,nav,details{
	display:block;}
/* LINKS */
a:link,a:visited{
	color:#D96C00;
	text-decoration:none;}
a:hover,a:active{
	color:#F80;
	text-decoration:none;}
a>img{
	border:none;}
h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,h1 a:visited,
h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited,h1 a:hover,
h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:active,h2 a:active,
h3 a:active,h4 a:active,h5 a:active,h6 a:active{
	text-decoration:none;}


/*
    BOXES
*/
body>header, body>section, body>footer, body>aside{
	background:rgba(255, 255, 255, 0.1);
	border:3px solid rgba(0, 0, 0, 0.25);
	border-radius:18px;
	-moz-border-radius:18px;
	margin:0 0 18px;
	padding:1em;}


/*
    HEADER
*/
body>header h1{
	font-size:3em;
	letter-spacing:0.25em;
	margin:0;
	padding:0;
	text-align:right;}
body>header p{
	margin:0;
	padding:0;
	text-align:right;}


/*
    MAIN NAV
*/
body>header>nav{
	margin:1.5em -1em -1em;}
body>header>nav li>a:hover,body>header>nav li>a:active{
	color:black;
	text-decoration:none;}
body>header>nav li>ul li>a:hover,body>header>nav li>ul li>a:active{
	color:#F80;
	text-decoration:none;}
body>header>nav>ul{
	-moz-border-radius:15px;
	background:rgba(255, 255, 255, 0.1);
	border-radius:15px;
	height:36px;
	list-style:none;
	margin:0;
	padding:0 9px;}
body>header>nav>ul>li{
	display:inline;
	float:left;
	margin:9px 0;
	position:relative;}
body>header>nav>ul>li:hover{
	-moz-border-radius:10px;
	background:rgba(255, 128, 0, 1);
	border-radius:10px;}
body>header>nav>ul>li:hover>ul{
	display:block;}
body>header>nav>ul>li>a:link,body>header>nav>ul>li>a:visited,body>header>nav>ul>li>a:hover,body>header>nav>ul>li>a:active{
	font-weight:bold;
	margin:0;
	padding:1em;
	text-decoration:none;}
body>header>nav>ul>li>ul{
	-moz-border-radius:10px;
	background:rgba(0, 0, 0, 0.85);
	border:3px solid rgba(255, 255, 255, 0.15);
	border-radius:10px;
	display:none;
	list-style:none;
	margin:0;
	padding:3px;
	position:absolute;
	width:12em;
	z-index:500;}
body>header>nav>ul>li>ul>li{
	-moz-border-radius:10px;
	border-radius:10px;
	margin:0 0 5px;
	padding:0.1em 0.5em;}


/*
    MAIN CONTENT
*/
body>section{
    padding-top:0.7em;
    padding-bottom:0;
	float:left;
	width:665px;}
/* CONTENT HEADER, FOOTER NAVs */
body>section>header>nav, body>section>footer>nav{
	font-size:0.7em;
	padding:0;
	margin:0 0 0.2em;
	clear:both;}
body>section>header>nav a,body>section>footer>nav a{
    /* bread crumbs */
	margin:0 0 9px;
	float: none;}
body>section>header>nav a[rel~="next"],body>section>footer>nav a[rel~="next"]{
    /* next link */
	float:right;}
body>section>header>nav a[rel~="prev"],body>section>footer>nav a[rel~="prev"]{
    /* prev link */
	float:left;}


/*
    POST (<article>)
*/
body>section>article{
	clear:both;
	margin:18px 0 48px;}
/* POST HEADER */
body>section>article>header{
	margin:0 0 0.5em;
	padding:0;}
body>section>article>header h2{
    font-size: 1.2em;
	border-bottom:3px solid rgba(225, 225, 225, 0.15);
	margin:0;}
body>section>article>header time{
	display:block;
	font-size:.7em;
	margin:0;
	padding:0;
	text-align:right;}
/* POST BODY */
body>section>article p{
	margin:0 0 1em;
	padding:0;}
body>section>article blockquote{
	background:transparent url('images/quote.png') no-repeat;
	clear:both;
	margin:1em 0;
	padding:0 50px;}
/* POST IMAGES */
article img.aligncenter{
	display:block;
	margin:1em auto;}
article img.alignleft{
	display:block;
	float:left;
	margin:1em 1em 1em 0;}
article img.alignright{
	display:block;
	float:right;
	margin:1em 0 1em 1em;}
/* POST FOOTER */
body>section>article>footer{
	clear:both;
	font-size:.7em;
	width:100%;}


/*
    SIDEBAR
*/
body>aside{
	float:right;
	font-size:.8em;
	width:210px;}
body>aside h2{
	font-size:1.2em;
	margin:0;
	padding:0;}
aside>ul{
	margin:0;
	padding:0;}
aside>ul>li{
	list-style:none;
	margin:0 0 2em;
	padding:0;}
aside>ul>li ul{
	margin:0 0 0 0.75em;
	padding:0 0 0 1em;}
aside>ul>li ul>li{
	list-style:none;
	margin:0;
	padding:0;}
aside>ul>li>ul{
	border-left:3px solid rgba(225, 225, 225, 0.1);}


/*
    SEARCH
*/
form#searchform{
	margin:0 auto;
	position:relative;
	width:100%;}
form#searchform>button{
	-moz-border-radius:5px;
	background:rgba(255, 255, 255, 0.15) url('images/search.png') no-repeat top left;
	border:3px solid rgba(255, 255, 255, 0.15);
	border-radius:5px;
	cursor:pointer;
	height:28px;
	margin:0;
	text-indent:-9999px;
	width:28px;}
form#searchform>button:hover,form#searchform>input:hover,form#searchform>input:focus{
	background-color:rgba(255, 255, 255, 0.25);}
form#searchform>input{
	-moz-border-radius:5px;
	background:rgba(255, 255, 255, 0.15);
	border:3px solid rgba(255, 255, 255, 0.15);
	border-radius:5px;
	color:white;
	height:18px;
	margin:0;
	padding:2px;
	width:168px;}


/*
    FOOTER
*/
body>footer{
	clear:both;
	font-size:.7em;
	padding:.5em;
	text-align:center;}
body>footer p{
	margin:0.5em 0;
	padding:0;}


/*
    COMMENTS
*/
textarea {
    color: white;
    background:rgba(255, 255, 255, 0.15);
	border:3px solid rgba(255, 255, 255, 0.15);
	border-radius:10px;
	-moz-border-radius:10px;
	padding: 10px;
}
textarea:hover,textarea:focus{
	background-color:rgba(255, 255, 255, 0.20);}