/*
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 : #000000;
}
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 : #000000;
}
h8 {

color : #000000;
}
#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, .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;
}

.bandbio{ float: left;
margin-right: 8px;
border: 1px solid #000000;

}

#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 : 75%;
left: -1px;

background : #f9eeb1;
opacity:0.95;
filter:alpha(opacity=95);

}
.space{ 
margin-top: 10;
}

#menu ul {
top : 14px;
z-index : 82;
left: 8px;
}
#menu li {
height : 20px;
float : left;
width : 100px;
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 : #000000;
font-weight : bold;
}

#menu li.cur li.cur a, #menu li.cur a, #menu li.cur li a:focus, #menu li.cur li.cur li a:focus, #menu li.cur li.cur li.cur a {
background : url(images/pil.gif);
color : #000000;
}

#menu li.cur li.cur li a:hover, #menu li.cur a:hover, #menu li.cur li a:hover, #menu a:hover, #menu a:focus {
background : url(images/pil.gif);
color : #ffda00;
}

#menu ul ul {
position : absolute;
left : 80px;
top : 0;
border-left : 1px solid #444;
height : 75px;
padding-left : 12px;

}
#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 : 20px;
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 : 70px;
background : #664621 url(http://dunlap.dot5hosting.com/justfriends/owls.gif) no-repeat 40px 7px;
font-weight : normal;

}
#menu h1 a:hover {
background : #9c8226 url(http://dunlap.dot5hosting.com/justfriends/owls.gif) no-repeat 40px 7px;
color : #372005;
}
h3 {
margin-top: 18px;
text-transform : uppercase;
border-bottom: 1px dotted #000000;

}

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

.box {
margin-top: 0 auto;

}

.box div {

}

.aligncenter{
 border: 1px solid #000000;
 margin-bottom: 8px;
}

.alignright{
 border: 1px solid #000000;
 float: right;
 margin: 0 0 3px 10px;
}

.alignleft{
 border: 1px solid #000000;
 float: left;
 margin: 0 10px 3px 0px;
}

.nav_alignright{
float: right;

}

.nav_alignleft{
 float: left;
}


.sml {
width : 388px;
left: 32%;

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

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

}
.content {
width: 350px;
padding-left: 18px;
padding-top: 15px;
padding-right: 10px;
text-align: justify;

}



#shanghai, #beijing {
left : auto;
right : 120px;
top : 20%;
}
#blog, #photos, #pack, #tips, #intro.sml, #activities {
margin: 0 auto;
}
#blog div, #intro div, #activities div {
padding-top : 0;
padding-bottom : 10px;
}
.sml, #beijing, #pack {

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