/*

Theme Name: akira sun

Theme URI: http://www.pixelklan.com

Version: 1.23

Description: akira theme full bg.

Author: pixelklan_group

Author URI: http://www.pixelklan.com

*/



* {

border : 0 solid #eee;

list-style : none;

padding : 0;

margin : 0;

}





html, body {

width : 100%;
height : 100%;
overflow : hidden;

}

body {

font : 13px "Helvetica Neue", "Helvetica", Arial, sans-serif;
background-color : #000;
cursor : default;
color : #000;

	/*background-image: url(images/photo_bg.jpg);*/



	background-position: 50% 50%;



}

a, a * {

cursor : pointer;
text-decoration : underline;
color : #000;
outline : 0;

}

h1, h2, h4, h5, h3 span {

font-size : 100%;
font-weight : normal;


}

h2 {

font-size : 60px;
margin-bottom : 10px;
color : #fff;

}

#bg a, #bg img, h1 a, .menu #menu, #menu li.cur ul, #menu ul li.cur ul li.cur ul, h3 span, .block, #float.nxt, #float.prv, #feed p {

display : block;

}

#menu ul, h3, .sml div, #photos a, #feed h5 {

font-family : Arial, Helvetica, sans-serif;

font-size : 10px;

}

#menu ul ul, #menu ul li.cur ul ul, #float {

display : none;

}

h1 a, h1 a b, #menu a, .block, h3, h3 span, #photos a, #footer a {

text-decoration : none;

}

#menu h1 a, h1 b, h3 span, #beijing, #traveling, #float, #photos a, #pack h2, #tips h2, #activities.bej h2 {

color : #fff;

}

#menu h1 a, h1 b {

color : #FFFFFF;

}

#menu h1 a, #menu h1 a:focus#shanghai, #beijing, #pack h2, #tips h2 {

text-align : right;
}
#menu h1 a{
	background-image: url(images/akira_btn.png);
	background-color: transparent;
}


h1, #menu div, h3 span, #photos, #photos img, #float {

position : absolute;
left : 0;
}


/* ----------------------------------------
            hintergrund
--------------------------------------------*/

#bg {
position : absolute;
width : 200%;
height : 200%;
top : -50%;
left : -50%;
}

#bg table {

width : 100%;
height : 100%;
overflow : hidden;
}

#bg td {
width : 100%;
height : 100%;
overflow : hidden;
vertical-align : middle;
text-align : center;
}

#bg img {

min-height : 50%;
min-width : 50%;
margin : 0 auto;
}


#bg_layer{

position : absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:10;
background-image:url(images/bg_layer.png);
}

/* hintergrund Ende*/
/* -------------------------------------
           BEGINN INHALT - CONTENT
---------------------------------------*/
#wrap {
position:absolute;
top : 0;
left:0;
width : 100%;
height : 100%;
overflow : auto;
z-index : 70;
}


#menu {
position : absolute;
width:100%;
z-index : 80;
left : 141px;
bottom: 30px;
line-height : 12px;
height : 65px;
}

.gross{
text-transform:uppercase}

#menu div {

z-index : 81;
width : 100%;
top : 0;
height : 100%;
background : #000000;
opacity:0.7;
filter:alpha(opacity=70);
padding:5px 0 0 5px;

}

/*#menu ul {

position:absolute;
top : 8px;
z-index : 82;
left : 12px;

}
*/
ul{
float:left;
width: 110px;
}



#menu li {

height : 12px;
float : left;
width : 110px;
clear : both;

}







#menu a, #menu li.cur li a, #menu li.cur li.cur li a {

	padding : 0 5px;
	display : block;
	width : 100px;
	background : none;
	color : #999999;
	font-weight : bold;
}
#submenu li a{
width:250px;
}

li a{
}



#menu a:hover, #menu a:focus, #menu li.cur a, #menu li.cur li a:hover, #menu li.cur li a:focus, #menu li.cur li.cur a, #menu li.cur li.cur li a:hover, #menu li.cur li.cur li a:focus, #menu li.cur li.cur li.cur a {
	color : #fff;
	background-image: url(images/akira_btn.png);
	background-repeat: repeat;
	background-position: 4px -84px;
}

