/* ============================== */
/* = HOW TO CUSTOMIZE PAGELINES = */
/* ============================== */

/*

Rules placed in this stylesheet will override the default styles of the Base Platform theme and will not be changed or over written when you update the 
Platform framework. Additionally, since this stylesheet is purely for editing purposes you can easily undo or erase some of the CSS to return your site back to the look and feel of the Base theme. 

In the Base theme the footer is black and the CSS looks like this:

	#footer {
		clear:both;
		font-size:1em;
		overflow:hidden;
		text-align: left;
		background: #000;
		color: #999;
		position: relative;
	}
		
To change the background color to white, all you have to do is declare a new rule for the color like so:

		#footer { background: #FFF; }

A great tool for modifying themes and inspecting CSS elements is the FireBug extension for FireFox. You can also use the developer tools provided by Chrome (right-click and "inspect element") or Internet Explorer if you're feeling dangerous.

LEARN CSS - We recommend using Lynda.com video tutorials to learn using CSS. 
			Also, for a comprehensive list of CSS rules and usage try consulting W3 schools @ http://www.w3schools.com/css/default.asp
*/
/* ============================== */
/* = Start Your Custom CSS Here = */
/* ============================== */

/* Fonts */

@font-face {
font-family: 'AdobeFangsongStd-Regular-Alphabetic';
src: url('adobefangsongstdregular.eot');
src: url('adobefangsongstdregular.eot?#iefix') format('embedded-opentype'),
	 url('adobefangsongstdregular.woff') format('woff'),
	 url('adobefangsongstdregular.ttf') format('truetype'),
	 url('adobefangsongstdregular.svg#adobefangsongstdregular') format('svg');
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility !important;
}
				
@font-face {
font-family: 'AmarilloUSAF';
src: url('amarurgt.eot');
src: url('amarurgt.eot?#iefix') format('embedded-opentype'),
	 url('amarurgt.woff') format('woff'),
	 url('amarurgt.ttf') format('truetype'),
	 url('amarurgt.svg#amarurgt') format('svg');
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility !important;
}
				
@font-face {
font-family: 'Treza-Bookltd';
src: url('trezabookltd.eot');
src: url('trezabookltd.eot?#iefix') format('embedded-opentype'),
	 url('trezabookltd.woff') format('woff'),
	 url('trezabookltd.ttf') format('truetype'),
	 url('trezabookltd.svg#trezabookltd') format('svg');
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility !important;
}

body {		
	font-family: 'AdobeFangsongStd-Regular-Alphabetic', Arial,Helvetica !important;
	color: rgba(52,52,41,1.0) !important;
	font-size: 14px !important;
	font-weight: normal;
	line-height: 16px !important;
	letter-spacing: 0.050em !important;
	
}

p {
    margin: 0 0 1.6em 0 !important;
    orphans: 4;
}

h1, h2, h3, h4, h5 {		
	font-family: 'Treza-Bookltd', Arial,Helvetica !important;
	color: rgba(52,52,41,1.0) !important;
	letter-spacing: 0.025em !important;
	line-height: 75% !important;
}

h6 {		
	font-family: 'AmarilloUSAF', Arial,Helvetica !important;
	color: rgba(52,52,41,1.0) !important;
	font-size: 13px !important;
	font-weight: normal;
	line-height: 13px !important;
	letter-spacing: 0.050em !important;
}

a:link, a:hover {
text-decoration: none !important;
opacity: 1.0 !important;	
}

#morefoot h3.widget-title {
font-size: 18px !important;
line-height: 18px !important;
text-transform:none !important;
font-family: 'Treza-Bookltd', Arial,Helvetica !important;
color: rgba(52,52,41,1.0) !important;
letter-spacing: 0.025em !important;
}

a.readmore {  font-family:'AmarilloUSAF',Arial,Helvetica !important; font-size:11px!important; color: rgba(240,74,75,1.0)!important; text-decoration:none; letter-spacing: .15em !important; text-transform:uppercase !important; display:inline-block; }

#postloop .hentry a.share, #postloop .hentry a.share:hover, #postloop .hentry a.view-all, #postloop .hentry a.view-all:hover {
	font-family: 'AmarilloUSAF', Arial,Helvetica !important;
	color: rgba(86,53,43,1.0) !important;
	font-size: 22px !important;
	font-weight: normal;
	line-height: 22px !important;
	letter-spacing: 0.025em !important;	
	text-transform: uppercase;
	text-decoation: none;
	display: block;
	margin-bottom: 20px;
}

