\/* 
 *	Responsive MediaWiki skin.
 *
 *  @author @RichardCarter
 */
/* =============================================================================
   HTML5 Reset
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1}
audio:not([controls]) {display:none}
[hidden] {display:none}

html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html, button, input, select, textarea {font-family:sans-serif;color:#222}
body, button,#comment-list .comment-item pre {font-family:"PT Sans Narrow", Helvetica, Arial, sans-serif;margin:0;font-size:0.8em;line-height:1}
#searchInput, .search-go input {font-family:"PT Sans Narrow", Helvetica, Arial, sans-serif;}
.search-go input {text-transform: uppercase;}
p {margin: 0 0 10px 0;padding: 0}

h1,h2,h3,h4,h5,h6 {color:#333;line-height: 1.25em;margin: 20px 0 10px 0;text-decoration:none}
h1 {color: #7f2aff;font-size: 2em}
h2 {color: #222;font-size: 1.7em}
h3 {color:#777;font-size: 1.5em}
body {background: #f6f6f6;min-width: 645px}
a {color:#7f2aff;text-decoration:none}
a:focus {outline:0;}
a:hover, a:active {outline:0;text-decoration: underline}
a:visited {
    color: 5F1FBF;
}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
.clear {clear:both;}
dfn {font-style:italic;}
hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
ins {background:#FF9;color:#000;text-decoration:none;}
mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:"";content:none;}
small {font-size:90%;}
blockquote {background: transparent;font-style: italic;font-size: 1.25em;margin: 10px 0;padding-left: 50px}
	blockquote p {margin: 0}	
	blockquote cite {color: #52264d;display: block;font-style: normal;font-size: 14px;padding-top: 20px;text-align: right}
sub, sup {font-size: 0.75em;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
ul {margin:0;padding:0;list-style:none;}
ol {margin:15px;}
dd {margin:0 0 0 40px;}
nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}
img, img[width], img[height] {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
form {margin:0;}
fieldset {border:0;margin:0;padding:0;}
label {cursor:pointer;}
legend {border:0;*margin-left:-7px;padding:0;white-space:normal;font-weight: bold}
button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
textarea {width: 100%}
button, input {line-height:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
button[disabled], input[disabled] { cursor: default;opacity: 0.6 }
form {margin: 20px 0 0 0}
img, img[height], img[width] {height: auto;max-width: 100%}
input, textarea, select {border: 1px #bbb solid;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin: 0 0 5px 0;padding: 3px}
	input:focus, textarea:focus, select:focus {border-color: #7f2aff}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;border: none;padding:0;*width:13px;*height:13px;}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;resize:vertical;}
input:valid, textarea:valid {}
input:invalid, textarea:invalid {background-color:#F0DDDD;}
input.submit, input#submit, button.submit, input[type="button"], input[type="submit"], .wikiEditor-ui-buttons button {background: #7f2aff;border: none;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff;padding: 5px 10px;text-align: center}
table {border-collapse:collapse;border-spacing:0;text-align: left;width: 100%}
th, td {padding: 5px 10px}
td {vertical-align:top}
th {background: #7f2aff;border-color: #fff;color: #fff;font-weight: bold}
	table input {}
	table tr td {}
::selection {background:#333;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#333;color:#FFF;text-shadow:none;}
::-moz-selection {background:#333;color:#FFF;text-shadow:none;}
input:focus {outline:0;}
/* Site-header fix. iPhone 6 */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
  html,
  body{
    width:100%;
    overflow-x:hidden;
  }
}
/* General styles */

