/*
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
*/

* { 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; }
.clear { clear:both; }
a, a * { cursor : pointer; text-decoration : underline; color : #000; outline : 0; }
img { border:none; }
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; }
#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 : 63px; zoom:1; 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: 1px solid #eee; 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 : #222; color : #ff0099; }
#menu li { text-transform: uppercase; }
h3 { border-bottom : 1px solid #eee; 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; }
#content { background : #fff; padding : 20px 30px; width: 460px; }
.sml { width : 520px; left : 120px; }
.sml div { font-size : 12px; line-height : 1.5em; }
.sml h2 { font-size : 40px; text-transform:uppercase; }
#shanghai, #beijing { left : auto; right : 120px; top : 20%; }
#blog, #photos, #pack, #tips, #intro.sml, #activities { left : auto; right : 200px; }
#blog .entry, #intro .entry, #activities .entry { 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; }



/* widget-slider */
#loopedSlider-wrapper { background:#000; position:absolute; width:100%; opacity:0.5; filter:alpha(opacity=50); height:16px; _overflow:hidden; bottom:0; _bottom:-1px; z-index:999; }
.on #slider-btn-panel{ background:url(images/btn_slider.gif) no-repeat center -20px; cursor:pointer;}
.off #slider-btn-panel{ background:url(images/btn_slider.gif) no-repeat center 0; cursor:pointer;}
#slider-block { position:relative; height:270px; width:960px; overflow:hidden; }
#slider-block .container { position:relative; height:137px; width:840px; overflow:hidden; margin:0 auto; }
#slider-block .container div { opacity:0; z-index:0; position:absolute; top:0; left:0; padding:0 20px; }
#slider-block .container div div { opacity:1; z-index: auto; position:static; padding:0px; }
#loopedSlider { position:relative; width:960px; margin:0 auto; z-index:999; }
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; }
#loopedSlider li#p { position:absolute; top:100px; left:30px; }
#loopedSlider li#n { position:absolute; top:100px; right:30px; }
#slider-block ul.widget { float:left; width:245px; font-size:12px; padding-top:20px; margin-right:30px; color:#eeeeee; }
#slider-block ul.last { margin-right:0px; }
#slider-block ul.widget h3 { font-family:Arial; color:#fff; font-size: 12px; border-bottom:1px solid #222; font-weight:bold; margin:0; padding:5px 0; }
#slider-block ul.widget a { color:#fff; text-decoration:none; }
#slider-block ul.widget a:hover { text-decoration:underline;}
#slider-block ul.widget li ul { padding:0; margin:0; }
#slider-block ul.widget li ul li { padding:5px 0; }
#slider-block .textwidget td { padding:1px;}


.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.comment-meta a{ font-size:10px;}
.commentlist li { padding:10px 0 15px; border-bottom:1px solid #eee}
.entry p { margin:0 0 0.5em;}
.entry ul, .entry ol { margin:1em 0; padding:0 0 0 20px;}
.entry ul li { list-style:disc inside;}
.entry ol li { list-style:decimal inside;}