/*
Theme Name: City Dreams
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 {
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;
margin-right: 10px;
color : #ffda00;
}

h7 {
margin-top: 20px;
}


h8 {

color : #3d210a;
}
#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, #music_menu, #press_menu, #contact_menu, #photos_menu, #shows_menu, #bio_menu {
display : block;
}

#sidebar{
 width: 190px;
 float: right;
 margin-top: -20px;
 margin-right: 10px;
 margin-bottom: 40px;
 text-align: center;
 border-left: 1px solid #000000;
}

#left_side{  width:500px;
             float:left;


}

#menu ul, .sml div, #photos a, #feed h5 {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
}
#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, #music_menu, #Press_menu, #Contact_menu, #Photos_menu, #Shows_menu, #Bio_menu {
color : #fff;
}
#menu h1 a, h1 b, #music_menu, #Press_menu, #Contact_menu, #Photos_menu, #Shows_menu, #Bio_menu {
color : #ffda00;
font-size : 14px;
}
#menu h1 a, #menu h1 a:focus#shanghai, #beijing, #pack h2, #tips h2, #music_menu, #Press_menu, #Contact_menu, #Photos_menu, #Shows_menu, #Bio_menu {
text-align : right;
}
#bg, #wrap, .box, h1, #menu, #menu div, #menu ul, h3 span, #photos, #photos img, #float, #music_menu, #Press_menu, #Contact_menu, #Photos_menu, #Shows_menu, #Bio_menu {
position : absolute;
left : 0;
}
#bg {
width : 200%;
height : 200%;
top : -50%;
left : -50%;
z-index: -1;
}
#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;
}

.space{ 
margin-top: 10;
}




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

#menu {
background: url(images/news-side.png) no-repeat;
top : 20px;
left : 0px;
z-index : 80;
width : 66px;
height : 750px;
line-height : 12px;
}

#shows_menu {
background: url(images/shows-side.png) no-repeat;
top : 20px;
left : 0px;
z-index : 243;
width : 66px;
height : 750px;
line-height : 12px;
}

#bio_menu {
background: url(images/bio-side.png) no-repeat;
top : 20px;
left : 0px;
z-index : 215;
width : 66px;
height : 750px;
line-height : 12px;
}

#press_menu {
background: url(images/press-side.png) no-repeat;
top : 20px;
left : 0px;
z-index : 222;
width : 66px;
height : 750px;
line-height : 12px;
}

#contact_menu {
background: url(images/contact-side.png) no-repeat;
top : 20px;
left : 0px;
z-index : 205;
width : 66px;
height : 750px;
line-height : 12px;
}

#photos_menu {
background: url(images/photos-side.png) no-repeat;
top : 20px;
left : 0px;
z-index : 160;
width : 66px;
height : 750px;
line-height : 12px;
}


#music_menu{
background: url(images/music-side.png) no-repeat;
top : 20px;
left : 0px;
z-index : 200;
width : 66px;
height : 750px;
line-height : 12px;
}



h1 {
left : -161px;
top : 0;
}


h3 {
text-transform : uppercase;
line-height : 20px;
border-bottom: 1px solid #000000;


}
.date {
text-transform : uppercase;
background : #000000;
text-align : center;
margin-right: 10px;
height: 8px;
color: #e0e0e0;
float: left;
margin-top: 10px;
width: 50px;
padding-bottom: 0px;
}

#title{
text-transform : uppercase;
border-bottom: 1px solid #000000;
text-align : left;
line-height : 16px;
margin-right: 40px;
margin-top: 10px;
padding-bottom: 0px;
margin-bottom: 12px;
color: #000000;
font-size: 15px;
}

a:hover h3 {
text-decoration : underline;
}

.box {
top : 20px;
left : 200px;
margin-top: 0px;
border:1px solid #000000;
background : #e0e0e0;
opacity:0.85;
filter:alpha(opacity=85);

}

.box div {

}

.sml {
width : 740px;
left : 120px;

}
.sml div {
font-size : 11px;
line-height : 1.5em;

}
.sml img {


}
.sml h2 {
font-size : 40px;
padding-left: 25px;

}
#content {
padding-left: 25px;
padding-right: 18px;
text-align: justify;
width: 720px;

}

p{ margin-bottom: 16px;

}


.alignleft {
               float: left;
               margin-right: 8px;
               margin-bottom: 8px;
}

.alignright {
               float: right;
               margin-left: 8px;
               margin-bottom: 8px;
}

#shanghai, #beijing {
left : auto;
right : 120px;
top : 20%;

}
#blog, #photos, #pack, #tips, #intro.sml, #activities {
right : auto;
left : 90px;

}
#blog div, #intro div, #activities div {
padding-top : 0;
padding-bottom : 10px;

}
.sml, #beijing, #pack {
top : 5%;

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