/*-----------------------------------------------------------------------
When China Met Africa
-----------------------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/

@import url(../../../../__/css/generic/reset.css);
@import url(../../../../__/css/generic/helpers.css);
@import url(branding/header.css);
@import url(branding/navigation.css);
@import url(modules/forms.css);
@import url(branding/footer.css);
@import url(../../../../__/javascripts/shadowbox/shadowbox.css);
@import url(../../../../__/css/modules/flash_data.css);

/* =Elements
-------------------------------------------------------*/
body {visibility:hidden !important;} /* frixed cufin "jumping" */
.cufon-ready body {visibility:visible !important;}
html {
	background:#ffe506 url(../i/bg.jpg) 50% 0 fixed no-repeat;
	}
	body {
		height:100%;
		background: transparent;
		width:100%;
		min-height:100%;
		height:auto !important;
		height:100%;
		font-family: Tahoma, Helvetica, Arial;
		color:#000;
		}
		a:link {
			color:#ce0000;
			text-decoration:none;
			}
		a:visited {
			color:#ce0000;
			text-decoration:none;
			}
		a:hover {
			text-decoration:underline;
			}
		a:active {
			text-decoration:none;
			outline:none;
			}
		h1, h2, h3, h4, h5, h6 {
			line-height:1;
			text-transform:uppercase;
			color:#d41d00;
			}
			.content h2 {
				padding:0;
				border-bottom:1px solid;
				margin:0 0 15px;
				font-size:3.6em;
				letter-spacing:-1px;
				}
			.content h3 {
				padding:0 0 .3em;
				font-size:2.4em;
				}
			.content h4 {
				font-size:1.8em;
				color:#000;
				}
			h5 {
				font-size:1.2em;
				}
			h6 {
				font-size:1.1em;
				}
		.content p,
		.content ul {
			padding:0 0 1em;
			line-height:1.2;
			font-size:1.4em;
			}
		.content img {
			border:1px solid #fff;
			margin:0 16px 16px 0;
			}
			.content img.right {
				margin-left:16px;
				}
			
/*		hr {
				display: block;
				border-color: #666;
				border-bottom-width: 1px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-top-width: 0px;
				border-style: solid;
				padding: 0;
				margin: 10px auto 5px auto
		}*/

/* =Layout elements
-------------------------------------------------------*/
.container {
	width:940px;
	margin:0 auto;
	}
	.content {
		float:left;
		width:615px;
		padding:0 20px;
		min-height:250px;
		}
		body#Home .content {
			width:655px;
			padding:0;
			}
		
		body#Shop.index .content {
			width: 880px;
			}
		
	.sidebar {
		float:right;
		width:265px;
		min-height:200px;
		}
		body#Shop.index .sidebar {
			display: none;
			}

/* =Sidebar
-------------------------------------------------------*/
.sidebar h6 {
	clear:both;
	padding:0 0 4px;
	font-size:2.2em;
	letter-spacing:-1px;
	}
.sidebar ul {
	overflow:hidden;
	margin:0 0 15px;
	line-height:1;
	}
	ul.bars li {
		position:relative;
		height:22px;
		margin:0 0 8px;
		text-indent:-999em;
		background:url("../i/actionBars.png") 0 0 no-repeat;
		}
		ul.bars li.buy {
			height:24px;
			background-position:0 -22px;
			}
		ul.bars li.download {
			height:24px;
			background-position:0 -119px;
			}
		ul.bars li.facebook {
			text-indent:0;
			height:29px;
			margin-bottom:3px;
			background-position:0 -46px;
			}
			ul.bars li.facebook iframe {
				margin:4px 0 0 40px;
				}
		ul.bars li.twitter {
			background-position:0 -75px;
			}
		ul.bars li.join {
			background-position:0 -97px;
			}
			ul.bars li a {
				display:block;
				height:100%;
				outline:none;
				}
	ul.spread {
		float:left;
		}
		ul.spread li {
			overflow:hidden;
			float:left;
			width:28px;
			height:28px;
			text-indent:-999em;
			margin:0 0 0 10px;
			background:url(../i/icons.png) 0 0 no-repeat;
			}
			ul.spread li:first-child {
				margin:0;
				}
			ul.spread li.flike {
				background-position:-28px 0;
				}
			ul.spread li.email {
				background-position:-56px 0;
				}
				ul.spread li.email span {
					display:none;
					}
			ul.spread li.in {
				background-position:-84px 0;
				}
			ul.spread li.del {
				background-position:-112px 0;
				}
			ul.spread li.w {
				background-position:-140px 0;
				}
			ul.spread li.share {
				background-position:-168px 0;
				}
				ul.spread li a {
					display:block;
					height:100%;
					}