#postloop .hentry a.share:after {
width: 22px;
height: 22px;
padding-left: 10px;
content: url("http://china.nyhistory.org/wp-content/plugins/pagelines-customize/minus.png") !important;
}

#postloop .hentry a.view-all:after {
width: 22px;
height: 22px;
padding-left: 10px;
content: url("http://china.nyhistory.org/wp-content/plugins/pagelines-customize/plus.png") !important;
}

.page-id-25 h1.pagetitle, .page-id-60 h1.pagetitle {
display: none !important;	
}

/* Margins and Padding */

#site #page, #site #dynamic-content {
min-height: 300px !important;	
}

.thepage { padding: 0px !important; }
#branding .content-pad{	margin: 0px 0px 0px 0px !important; padding: 10px 0px 0px 0px !important; }
#features .content-pad{	margin: 0px 0px 0px 0px; padding: 0px !important; }
#boxes .content-pad{ padding: 15px 0px 0px 0px !important; }	
#content .content-pad { margin: 10px 0px 65px 0px !important; padding: 0px !important; }
.mcolumn-pad, .hentry { margin: 0px !important; padding: 0px !important; }	
.hentry-pad { margin: 0px 0px 75px 0px !important; padding: 0px !important; }	
.widget-pad {
	padding: 0px 10px 10px 10px !important;
}

/* Single Page and Post Background */

.single .mcolumn-pad, .page-template-default .mcolumn-pad {
background: rgba(255,255,255,.64) !important;	
margin: 0px 0px 0px 0px 0px !important; padding: 30px 15px 30px 15px !important;
}

.page-template-page-alpha-php .mcolumn-pad {
background: none !important;
margin: 0px 0px 0px 0px 0px !important; padding: 0px !important;	
}

/* Homepage Styles */

.page-id-25 .post-meta, .page-id-60 .post-meta {
display: none !important;	
}

/* Header, Branding and Nav */

#branding .content {
width: 1100px !important; margin: 0px auto !important;	
}

#branding .content a.plbrand { 
position: absolute !important;
display: block !important; 
top: 130px !important; 
left: 0px !important;
}

#branding .icons {
height: 27px !important;
width: 150px !important;
right: 0px !important;
top: 52px !important;
}

#branding .icons a {
display: block;
width: 27px; 
height: 27px; 
margin-right: 0px; 
float: right !important; 
text-align: right !important;
opacity: 1.0 !important;
}

#header { 
background: url('header-bg.jpg') no-repeat !important;
background-size: 100% 100% !important;
height: 100px !important;
}

#nav { width: 1100px !important; margin: 0px auto !important; } 
#nav a.nyhslogo{ display: inline-block !important; float: left !important; width: 141px !important; }
#nav ul.main-nav{ display: inline-block !important; float: left !important; width: 850px !important; padding: 55px 0px 0px 45px !important; }

#nav li { box-shadow: transparent !important; -webkit-box-shadow: transparent !important; }

#nav li a {
color: #ffffff !important;
line-height: 13px; 
font-size: 13px !important;
letter-spacing: 0.040em !important;
font-family: 'Treza-Bookltd', Arial,Helvetica !important;
-webkit-box-shadow: transparent !important;
text-shadow: none !important;
box-shadow: transparent !important;
background: transparent !important;
padding: 5px 10px 5px 10px !important;
text-align: center !important;
}

#nav li:hover, #nav li:hover > a, #nav li.current-menu-item a, #nav li.current-page-ancestor a { background: transparent !important; color:#ffffff !important; }

/* Footer */

#footer { position:fixed !important; bottom:0px; width: 100% !important; color: rgba(255,255,255,1.0); text-align:left; font-family: 'AmarilloUSAF', Arial,Helvetica !important; font-size:11px; text-transform:uppercase;  z-index: 3;}

#footer .widget-title {display:none !important;}
#footer .outline { background: #000000 !important; height: 35px;}
#footer .content-pad { padding: 5px 0px 0px 0px !important; width: 1100px !important; margin:0px auto !important;}
#footer a {  color: rgba(255,255,255,1.0); text-decoration: none; }
#footer a:hover { color: rgba(255,255,255,1.0); text-decoration: none; }

#footer a.rsslink, #footer a.facebooklink, #footer a.twitterlink {
width: 24px !important;
height: 24px !important;
margin: -5px 0px 0px 5px !important;
float: right !important;	
}

#sb_footcols .fcolumns .pp2:first-child { width: 200px !important; padding: 0px 0px 0px 0px !important; }
#sb_footcols .fcolumns .pp2 { width: 900px !important; text-align:right !important; padding: 5px 0px 0px 0px !important; }

