/* @override http://xiubeijing.com/wp-content/themes/xiubeijing/style.css */

/*
Theme Name: Xiu Beijing Bar Template
Theme URI: http://xiubeijing.com
Description: An originally designed template for the Park Hyatt Beijing 
Version: 1.6
Author: Alex Dodkin
Author URI: http://eggplantdigital.cn
*/

#menu-wrap { float: left; }

/* remove all the bullets, borders and padding from the default list styling */
#menu-wrap ul { padding: 0; margin :0; list-style-type: none; }
#menu-wrap li, #menu-wrap a, #menu-wrap div { padding: 0; margin: 0; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu-wrap ul li { float: left; }

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    display: block;
    line-height: 1.2;
    padding: 5px 24px;
    font-size: 12px;
}

#menu-wrap li.selected_page{    
    line-height: 1.2;
}
#menu-wrap .icl_first a {
	width: 36px;
	text-align: center;
}

.cms-nav-clearit { display: none; }

/* Framework */
body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 75%;
	
}

#container, #header, #navi, #content, #sidebar, #footer {
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 900px;
	margin: 10px auto;
}
#container {
	background: url(images/event_bg.gif) repeat-y right top #D9DA55;
}
#container.homepage, #container.event-galleries, #container.event-gallery, #container.private-parties {
	background-color: transparent;
}

#header {
	width: 900px;
	height: 84px;
	background:url(images/header_bg.png) no-repeat;
}

#navi {
	width: 900px;
	height: 24px;	
	background:url(images/nav_bg.png) no-repeat;
	border-bottom: #FFF 1px solid;
	border-top: #FFF 1px solid;
}

#content {
	/*width: 660px;*/
	float: left;
}

#page-content {
	width: 670px;
	float: left;
	padding: 15px;
	/*background:#FFF;*/
}

#sidebar {
	width: 180px;
	min-height: 430px;
	float: right;
	background: url(images/sidebar_bg.png) no-repeat;
	padding: 0 30px;
}

#footer {
	clear: both;
	width: 900px;
	height: 24px;
	background-color: #000;
}

#logo {
	background:url(images/logo.gif) no-repeat;
	width: 165px;
	height: 84px;
	text-indent: -5000;
}

#logo a {
	display: block;	
}

/* Homepage */
#home-intro, #privparty-intro {
	padding: 10px;
	background-color: #333;
	width: 681px;
	min-height:245px;
}
#home-intro h2, #privparty-intro h2 {
	color: #fff;
	margin-bottom: 10px;
}
#home-intro p, #privparty-intro p {
	color: #ccc;
	margin: 0 0 10px;
}
#weekly-events {
	color: #fff;
	margin: 20px 10px 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
}
#content h3 {
	text-transform: uppercase; font-size: 14px;
	margin-bottom: 10px;
	color: #fff;
}
#weekly-events img { margin-bottom: 15px; }
#weekly-events h4 {
	text-transform: uppercase;
	margin: 0;
}
#weekly-events .event-single {
	float: left;
	width: 153px;
	margin-right: 20px;
}
#weekly-events #event-4 {
	margin-right: 0;
}
#news-awards {
	padding-bottom: 20px;
}
#news-awards ul {
	margin: 0; padding: 0; list-style: none;
}
#news-awards ul li {
	color: #fff;
	line-height: 22px;
}
#past-events {
	background: url(images/bg_event-slider.jpg) repeat-x left top;
	padding: 15px;
}
#past-events h3 {
	text-transform: uppercase; font-size: 14px;
	margin-bottom: 10px; padding-left: 32px;
	color: #fff;
}
#past-events .browse {
	float: left;
	width: 11px; height: 120px;
	background-image: url(images/icn_event-slider-arrow.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px; overflow: hidden;
	cursor: pointer;
}
#past-events .browse.prev { background-position: left center; margin: 0 10px 0 0; }
#past-events .browse.next { background-position: right center; margin: 0 0 0 10px; }

#event-slider {
	width: 860px;
	float: left;
}
#event-slider li {
	float: left;
	width: 110px; height: 165px;
	margin: 0 13px; padding: 0;
	color: #fff;
}
#event-slider img {
	width: 110px; height: 110px;
	margin-bottom: 10px;
}
#event-slider a, #event-slider span {
	color: #fff;
	text-decoration: none;
	display: block;
}
#event-slider span {
	font-size: 11px;
}
#event-slider span.event-title {
	margin-bottom: 3px;
	font-weight: bold;
}
#event-slider span.event-date {
	color: #ccc;
}


