/*
Theme Name: Lateral WordPress Theme
Theme URI: http://www.wearelateral.com
Version: 1.1
Description: Based on the Lateral.
Author: Marcel Winatschek
*/
#copyright{
	display:none;
}
* {
border:0 solid #EEEEEE;
list-style:none outside none;
margin:0;
padding:0;
}
html, body, table, td {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:cover;
background-attachment:fixed;
background-color:transparent;
background-image:url("http://www.wearelateral.com/wp-content/themes/lateral/images/bg.jpg");
background-repeat:repeat;
height:100%;
width:100%;
}
body {
background-color:#000000;
color:#000000;
cursor:default;
font:13px "Helvetica Neue","Helvetica",Arial,sans-serif;
}
a, a * {
color:#000000;
cursor:pointer;
outline:0 none;
text-decoration:underline;
}
h1, h2, h4, h5, h3 span {
font-size:100%;
font-weight:normal;
}
h2 {
color:#FFFFFF;
font-size:60px;
margin-bottom:10px;
}
textarea#comment {
background:none repeat scroll 0 0 #EEEEEE;
height:120px;
margin:20px 0;
padding:5px;
width:450px;
}
#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 {
text-decoration:none;
}
#menu h1 a, h1 b, h3 span, #beijing, #traveling, #float, #photos a, #pack h2, #tips h2, #activities.bej h2 {
color:#FFFFFF;
}
#menu h1 a, h1 b {
color:#FF0099;
}
#menu h1 a, #menu h1 a#shanghai:focus, #beijing, #pack h2, #tips h2 {
text-align:right;
}
#bg, #wrap, .box, h1, #menu, #menu div, #menu ul, h3 span, #photos, #photos img, #float {
left:0;
position:absolute;
}
#bg {
left:-50%;
top:-50%;
width:200%;
}
#bg td {
text-align:center;
vertical-align:middle;
}
#bg img {
margin:0 auto;
min-height:50%;
min-width:50%;
}
#wrap {
top:0;
width:100%;
z-index:70;
}
#menu div {
background:none repeat scroll 0 0 #FFFFFF;
height:100%;
opacity:0.6;
top:0;
width:100%;
z-index:81;
}
#menu ul {
left:12px;
top:8px;
z-index:82;
}
#menu li {
clear:both;
float:left;
height:12px;
width:110px;
}
#menu a, #menu li.cur li a, #menu li.cur li.cur li a {
background:none repeat scroll 0 0 transparent;
color:#333333;
display:block;
font-weight:bold;
padding:0 5px;
width:100px;
}
#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 {
background:url("images/pil.gif") repeat scroll 0 0 transparent;
color:#CCCCCC;
}
#menu ul ul {
border-left:1px solid #444444;
height:48px;
left:126px;
padding-left:7px;
position:absolute;
top:0;
}
#feed div {
height:0;
overflow:hidden;
padding:0;
}
#feed h5, #feed p {
border-top-width:1px;
padding:15px 0 25px;
width:440px;
}
#feed h5 {
cursor:pointer;
font-weight:bold;
height:20px;
line-height:20px;
padding:0 5px;
text-transform:uppercase;
width:430px;
}
h1, #menu {
height:63px;
left:141px;
line-height:12px;
position:fixed;
top:40px;
width:275px;
z-index:80;
}
h1 {
left:-161px;
position:absolute;
top:0;
}
#menu h1 a, #menu h1 a:focus {
background:url("images/go.gif") repeat-x scroll 0 -30px #FFFFFF;
font-size:11px;
font-weight:normal;
height:30px;
line-height:30px;
padding:33px 10px 0 0;
width:150px;
}
#menu h1 a:hover {
background:none repeat scroll 0 0 #000000;
color:#FF0099;
}
h3 {
border-bottom-width:1px;
line-height:20px;
margin:0 -30px 10px;
padding:30px 30px 10px;
position:relative;
text-transform:uppercase;
}
h3 span {
background:none repeat scroll 0 0 #000000;
left:auto;
padding:0 5px;
right:530px;
text-align:center;
top:29px;
white-space:nowrap;
}
a:hover h3 {
text-decoration:underline;
}
.box {
left:200px;
padding-bottom:100px;
top:20%;
}
.box div {
background:none repeat scroll 0 0 #FFFFFF;
padding:0 30px;
}
.sml {
left:120px;
width:520px;
}
.sml div {
font-size:11px;
line-height:1.5em;
}
.sml img {
display:block;
height:auto;
margin-bottom:1em;
width:440px;
}
.sml img {
height:300px;
width:auto;
}
.sml h2 {
font-size:40px;
}
#shanghai, #beijing {
left:auto;
right:120px;
top:20%;
}
#blog, #photos, #pack, #tips, #intro.sml, #activities {
left:630px;
top:56px;
}
#blog div, #intro div, #activities div {
padding-bottom:30px;
padding-top:0;
}
.sml, #beijing, #pack {
top:15%;
}
#photos {
bottom:41px;
height:20px;
overflow:hidden;
right:40px;
z-index:90;
}
#photos a, #float {
background:url("images/gal.gif") no-repeat scroll -6px 5px #000000;
cursor:pointer;
height:20px;
line-height:20px;
text-align:center;
width:40px;
z-index:90;
}
#photos a {
background:none repeat scroll 0 0 #000000;
float:left;
font-weight:bold;
margin-left:1px;
width:20px;
}
#photos a:hover, #photos a.cur {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
}
#photos img {
bottom:-9999px;
}
#float.nxt {
background-position:-16px 5px;
}
#float.prv {
background-position:7px 5px;
}