/* Chinatown Taichi Stylsheet */
/* Written by Ben Zvan <www.zvan.net> */

/*
main backgrounds - offwhtie = f7e8bb
main color - brown = 6e5e39

secondary backgrounds - blue = c1d6f7
secondary color - ?

highlight background - red = f74242
highlight color - white = fff
*/

body {
	/* the whole thing */
	font-family: sans-serif;
	font-size: 14px;
	color: #002;
	text-shadow: 0px 1px 0px #fff;
	margin: 0px;
	background: url("/images/PB-China-Logo.png") no-repeat fixed top left transparent;
}

#title {
	/* title graphic space */
	height: 100px;
	width: 100%;
	float: left;
	background: url("/images/ferns-20.png") repeat-x scroll 0 0 transparent;
}

#title h3 {
	/* title graphic */
	background-image: url("images/chinatown-drop-title.png");
	background-repeat: no-repeat;
    background-color: transparent;
	height: 100px;
	width: 100%;
}

#title h3 span {
	/* title text */
	display: none;
}

.titlebox h3 span {
	display: inline;
}

#container {
	/* Main container */
	margin: 0px;
	padding: 10px;
}

#content {
	/*content of page */
	padding-bottom: 1em;
	float: left;
	width: 75%;
}

#content img {
	/* main content images */
	background-color: #fff;
	padding: 4px;
	border: 1px solid #352;
	border-top: 1px solid #9b8;
	border-left: 1px solid #9b8;
	box-shadow: #aaa 4px 4px 4px;
}

#content a:hover img {
	/* active image links */
	background: #972;
}

#content img.noframe {
	background: transparent;
	border: none;
}

.center {
	/* centered content */
	text-align: center;
}

h3 {
	/* inline title */
	font-size: 1.5em;
	color: #008;
	margin: 0;
}

h2 {
	margin: 4px;
}

p {
	/* all paragraphs */
	padding: .5em;
	margin: 0;
}

b {
	/* plain old bold */
	font-weight: 700;
}

small {
	/* plain old small */
	font-size: .9em;
}

a:visited {
	/* default visited link */
	color: #862;
}

a:link {
	/* default links */
	color: #751;
}

a:hover,
active,
focus {
	/* default mouseovers */
	color: #972;
}

.basicsBox {
	text-align: center;
	background-color: #f74242;
	color: #fff;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 16;
	text-shadow: none;
	max-width: 8em;
}

.basicsBox a {
	color: #fff;
}

.basicsBox a:hover {
	color: #fdd;
}

#column2 {
	float: left;
	width: 20%;
	background: rgba(255, 255, 255, 0.7);
}

#menucloser {
	display: none;
}

#menu {
	/* navigation area */
	line-height: 120%;
}

#menu a.icon {
	display: none;
}

#menu a:link,
#menu a:visited {
	/* navigation links have no underline */
	text-decoration: none;
}

#menu a:hover {
	/* navigation links go lighter on mouseover */
	background-color: #fec;
	transition: background-color .25s;
	-webkit-transition: backtround-color .25s;
}

#menu a {
	/* navigation links */
	display: block;
}

#menu a.active {
	/* the current page in the menu */
	text-indent: .5em;
	display: block;
	border-left: 1px solid black;
}

.menutitle {
	/* sections like "information" and "current events */
	font-weight: 700;
	padding: 5px;
	margin: 5px;
	border: 1px solid #c1d6f7;
}

.menusection {
	display: block;
	margin-top: 10px;
}

.menupop {
	z-index: 2;
	border: 2px solid #c1d6f7;
	margin-left: 15px;
	padding: 2px;
}

.menusub {
	/* offsets dates in events and sets color to normal*/
	text-indent: 2em;
	font-size: 75%;
	padding-bottom: 2px;
}

.menuaddress {
	/* the address that tops the navigation bar */
	font-family: serif;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	margin: 5px;
	line-height: 110%;
}

.menuaddress a {
	display: inline;
	border: none;
}

.menuaddress a:link {
	border: none;
	text-decoration: underline;
}

.menuaddress a:visited {
	border: none;
	text-decoration: underline;
}

.menuaddress a:hover {
	background-color: transparent;
}

.titlebox {
	/* section around inline title */
	font-family: serif;
	/* background-color: #eeeeff; */
	border-top: solid 1px #751;
	padding: .25em;
	padding-bottom: 2ex;
}

.newsbox {
	/* the news container */
	background-color: #fff;
	border: 2px solid #8d8;
  margin-bottom: 40px;
}

.newsbox a {
	color: #000;
}

.newsbox a:hover {
	color: #744;
}

.newshead {
	/* news headder information */
	border-bottom: 1px solid #8d8;
	padding: .25em;
	text-shadow: none;
}

.rankingfringe {
	background: #fff;
	border: 1px solid #000;
	border-bottom: 1px solid #fff;
	border-top: 0px solid #fff;
}

.rankingtitle {
	border-bottom: 3px solid #000;
	padding: 5px;
}

.rankingdark {
	border-bottom: 3px solid #000;
	color: #fff;
	padding: 5px;
	text-shadow: 0 1px 0 #000;
}

#footer {
	/* final content */
	clear: both;
}

img.adpop {
	max-width: 600px;
	max-height: 125px;
	width: 100%;
	height: auto;
}

.copyright {
	/* copyright stuff */
	text-align: right;
	font-size: .9em;
	padding-top: 5px;
	border-top: 1px solid #751;
}

.newsfiles {
	background: #fff;
}

.fb-page {
	background-color: #fff;
	margin-top: 20px;
	float: left;
}

@media screen and (max-width: 900px) {
	#column2 .fb-page {
		display: none;
	}
}

@media screen and (max-width: 750px) {
	#title {
		width: 100%;
		height: auto;
	}
	#title h3 {
		background-size: contain;
		height: 50px;
	}
	#content {
		width: 100%;
	}
	#column2 {
		width: 100%;
		background: rgba(255, 255, 255, 0.9);
	}
	.fullmenu {
		display: none;
	}
	.basicsBox {
		position: relative;
		max-width: 100%;
	}
	#menucloser{
		display: block;
	}
}