.searchform {
	padding: 0px;
	margin:4px 0px 0px 0px;
	width: 161px;
	height: 16px;
	border: none;
	background: url('search-bg.png') no-repeat;
	float:left;
}

.searchform fieldset {
	border: none;
	background: none;
	margin: 0px !important;
	padding:0px !important;
}

.searchform .searchfield{
	color:rgba(57,53,44,1.0) !important;
	border:none;
	background: none;
	margin: 0px 0px 0px 0px !important;
	float:left;
	width: 125px !important;
	height: 14px !important;
	padding: 0px 0px 0px 5px !important;
	text-transform:uppercase;
	font-family: 'AmarilloUSAF', Arial,Helvetica !important; font-size:11px!important; letter-spacing: .10em !important;
}

/* Features */

#features {
	margin: 0px 0px 0px 0px !important;
	width: 100%!important;
	overflow: none !important;
}

#features .content { max-width: 100% !important; }

#feature_slider .text-right .fcontent {
	background: none !important;
	overflow: visible !important;
	width:50% !important;
}

#feature_slider .text-right .fcontent .fcontent-pad{
	padding: 40px 0px 0px 10px !important; 
}

#feature_slider .text-right .fcontent .fheading {
	display:none !important;
}

#feature_slider .text-right .fcontent .ftext {
	display:block !important;
	overflow: visible !important;
	float:left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	width: 550px !important;
}

#feature_slider .text-right .fcontent .ftext .fexcerpt {
	color: #ffffff !important;
	line-height: 19px; 
	font-size: 14px !important;
	letter-spacing: 0em !important;
	font-family: 'AdobeFangsongStd-Regular-Alphabetic', Arial,Helvetica !important;
	text-shadow:none !important;
	padding: 0px 15px 10px 15px !important;
}

#features #feature-area {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	background: none !important;
}

#feature_slider .text-right .fcontent .ftext a.plmore { 
display:none !important;
}

/* Boxes */

#boxes .grid-element.pp3 {
background: rgba(248,133,127,.50) !important;
margin: 0px 15px 30px 0px !important; 
padding: 20px 0px 0px 0px !important;
}

#boxes .grid-element.pp3.pplast {
background: rgba(248,133,127,.50) !important;
margin: 0px 0px 30px 0px !important; 
padding: 20px 0px 0px 0px !important;
}

#boxes .fboxtitle h3 {
margin: 0px 0px 10px 0px !important;
padding: 0px 15px 0px 15px !important;	
}

#boxes .fboxtitle h3 a, #boxes .fboxtitle h3 a:hover {
text-decoration: none !important;
text-shadow: none !important;
font-size: 14px !important;
line-height: 14px !important;
text-transform:uppercase !important;
font-family: 'Treza-Bookltd', Arial,Helvetica !important;
color: rgba(52,52,41,1.0) !important;
letter-spacing: 0.025em !important;
}

#boxes .fboxinfo .fboxtext {
font-family: 'AdobeFangsongStd-Regular-Alphabetic', Arial,Helvetica !important;
color: rgba(52,52,41,1.0) !important;
font-size: 13px !important;
font-weight: normal;
line-height: 13px !important;
letter-spacing: 0.050em !important;
padding: 0px 15px 0px 15px !important;
margin: 0px 0px 10px 0px !important;
}

#boxes .fboxinfo a.fboxmore, #boxes .fboxinfo a.fboxmore:hover { 
text-shadow: none !important; text-decoration: none !important;
display: block !important;
font-family: 'AdobeFangsongStd-Regular-Alphabetic', Arial,Helvetica !important;
color: rgba(52,52,41,1.0) !important;
font-size: 13px !important;
font-weight: normal;
line-height: 13px !important;
letter-spacing: 0.050em !important;
margin: 10px 0px 0px 0px !important;
}

#boxes .fboxinfo a.fboxmore:after {
width: 5px;
height: 9px;
padding-left: 10px;
content: url("http://chineseamerican.nyhistory.org/wp-content/plugins/pagelines-customize/read-more-arrow.png") !important;
}

/* Category and Single Post */

.clip_box {
padding: 0px 0px 0px 0px !important; 
margin: 0px 0px 0px 0px !important;	
}

.clip { 
padding: 0px !important; 
margin: 0px 15px 30px 0px !important; 
width: 263px !important;
max-width: 263px !important;
height: 408px !important;
background: rgba(248,133,127,.50) !important;
position:relative !important;
float: left !important;
display: block;
}

.clip-right { 
position:relative !important;
width: 263px !important;
max-width: 263px !important;
float: left !important;
display: block;
padding: 0px !important; 
margin: 0px 0px 30px 0px !important; 
}