/* =Content items
-------------------------------------------------------*/
.content a.trailer {
	display:block;
	height:269px;
	margin:0 0 30px;
	text-indent:-999em;
	background:url(../i/trailerBg.jpg) 0 0 no-repeat;
	}
p.quote {
	position:relative;
	line-height:1.4;
	font-size:1.9em;
	padding-top: 10px;
	text-transform: uppercase;
	}
body#Home div.homeText p {
	font-size:2.2em;
	letter-spacing: -1px;	
	}

body#Home p.quote {
	font-size:2.6em;
	letter-spacing: -1px;
	width: 200px;
	padding-right: 15px;
	float: left;
	}

body#Home p {
	text-align: center;
	}
	/* body#Home p.quote {
		padding:0 0 0 158px;
		}
		 body#Home p.quote:before {
			position:absolute;
			top:0;
			left:0;
			width:130px;
			height:41px;
			content:'';
			background:url(../i/logo.png) 100% 0 no-repeat;
			} */
	p.quote q {
	/*	font-weight:bold;*/
	/*	quotes: '“' '”' "'" "'"*/
		}
		p.quote q:before,
		p.quote q:after {
			display:inline-block;
			width:10px;
			height:7px;
			margin:0 2px 0 0;
			content:'';
	/*		font-size:29px;
			color:#d41d00;*/
			vertical-align:top;
			background:url(../i/quotesBg.png) 0 0 no-repeat;
			}
			p.quote q:after {
				margin:0 0 0 2px;
				}
		p.quote cite {
			font-weight:normal;
			font-size:14px;
			letter-spacing: 0;
			padding-top: 5px;
			clear: left;
			}

/* =Gallery
-------------------------------------------------------*/
ul.stills {
	clear:both;
	width:630px;
	padding:0;
	margin:0 0 0 -15px;
	list-style:none;
	}
	ul.stills li {
		float:left;
		padding:0 0 7px 15px;
		}
		ul.stills li a {
			}
			ul.stills li a img {
				margin:0;
				border-color:#000;
				}
				ul.stills li a:hover img {
					border-color:#fff;
					}
ul.stills+h3 {
	clear:both;
	}

/* Screenings */

body#Screenings h4 {
	text-transform: none;
	}

body#Screenings ul.screeningList {
	padding: 20px 0 0 0;
	list-style:none;
	}

body#Screenings ul.screeningList li {
	padding: 8px 0 0 0;
	}

body#Screenings span.screeningDate {
	display: block;
	width: 70px;
	text-align: center;
	float: left;
	background-color: #d42100;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px 0;
	font-size: 14px;
	margin: 0 8px 8px 0;
	font-weight: bold;
	}
	
	
	
/* SHOP */

body#Shop div.content img {
	border: 0;
	}

ul.products {
	list-style: none;
	width: 610px;
	padding: 20px 0;
	margin:0;
	list-style-image:none;
	}
	
	body#Shop.index ul.products {
		width: 940px;
		}
	
	ul.products li {
		padding: 0;
		margin:0 10px 0 0;
		width: 190px;
		float: left;
		text-align: center;
		}
		
		body#Shop.index ul.products li {
		margin-right: 25px;
		}
		
		ul.products li p {
		font-size: 13px;
		}

		ul.products li h3 {
		font-size: 24px;
		}
				
div.shopContent {
	margin-left: 220px;
	}

div.shopContent dl {
	font-size: 16px;
	}

.product-image {
	float: left;
	margin:0;
	}

body#Shop .column.first dl dt {
	float:left;
	}
	body#Shop .column.first dl dd {
		margin:0 0 4px 100px;
		}
	
ul.shopNav {

	}
		
