/*
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;
cursor : default;
color : #fff;
background-color : #000;
}

a:hover {
color: #FFA800;
}

p {
color: #aaa;
}

.commentlist p {
color: #999;
}

cite {
font-style: normal;
font-weight: bold;
}

#formlogin {
font-size: 10pt;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background: #535640;
	color: #6C7053;
	border: 1px solid #0B198C
}

#formlogin .logininput {
background-color: #940000;
color: black;

}

.loginsubmit {
font-size: 10pt;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

body #loginboxm {
overflow: auto;
background-color: #B20000;
}

.bio {
background: #000 url(images/bg_bio.jpg) no-repeat 20% 40%;
}

.news {
background: #000 url(images/bg_news.jpg) no-repeat 20% 40%;
}

.discography {
background: #000 url(images/bg_discography.jpg) no-repeat 20% 40%;
}

.musician {
background: #000 url(images/bg_music.jpg) no-repeat 20% 40%;
}

.director {
background: #000 url(images/bg_director.jpg) no-repeat 20% 40%;
}

.contact {
background: #000 url(images/bg_contact.jpg) no-repeat 20% 10%;
}

.singlepost {
background: #000 url(images/bg_post.jpg) no-repeat 20% 10%;
}

ul.controls li.comments a, ul.controls li.comments {
background-color: #fff;
color: red;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding: 2px;
}

ul.controls li.comments {
margin-right: 200px;
}

#blog .gallerylayer {
margin: 0;
padding: 0;
}

#blog .gallerylayer img {
margin: 0;
padding: 0;
}

#blog #fadeshow1 {
margin: 0;
padding: 0;
}

p {
margin: 15px 0;
}

#blog .sociable ul li {
float: left;
padding: 7px;
}

#blog .sociable .sociable_tagline {
padding: 0 0 5px 0;
background: none;
}

#blog .sociable {
margin:0;
padding: 0;
background: none;
}

.controls {
clear: left;
margin-top: 10px;
}

#nav {
background-color: #DD0011;
border-left: #fff 5px solid;
margin-bottom: 5px;
}

#nav li {
float: left;
padding: 0 2px;
}

#nav a {
padding: 2px 2px 2px 2px;
display: block;
text-decoration: none;
font-size: 11px;
font-weight: bold;
color: #fff;
font-family: sans-serif, Verdana, Arial;
}

#nav a:hover {
color: black;
}

a, a * {
cursor : pointer;
text-decoration : underline;
color : #fff;
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, 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;
}
#float {
display : none;
}
h1 a, h1 a b, .block, h3, h3 span, #photos a {
text-decoration : none;
}
h1 b, h3 span, #beijing, #traveling, #float, #photos a, #pack h2, #tips h2, #activities.bej h2 {
color : #E5E5E5;
}
h1 b {
color : #ff0099;
}
#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%;
z-index : 70;
overflow: auto;
}
#menu div {
z-index : 81;
width : 100%;
top : 0;
height : 100%;
/*
opacity:0.6;
filter:alpha(opacity=70);
*/
}
#menu ul {
top : 62px;
z-index : 82;
left : 7px;
}

#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 {
left : 10px;
z-index : 80;
width : 980px;
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;
border-bottom-color : #373737;
text-transform : uppercase;
line-height : 20px;
position : relative;
padding : 30px 30px 10px 30px;
margin : 0 -30px 10px -30px;
font-size: 130%;
}
h3 span {
font-size: 100%;
left : auto;
right : 530px;
top : 29px;
background : #000;
text-align : center;
padding : 0 5px;
white-space : nowrap;
}
a:hover h3 {
text-decoration: underline;
font-size: 100%;
}

h3 a {
text-decoration: none;
background-color: #DD0011;
color: #fff;
border-left: #fff 5px solid;
padding: 3px 4px;
}

h3 a:hover {
color: #000;
}

.box {
top : 20%;
left : 200px;
padding-bottom : 100px;
}
.box div {
padding : 20px 30px;
background-color: transparent; 
background-image: url(images/bgt.png);
}
#tbg {

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

/*
.sml img {
margin-bottom : 1em;
display : block;
width : 520px;
}
*/

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