.clip .hentry-pad.blocks { 
padding: 0px !important; 
margin: 0px !important; 
}

.post-meta .c_img img, .post-meta .full_img, .post-meta a.post-thumb, .post-meta .c_img {        
background: none !important;
border: none !important;        
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
padding: 0px !important; margin: 0px !important;
width: 263px !important;
max-width: 263px !important;
height: 218px !important;
max-height: 218px !important;
}

#postloop .hentry h4.entry-title {
text-align: left;
}

#postloop .hentry h4.entry-title a, #postloop .hentry h4.entry-title a:hover {
background: none !important;
text-align: left;
display: block !important;
margin: 0px 0px 10px 0px !important;
padding: 0px 15px 0px 15px !important;
text-decoration: none !important;
text-shadow: none !important;
width: 233px !important;
max-width: 233px !important;
font-size: 15px !important;
font-family: 'Treza-Bookltd', Arial,Helvetica !important;
color: rgba(52,52,41,1.0) !important;
letter-spacing: 0.025em !important;
}

.post-meta section.bd.post-title-section {
position:relative !important;
padding: 10px 0px 0px 0px !important;
}

.post-meta section.bd.post-title-section h1.entry-title {
line-height: 100% !important;	
}

.post-meta section.bd .metabar {
display: block;
padding: 0px 0px 0px 15px !important;
margin: 0px 0px 10px 0px !important;
font-family: 'AdobeFangsongStd-Regular-Alphabetic', Arial,Helvetica !important;
color: rgba(52,52,41,1.0) !important;
font-size: 12px !important;
font-weight: bold;
line-height: 14px !important;
letter-spacing: 0em !important;
}

.post-excerpt {
width: 233px;
text-align: left;
padding: 0px 15px 0px 15px !important;
margin: 0px 0px 0px 0px !important;
font-family: 'AdobeFangsongStd-Regular-Alphabetic', Arial,Helvetica !important;
color: rgba(52,52,41,1.0) !important;
font-size: 13px !important;
font-weight: normal;
line-height: 13px !important;
letter-spacing: 0.050em !important;
}

a.continue_reading_link, a.continue_reading_link:hover {
	text-decoration: none;
	display: block !important;
	margin: 10px 0px 0px 0px !important;
	padding: 0px 15px 0px 15px !important;
	font-family: 'AdobeFangsongStd-Regular-Alphabetic', Arial,Helvetica !important;
	color: rgba(52,52,41,1.0) !important;
	font-size: 13px !important;
	font-weight: normal;
	line-height: 13px !important;
	letter-spacing: 0.050em !important;
}

a.continue_reading_link:after {
width: 5px;
height: 9px;
padding-left: 10px;
content: url("http://china.nyhistory.org/wp-content/plugins/pagelines-customize/read-more-arrow.png") !important;
}

.single .post-meta section.bd .metabar {
display: block;
padding: 15px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
font-family: 'AdobeFangsongStd-Regular-Alphabetic', Arial,Helvetica !important;
color: rgba(52,52,41,1.0) !important;
font-size: 12px !important;
font-weight: bold;
line-height: 14px !important;
letter-spacing: 0em !important;
}

/* Events Widgets */

.widget_em_widget { width: 300px !important; background-size: 100% 100%; }

.widget_em_widget .dts {  background: rgba(240,74,75,1.0); width: 105px !important; height: 50px !important; float: right; }
 
