/*
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
*/

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;}

/* 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:hover {text-decoration: underline;}
a:active, a:focus {outline: none 0px;}

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%; }
.galleryitem { float: left; padding: 20px 0px 0px 20px; }
.lastitem { padding: 20px 0px 20px 20px; }
.galleryitem a { display: block; height: 240px; width: 240px; }
.galleryitem a:hover { text-decoration: none; }
.galleryitem a:hover span { visibility: visible; }
#cuba { background: url('http://img.auhopu.com/site/cuba2.jpg') no-repeat; }
#nepal { background: url('http://img.auhopu.com/site/nepal2.jpg') no-repeat; }
#patagonia { background: url('http://img.auhopu.com/site/patagonia2.jpg') no-repeat; }
#tanzania { background: url('http://img.auhopu.com/site/tanzania2.jpg') no-repeat; }
#alaska { background: url('http://img.auhopu.com/site/alaska2.jpg') no-repeat; }
#ladakh { background: url('http://img.auhopu.com/site/ladakh2.jpg') no-repeat; }
#arizona { background: url('http://img.auhopu.com/site/arizona2.jpg') no-repeat; }
#texas { background: url('http://img.auhopu.com/site/texas2.jpg') no-repeat; }
#newzealand { background: url('http://img.auhopu.com/site/newzealand2.jpg') no-repeat; }
.galleryitem span {
	background: #000000;
	display: block;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	opacity: 0.5;
	padding: 0px 5px 0px 5px;
	visibility: hidden;
}


#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; padding: 0px 0px 10px 0px; width: 100%; }
#gallery a { display:block; float:left; height:124px; padding:8px 0px 0px 8px; text-align:center; width:124px; }
#gallery a:hover img {border:white solid 1px;}
#gallery img {display:block;}

.print { background-color: #000000; margin: 0px 0px 20px 0px; padding: 10px 10px 0px 10px; text-align: justify;}
.print p { padding: 0px 0px 10px 0px; }
.printimage { padding: 0px 0px 10px 0px; }
.printcaption { padding: 0px 0px 10px 0px; }
.printtitle { display: block; float: left; }
a.printcart {
	background: url('/img/site/cart22x16.png') no-repeat 0px 0px;
	display:block;
	float: right;
	height:16px;
	width:22px;
}
a.printcart span {display:none;}
a.printcart:hover {background-position: -22px 0px;}

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

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

.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; text-transform: lowercase; }

.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 { padding: 0px 0px 10px 0px; 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; }
#subscribe { margin: 15px 0px 0px 0px; } 
#subscribe img { vertical-align: bottom; }
#subscribe 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; }

.about {
	float: left;
	height: 240px;
	padding: 20px 0px 20px 20px;
	text-align: justify;
	width: 240px;
}
.about p { line-height: 16px; }
.abouttop { padding: 0px 0px 15px 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; }