/* Weekly Theme Events page */
.entry-single {
	background-color: #fff;
	padding: 15px;
	margin-top: 15px;
}
#event-1, #entertainment-1 { margin-top: 0; }

.entry-single img {
	float: left;
	margin-right: 15px;
}
.entry-content {
	float: left;
	width: 325px; height: 238px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
}
.post-16 .entry-content, .post-36 .entry-content {
	height: 295px;
}
#event-1 .entry-content { border-color: rgb(153, 51, 0); }
#event-2 .entry-content { border-color: rgb(255, 255, 0); }
#event-3 .entry-content { border-color: rgb(205, 146, 51); }
#event-4 .entry-content { border-color: rgb(153, 153, 153); }

.entry-single h3 {
	margin-bottom: 15px;
	font-size: 22px;
	color: #666;
}
.entry-single h3 span {
	display: block; line-height: 1.3;
}
.entry-single .event-day { font-size: 14px; color: #777; font-weight: normal; text-transform: uppercase;
	letter-spacing: 0px;
}
.entry-single .event-title { font-size: 22px; }
.entry-content ul, .entry-content li {
	list-style-position: outside;
}
.entry-single p, .entry-single li {
	font-weight: normal;
	color: #666;
}
.entry-single li {
	font-weight: normal;
	color: #666;
	margin-bottom: 5px;
	line-height: 1.3;
}

/* Private Party */
#privparty-intro #column-1, #privparty-intro #column-2 {
	float: left; width: 320px;
	padding: 10px;
}
#privparty-intro #column-2_1, #privparty-intro #column-2_2 {
	float: left; width: 150px;
}
#privparty-intro h4 {
	font-size: 12px;
	margin-bottom: 5px;
}
#privparty-intro h4, #privparty-intro ul, #privparty-intro li {
	color: #ccc;
}
#privparty-intro ul {
	margin: 5px 0;
	padding-left: 15px;
	line-height: 1.2em;
}



/* Main Elements */

ul.main li a {
	display:block;
	text-decoration:none;
	color: #ccc;
	line-height: 1.2;
	padding: 5px 24px;
	font-size: 12px;
}
ul.main li a:hover, ul.main li.selected_page a {
	background:#D9DA55;	
	color:#000;
	padding: 5px 24px;
	text-decoration: none;
}
.main li {
	float:left;
	position:relative;
	list-style:none;
	cursor: pointer;
}
.main ul {
	position:absolute;
	display:none;
	width:12em;
	z-index: 100;
}


ul.lang {
	float: right;
	margin-right: 10px;
	padding-top: 3px;
}

ul.lang li {
	color: #fff;
	display: inline;
}

ul.lang li a {
	text-decoration:none;
	color: #ccc;
	padding: 5px 10px;
	font-size: 12px;
}

ul.lang li a:hover {
	text-decoration: underline;
}

/* Common Classes */

#sidebar .block, .block_left, .block_right {
	margin: 0;
	padding: 0;
}

.white-bg {
	background: #FFF;
	padding: 15px;
}

.block {
	border-bottom: #FFF 1px solid;
	padding-bottom: 10px;
}

.block_left {
	float: left;
	width: 55px;
}

.block_right {
	float: left;	
	width: 110px;
}

.alignleft {
	clear: both;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img {
    /*	clear: left; */
}

/* Typography */

h1, h2, h3, h4, p, ul, ol, li, a {
	margin: 0;
	padding: 0;
}
#page-content ul, #page-content ol {
	padding-left: 16px;
	list-style-position: inside;
}

h2 {
	margin-bottom: 8px;	
	color: #b5121b;
	font-weight: normal;
}
h3 {
	clear: both;
}

p {
	font-size: 12px;	
	line-height: 1.4;
	margin-bottom: 8px;
}

a {
	color: #b5121b;
}

a:hover {
	text-decoration: none;
}

#sidebar a {
	color: #FFF;
	text-decoration: none;
}

#sidebar a:hover {
	color: #FFF;
	text-decoration: underline;
}


#sidebar h2 {
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 13px;

}

#sidebar p {
	font-size: 12px;
	color: #FFF;
	line-height: 1.6;
}

#sidebar p.arrow-icon a {
	color: #FFF;
	text-decoration: none;
	background: url(images/arrow.gif) no-repeat;
	padding-left: 15px;
}

#sidebar p.arrow-icon a:hover {
	text-decoration: underline;	
}

#footer p {
	color: #666;
	font-size: 11px;
	text-align: right;
}
#ed_footer {
	float: left;
	font-size: 10px !important;
}