#menu ul li a:hover {
/*padding-left:8px;*/
font-weight:bold}

#menu ul ul {

position : absolute;
left : 130px;
top : 0;
border-left : 1px solid #444;

height : 48px;

padding-left : 7px;

left : 126px;

}

#feed div {

height : 0;

overflow : hidden;

padding : 0;

}

#feed h5, #feed p {

padding : 15px 0 25px 0;

border-top-width : 1px;

width : 440px;

}

#feed h5 {

text-transform : uppercase;
padding : 0 5px;
cursor : pointer;
line-height : 20px;
height : 20px;
font-weight : bold;
width : 430px;

}

h1 {

bottom: 30px;
left : 141px;
z-index : 80;
width : 275px;
height : 63px;
line-height : 12px;

}



h1 {

left : -161px;
top : 0;

}

#menu h1 a, #menu h1 a:focus {
	padding : 40px 10px 0 0;
	font-size : 11px;
	width : 150px;
	line-height : 30px;
	height : 30px;
	font-weight : normal;
	background-color: transparent;
	background-image: url(images/akira_btn.png);
	background-position: 4px -4px;
}

#menu h1 a:hover, h1 b a:hover {


color : #FFFFFF;

}

h3 {

border-bottom-width : 1px;
text-transform : uppercase;
line-height : 20px;
position : relative;
padding : 30px 30px 10px 30px;
margin : 0 -30px 10px -30px;
}

h3 span {

left : auto;
right : 530px;
top : 29px;
background : #000;
text-align : center;
padding : 0 5px;
white-space : nowrap;


}

h3 span a{
	color:#FFFFFF;
	text-decoration: none;


}

a:hover h3 {

text-decoration : underline;

}

.box {
position:absolute;
top : 15%;
right : 150px;
width:500px;
padding-bottom : 100px;

}

.box .entry {
	padding : 0 30px 30px 30px;
	background-color: #fff;

}

.box .entry a{
text-decoration: none

}

.large{
font-size:13px;
right: 60px;
text-align:right;
top:20%;
font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
}

.large h2 {
font-size:60px;
color:#000000;

}

.sml {

width : 520px;
left : 120px;

}




.sml div {

font-size : 11px;

line-height : 1.5em;

}

/*.sml img {

margin-bottom : 1em;

display : block;

width : 460px;

}*/

.sml h2 {

font-size : 40px;

}

#shanghai, #beijing {

left : auto;

right : 120px;

top : 20%;

}

#blog, #photos, #pack, #tips, #intro.sml, #activities {

left : auto;

right : 150px;

}

c#blog div, #intro div, #activities div {

padding-top : 0;

padding-bottom : 30px;

}*/

.sml, #beijing, #pack {

top : 15%;

}

#photos {

z-index : 90;

bottom : 41px;

right : 40px;

height : 20px;

overflow : hidden;

}

#photos a, #float {

z-index : 90;

height : 20px;

line-height : 20px;

text-align : center;

width : 40px;

background : #000 url(images/gal.gif) no-repeat -6px 5px;

cursor : pointer;

}

#photos a {

width : 20px;

float : left;

margin-left : 1px;

background : #000;

font-weight : bold;

}

#photos a:hover, #photos a.cur {

background : #fff;

color : #000;

}

#photos img {

bottom : -9999px;

}

#float.nxt {

background-position : -16px 5px;

}

#float.prv {

background-position : 7px 5px;

}







#footer {
	position:absolute;
	bottom:7px;
	right:22px;
	z-index:120;
	font-size: 10px;
	color: #000000;
	opacity:0.7;
	filter:alpha(opacity=70);
	padding:5px 0 0 5px;
}
#footer a{
color: #000000;
}

#footer a:hover{

opacity:1;
filter:alpha(opacity=100);

}



/* blog �ltere neuere eintr�ge */

.alignleft {
float:left;
padding: 10px 0;}

.alignright {
float:right;
padding: 10px 0;}

.alignleft a,.alignright a{
text-decoration:none;
padding: 15px 30px;
}


#menu li.sfhover ul {
color:#FFFFFF;

  }

#menu li.sfhover{
color:#FFFFFF}

.current_page_item a{
color:FFFFFF}

current_page_item