/*

Theme Name: City Dreams

Theme URI: http://www.amypink.com

Version: 1.0

Description: The Official 2208 AMY & PINK Design.

Author: Marcel Winatschek

Author URI: http://www.amypink.com

*/



* {

border : 0 solid #eee;

list-style : none;

padding : 0;

margin : 0;

}

html, body, #wrap, #bg table, #bg td {

width : 100%;

height : 100%;

overflow : hidden;

}

body {

font : 13px "Helvetica Neue", "Helvetica", Arial, sans-serif;

background-color : #000;

cursor : default;

color : #000;

}

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 {

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 : #ff0099;

}

#menu h1 a, #menu h1 a:focus#shanghai, #beijing, #pack h2, #tips h2 {

text-align : right;

}

#bg, #wrap, .box, h1, #menu, #menu div, #menu ul, h3 span, #photos, #photos img, #float {

position : absolute;

left : 0;

}

#bg {

width : 200%;

height : 200%;

top : -50%;

left : -50%;

}

#bg td {

vertical-align : middle;

text-align : center;

}

#bg img {

min-height : 50%;

min-width : 50%;

margin : 0 auto;

}

#wrap {

top : 0;

width : 100%;

height : 100%;

overflow : auto;

z-index : 70;

}

#menu div {

z-index : 81;

width : 100%;

top : 0;

height : 100%;

background : #fff;

opacity:0.6;

filter:alpha(opacity=70);

}

#menu ul {

top : 8px;

z-index : 82;

left : 12px;

}

#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 : #333;

font-weight : bold;

}

#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);

color : #fff;

}

#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, #menu {

top : 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 : 33px 10px 0 0;

font-size : 11px;

width : 150px;

line-height : 30px;

height : 30px;

background : #fff url(images/go.gif) repeat-x 0 -30px;

font-weight : normal;

}

#menu h1 a:hover {

background : #000;

color : #ff0099;

}

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;

}

a:hover h3 {

text-decoration : underline;

}

.box {

top : 20%;

left : 200px;

padding-bottom : 100px;

}

.box div {

background : #fff;

padding : 20px 30px;

}

.sml {

width : 520px;

left : 120px;

}

.sml div {

font-size : 11px;

line-height : 1.5em;

}

.sml img {

margin-bottom : 1em;





}

.sml h2 {

font-size : 40px;

}

#shanghai, #beijing {

left : auto;

right : 120px;

top : 20%;

}

#blog, #photos, #pack, #tips, #intro.sml, #activities {

left : auto;

right : 200px;

}

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

}