#ed_footer, #ed_footer a, #ed_footer a:hover, #ed_footer a:visited, #ed_footer a:active, #ed_footer a:focus {
	color: #444 !important;
	text-decoration: none;
}
#ed_footer a:hover, #ed_footer a:active, #ed_footer a:focus {
	text-decoration: underline;
}

/* Forms */

#sign-up-form input.inputbox {
	width: 165px;
	height: 16px;
	margin-top: 6px;
	margin-bottom: 1px;
}

#sign-up-form input.btn {
	float: right;
	margin: 6px 10px 0 0;
}

/* Sidebar */

.reservation {
	height: 108px;	
}

.signup {
	height: 160px;
}

/* Events Galleries page's css 

--------------------------------------------------------------------*/
#page-content h1 { color:#fff; font-size:24px; font-weight:normal; line-height:30px; margin-bottom:10px;}
#event-sidebar{
	width: 168px;
	min-height: 430px;
	float: right;
	padding: 0 19px 0 13px;
}
#event-sidebar a {
	color: #FFF;
	text-decoration: none;
}
#event-sidebar a:hover {
	color: #FFF;
	text-decoration: underline;
}
#event-sidebar h2 {
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	margin-bottom: 15px;
	margin-top: 13px;
	text-transform:uppercase;
}
#event-sidebar p {
	font-size: 12px;
	color: #FFF;
	line-height: 1.6;
}
#event-sidebar p.arrow-icon a {
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
}
#event-sidebar p.arrow-icon a:hover {
	text-decoration: underline;	
}
.latest_event { height:310px;*height:320px;}

/* caroussel */
#caroussel { width:670px; height:337px; border-right:1px #313131 solid;border-bottom:1px #313131 solid;}
#caroussel-thumb { width:670px; height:53px; background:#222 url(images/scroll_bg.png) no-repeat left; padding-top:2px;}
#caroussel-thumb div { float:left;}
#caroussel-thumb div img { border:none;}
#caroussel-thumb div.prev img{ margin-right:12px;}
#caroussel-thumb div.prev { margin-left:43px;*margin-left:22px;}
#caroussel-thumb div.prev,#caroussel-thumb div.next { margin-top:15px;}
.thumb a {width:95px; height:58px; margin-right:12px;display:block; float:left; margin-top:3px;}
.thumb a.selected { background:url(images/selected.png) no-repeat center; }
.thumb a.selected img { margin:1px 0 0 1px;}
.caroussel-content { position:relative; height:282px;}
.caroussel-content .photo-info {
	color:#fff;position:absolute; left:0; bottom:0; height:20px; line-height:20px; background:url(images/transparent.png) repeat-x; *background:#000; width:670px; text-indent:10px;}
.photo-info p {
	margin: 0;
}
#caroussel span.see-more {
	font-size: 24px !important;
}

#stickypost .panel-overlay {
	text-align: right;
}
#stickypost .panel-overlay a {
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 30px;
}

.block img { border:none;}
.photo_achive div { float:left; padding-bottom:10px;}
.photo_achive div img { float:left;}
.photo_achive div p { padding-left:61px;}
#event-sidebar #sign-up-form input.inputbox {
	width: 158px;
	height: 16px;
	margin-top: 6px;
	margin-bottom: 1px;
}
.signup {
	/**height: 180px;*/	
}
.photo-listing,.photo-listing img,.photo-info { float:left;}
.photo-listing { margin-top:12px; width: 335px;}
.photo-listing .photo-info { width: 160px; }
.photo-info p { color:#fff;}
.photo-info p span { font-weight:bold;}
.photo-listing img { margin-right: 12px; }
.photo-thumb { float:left; position: absolute; bottom: 0; left: 160px; /*margin-top: 68px;*/}
.photo-thumb img { border:none; margin-right:3px;}
#photo-album .photo-listing { position: relative; }
p{ color:#fff;}
.red { color:#b71427;}
#album-listing img { border:none; margin: 7px;}
/*#album-listing img.even { margin-right:0;}*/
#navi {	*margin-top: -3px; }
.backlink {
	margin: 0 0 15px;
	display: block;
}


.clearfix { clear: both; }
a img { border: none; }


/* =WPML Navigation --------------------------------------------- */

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    text-decoration: none; 
    color: #ccc;
}
/* top level items on hover */
#menu-wrap ul li a:hover, #menu-wrap ul a:focus, #menu-wrap ul a:active{    
    background-color: #D9DA55;
    color: #000;
}
/* style selected page in the top menu */                                  
#menu-wrap li.selected_page a {    
    color: #000 ;
    background-color: #D9DA55;
}