.site-header {
	background: #222;
	border-bottom: 1px #555 solid;
	border-top: 1px #555 solid;
	clear: both;
	color: #fff;
}
	header a {color: #fff}
	.tagline {clear: both;color: #777;display: block;font-style: italic;line-height: 150%}
	header .site-notice {color: #777;display: none;font-size: 90%;line-height: 125%;text-align: right}
		header .site-notice a {}
	.logo {display: block;margin: 10px}
		.logo:hover {opacity: 0.7}
	.logo {display: inline;float: left;padding: 2%;width: 42%}
		#searchInput {background: #000;border: none;color: #fff;padding: 5px 2px}
		#searchInput::selection, #searchInput ::selection {background:#7f2aff;color:#FFF;text-shadow:none;}
		form.search {
			float: right;
			padding: 10px 0;
		}
	#header_welcome {font-weight: normal}
	.site-nav {
		font-size: 145%;
		padding: 20px 0;
		text-align: right;
	}
		.site-nav li {
			display: inline;
		}
		.site-nav li a {
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			padding: 5px 10px;
		}
		.site-nav a:active,.site-nav a:hover, .site-nav a:focus {
			color: #7f2aff;
		}
	aside .search {
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 10px;
	}
	.site-nav form.search {
		margin-top: 0;
	}
			.site-nav a:active,
			.site-nav a:hover {
				background: #111;
				color: #59e7d2;
			}
	.ad {
		clear: both;
		margin: 0 auto;
		overflow: hidden;
		padding: 20px 0;
		text-align: center;
	}
	#dramabanner th,#dramabanner td {
		padding: 0;
	}
	.social {-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 5px 5px 0 5px;text-align: center}
		.social .col {float: left;margin-right: 1%;text-align: left;width: 31%}
	.btn-home a {
		background: #333 url("images/bg.png") no-repeat center center;
		color: #fff;
		display: block;
		padding: 155px 10px 10px 10px;
		position: relative;
		text-align: center;
	}
		.btn-home a.new {
			color: #fff;
		}
		.btn-home a span {
			background: #2dcbb4;
			background: rgba(44,203,180,0.8);
			color: #fff;
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 10px;
		}
		.btn-drama a {
			background-image: url("images/bg-drama.png");
		}
		.btn-people a {
			background-image: url("images/bg-people.png");
		}
.p-tools {color: #555;padding: 10px}
	.p-tools li {display: block;margin: 0 0 10px 0}
	.p-tools li a {-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #4d4d4d;display: inline-block;font-weight: bold;padding: 5px}
	.content-nav {
		font-size: 80%;
		padding: 5px 10px;
		text-align: right;
	}
		article .content-nav ul {
			margin-bottom: 0;
		}
		.content-nav li {
			display: inline;
			margin-left: 5px;
		}
		.content-nav li a {
			color: #999;
		}
	.content-nav .selected a {
		color: #000;
	}
	.search-go, #searchInput {
		float: left;
	}
	.search-go {
		width: 35%;
	}
	#searchInput {
		width: 60%;
	}
	.header-search {
		margin: 0;
		padding: 0;
	}
.main {
	background: #f6f6f6;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	clear: both;
	font-size: 115%;
	overflow: hidden;
	padding: 20px 0;
}
	.subtitle {
		color: #777;
		font-size: 85%;
		margin: 10px 0;
		text-align: center;
	}
		.subtitle a {
			color: #555;
		}
	article.article {
		background: #fff url("images/content_bg.png") no-repeat top right;
		overflow: hidden;
	}
	.page-AsianWiki_com h1, 
	.page-AsianWiki_com #mw-content-text,
	.page-Main_Page h1, 
	.page-Main_Page #mw-content-text {
		text-align: center;
	}
	#slider, #accordion {
		text-align: left;
	}
	#slidorion, #slidorion2,
	#mediaplayer, #mediaplayer_wrapper,
	#twitter-widget-0,
	div[id^=bannerRotatorParent] {
		display: block !important;
		margin: 0 auto !important;		
	}
	.rs-index-list li {
		list-style: none;
	}
	#mw-content-text h2 {
		clear: left;
	}