.widget_em_widget .dts .day { font-size: 24px; text-align: left !important;
	text-transform:uppercase; text-decoration: none !important; line-height: 28px !important;
	font-family:"AdobeFangsongStd-Regular-Alphabetic",Arial,Helvetica !important; color: #ffffff !important; display: inline-block !important; margin: 7px 0px 0px 7px !important; }

.widget_em_widget .dts .my {  position: absolute; margin: -38px 0px 0px 45px !important; }
		
.widget_em_widget .dts .my .month { font-size: 14px; text-align: left !important;
	text-transform:uppercase; text-decoration: none !important; line-height: 28px !important;
	font-family:"AdobeFangsongStd-Regular-Alphabetic",Arial,Helvetica !important; color: #ffffff !important; display: block !important; position: absolute;  }
	
.widget_em_widget .dts .my .year { font-size: 14px; text-align: left !important;
	text-transform:uppercase; text-decoration: none !important; line-height: 28px !important;
	font-family:"AdobeFangsongStd-Regular-Alphabetic",Arial,Helvetica !important; color: #ffffff !important; display: block !important; margin: 20px 0px 0px 0px !important;}

.widget_em_widget .event-name a { width: 250px !important; font-size: 15px; text-align: left !important; letter-spacing: .025em;
	text-transform:uppercase; text-decoration: none !important; line-height: 20px !important;
	font-family:"AdobeFangsongStd-Regular-Alphabetic",Arial,Helvetica !important; color: #000000 !important; }

.widget_em_widget ul li ul { margin-left: -5px !important; }

.widget_em_widget ul li ul li div.time { font-size: 12px; letter-spacing: .01em; text-align: left !important;
	text-transform:none; text-decoration: none !important; line-height: 20px !important;
	font-family:"Treza-Bookltd",Arial,Helvetica !important; color: #2c2523 !important; font-weight: bold !important;}

.widget_em_widget ul li ul li div.location { font-size: 12px; letter-spacing: .01em; text-align: left !important;
	text-transform:none; text-decoration: none !important; line-height: 20px !important;
	font-family:"Treza-Bookltd",Arial,Helvetica !important; color: #2c2523 !important; }

.widget_em_widget ul li ul li div.price { font-size: 12px; letter-spacing: .01em; text-align: left !important;
	text-transform:none; text-decoration: none !important; line-height: 20px !important;
	font-family:"Treza-Bookltd",Arial,Helvetica !important; color: #2c2523 !important; }


.hentry .dts {   background: rgba(240,74,75,1.0) !important; width: 105px !important; height: 50px !important; margin: 30px 0px 0px -15px !important; display: block !important; }
 
.hentry .dts .day { font-size: 30px; text-align: left !important;
	text-transform:uppercase; text-decoration: none !important; line-height: 28px !important;
	font-family:"AdobeFangsongStd-Regular-Alphabetic",Arial,Helvetica !important; color: #ffffff !important; display: inline-block !important; margin: 7px 0px 0px 7px !important; }

.hentry .dts .my {  position: absolute; margin: -38px 0px 0px 53px !important; }
		
.hentry .dts .my .month { font-size: 18px; text-align: left !important;
	text-transform:uppercase; text-decoration: none !important; line-height: 28px !important;
	font-family:"Treza-Bookltd",Arial,Helvetica !important; color: #ffffff !important; display: block !important; position: absolute;  }
	
.hentry .dts .my .year { font-size: 18px; text-align: left !important;
	text-transform:uppercase; text-decoration: none !important; line-height: 28px !important;
	font-family:"Treza-Bookltd",Arial,Helvetica !important; color: #ffffff !important; display: block !important; margin: 20px 0px 0px 0px !important;}
	
.hentry .dayname { font-size: 18px; text-align: left !important;
	text-transform:uppercase; text-decoration: none !important; line-height: 28px !important; position:absolute !important;
	font-family:"Treza-Bookltd",Arial,Helvetica !important; color: #000000 !important; display: block !important;  margin: -45px 0px 0px 100px !important; } 

.hentry .event-name { margin: 30px 0px 0px 0px !important; display: block !important; }
.hentry .event-name a { width: 250px !important; font-size: 18px; text-align: left !important; letter-spacing: .025em;
	text-transform:uppercase; text-decoration: none !important; line-height: 20px !important; font-weight: bold !important;
	font-family:"AdobeFangsongStd-Regular-Alphabetic",Arial,Helvetica !important; color: #000000 !important;  }
	
/* Primary Sidebar */

#sb_primary h3.widget-title {
	font-family: 'Treza-Bookltd', Arial,Helvetica !important;
	color: rgba(52,52,41,1.0) !important;
	letter-spacing: 0.025em !important;
	line-height: 75% !important;
	font-size: 16px !important;	
}

#sb_primary ul.menu {width: 100% !important;}
#sb_primary ul.menu li { border-bottom: 1px dotted #b1b1b1; }
#sb_primary ul.menu li:last-child { border-bottom: none;}

#sb_primary ul.menu li.current-page-ancestor a, #sb_primary ul.menu li.current_page_item a { color: #000000; display:block;  padding: 5px 10px !important; font-size:12px !important; letter-spacing: .10em !important; font-family:"Arial Black",Arial,Helvetica !important; text-transform: uppercase !important; background: rgba(237,29,36,0.1) !important; }

#sb_primary ul.menu li a { color: #000000; display:block;  padding: 5px 10px !important; font-size:12px !important; letter-spacing: .10em !important; font-family:"Arial Black",Arial,Helvetica !important; text-transform: uppercase !important;  }
	
#sb_primary ul.menu li a:hover { background: rgba(240,74,75,.25); !important; border: none; text-decoration:none;}