/*
Theme Name: auhopu
Theme URI: http://auhopu.com/
Description: Auhopu theme based on Kubrick.
Version: 1.0
Author: Elias Politis
Author URI: http://auhopu.com/
Tags: black, custom header, fixed width, two columns, widgets
*/

/* reset start */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,textarea,blockquote,pre,form,input,fieldset,table,th,td,span {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,a,address,caption,cite,code,dfn,em,input,li,p,small,strong,th,var {font-style:normal;font-weight:normal;}
fieldset,img,input,textarea {border:0;}
ol,ul {list-style:none;}
/* reset end */

/* palette:
#000000 panel bg
#202020 bg
#a0a0a0 text
#ffffff links, headers
#582834
*/

body {
	background: #202020 url('http://img.auhopu.com/site/grad80to32.png') no-repeat center top;
	color:#a0a0a0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	text-align:center;
}
a {color:#ffffff;text-decoration:none;}
a:link {color:#ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #ffffff; text-decoration: underline;}

h1 {color: #ffffff; font-size: 18px;}
h2 {color: #ffffff; font-size: 16px;}
h3 {color: #ffffff; font-size: 14px;}
h4 {color: #ffffff; font-size: 10px;}
strong {color: #ffffff;}
.sub {vertical-align: sub;}

#wrapper {
	margin: 0px auto;
	text-align: left;
	width: 800px;
}

#header {
	background: #000000 url('http://img.auhopu.com/site/logo40.png') no-repeat 664px center;
	height: 40px;
	margin: 0px 0px 20px 0px;
}

#header li { float: left; padding: 0px 10px; } 
#header li a { line-height: 40px; font-size: 18px; }
li.trip { color: #ffffff; }
li a:hover { text-decoration: none; }

/* when idle, only show the current */
li span { visibility: hidden; } /* 1+1=2 */
li.current span { visibility: visible; } /* 1+10+1=12 */
/* when focus on the nav bar, hide the current and show the focused */
ul li:hover span { visibility: visible; } /* 1+1+1=3 */
ul:hover .current span { visibility: hidden; } /* 1+10+1=12 */
/* ...but show the current if on focus */
ul li.current:hover span { visibility: visible; } /* 1+1+10+1=13 */

#main { background: #000000; margin: 0px 0px 20px 0px; width: 100%; }

.galleryrow { margin: 0px auto; text-align:center; width: 100% }
#row1 { padding: 20px 0px 10px 0px; }
#row2 { padding: 10px 0px 20px 0px; }
.galleryrow a { display: block; float: left; padding: 0px 40px; }
.galleryrow img { display: block; padding: 0px 0px 10px 0px; }

#gallerynav {
	background: #000000;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px;
	text-align:center;
	width: 100%;
}
#gallerynav li { display:inline; margin:0px 5px; }

#gallery {
	background: #000000;
	margin: 0px 0px 20px 0px;
	width: 100%;
}
#gallery a {
	display:block;
	float:left;
	height:144px;
	padding:8px 7px 8px 8px;
	text-align:center;
	width:144px;
}
#gallery a:hover {background:url('http://img.auhopu.com/site/slide1.jpg') no-repeat center center;}
#gallery img.landscape {display:block;margin:32px auto 32px auto;}
#gallery img.portrait {display:block;margin:12px auto 12px auto;}

#content { float: left; width: 600px; }

.post { background: #000000; margin: 0px 0px 20px 0px; padding: 10px; }
.post h2 { padding: 0px 0px 5px 0px; }
.post h4 { padding: 0px 0px 15px 0px; }

.entry p { padding: 0px 0px 10px 0px; text-align: justify; }
.entry ul { list-style: square inside none; padding: 0px 0px 10px 0px; }
.entry .postmetadata { padding: 5px 0px 0px 0px; }
.quotation { font-style: italic; }
.entry p.quote {
	background: #ffffff;
	color: #000000;
	letter-spacing: 1px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align: center;
}

.archivetitle, .searchtitle, .navigation {
	background: #000000;
	margin: 0px 0px 20px 0px;
	padding: 10px;
}

.newer { float: left; }
.older { float: right; }

#comments { background: #000000; margin: 0px 0px 20px 0px; width: 100%; }
#commenthead { padding: 10px; }
.commentnavi { padding: 10px; }
.comment { padding: 10px; }
.comment p { text-align: justify; }
.comment-meta { padding: 5px 0px; }
#respond { padding: 10px; } 
#respond h3 { padding: 0px 0px 10px 0px; }
#commentform p { padding: 5px 0px 0px 0px; }
.comment-author img { padding: 0px 5px 0px 0px; }

#author, #email, #url, #comment {
	background: #202020;
	color: #ffffff;
}

#sidebar {
	background: #000000;
        float: right;
	margin: 0px 0px 20px 0px;
	padding: 10px;
        width: 160px;
}
#sidebar ul { margin: 5px 0px 15px 0px; }
#sidebar li a:hover { text-decoration: underline; }

#searchbox {
	background: url('http://img.auhopu.com/site/searchbox80to32.png') left top;
	color: #ffffff;
	font-size: 14px;
	width: 160px;
}
#searchform fieldset { display: block; margin: 0px 0px 15px 0px; }
#searchform label { display: none; }

#tags { margin: 5px 0px 15px 0px; }
#rss { margin: 15px 0px 0px 0px; } 
#rss img { vertical-align: bottom; }
#rss span { font-size: 14px; }


#banner { margin: 20px 0px 10px 0px; }
#adsense { float: left; padding: 0px 20px 0px 96px; }
#lunar { float: left; }

#footer { background: #000000; padding: 5px; text-align: center; }

#aboutimg { display: block; float: left; padding: 10px; }
#about { float: right; padding: 10px 10px 10px 0px; text-align: justify; width: 530px; }
#about p { padding: 0px 0px 10px 0px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.clear { clear: both; }