article {-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size: 125%;line-height: 150%;margin: 0 10px;padding: 10px}
	article h1:first-of-type {margin-top: 0;padding-bottom: 0}
		.page-PetroWiki article h1:first-of-type, .page-PetroWiki .tagline, .page-PetroWiki .subtitle, #viewcount {display: none}
	article p, article table, article ul, article ul, article dl, article ol, .mw-content-ltr ul {margin-bottom: 1em}
		article ul ul, article ol ol, article ul ol, article ul ol {margin-bottom: 0}
	article ul li {list-style: square inside}
	article ul {overflow:hidden}
	.editsection {color: #777;display: none}
		.editsection a {color: #777}
	table#toc, .toc, .mw-warning {background-color: #f6f6f6 !important;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
	#toc {border: 1px #BBB solid;margin-top: 20px;width: auto}
		#toc td, #toc th {border-bottom-width: 0}
		#toc li {list-style: none}
		#toctitle, #toctitle h2 {color: #777}
	.approvedAndLatestMsg {display: block;padding-bottom: 15px}
	div.gallerytext {overflow:inherit} /* FF */
	#preferences {border-color: #BBB;border-style: solid;border-width: 0 1px 1px 1px;margin: 0;padding: 10px}
	#preftoc {border-bottom: 1px #BBB solid;list-style: none;margin: 0;padding: 5px 0}
		#preftoc li {display: inline;margin: 0 10px 0 0}
		#preftoc li a {color: #777;padding: 5px}
		#preftoc li.selected a {border-color: #BBB;border-style: solid;border-width: 1px 1px 0 1px;color: #7f2aff}
	
	a.new {color: #C00}
	div#content a.external, div#content a.external[href^="gopher://"] {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") no-repeat scroll right center transparent;padding-right: 13px}
		
	.toccolours {background: #f6f6f6}
	.mw-collapsible {-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin-bottom: 10px}
		.mw-collapsible h3 {margin: 0;padding: 0}
		
	.mw-search-formheader li {list-style: none}
		.infobox {background: #f6f6f6;border: 1px #BBB solid !important;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;min-width: 200px;padding: 10px}
		.infobox .infobox_heading {color: #7f2aff;text-align: center}
			.infobox .infobox_image, .infobox .infobox_volume, .infobox .infobox_series, .infobox .infobox_heading {border-color: #BBB !important}
			.infobox_image {margin-bottom: 10px;text-align: center}
				.infobox_image img {clear: both;display: block;float: none}
			.infobox .permission {border-top: 1px #BBB solid;padding-top: 10px}
		.infobox p {margin: 0 0 5px 0}
		
	#editpage-acknowledgement input {margin-right: 5px}
	
	#wpSave {background-color: #7f2aff}
		
	div.searchresult {width: auto}
	#mw-userrights-form1 input#username, #mw-userrights-form1 input#username[size], input#mw-whatlinkshere-target {width: auto !important}
	
	.wikitable tr:nth-of-type(even) td {background: #f9f9f9}
	
	 .btn-home {color: #fff;float: left;margin-left: 1%;margin-right: 1%;padding-left: 2%;padding-right: 2%;width: 27%}
		#mw-content-text .btn-home a {color: #fff}
	#commentform {}
	#comment-outer {margin-bottom: 20px;}
	#commentform p {margin: 0;padding: 10px}
		#commentform p:nth-of-type(even) {background: #f9f9f9;border-bottom: 1px #ddd solid;border-top: 1px #ddd solid}
		#commentform label {clear: both;color: #7f2aff;display: block}
		#commentform input, #commentform textarea, #commentform textarea[style], #commentform select {width: 95% !important}
	#comment-list {background: #f2f2f2;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 10px}
	#comment-list .comment-item {background: #fff;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-bottom: 10px;padding: 10px}
	#comment-list .comment-item pre {font-size: 100%;line-height: 150%;margin-bottom: 1em;}
		#comment-list .comment-item:nth-of-type(even) {
			background: #f9f9f9;
		}
		.comment-author, .commentmetadata {display: block}
		.commentmetadata, .commentmetadata a {color: #777}
		.comment-author a {font-weight: bold}
	#comment-list button {background: #7f2aff;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;border: none;color: #fff;margin-bottom: 20px;padding: 5px 20px}
		#comment-list button:active, #comment-list button:focus, #comment-list button:hover {background-color: #222}
		
	.catlinks {background: #f9f9f9;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px;padding: 10px}
.footer-tools {clear: both}
aside {clear: both;margin: 0 10px;padding-top: 20px;text-align: right;}
	aside h5 {display: none}
	aside ul li {display: inline;padding: 2px 10px}
	aside ul li:empty {display: none}
	aside ul a {color: #999}
		aside ul a:hover {color: #000}
	aside li.selected a {color: #7f2aff;font-weight: bold}
	ul.p-cactions {display: inline;float: left}
		ul.p-cactions li a {padding: 20px 5px 0 5px}
	.sidebar-right {}
		.sidebar-right img {margin: 0 0 20px 0}
	aside ul li span[onClick] {cursor: pointer}
		aside ul li span[onClick] img {vertical-align: middle}	
	li#ca-delete a {color: #A00}
	li#ca-move a {color: #F60}
	li#pt-logout a {color: #A00}
footer, #p-navigation {clear: both}

footer {color: #999;font-size: 90%;padding: 10px;text-align: center}
	footer a {color: #999}
	footer ul {margin-bottom: 20px}
		footer li {display: inline;margin: 0 10px}
.site-footer {
	background: #fff url("images/footer_bg.png") no-repeat center 20px;
	padding-top: 80px;
}
	.site-footer p,
	.site-footer ul {
		margin-bottom: 20px;
	}
	.site-footer a:hover {
		opacity: 0.9;
	}
	
@media screen and (max-width: 770px),
only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation: portrait) {
	.p-tools li {
		display: inline;
	}
	ul.site-nav {
		background: #111;
		clear: both;
		color: #fff;
		padding: 20px 0;
		text-align: left;
	}
}
@media screen and (min-width: 771px) and (max-width: 1350px) {
	.col-half, .col-quarter, .col-three-quarters, .col-full, .col-third {float: left;margin-left: 1%;margin-right: 1%;padding-left: 1%;padding-right: 1%}
	article.col-three-quarters {
		width: 63%;
	}
	.col-quarter, aside.ads {
		width: 29%;
	}
}
@media screen and (min-width: 770px) and (max-width: 1023px) {
	.col-half, .col-quarter, .col-three-quarters, .col-full, .col-third {float: left;margin-left: 1%;margin-right: 1%;padding-left: 1%;padding-right: 1%}
	article.article {
		width: 56% !important;
	}
	aside.ads {
		width: 35% !important;
	}
}
@media screen and (min-width: 0px) and (max-width: 840px) {
	article.article {
		width: 96% !important;
	}
}
@media screen and (min-width: 771px) and (max-width: 840px) {
	.site-nav {
		width: 71%;
	}
	.site-nav[style] {
		display: block !important;
	}
	ul.site-nav {
		margin: 0;
	} 
}
@media screen and (max-width: 770px) {
	.site-header {
		clear: both;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	} 
}
@media screen and (max-width: 660px) {
	div.tright, div.floatright, table.floatright {
		clear: both;
		display: block;
		float: none;
		margin: 20px auto;
	}
	div.thumbinner {
		margin: 0 auto;
	}
}
/* Retina */
@media  (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.logo {
		background: transparent url("images/logo2@.png") no-repeat left center;
		background-size: contain;
	}
	.logo img {
		visibility: hidden;
	}
}

@media only screen and (min-device-width: 770px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2.0) and (orientation: portrait) {
	.site-nav {width: 100% !important}
}

/* .group: micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
.group:before,.group:after {content: " ";display: table}
.group:after {clear: both}
.group {*zoom: 1}