/* =Basket
-------------------------------------------------------*/
div.purchases {
	padding:25px 0 !important;
	margin:0 0 45px;
	}
	.purchases table {
		width:100%;
		border:none;
		margin:0 0 25px;
		color:inherit;
		}
		.purchases table thead {
			border-top:2px dotted;
			border-bottom:2px dotted;
			line-height:1;
			text-transform:uppercase;
			font-size:14px;
/*			background:
				url(http://whenchinametafrica.com/assets/i/border.png) center top repeat-x,
				url(http://whenchinametafrica.com/assets/i/border.png) center bottom repeat-x;*/
			}
			.purchases table thead tr {
				border: none;
				}
			.purchases table th {
				padding:14px 15px;
				}
/*				.purchases table th.price {
					padding-right: 0;
					text-align: right;
					}*/
		.purchases table tr {
			border-bottom:2px dotted #aaa;
			}
			.purchases table td {
				padding:16px 0;
				text-align:center;
				}
				.purchases table tr:first-child td {
					padding-top:20px;
					}
					.purchases table .item {
						text-align:left;
						padding-right:10px;
						}
						.purchases table .item img {
							float:left;
							margin:0 18px 0 0;
							}
						.purchases table .item h6 {
							padding-top:10px;
							padding-bottom:3px;
							text-transform:none;
							font-size:18px;
							font-style:italic;
							line-height: 1;
							}
							.purchases table .item h6 br {
								clear: none;
								}
						.purchases table .item p {
							padding:0;
							font-size: 11px;
							line-height: 1.3;
							}
					.purchases table tr td.qty {
						font-size:20px;
						}
					.purchases table tr td.price {
						font-size:20px;
						padding-left:10px;
						}
					.purchases table tr td.remove {
						font-size:10px;
						font-weight:bold;
						font-style:italic;
						padding-left:15px;
						padding-right:20px;
						white-space:nowrap;
						text-align:right;
						}
	.purchases dl {
		float:right;
		clear:both;
		line-height:24px;
		}
		.purchases dl.total {
			width:100%;
			margin: 9px 0 38px;
			padding: 20px 0 22px;
			border-top:2px dotted;
			border-bottom:2px dotted;
			}
			.purchases dl dt {
				float:left;
				clear:left;
				width:100px;
				text-align:right;
				font-size:16px;
				font-weight:bold;
				}
				.purchases dl.total dt {
					width:500px;
					font-size:22px;
					}
			.purchases dl dd {
				margin:0 0 0 150px;
				font-size:20px;
				}
				.purchases dl.total dd {
					text-align:right;
					font-size:25px;
					}

	.purchases div.delivery,
	.purchases div.discount {
		border-top: 2px dotted #aaa;
		margin: 14px 0 0;
		padding: 12px 0 0;
		width:550px;
		float: right;
		}
		.purchases div.delivery label {
			padding-right: 5px;
			}
		.purchases div.delivery select {
			width: 160px;
			}
		.purchases div.discount button {
			margin:4px 0 0;
			font-size: 11px;
			}
			.purchases div.discount button:after {
				background: none transparent;
				}
			.purchases div.discount p {
				margin:0;
				line-height: 1.2;
				}
			.purchases div.discount label,
			.purchases div.discount input {
				display:block;
				width: 140px;
				height: 14px;
/*				margin:0 auto 20px;*/
				}
				.purchases div.discount label {
					float:none;
					clear:none;
					margin-bottom:0;
					text-align:left;
					}
				.purchases div.discount input {
					padding:4px;
					}
				.purchases div.discount .hover-wrap {
					float:left;
					margin:2px 12px 0 0;
					}
					.purchases div.discount .hover-wrap label {
							position: absolute;
							top:3px;
							left:10px;
							color:#737373;
							}
	.purchases ul.links {
		float:right;
		clear:both;
		padding:0;
		list-style:none;
		}
		.ie7 .purchases ul.links {
			min-width:260px;
			}
		.purchases ul.links li {
			float:left;
			margin:0 0 0 28px;
			font-size:14px;
			font-weight:bold;
			white-space:nowrap;
			}
			.sidebar ul.links li {
				margin:0;
				}
				.purchases ul.links li.continue a {
					font-style:italic;
					color:#9e0a0a;
					}
					.sidebar ul.links li.continue a {
						line-height:24px;
						font-size:13px;
						font-weight:normal;
						}
	.required,
	div.flash_error {
		color:#f00;
		}
		
		
		
ul.basketFoot {
	color: #000;
	clear: both;
	}