/*
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;
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;
color : #000;
}
a {
text-decoration : underline;
color : #000;
}
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, #menu h1 a:focus#shanghai, #beijing, #pack h2, #tips h2 {
text-align : right;
}

.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 {
top : 30px;
left : 30px;
width : 150px;
height : 300px;
z-index : 80;
background-color:#FFFFFF;
}

h1 {
margin: 20px;
}

#menu ul {
margin-top: 210px;
}

#menu li {
margin-left: 20px;
height : 12px;
float : left;
width : 80px;
clear : both;
}

#menu li a:hover,a:active{
color:#FF33CC;
}

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 : #fff;
text-align : center;
padding : 0 5px;
white-space : nowrap;
color : #ff0099;
}

.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;
display : block;
}
.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;
}











table.t001 { border-collapse: collapse;
	width: 460px;
	border:  1px #E3E3E3 solid;
	text-align:left;
}

table.t001 th {
	width: 50px;
	font-size: 110%;
	text-align:center;
	vertical-align: super;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	background-color: #000000;
	border: 1px #E3E3E3 solid; 
}

table.t001 th span {
	width: 50px;
	text-align:center;
	color: #ff0000;
	padding: 0px;
	margin: 0px;
	border: none; 
}

table.t001 td {
	padding: 10px;
        color: #000;
        background-color: #fff;
	border-bottom:  1px #E3E3E3 solid; 
}

table.t001 td.a1{
        color: #fff;
        background-color: #000;
}

table.t001 td.a1 a{
        color: #fff;
}

table.t001 tr {
	border-bottom:  1px #E3E3E3 solid; 
}

table.t001 .event_name {
font-size: 100%;
color: #000;
padding: 0 0 10px 10px  !important;
margin: 0 0 10px 0  !important;
background-color: #fff;
background-image: url(http://www.afterhour-s.com/image/title_bg.png);
background-repeat: repeat;
letter-spacing: 4pt;
font-weight: bold;
}

table.t001 .event_name span{
color: #fff;
background-color: #000000;
padding: 3px;
margin-top: 5px;
line-height: 330%;
}

table.t001 .detail {
color: #000000;
padding: 5px 0px 5px 5px !important;
margin: 10px 0 0 0 !important;
background-color: #666666;
letter-spacing: 2pt;
font-weight: bold;
}

.tablelist {
    width: 460px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

.tablelist th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
.tablelist td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.party{
margin:0 !important;
padding:0 !important;
}

.party img {
display: inline;
margin: 1px;
}