/******************************************************************
Theme Name: China Wealth and Power
Theme URI: http://sliceinteractive.com
Description: Custom theme for China Wealth and Power
Author: Tamara Rice
Author URI: http://www.sliceinteractive.com
Version: 1.3
Tags: flexble-width, translation-ready, microformats, rtl-language-support
*/

@import "library/css/reset.css";

/*---------------------GLOBAL SETTINGS ------------------------*/

body{font-family: 'Oswald', ariel, helvetica, sans-serif; font-size: 110%; line-height: 115%; text-align: left; color: #666; background-color: #fff;}
#container {width: 984px; margin: 10px auto; background: #ffffff; position: relative;min-height:100%;}

body,td,th { color: #666; }
.alignright {float:right; margin-left: 40px;}
.alignleft {float:left; margin-right: 40px; }
.aligncenter {display:block; margin:0 auto; }
.clearfix:after { clear: both; }

/*---------------------FONTS ------------------------*/

a, a:link {	color: #ef3125; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

h1 { font-family: 'Oswald', ariel, helvetica, sans-serif; font-weight: 400; font-size: 190%; color: #ef3125; text-transform:uppercase;}
h2 { font-family: 'Oswald', ariel, helvetica, sans-serif; font-weight: 300;	color: #000; font-size: 16px; padding: 12px 0;text-transform:uppercase; }
h3 { font-family: 'Oswald', ariel, helvetica, sans-serif; font-size: 13px; text-transform:uppercase; color: #fff79a; font-weight:300;}
h4 { font-family: 'Oswald', ariel, helvetica, sans-serif; font-weight: 400; color: #000; font-size: 100%; text-transform: uppercase;}
h5 { font-family:Georgia, "Times New Roman", Times, serif; color: #ef3125; font-size: 100%; }
p {	font-size: 14px;	margin-bottom:1em; }
.authors {font-family: 'Oswald', ariel, helvetica, sans-serif;color: #000; font-size: 16px; padding: 0px; font-weight:400; display: inline;}
strong, b { font-weight: bold; }
em, i {	font-style: italic; }
code {	font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr {	font-size: 0.9em;	letter-spacing: .07em; }
a img { border: none; }

#hd{ text-align: left;	padding: 5px 20px 0px 20px;	height:170px; }
#hd h1{	font-size: 290%;	color: #FFFFFF; }
#hd h1 a{ text-decoration: none; color: #FFFFFF; }

h3 a:link, h3 a:hover, h3 a:visited{ color: #000000; }
.full-review {font-family:  Trebuchet MS, arial, sans-serif; font-size: 12px; color: #ef3125; text-transform:uppercase; }

/* --------------HEADER ------------------------------------- */

header { padding: 0px 0px 0px 0px; height: 20px; z-index: 10; background-color: #fff;}
header.fixed {position:fixed; top: 0px; width: 984px; height: 31px; padding-top: 10px;}
header.fixed #chapter-menu {margin-top:21px;}
#logo {float: left; width: 200px;height: 31px;}
#logo a {font-family: 'Oswald', ariel, helvetica, sans-serif; font-size: 110%; text-transform:uppercase; color: #000; text-decoration:none; }

.metadata{	line-height: 190%;	font-size: 75%;}
.metadata a:link, .metadata a:hover, .metadata a:visited{color: #ef3125; }
cite{ font-size: 95%; }
blockquote { margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd; }

#secondary, #third{	background-color:  ;	background-image: url(/); 	background-repeat: repeat;	text-align:left;	padding: 0px;	border: 0px #1A1A1A; SP_GRADIENT }
#secondary h4, #third h4{ color: #f7941e;	font-family: Trebuchet MS, arial, sans-serif; margin-top: 5px; padding: 3px; }
#secondary p, #third p{ 	padding: 3px; font-size: 70%; }
#third { margin-left: 9px; }

/* --------------   NAVIGATION ------------------------------------- */
nav {float: right;}
nav ul {list-style: none;}
nav ul li {float: left; margin-right: 120px; text-transform:uppercase; font-size: 13px; font-weight:300; height: 31px;}
nav ul li#menu-item-buy, nav ul li#menu-item-about {position: relative;}
nav ul li#menu-item-buy a {background-color: #ef3125; padding: 0px 6px; color: #fff!important; display: block;}
nav ul li#menu-item-buy a:hover {background-color: #ef3125; padding: 0px 6px; color: #fff!important;background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #CA0000 0%, #FE0000 100%);background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #CA0000 0%, #FE0000 100%);background-image: -o-radial-gradient(left top, ellipse farthest-corner, #CA0000 0%, #FE0000 100%);background-image: -webkit-gradient(radial, left top, 0, left top, 1012, color-stop(0, #CA0000), color-stop(1, #FE0000));background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #CA0000 0%, #FE0000 100%);background-image: radial-gradient(ellipse farthest-corner at left top, #CA0000 0%, #FE0000 100%);}
nav ul li#menu-item-buy li a {background-color: #fff; color: #000!important;display: inline; }
nav ul li#menu-item-buy li a:hover {background-color: #fff!important; color: #ef3125!important;background-image:none!important; }
nav ul li#menu-item-search {margin-right: 0px;}
nav ul li a{color: #000 !important;}
nav ul li a:hover {color: #ef3125 !important;}
#searchform {float: right;}
nav input[type="text"] { height:20px; border: solid 1px #c1c2c4; padding:0em 0.2em; margin-left:-2px; width:14em; border-radius:0px; vertical-align: bottom;}
nav input[type="submit"] { height:22px; background: #c1c2c4; border: solid 1px #c1c2c4; padding:0em 0.5em; color: #000; text-transform:uppercase;font-family: 'Oswald', ariel, helvetica, sans-serif;  font-size: 13px; font-weight:300;}
nav input[type="submit"]:hover {color:#ef3125; background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #838486 0%, #C1C2C4 100%);background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #838486 0%, #C1C2C4 100%);background-image: -o-radial-gradient(left top, ellipse farthest-corner, #838486 0%, #C1C2C4 100%);background-image: -webkit-gradient(radial, left top, 0, left top, 1012, color-stop(0, #838486), color-stop(1, #C1C2C4));background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #838486 0%, #C1C2C4 100%);background-image: radial-gradient(ellipse farthest-corner at left top, #838486 0%, #C1C2C4 100%);}

nav li:hover > ul{ display: block;} 
nav li:hover > a:after { content: ""; display: block;  min-height: 20px; position: absolute; top: 100%; left:-40px; width:164px; }

nav li ul { display: none; position: absolute;  left: -40px;  top: 20px !important; margin: 0px; width: 164px; text-align: left; background-color:#fff;height: 124px; }
#chapter-menu {width: 984px; height: 154px; left: 50%; margin-top:11px; margin-left: -492px; }
#chapter-menu div {width: 313px !important; background-color:#fff; float: left; padding-left: 15px;}

nav ul.sub-menu {margin-top: 11px; padding: 30px 0px; z-index: 100;box-shadow: 0 2px 9px rgba(0,0,0,0.40); }
nav ul.sub-menu li {display: block; padding-left: 15px; height: 35px; width: 100%; }
nav ul.sub-menu li a {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-align: left; color:#000; text-transform:none;}
nav ul.sub-menu li:hover { color: #686859; }
nav ul.sub-menu li a:hover, #menu-main-nav ul.sub-menu li:hover a { color:#c0001e; }
nav ul.sub-menu li:hover li a { color:#fff; }
nav ul.sub-menu li:hover li:hover a { color:#ef3125; }
nav ul.sub-menu ul {position: absolute; left:176px; top: -23px !important;width: 180px; background-image:none; padding-top: 10px;}

.current {color: #ef3125!important;}

/* --------------   HOMEPAGE ------------------------------------- */
.homepage-grid ul li {margin:0px; float:left; width: 164px; height: 184px; text-align:center;}
.homepage-grid ul li:hover .homepage_chapter_number {display: none;}
.homepage_chapter_number {z-index:99;display: block; color: #c7c773; margin-top: -115px; font-size:12px; text-transform:uppercase; font-family: 'Oswald', ariel, helvetica, sans-serif;font-weight:300;}
#homepage_cover {width: 164px; height: 184px; float: left;}
#homepage_press {width: 268px; height: 124px; background-color: #54554a;float: left; color: #fff; padding: 30px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px;}
#homepage_press a {color: #fff;}
#homepage_splash {width: 492px; height: 184px; float: left; background-image: url(http://sites.asiasociety.org/chinawealthpower/wp-content/uploads/2013/05/splash.png); }
.quote-source {float: right; text-transform:uppercase;}
.content_right p {font-weight: normal;}

/* --------------   SIDEBAR ------------------------------------- */
#sidebar ul li:hover > div { display: block;}
#sidebar {float: left; width: 140px; display: block; font-family: 'Oswald', ariel, helvetica, sans-serif; }
#sidebar ul li {line-height: 40px; font-size: 14px; height: 40px; text-align:center;}
#sidebar ul li a {color: #000; text-transform:uppercase; font-weight:lighter;}
#sidebar ul li.current a {color: #ef3125;}
#sidebar ul li:hover, #sidebar ul li:hover a{color: #fff79a; background-color: #666;}
#sidebar ul li div {display: none; margin-left: 140px; margin-top: -40px; width: 315px; height: 100px;background-color:#666; color: #fff; text-align:left; padding: 10px 20px; font-family:Georgia, "Times New Roman", Times, serif; line-height:22px; font-size: 14px; position:absolute;}

.sidebar-title {color: #fff79a; font-size: 16px;}
.sidebar-readmore {font-family: arial, sans-serif; font-size: 11px;}

/* --------------   CONTENT AREA ------------------------------------- */

#content {margin-top: 10px; width: 984px; min-height: 552px; position:relative; font-family:Georgia, "Times New Roman", Times, serif;} 
#button {background-color: #ef3125; padding: 0px 6px; color: #fff; font-family: 'Oswald', ariel, helvetica, sans-serif; font-size: 13px; font-weight:300; text-transform:uppercase; margin-top: 20px;letter-spacing: 1px;}
#content.page { box-shadow: 0 2px 7px rgba(0,0,0,0.75); padding: 40px; width: 904px; line-height: 22px;}
.author_page {width: 100%; height: 400px; margin: 60px auto 0px auto;}
article {margin-top: 30px;}
#buybutton {clear: both; position:absolute; bottom: 25px; left: 40px; }

/* --------------   CHAPTER PAGES ------------------------------------- */
#chapter_header {background-color:#fff; height: 194px; position: fixed; top:41px;}
#chapter_properties_holder {background-color:#666632; height: 158px; width: 984px}
#chapter_properties {color: #fff; width: 544px; padding: 22px 20px 22px 0px; font-family:Georgia, "Times New Roman", Times, serif; float:left;}
#content.chapter_page {position: relative;  height: auto !important; top: 210px; width: 100%; padding-bottom:250px; /* the bottom margin is the negative value of the footer's height */}
#chapter_content {min-height: 850px; width:844px; margin-left: 140px; margin-top: 30px;}
.article {overflow: hidden; margin-bottom: 20px;}
.entry-content { width:520px; padding-right: 50px; float:left; color:#7d7d7d;}
.full-title {font-size: 24px; margin: 5px 0px 5px 0px; display:block;}
.heading-date {font-family:'Oswald', ariel, helvetica, sans-serif; font-weight: 300; color:#fff; font-size: 15px;}
.article-header {height: auto; text-transform:none; font-weight:400; padding: 5px 0px;}
.headline-date {color: #ef3125;}
.article-footer { font-family:'Oswald', ariel, helvetica, sans-serif; font-weight: 300; clear:none; color:#666632; text-transform:uppercase; font-size: 11px; }
.article-footer a { color:#666632;}
.article-footer a:hover { color:#ef3125;}
.pull-quote{text-align: right; color: #990000; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px;width: 274px; margin-left: 570px;}
.pull-quote-page-number {color: #7d7d7d; text-transform:uppercase; font-size:12px; font-family:Trebuchet MS, arial, sans-serif; }
.chapter_page footer {   background:url(library/images/footer_bg.png) repeat-x top left;}

/* --------------   PRESS PAGES ------------------------------------- */
#press_column {width: 28%; float: left; margin: 20px 48px 20px 0px;}
.press-title {font-size: 20px; margin: 0px 0px 2px 0px; font-weight:700;}
.press_date {font-family:ariel, helvetica, sans-serif; font-size:11px; text-transform:uppercase; }
#pagination {clear: both; position:absolute; bottom: 25px; right: 25px; }
#buybutton {clear: both; position:absolute; bottom: 25px; left: 40px; }
#press_column p {margin-bottom: 0px;}

/*---------------------- FOOTER ----------------------------------*/
footer { color: #000000;font-size: 8pt; clear: both; font-family: Arial, Helvetica, sans-serif;}
footer.fixed {position:fixed; top: 800px; width: 984px;}
footer a:link, footer a:visited{ color: #666; }
footer a:hover {color: #999900;} 
	#twitter {background-color: #686859; height: 36px; width: 984px;}
	#inner-footer {color: #000; font-size:12px; padding-top: 20px; overflow: hidden}
		#resources {float: left; width: 220px;}
		#affiliates {float: left; width: 220px;}
		#social-media {float: right;}
		#social-media img {vertical-align:middle;}
		#social-media a { font-family: 'Oswald', ariel, helvetica, sans-serif; font-weight: 300; font-size: 110%;}
		#copyright {clear: both; float: right; text-transform: uppercase; color: #686859; font-size: 10px; margin-top: 20px;}
		#contact {float: left;}