/* typography.css */
html,body {
	color: #222222;
	background: #f3f3f3; /* grey blue*/
	font-size: 12px;
	margin: 0;
	padding: 0;

	/* font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; */
	font-family: arial, sans-serif;            
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #333;
}

.dramafever-iframe
{
	display:none;
	
}

#albums_expand_contents.TABLE
{
	border-bottom: #aaa 1px solid;
	border-left: #aaa 1px solid;
	margin: 1em 0px;
	border-collapse: collapse;
	background: white;
	border-top: #aaa 1px solid;
	border-right: #aaa 1px solid;
}

TABLE.wikitable
{
	border-bottom: #aaa 1px solid;
	border-left: #aaa 1px solid;
	margin: 1em 0px;
	border-collapse: collapse;
	background: white;
	border-top: #aaa 1px solid;
	border-right: #aaa 1px solid;
}
TABLE.wikitable > * > TR > TH
{
	border-bottom: #aaa 1px solid;
	border-left: #aaa 1px solid;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-top: #aaa 1px solid;
	border-right: #aaa 1px solid;
	padding-top: 0.2em;
}
TABLE.wikitable > * > TR > TD
{
	border-bottom: #aaa 1px solid;
	border-left: #aaa 1px solid;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-top: #aaa 1px solid;
	border-right: #aaa 1px solid;
	padding-top: 0.2em;
}
TABLE.wikitable > * > TR > TH
{
	text-align: center;
	background: white;
	font-weight: bold;
}
.wikitable
{
	page-break-inside: avoid;
}

.albums_contents OL LI
{
	
	list-style-type: lower-alpha;
	
	
}

div.casts_background
{
   
   border:1px solid #191919;border-color:#72755f;
	 width:126px; height:167px;
	 float:left;
	 
}

h1 {
	font-size: 2.0em;
	line-height: 1;
	margin-bottom: .5em;
	color: #333;
	font-weight: normal;
}

h2 {
	font-size: 1.5em;
	margin-bottom: 0.4em;
	margin-top: 0px;
}

h3 {
	font-size: 1.4em;
	line-height: 1;
	margin-bottom: 3px;
	margin-top: : 10px;
}

h4 {
	font-size: 1.3em;
	line-height: 1.25;
	margin-bottom: .1em;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .1em;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

a:focus,a:hover {
	color: #000;
}

a {
	color: #268BD2;
	text-decoration: none;
}

b {
	font-weight: bold;
}

dl {
	margin-bottom: 5px;
}

dl dt {
	font-weight: normal;
}

dd {
	margin: 0;
}

li ul,li ol {
	margin: 0;
}

ul,ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

table {
	border-spacing: 1px;
}

img {
	border: none;
}

.small {
	font-size: .9em;
	margin-bottom: inherit;
	line-height: normal;
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.hide {
	display: none;
}

.quiet {
	color: #777;
}

a.quiet {
	color: #777;
}

a:hover.quiet {
	color: #000;
}

.red {
	background-color: #b0003a;
}

.green {
	background: #81f462;
}

.blue {
	background: #3a93de;
}

.author a {
	color: #268BD2;
	font-weight: bold;
}

.alert {
	color: #FC0000;
	font-weight: bold;
}

.bg_magenta {
	background-color: #CD0057;
	color: #fff;
}

.bg_violet {
	background-color: #6C71C4;
	color: #fff;
}

.bg_blue {
	background-color: #268BD2;
	color: #fff;
}

.bg_magenta a,.bg_violet a,.bg_blue a {
	color: #fff;
}

.bg_magenta .alert,.bg_violet .alert,.bg_blue .alert {
	color: yellow;
	font-weight: bold;
}

.sticky {
	border: 1px solid #5b5b5b;
	border-top: none;
	border-bottom: none;
}

/* grid.css */
#wrapper {
	margin: 0px auto;
	
	background: url(/images/background-index.jpg);
	position: relative;
}

#wrapper div.top_banner {
	width: 980px;
	margin: 10px auto;
	margin-top:-16px;
	background: none;
}

.container {
	width: 980px;
}

.showgrid {
	background: url(src/grid.png);
}



.last {
	margin-right: 0;
}

.span-1 {
	width: 30px;
}

.span-2 {
	width: 60px;
}

.span-3 {
	width: 90px;
}

.span-4 {
	width: 120px;
}

.span-5 {
	width: 150px;
}

.span-6 {
	width: 180px;
}

.span-7 {
	width: 210px;
}

.span-8 {
	width: 240px;
}

.span-9 {
	width: 270px;
}

.span-10 {
	width: 300px;
	float: right;
	padding-top: 40px;
}

.span-11 {
	width: 330px;
}

.span-12 {
	width: 360px;
}

.span-13 {
	width: 390px;
}

.span-14 {
	width: 420px;
}

.span-15 {
	width: 450px;
}

.span-16 {
	width: 480px;
}

.span-17 {
	width: 510px;
}

.span-18 {
	width: 540px;
}

.span-19 {
	width: 570px;
}

.span-20 {
	width: 600px;
}

.span-21 {
	width: 630px;
}

.span-22 {
	width: 660px;
}

.span-23 {
	width: 670px;
}

.span-24 {
	width: 720px;
}

.span-25 {
	width: 750px;
}

.span-26 {
	width: 780px;
}

.span-27 {
	width: 810px;
}

.span-28 {
	width: 840px;
}

.span-29 {
	width: 870px;
}

.span-30 {
	width: 900px;
}

.span-31 {
	width: 930px;
}

.span-32 {
	width: 960px;
}

.span-33 {
	width: 980px;
}

input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24,input.span-25,textarea.span-25,input.span-26,textarea.span-26,input.span-27,textarea.span-27,input.span-28,textarea.span-28,input.span-29,textarea.span-29,input.span-30,textarea.span-30,input.span-31,textarea.span-31,input.span-32,textarea.span-32,input.span-33,textarea.span-33
	{
	border-left-width: 1px;
	border-right-width: 1px;
	padding-left: 3px;
	padding-right: 2px;
}

input.span-1,textarea.span-1 {
	width: 13px;
}

input.span-2,textarea.span-2 {
	width: 43px;
}

input.span-3,textarea.span-3 {
	width: 73px;
}

input.span-4,textarea.span-4 {
	width: 103px;
}

input.span-5,textarea.span-5 {
	width: 133px;
}

input.span-6,textarea.span-6 {
	width: 163px;
}

input.span-7,textarea.span-7 {
	width: 193px;
}

input.span-8,textarea.span-8 {
	width: 223px;
}

input.span-9,textarea.span-9 {
	width: 253px;
}

input.span-10,textarea.span-10 {
	width: 283px;
}

input.span-11,textarea.span-11 {
	width: 313px;
}

input.span-12,textarea.span-12 {
	width: 343px;
}

input.span-13,textarea.span-13 {
	width: 373px;
}

input.span-14,textarea.span-14 {
	width: 403px;
}

input.span-15,textarea.span-15 {
	width: 433px;
}

input.span-16,textarea.span-16 {
	width: 463px;
}

input.span-17,textarea.span-17 {
	width: 493px;
}

input.span-18,textarea.span-18 {
	width: 523px;
}

input.span-19,textarea.span-19 {
	width: 553px;
}

input.span-20,textarea.span-20 {
	width: 583px;
}

input.span-21,textarea.span-21 {
	width: 613px;
}

input.span-22,textarea.span-22 {
	width: 643px;
}

input.span-23,textarea.span-23 {
	width: 673px;
}

input.span-24,textarea.span-24 {
	width: 703px;
}

input.span-25,textarea.span-25 {
	width: 733px;
}

input.span-26,textarea.span-26 {
	width: 763px;
}

input.span-27,textarea.span-27 {
	width: 793px;
}

input.span-28,textarea.span-28 {
	width: 823px;
}

input.span-29,textarea.span-29 {
	width: 853px;
}

input.span-30,textarea.span-30 {
	width: 883px;
}

input.span-31,textarea.span-31 {
	width: 913px;
}

input.span-32,textarea.span-32 {
	width: 943px;
}

input.span-33,textarea.span-33 {
	width: 973px;
}

.append-1 {
	padding-right: 30px;
}

.append-2 {
	padding-right: 60px;
}

.append-3 {
	padding-right: 90px;
}

.append-4 {
	padding-right: 120px;
}

.append-5 {
	padding-right: 150px;
}

.append-6 {
	padding-right: 180px;
}

.append-7 {
	padding-right: 210px;
}

.append-8 {
	padding-right: 240px;
}

.append-9 {
	padding-right: 270px;
}

.append-10 {
	padding-right: 300px;
}

.append-11 {
	padding-right: 330px;
}

.append-12 {
	padding-right: 360px;
}

.append-13 {
	padding-right: 390px;
}

.append-14 {
	padding-right: 420px;
}

.append-15 {
	padding-right: 450px;
}

.append-16 {
	padding-right: 480px;
}

.append-17 {
	padding-right: 510px;
}

.append-18 {
	padding-right: 540px;
}

.append-19 {
	padding-right: 570px;
}

.append-20 {
	padding-right: 600px;
}

.append-21 {
	padding-right: 630px;
}

.append-22 {
	padding-right: 660px;
}

.append-23 {
	padding-right: 690px;
}

.append-24 {
	padding-right: 720px;
}

.append-25 {
	padding-right: 750px;
}

.append-26 {
	padding-right: 780px;
}

.append-27 {
	padding-right: 810px;
}

.append-28 {
	padding-right: 840px;
}

.append-29 {
	padding-right: 870px;
}

.append-30 {
	padding-right: 900px;
}

.append-31 {
	padding-right: 930px;
}

.append-32 {
	padding-right: 960px;
}

.prepend-1 {
	padding-left: 30px;
}

.prepend-2 {
	padding-left: 60px;
}

.prepend-3 {
	padding-left: 90px;
}

.prepend-4 {
	padding-left: 120px;
}

.prepend-5 {
	padding-left: 150px;
}

.prepend-6 {
	padding-left: 180px;
}

.prepend-7 {
	padding-left: 210px;
}

.prepend-8 {
	padding-left: 240px;
}

.prepend-9 {
	padding-left: 270px;
}

.prepend-10 {
	padding-left: 300px;
}

.prepend-11 {
	padding-left: 330px;
}

.prepend-12 {
	padding-left: 360px;
}

.prepend-13 {
	padding-left: 390px;
}

.prepend-14 {
	padding-left: 420px;
}

.prepend-15 {
	padding-left: 450px;
}

.prepend-16 {
	padding-left: 480px;
}

.prepend-17 {
	padding-left: 510px;
}

.prepend-18 {
	padding-left: 540px;
}

.prepend-19 {
	padding-left: 570px;
}

.prepend-20 {
	padding-left: 600px;
}

.prepend-21 {
	padding-left: 630px;
}

.prepend-22 {
	padding-left: 660px;
}

.prepend-23 {
	padding-left: 690px;
}

.prepend-24 {
	padding-left: 720px;
}

.prepend-25 {
	padding-left: 750px;
}

.prepend-26 {
	padding-left: 780px;
}

.prepend-27 {
	padding-left: 810px;
}

.prepend-28 {
	padding-left: 840px;
}

.prepend-29 {
	padding-left: 870px;
}

.prepend-30 {
	padding-left: 900px;
}

.prepend-31 {
	padding-left: 930px;
}

.prepend-32 {
	padding-left: 960px;
}

.border {
	padding-right: 10px;
	margin-right: 3px;
	border-right: 1px solid #eee;
}

.border-left {
	padding-left: 10px;
	margin-left: 3px;
	border-left: 1px solid #eee;
}

.colborder {
	padding-right: 11px;
	margin-right: 11px;
	border-right: 1px solid #eee;
}

.pull-1 {
	margin-left: -30px;
}

.pull-2 {
	margin-left: -60px;
}

.pull-3 {
	margin-left: -90px;
}

.pull-4 {
	margin-left: -120px;
}

.pull-5 {
	margin-left: -150px;
}

.pull-6 {
	margin-left: -180px;
}

.pull-7 {
	margin-left: -210px;
}

.pull-8 {
	margin-left: -240px;
}

.pull-9 {
	margin-left: -270px;
}

.pull-10 {
	margin-left: -300px;
}

.pull-11 {
	margin-left: -330px;
}

.pull-12 {
	margin-left: -360px;
}

.pull-13 {
	margin-left: -390px;
}

.pull-14 {
	margin-left: -420px;
}

.pull-15 {
	margin-left: -450px;
}

.pull-16 {
	margin-left: -480px;
}

.pull-17 {
	margin-left: -510px;
}

.pull-18 {
	margin-left: -540px;
}

.pull-19 {
	margin-left: -570px;
}

.pull-20 {
	margin-left: -600px;
}

.pull-21 {
	margin-left: -630px;
}

.pull-22 {
	margin-left: -660px;
}

.pull-23 {
	margin-left: -690px;
}

.pull-24 {
	margin-left: -720px;
}

.pull-31 {
	margin-left: -930px;
}

.pull-32 {
	margin-left: -960px;
}

.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24,.pull-31,.pull-32
	{
	float: left;
	position: relative;
}

.prepend-top {
	margin-top: 1.1em;
}

.append-bottom {
	margin-bottom: 1.1em;
}

.box {
	padding: 1.3em;
	margin-bottom: 1.1em;
	background: #EBEBEB;
}

.box-dotted {
	background: #E0EBEF;
	border: 1px dotted #999;
	margin: 10px auto;
	padding: 10px;
}

hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: .5em 0;
	border: none;
	display: inline-block;
}

hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden;
}

hr.blue {
	background: url("/images/hr-chain.png") repeat-x scroll 0 100% #323232;
	height: 2px;
}

/* form */
textarea {
	height: auto;
	width: auto;
}

/* askkpop stuff */
.stats {
	display: block;
}

.content-body {
	margin: 10px;
	font-size: 110%;
}

.right {
	float: right;
}

.left {
	float: left;
}

.flag {
	float: right;
	cursor: pointer;
}

.wide {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}

.textarea-small {
	padding: 0 !important;
	font: 8pt 'Lucida Grande', Helvetica, Arial, sans-serif !important;
	overflow: hidden;
}

input.text_field,textarea {
	-x-system-font: none;
	background: #FFFFFF url(/images/input_bg.gif) repeat-x scroll center top;
	border: 1px solid #BBBBBB;
	color: #222222;
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
	padding: 4px;
}

input.text_field:disabled,textarea:disabled {
	background: #F5F5F5 none repeat scroll 0 0;
}

input.text_field.big {
	font-size: 14px;
}

input.text_field.huge {
	-x-system-font: none;
	border-color: #BBBBBB;
	font-family: Georgia;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

input.text_field.huge:focus {
	background: #F3FAFF url(/images/input_highlight_bg.png) repeat-x scroll
		center top;
	border-color: #B7C7D3;
}

input,select {
	-x-system-font: none;
	color: #444444;
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	padding: 5px;
}

select {
	border: 1px solid #BBBBBB;
	padding: 4px;
}

/** > Buttons : Normal
/** ---------------------------------------------------------- **/
.button,.button_hot {
	padding: 4px 4px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	display: inline-block;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	cursor: pointer;
	border-radius: 3px;
}

.button {
	color: #000;
	border: 1px solid #AAA;
	border-bottom-color: #888;
	border-right-color: #888;
	background: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff),
		color-stop(1, #E5E5E5) );
	background: -moz-linear-gradient(center top, #ffffff 0%, #E5E5E5 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (   GradientType
		=   0, startColorstr =   '#ffffff', endColorstr =   '#E5E5E5' );
	/* IE6 & IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#E5E5E5')";
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/* IE8 */
}

.button_hot {
	background: #CD0057;
	color: white;
	text-shadow: 1px 1px 1px #666;
}

.button.small,.button_hot.small {
	padding: 3px 7px;
	font-size: 12px;
}

.button.big,.button_hot.big {
	padding: 5px 15px;
	font-size: 14px;
}

.button.long,.button_hot.long {
	padding: 7px 0px;
	display: block;
	text-align: center;
	width: 100%;
}

/** > Buttons : Colors
/** ---------------------------------------------------------- **/
.button_hot.violet {
	background: #6C71C4;
}

.button_hot.gradient_green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #95BD00),
		color-stop(1, #84B100) );
	background: -moz-linear-gradient(center top, #95BD00 0%, #84B100 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (   GradientType
		=   0, startColorstr =   '#95BD00', endColorstr =   '#84B100' );
	/* IE6 & IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#95BD00', endColorstr='#84B100')";
	/* IE8 */
	border-width: 1px;
	border-style: solid;
	border-top-color: #A6CB2C;
	border-left-color: #A6CB2C;
	border-bottom-color: #6B9300;
	border-right-color: #6B9300;
}

/** > Buttons : Hover
/** ---------------------------------------------------------- **/
.button:hover {
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E5E5E5),
		color-stop(1, #ffffff) );
	background: -moz-linear-gradient(center top, #E5E5E5 0%, #ffffff 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (   GradientType
		=   0, startColorstr =   '#E5E5E5', endColorstr =   '#ffffff' );
	/* IE6 & IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5E5E5', endColorstr='#ffffff')";
	/* IE8 */
}

.button_hot:hover {
	background: #6C71C4;
	color: white;
}

.button_hot.violet:hover {
	background: #268BD2;
}

.button_hot.gradient_green:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #84B100),
		color-stop(1, #95BD00) );
	background: -moz-linear-gradient(center top, #84B100 0%, #95BD00 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (   GradientType
		=   0, startColorstr =   '#84B100', endColorstr =   '#95BD00' );
	/* IE6 & IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#84B100', endColorstr='#95BD00')";
	/* IE8 */
}

/* ------------------------------------------------------------------------------- */
/* > Quick Nav General
/* ------------------------------------------------------------------------------- */
#quick_nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 30px;
	width: 100%;
	overflow: visible;
	text-shadow: none;
	text-align: center;
}

#quick_nav.light {
	background: #e5e5e5;
	box-shadow: inset 0px 2px 10px #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}

#quick_nav.dark {
	background: #1b1b1b;
	border-bottom: 1px solid #828282;
	box-shadow: 0px 1px 5px #1E2127;
}

#quick_nav a {
	color: #fff;
	font-weight: bold;
}

#quick_nav .padder {
	border: none;
	width: 980px !important;
	margin: 0 auto;
	min-width: 980px;
	max-width: 1280px;
	display: block;
	height: 30px;
}

/* > Hot Items
/* ------------------------------------------------------------------------------- */
#quick_nav div#hot {
	float: left;
}

#quick_nav div#hot #hot_items {
	height: 30px;
	overflow: hidden;
}

/* > Dark Version
/* ------------------------------------------------------------------------------- */
#quick_nav.dark #hot_items dt,#quick_nav.dark #hot_items dd {
	float: left;
	font-weight: normal;
	line-height: 30px;
	border: none;
	margin-left: -1px;
	padding: 0px 10px;
	color: #FFF;
}

#quick_nav.dark #hot_items dd {
	text-transform: uppercase;
}

#quick_nav.dark #hot_items dd.bar {
	margin: 0;
	padding: 0;
}

#quick_nav.dark #hot_items a {
	display: block;
	color: #e3e3e3;
	font-size: 10px;
	text-decoration: none;
	text-shadow: none;
}

#quick_nav.dark #hot_items a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}

/* > Shared
/* ------------------------------------------------------------------------------- */
#quick_nav.light #hot_items dt,#quick_nav.dark #hot_items dt {
	font-size: 11px;
	font-weight: bold;
	display: block;
	position: relative;
	padding-left: 20px;
	border-left: none;
}

#quick_nav.light #hot_items dt span,#quick_nav.dark #hot_items dt span {
	background: transparent url(/images/ic_sprites.png) no-repeat 0 7px;
	width: 15px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* > Member Info
/* ------------------------------------------------------------------------------- */
#quick_nav .userbar {
	float: right;
}

#quick_nav #welcome_msg {
	float: right;
	width: auto;
	color: #fff;
	text-align: right;
	line-height: 30px;
	margin-right: 5px;
	font-size: 12px;
	display: block;
}

#quick_nav #welcome_msg a {
	text-decoration: none;
	font-size: 14px;
}

#quick_nav #welcome_msg a.username {
	
}

/* > User Quick Navigation
/* ------------------------------------------------------------------------------- */
#quick_nav ul {
	float: right;
	margin: 0;
	list-style: none;
	line-height: 1;
	cursor: pointer;
	height: auto;
	padding: 0;
}

#quick_nav.dark ul#user_nav {
	
}

#quick_nav.dark ul#user_nav a {
	display: block;
	cursor: pointer;
}

#quick_nav ul#user_nav li.user_nav_item .dim {
	opacity: .2;
	filter: alpha(opacity =     20);
}

#quick_nav ul#user_nav li.user_nav_item .bright {
	opacity: 1;
	filter: alpha(opacity =     100);
}

#quick_nav.dark ul#user_nav li.login,#quick_nav.dark ul#user_nav li.join,#quick_nav ul#user_nav li.user_nav_item
	{
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #696969;
	border-top: none;
	border-bottom: none;
	margin: 0px;
	margin-left: -1px;
	float: left;
	color: #fff;
	cursor: pointer;
}

#quick_nav ul#user_nav li.user_nav_item:hover {
	color: #000;
}

#quick_nav.dark ul#user_nav li.join:hover,#quick_nav.dark ul#user_nav li.login:hover,#quick_nav ul#user_nav li.user_nav_item:hover
	{
	opacity: 1;
	filter: alpha(opacity =     100);
	background: #fff;
}

#quick_nav.dark ul#user_nav li.action {
	background: #fff;
}

#quick_nav ul#user_nav li.user_nav_item:hover a {
	color: #000;
}

#quick_nav.dark ul#user_nav li.join a:hover,#quick_nav.dark ul#user_nav li.login a:hover,#quick_nav ul#user_nav li.user_nav_item a:hover
	{
	opacity: 1;
	filter: alpha(opacity =     100);
	background: #fff;
	display: block;
}

/* login and join */
#quick_nav.dark ul#user_nav li.login,#quick_nav.dark ul#user_nav li.join
	{
	height: 30px;
	line-height: 30px;
}

#quick_nav.dark ul#user_nav li.join a,#quick_nav.dark ul#user_nav li.login a
	{
	padding: 0px 10px;
	color: #fff;
}

/* the links */
#quick_nav ul#user_nav li.user_nav_item a {
	display: block;
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#quick_nav ul#user_nav li.user_nav_item a span.count {
	background: #D70377;
	padding: 3px;
	position: absolute;
	height: 7px;
	bottom: 3px;
	right: 5px;
	font-size: 10px;
	line-height: .7em;
	text-decoration: none;
	text-indent: 0px;
	color: #333;
}

#quick_nav.dark ul#user_nav li.login a,#quick_nav.dark ul#user_nav li.join a
	{
	color: #fff;
}

#quick_nav.dark ul#user_nav li.login:hover a,#quick_nav.dark ul#user_nav li.join:hover a
	{
	color: #2b2b2b;
}

#quick_nav.dark ul#user_nav li.action a {
	color: #000;
}

/* user nav items */
#quick_nav ul#user_nav li.user_nav_item {
	padding: 0px 0px;
}

#quick_nav ul#user_nav li.user_nav_item a {
	
}

#quick_nav ul#user_nav li.user_nav_item span.icon {
	float: left;
	display: block;
	opacity: .7;
	filter: alpha(opacity =     70);
}

/** > nav item image replace - off
/** ---------------------------------------------------------------- */
#quick_nav ul#user_nav li#setting span.icon {
	width: 18px;
	height: 18px;
	margin: 6px 11px;
	background: transparent url('/images/ic_sprites.png') no-repeat -50px
		0px;
}

#quick_nav ul#user_nav li#inbox span.icon {
	width: 20px;
	height: 18px;
	margin: 6px 10px;
	background: transparent url('/images/ic_sprites.png') no-repeat -75px
		0px;
}

#quick_nav ul#user_nav li#post span.icon {
	width: 18px;
	height: 18px;
	margin: 6px 11px;
	background: transparent url('/images/ic_sprites.png') no-repeat -100px
		0px;
}

/** > nav item image replace - on (hovered)
/** ---------------------------------------------------------------- */
#quick_nav ul#user_nav li#setting:hover span.icon {
	opacity: 1;
	filter: alpha(opacity =     100);
	background: transparent url('/images/ic_sprites.png') no-repeat -50px
		-25px;
}

#quick_nav ul#user_nav li#inbox:hover span.icon {
	opacity: 1;
	filter: alpha(opacity =     100);
	background: transparent url('/images/ic_sprites.png') no-repeat -75px
		-25px;
}

#quick_nav ul#user_nav li#post:hover span.icon {
	opacity: 1;
	filter: alpha(opacity =     100);
	background: transparent url('/images/ic_sprites.png') no-repeat -100px
		-25px;
}

/* > Second Level Lists
/* ------------------------------------------------------------------------------- */
#quick_nav ul li ul {
	position: absolute;
	left: -9999em;
	background: #fff;
	border: 1px solid #444;
	border-top: none;
	margin-top: -1px;
	margin-right: -1px;
	z-index: 999;
	display: block;
	height: auto;
}

#quick_nav ul#user_nav li ul {
	min-width: 95px;
}

#quick_nav ul#user_nav li:hover ul {
	left: auto; /* brings the dropdown list back onto the screen */
	right: 0px;
}

#quick_nav ul li ul li {
	width: 100%;
}

#quick_nav ul#user_nav li.user_nav_item ul li a {
	text-align: left;
	padding: 0px;
	width: 100%; /* same as parent */
	line-height: 30px;
	display: block;
	color: #444;
	background: #fff;
	border: none;
	margin: 0px;
	text-indent: 10px;
}

#quick_nav ul#user_nav li.user_nav_item ul li a:hover {
	background-color: #E7EFF7;
}

#quick_nav ul#user_nav li.user_nav_item ul li#account:hover a {
	color: #000;
}

/* > Modal Login
/* ------------------------------------------------------------------------------- */
#quick_nav ul#user_nav li.login a.login-open {
	background: #fff;
	color: #000;
	border-color: #444;
	border-bottom: 1px solid #FFF;
	/* Makes the login button and box look connected */
	position: relative;
	z-index: 9999;
}

#modal-login {
	position: absolute;
	right: 10px;
	top: 30px;
	background: #fff;
	padding: 15px;
	border: 1px solid #444;
	overflow: hidden;
	display: none;
}

#modal-login .visible,#modal-login .hidden {
	overflow: hidden;
}

#modal-login h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

#modal-login label {
	font-weight: normal;
	color: #444;
	display: block;
	padding: 15px 0px 5px;
}

#modal-login a:hover {
	text-decoration: underline;
}

/** Login Form **/
#modal-login form#modal-login-form {
	float: left;
	width: 280px;
	border-left: 1px solid #d5d5d5;
	padding-left: 15px;
}

#modal-login div.social-login {
	float: left;
	width: 280px;
}

#modal-login form#modal-login-form input[type="text"],#modal-login form#modal-login-form input[type="password"]
	{
	width: 266px;
}

#modal-login input[type="submit"] {
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 7px 10px;
}

#modal-login p.forgetmenot {
	margin-left: 10px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	margin-bottom: 15px;
}

#modal-login a#go_retrieve,#modal-login a#register {
	text-decoration: none;
	font-size: 12px;
	display: block;
}

#modal-login a#register {
	float: left;
}

#modal-login a#go_retrieve {
	float: right;
}

/** Retrieve Password Form **/
#modal-login .hidden {
	display: none;
	position: relative;
}

#modal-login .hidden h3 {
	
}

#modal-login .hidden form#lostpassword {
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}

#modal-login .hidden form#lostpassword fieldset.field {
	width: 85%;
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
}

#modal-login .hidden form#lostpassword fieldset.field label {
	text-align: left;
}

#modal-login .hidden form#lostpassword .field input[type="text"] {
	width: 100%;
	margin: 0px;
}

#modal-login .hidden form#lostpassword input[type="submit"] {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	line-height: 28px;
	padding: 0px 10px;
}

#modal-login a#go_login {
	display: block;
	position: absolute;
	bottom: 0px;
}

/** ---------------------------------------------------------------------------------------------- */
/** > Header 
/** ---------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	margin: 0;
	line-height: normal;
	width: 100%;
	height: 70px;
	padding-top: 32px;
	background: url('/images/head_bg.gif') repeat scroll left -70px
		transparent;
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color #9F9F9F;
	border-style: none none solid;
	border-width: medium medium 1px;
	box-shadow: 0 1px 5px #A1A5B2;
}

#header .padder {
	width: 980px;
	margin: 0 auto;
}

/** > Header - Navigation 
/** ---------------------------------------------------------------------------------------------- */
#nav-bar {
	border: none;
	width: 100%;
	overflow: visible;
	position: relative;
}

.main_is_bannner_bg {
	background: url("/images/main_navigation_bg.png") repeat scroll center
		bottom transparent;
}

.main_no_bannner_bg {
	background: url("/images/main_navigation_bg_1.png") repeat scroll center
		bottom transparent;
}



#nav-bar.navigation {
	height: 70px;
}

#nav-bar .padder {
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding-top: 5px;
	height: 70px;
}

h1.logo {
	top: 0px;
	left: -79px;
	position: absolute;
	z-index: 1000;
}

h1.logo a {
	background: url("/images/logo_askkpop.png") no-repeat scroll 0 -5px
		transparent;
	display: block;
	height: 112px;
	text-indent: -9999px;
	width: 195px;
}

#nav-bar ul#navigation {
	list-style: none;
	position: absolute;
	left: 180px;
	bottom: 5px;
	width: 790px;
	height: 42px;
}

#nav-bar ul#navigation li {
	float: left;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;
	margin-right: 1px;
}

#nav-bar ul#navigation li a {
	height: 42px;
	display: block;
	text-indent: -9999px;
}

#nav-bar ul#navigation li a.home {
	background: url(/images/main_menu_buttons.png) no-repeat scroll 0 0;
	width: 65px;
}

#nav-bar ul#navigation li.action a.home,#nav-bar ul#navigation li a.home:hover
	{
	background-position: 0 -43px;
}

#nav-bar ul#navigation li a.news {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -65px 0;
	width: 51px;
}

#nav-bar ul#navigation li.action a.news,#nav-bar ul#navigation li a.news:hover
	{
	background-position: -65px -43px;
}

#nav-bar ul#navigation li a.singers {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -116px 0;
	width: 74px;
}

#nav-bar ul#navigation li.action a.singers,#nav-bar ul#navigation li a.singers:hover
	{
	background-position: -116px -43px;
}

#nav-bar ul#navigation li a.galleries {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -190px 0;
	width: 74px;
}

#nav-bar ul#navigation li.action a.galleries,#nav-bar ul#navigation li a.galleries:hover
	{
	background-position: -190px -43px;
}

#nav-bar ul#navigation li a.videos {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -264px 0;
	width: 69px;
}

#nav-bar ul#navigation li.action a.videos,#nav-bar ul#navigation li a.videos:hover
	{
	background-position: -264px -43px;
}

#nav-bar ul#navigation li a.fanclubs {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -332px 0;
	width: 80px;
}

#nav-bar ul#navigation li.action a.fanclubs,#nav-bar ul#navigation li a.fanclubs:hover
	{
	background-position: -332px -43px;
}

#nav-bar ul#navigation li a.fashions {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -412px 0;
	width: 77px;
}

#nav-bar ul#navigation li.action a.fashions,#nav-bar ul#navigation li a.fashions:hover
	{
	background-position: -412px -43px;
}

#nav-bar ul#navigation li a.events {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -489px 0;
	width: 138px;
}

#nav-bar ul#navigation li.action a.events, #nav-bar ul#navigation li a.events:hover
	{
	background-position: -489px -43px;
}

#nav-bar ul#navigation li a.chart {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -627px 0;
	width: 63px;
}

#nav-bar ul#navigation li.action a.chart,#nav-bar ul#navigation li a.chart:hover
	{
	background-position: -627px -43px;
}


#nav-bar ul#navigation li a.forums {
	background: url(/images/main_menu_buttons.png) no-repeat scroll -691px 0;
	width: 83px;
}

#nav-bar ul#navigation li.action a.forums,#nav-bar ul#navigation li a.forums:hover
	{
	background-position: -691px -43px;
}


#nav-bar ul#hot-menu {
	position: absolute;
	right: 5px;
	bottom: 14px;
	width: 70px;
	list-style: none;
}

#nav-bar ul#hot-menu li {
	float: right;
	font-size: 11px;
	margin-left: 5px;
	font-weight: bold;
}

#nav-bar ul#hot-menu li.bar {
	color: #ffffff;
}

#nav-bar ul#hot-menu li a {
	color: #e5d1b6;
	font-size: 12px;
}

#nav-bar ul#hot-menu li a:HOVER {
	color: #bf313f;
}

#header.banner {
	height: 440px;
	margin-bottom: 10px;
}

#header.banner div#main-banner {
	background: url("/images/ss_grad.gif") repeat-x scroll 0 0px transparent;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	height: 440px;
	margin: 0 auto;
	display: block;
}

#header div#main-navigation-bg {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	display: block;
	text-align: center;
	overflow: hidden;
}

#header_ami_fanclubs {
  background: url("/images/main_banner_top_bg.png") repeat-x scroll 0 0px transparent;
  position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	top:-50px;

}

#header_ami {
  background: url("/images/main_banner_top_bg.png") repeat-x scroll 0 0px transparent;
  position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	display: block;
	overflow: hidden;

}
#header.banner div#main-banner-thumb {
	border: none;
	width: 100%;
	overflow: visible;
	position: absolute;
	bottom: 1px;
	left: 0px;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	border-bottom: 1px #ffffff solid;
}

#header.banner div#main-banner .main-banner-slider {
	width: 980px;
	height: 400px;
	overflow: hidden;
	margin: 0 auto;
}

#header.banner div#main-banner #main-banner-slider {
	margin-left: 0;
	margin-top: 0;
	list-style: none;
}

#header.banner div#main-banner #main-banner-slider li {
	padding: 0;
	width: 980px;
	height: 330px;
	overflow: hidden;
	position: relative;
	padding-top: 50px;
	float: left;
}

#header.banner div#main-banner #main-banner-slider li div.banner_item {
	position: relative;
	width: 490px;
	height: 330px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	text-align: center;
	overflow: hidden;
}

#header.banner div#main-banner #main-banner-slider li div.banner_item img
{
	width: 490px;
	cursor: pointer;
}

#header.banner div#main-banner #main-banner-slider li div.banner_item div.img_info
	{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 475px;
	height: 70px;
	padding: 5px 10px;
	color: #e6e6e6;
	overflow: hidden;
}

#header.banner div#main-banner #main-banner-slider li div.banner_item div.img_info label
{
	color: #268BD2;
}

#header.banner div#main-banner #main-banner-slider li div.banner_item div.img_info div.title
{
	margin-bottom:5px;
	padding: 0;
}
#header.banner div#main-banner #main-banner-slider li div.banner_item div.img_info div.title a{
	text-transform: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	color: #FE7901;
}
#header.banner div#main-banner #main-banner-slider li div.banner_item div.img_info span.member a {
	color: #ffffff;
	border-bottom: 1px #ffffff dotted;
}

#header.banner div#main-banner #main-banner-slider-thumb {
	position: relative;
	margin: 5px auto;
	height: 50px;
	text-align: center;
	padding-left:10px;
}

#header.banner div#main-banner #main-banner-slider-thumb li {
	margin: 0;
	margin-right: 5px;
	padding: 0;
	float: left;
	cursor: pointer;
}

#header.banner div#main-banner #main-banner-slider-thumb li.arrow_left,#header.banner div#main-banner #main-banner-slider-thumb li.arrow_right
	{
	display: inline-block;
	height: 33px;
	width: 19px;
	padding: 0;
	margin-top: 8px;
	border: 0;
	position: relative;
}

#header.banner div#main-banner #main-banner-slider-thumb li.arrow_left {
	background: url("/images/ss_control.png") no-repeat scroll left top
		transparent;
}

#header.banner div#main-banner #main-banner-slider-thumb li.arrow_left:hover
	{
	background: url("/images/ss_control.png") no-repeat scroll left bottom
		transparent;
}

#header.banner div#main-banner #main-banner-slider-thumb li.arrow_right
	{
	background: url("/images/ss_control.png") no-repeat scroll right top
		transparent;
	margin-right: 0;
}

#header.banner div#main-banner #main-banner-slider-thumb li.arrow_right:hover
	{
	background: url("/images/ss_control.png") no-repeat scroll right bottom
		transparent;
}

#header.banner div#main-banner #main-banner-slider-thumb li.img {
	border: 0px;
	width: 46px;
}

#header.banner div#main-banner #main-banner-slider-thumb li.action {
	border: 1px #dfdfdf solid;
}

#header.banner div#main-banner #main-banner-slider-thumb li div.banner_item
	{
	width: 46px;
	height: 46px;
	border: 0;
	margin: 0;
	overflow: hidden;
	float: left;
}

#header.banner div#main-banner #main-banner-slider-thumb li div.caten {
	position: absolute;
	width: 46px;
	height: 46px;
	margin: 0;
	padding: 0;
	display: display;
}

#header.banner div#main-banner #main-banner-slider-thumb li.action div.caten,#header.banner div#main-banner #main-banner-slider-thumb li:hover div.caten
	{
	display: none;
}

#header.banner div#main-banner #main-banner-slider-thumb li.img img {
	width: 46px;
	height: 46px;
	border: 0;
	margin: 0;
}

/** > Search 
/** ---------------------------------------------------------------------------------------------- */
#search-box {
	float: right;
	padding: 0px;
	height: 22px;
	width:980px;
	margin-top:-10px;
}

#search-box label {
	color: #ffffff;
	margin-right: 5px;
	font-weight: normal;
}

#search-box input.InputSearch {
	background: url("/images/google/google_logo_bg.png") no-repeat scroll 0
		0 transparent;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0 5px;
	width: 300px;
}

#search-box input.submit {
	width: 60px;
	height: 25px;
	background: url("/images/google/google_search.png") no-repeat scroll 0
		2px transparent;
	
	border: 0;
	cursor: pointer;
}

/** ------------------------------------------------------------------ */
/** > Main Content Area
/** ------------------------------------------------------------------ */
#main_content.span-33,#main_content.span-23 {
	
}

#main_content.span-33 {
	border: 1px solid #D5D5D5;
}

#main_content .padder {
	padding: 3px 1px;padding-left:0px;
}

#main_content.span-23 .padder {
	margin-right: 10px;
}

/** ------------------------------------------------------------------ */
/** > Sidebar
/** ------------------------------------------------------------------ */
.sidebar.span-10 {
	padding-top: 0px;
}

.sidebar .padder {
	
}

.sidebar .widget {
	width: 300px;
	margin: 0px 0px 15px;
	position: relative;
}

.sidebar .widget h2 {
	margin:5px 0;
	border-bottom: 1px solid #d5d5d5;
}

.sidebar .widget.no_shadow {
	box-shadow: none;
}

.sidebar .widget:first-child {
	margin-top: 0px;
	padding-top: 0px;
}

.sidebar .widget:last-child {
	background: none;
}

.sidebar .widget .padder {
	padding: 5px;
	background: #fff;
	/* 	border: 1px solid #d5d5d5; */
	position: relative;
}

.sidebar .widget h3.widgettitle {
	background: #F0F0F0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),
		color-stop(1, #E5E5E5) );
	background-image: -moz-linear-gradient(center top, #fff 0%, #E5E5E5 100%);
	filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#E5E5E5')";
	/* IE6 & IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#E5E5E5')";
	/* IE8 */
	border: 1px solid #D5D5D5;
	border-bottom: 1px solid #C5C5C5;
	padding: 11px 10px 10px;
	margin: -11px -11px 10px -11px;
	box-shadow: inset -1px -1px 1px white;
	font-weight: normal;
	text-shadow: 1px 1px 1px #fff;
}

.sidebar ul.widgettitle {
	width: 300px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar ul.widgettitle li {
	width: 50%;
	text-align: center;
	background: none;
	float: left;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	border-bottom: 2px #dfdfdf solid;
	cursor: pointer;
}

.sidebar ul.widgettitle li.action {
	background: url("images/updates-active.gif") repeat-x scroll 0 0 #CC0000;
	color: #ffffff;
	font-weight: bold;
	cursor: text;
}

/** > Popular News 
/** ---------------------------------------------------------------------------------------------- */
.sidebar .padder ul img.first {
	width: 298px;
	height: 200px;
}

.sidebar .padder ul	li.post {
	width: 288px;
	padding: 5px; 
	overflow: hidden;
	border-bottom: 2px #dfdfdf dotted;
}

.sidebar .padder ul	li.post .number {
	background: #717171;
	font-size: 1.5em;
	font-weight: bold;
	color: #f0f0f0;
	width: 30px;
	padding: 3px 0px 0px 5px;
	height: 57px;
	float: left;
	margin-right: 5px;
}

.sidebar .padder ul	li.post h3 {
	margin-top: 2px;
	margin-bottom: 5px;
}

.sidebar .padder ul	li.post span.small {
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

.sidebar .padder ul	li.post a {
	color: #000;
}

.sidebar .padder ul	li.post a:hover {
	color: #268BD2;
}

.sidebar .padder ul	li.post p {
	margin-bottom: 5px;
}

.sidebar .padder ul	li.post .img {
	float: left;
	margin-right: 5px; 
}

.sidebar .padder ul	li.post img {
	width: 60px;
	height: 60px;
}

.comments {
	color: red;
	font-size: 13px;
	font-style: bold;
}

/** > Advertisement 
/** ---------------------------------------------------------------------------------------------- */
.widget.ad {
	box-shadow: none;
}

.ad_label {
	display: block;
	font-size: 10px;
	text-align: center;
	color: #9b9b9b;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
}

/** > Myx 
/** ---------------------------------------------------------------------------------------------- */
.widget#myx_vote {
	background: #000;
}

.widget#myx_vote img {
	
}

.widget#myx_vote p {
	text-align: center;
	color: #f0f0f0;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}

/** > Contest 
/** ---------------------------------------------------------------------------------------------- */
.widget.contest {
	background: #000;
}

.widget.contest p {
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px;
	padding: 5px 0px;
}


/** ---------------------------------------------------------------------------------------------- */
.sidebar #social {
	
}

.sidebar #social .padder {
	overflow: hidden;
}

.sidebar #social .twitter,.sidebar #social .fb,.sidebar #social .plus1 {
	float: left;
}

.sidebar #social .fb {
	margin-right: 10px;
}

.sidebar #social .twitter {
	margin-right: 15px;
}

.sidebar #social .twitter #followers {
	position: relative;
	font-family: "lucida grande", arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 29px;
	line-height: 29px;
	width: auto;
	padding: 0px 7px;
	text-align: center;
	border: 1px solid lightGrey;
	background: #f3f3f3;
}

.sidebar #social .twitter #followers .nub_bottom {
	background: transparent url(/images/ic_sprites.png) no-repeat 0px -75px;
	display: block;
	height: 7px;
	width: 7px;
	position: absolute;
	bottom: -7px;
	left: 5px;
	z-index: 3;
}

.sidebar #social .twitter #follow {
	font-size: 11px;
	display: block;
	height: 18px;
	line-height: 18px;
	margin-top: 9px;
	padding: 0px 6px;
	background: #BFDFEE;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),
		color-stop(1, #BFDFEE) );
	background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #BFDFEE 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (   GradientType
		=   0, startColorstr =   '#FFFFFF', endColorstr =   '#BFDFEE' );
	/* IE6 & IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#BFDFEE')";
	/* IE8 */
	border: 1px solid #53A2DA;
	border-radius: 3px;
}

/** > Facebook Activity
/** ---------------------------------------------------------------------------------------------- */
.sidebar #fb_activity {
	
}

.sidebar #fb_activity .padder {
	padding: 0px;
	border: none;
}

/** > Twitter Happenings
/** ---------------------------------------------------------------------------------------------- */
.sidebar #twitter_happenings {
	
}

.sidebar #twitter_happenings ul#tweets {
	
}

.sidebar #twitter_happenings ul#tweets li {
	overflow: hidden;
}

.sidebar #twitter_happenings ul#tweets li img.avatar {
	float: left;
	border: none;
	padding: 0px;
}

.sidebar #twitter_happenings ul#tweets li .body {
	padding-left: 60px;
}

.sidebar #twitter_happenings ul#tweets li a.handle {
	
}

.sidebar
 
#twitter_happenings
 
ul
#tweets
 
li
 
p
 
.
{
}
.box-twitter {
	padding: 15px;
	border: 1px solid #d5d5d5;
}

.box-twitter img {
	margin-right: 5px;
}

/** > Friends of askkpop
/** ---------------------------------------------------------------------------------------------- */
.sidebar .bubble {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-left: 109px;
	padding: 5px 10px;
	line-height: normal;
}

.sidebar .tooth {
	background: url("/images/bubble-tooth.png") no-repeat scroll 0 0
		transparent;
	height: 12px;
	left: 109px;
	position: absolute;
	width: 11px;
	bottom: 100px;
}

/** ---------------------------------------------------------------------------------------------- */
/** > Pagination
/** ---------------------------------------------------------------------------------------------- */
.pagination {
	background: #fff;
	overflow: hidden;
	color: #5b5b5b;
	line-height: 27px;
	margin: 10px;
	padding: 0px 10px;
	box-shadow: 2px 2px 5px #A1A5B2;
}

.pagination strong,.pagination a {
	margin: 0px;
	padding: 0px 10px;
	text-decoration: none;
	width: auto;
	background: none;
	font-size: 12px;
}

.pagination strong {
	
}

.pagination a {
	
}




/** ---------------------------------------------------------------------------------------------- */
/** > Footer
/** ---------------------------------------------------------------------------------------------- */
#footer-container  
{
   border-top-color:currentColor;
   border-top-width:0px;
   border-top-style:none;
   background-image:none !important;
   background-attachment:scroll	!important;
   background-repeat:repeat !important;
   background-position-x:0% !important;
   background-position-y:auto !important;
   background-origin:padding-box !important;
   background-clip:border-box !important;
   background-color:transparent !important;
   margin-top:0px;
	
	
	
}

#footer  {
	position: relative;
	z-index:2000;
	width: 100%;
	padding: 0px 0px;
	background: #fff;
	margin-top: 2px;
	border-top: 1px solid #d5d5d5;
	font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-image : url("/images/footer_background.png")
}

#footer .padder {
	width: 980px;
	margin: 0px auto;
}

#footer a {
	color: #5b5b5b;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #d5d5d5;
}

#footer a:hover {
	color: #268BD2;
}

#footer a.last {
	border-right: none;
}

#footer p {
	font-weight: normal;
	color: #999;
	margin: 0px;
	margin-top: 10px;
}

/* photos */
#photo-main-thumbs {
	width: 100%;
}

#photo-main-thumbs li {
	padding: 12px;
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden
}

/* admin */
ul.edit-nav {
	display: inline-block;
	margin-bottom: 10px;
}

.edit-nav li {
	float: left;
	padding: 0 10px;
	border-right: 1px dashed #B3E1EF;
	font-size: 11px;
	min-width: 60px;
}

table.stable {
	font-weight: normal;
	color: #404040;
	width: 320px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}

table.stable td.header {
	border-bottom: 2px solid #6699CC;
	background-color: #BEC8D1;
	color: #111;
	text-align: center;
	font-size: 12px;
}

table.stable td {
	border-bottom: 1px dotted #6699CC;
	font-weight: normal;
	color: #404040;
	background-color: white;
	text-align: center;
	padding: 7px;
}

table.stable td.total {
	background-color: #FFBFFE;
}

table.gayo td {
	padding: 2px 1px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}

table.gayo td img {
	width: 100px;
	height: 100px;
}

/* PEOPLE */
.featured-members-wrap {
	border-color: #CCCCCC;
	border-width: 5px;
	border-style: none solid solid;
	padding: 8px 10px 0;
	color: #333333;
}

#featured-members {
	width: 100%;
	display: inline-block;
}

.block-box {
	width: 45%;
	float: left;
	padding: 10px 10px 0;
}

.block-list {
	display: inline-block;
	width: 100%;
	padding: 0 0 5px 0;
}

#people-creative {
	font-size: 15px;
	line-height: 120%;
}

#people-creative li {
	padding: 5px 0;
}

.nomargin {
	margin: 0px !important;
}

.feature-box {
	float: left;
	width: 49%;
	padding: 5px 0 0;
}

.feature-box .avatar {
	margin: 0 10px 10px 0;
}

.right {
	float: right;
}

.feature-box img {
	
}

.feature-box p {
	padding-bottom: 10px;
	line-height: normal;
}

.feature-box h3 {
	padding-bottom: 10px;
}

.profile-button {
	width: 80px;
	height: 20px;
	background: transparent url(/images/profile-button.png) no-repeat;
	float: right;
	overflow: hidden;
	text-indent: -1000px;
	margin-left: 10px;
}

.profile-button:hover {
	background-position: -80px 0;
}

/* global */

/* tooltip */
span.tooltip {
	display: inline;
	position: relative;
	top: 3px;
}

span.tooltip small {
	top: 18px;
	left: 18px;
	font-size: 12px;
	width: 240px;
	padding: 8px 10px;
	display: none;
	background: #FFF;
	border: 1px solid #048e9f;
	position: absolute;
	letter-spacing: normal;
	text-transform: none;
	font-weight: normal;
	line-height: normal;
	z-index: 5;
}

span.tt_hover small {
	display: block;
}

.globalMsg {
	background: #FFAFAF;
	margin-bottom: 10px;
	padding: 5px !important;
	text-align: center;
	color: #333;
}

.divider {
	border-bottom: 1px dotted #C3D8DF;
	padding: 5px 2px !important;
	display: inline-block;
	width: 99%;
}

.divider-short {
	border-bottom: 1px dotted #C3D8DF;
	padding: 5px 2px !important;
	display: inline-block;
}

.divider-image {
	vertical-align: top;
	padding: 5px 7px;
	display: inline-block;
	width: 30%;
	text-align: center;
}

.side-box {
	float: right;
	padding: 15px;
	border: 1px solid #333;
	margin: 3px;
	width: 200px;
	background-color: #FFF;
	line-height: 150%;
}

.side-box p {
	padding: 5px;
	border-bottom: 1px dashed #B3E1EF;
}

.side-box h3 {
	background: transparent url(/images/p-stats.png) no-repeat scroll 0 -3px;
	border-bottom: 1px dashed #B3E1EF;
	padding-bottom: 10px;
}

.side-box b {
	margin-left: 32px;
	font-size: 16px;
}

.chrome {
	font-weight: bold;
	background: #CCCCCC;
	padding: 2px 13px 10px;
	color: #333333;
	margin-top: 5px;
}

.chrome a {
	text-transform: uppercase;
	
}
#paging_nav a{
	border: 1px solid #B4B4B4; 
	color: #3D4758;
	padding: 5px;
}
#paging_nav .selected{
	background-color: #3D4758;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #B4B4B4; 
	padding: 5px;
}

.chrome-bent {
	
}

li.last {
	border: 0 !important;
}

.sets {
	padding: 10px 0;
}

.sets ul {
	display: inline;
}

.sets li {
	display: inline;
	border-right: 1px solid #CCC;
	padding: 0 5px 0 2px;
}

.removeLike {
	color: red;
}

.caption {
	font-size: 16px;
	padding: 10px !important;
	margin-bottom: 5px;
	border: 1px dotted #C3D8DF;
	background-color: #EFF5FF;
	width: 620px;
}

#friend-search {
	border: 1px solid #999999;
	margin: 0 15px 15px 0;
	padding: 2px;
	width: 195px;
	font-size: .8em;
	display: block;
	float: left;
}

#friend-search  img {
	float: left;
	padding: 2px 5px 2px 2px;
}

#friend-search b {
	font-size: 1.1em;
}

.form_error {
	color: red;
	font-size: 10px;
	font-style: italic;
}

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display: none; /*sorry for IE5*/
	display /**/: block; /*sorry for IE5*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 3000px;
	height: 3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background: Window url('indicator.html') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.filter {
	padding: 10px;
	border-top: 1px ridge #CFCFCF;
	border-bottom: 1px solid #DFDFDF;
	background-color: #E6E6E6;
}

.filter li {
	display: inline;
	font-weight: bold;
	padding: 10px 20px 10px 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clear {
	clear: both;
	content: "";
	float: none;
}

#globalMsg {
	background: #FFAFAF;
	margin-bottom: 10px;
	padding: 5px !important;
	text-align: center;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */
.login-buttons div {
	float: left;
}

#askkpop-button {
	margin: 1px 0 0 20px;
}

#ad-takeover-wrap {
	margin: 0 auto;
	width: 1270px;
}

.ad-takeover {
	float: left;
}

.email {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.activity-image-small {
	padding: 3px 3px;
	border: 1px solid #DDD;
	background-color: #FFF;
	margin: 0 5px 5px 0;
	vertical-align: top;
	
}

.activity-image-medium {
	padding: 3px 3px;
	border: 1px solid #DDD;
	background-color: #FFF;
	margin: 5px; 5px 5px 5px;;
	vertical-align: top;
	
}


.activity-image_article-thumb {
	padding: 3px 3px;
	border: 1px solid #DDD;
	background-color: #FFF;
	margin: 0 5px 5px 0;
	vertical-align: top;
	width: 110px;
}

.activity-image {
	padding: 3px 3px;
	border: 1px solid #DDD;
	background-color: #FFF;
	margin: 0 5px 5px 0;
	vertical-align: top;
	width: 630px;
}

.sidebar-home #mobs #countdown {
	text-align: right;
	position: relative;
	top: -112px;
	margin-bottom: -108px;
	line-height: 1;
	color: darkred;
	font-size: 24px;
	text-transform: uppercase;
	text-shadow: black 2px 2px 2px;
}

.sidebar-home #mobs .digit {
	font-size: 36px
}

.actionMsg {
	background: #EDFF4F;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 4px;
	margin: 0 0 10px;
	text-align: center;
}

div.action_result {
	padding: 5px 15px;
	border: 1px #d3d300 solid;
	background-color: #fffe76;
	color: #857726;
	border-radius: 3px;
	margin: 5px 0;
	font-weight: bold;
}

div.action_fail_result {
	padding: 5px 15px;
	border: 1px #d3d300 solid;
	background-color: #fffe76;
	color: #ff0000;
	border-radius: 3px;
	margin: 5px 0;
	font-weight: bold;
}

.edit_table {
	width: 640px;
	border: none;
}

.edit_table th,.edit_table td {
	padding: 4px;
	border: none;
	vertical-align: top;
}

.post_list_tabale {
	width: 100%;
	margin-bottom: 0;
}

.most_popular a {
	color: #268BD2;
	text-decoration: none;
}

.most_popular a:hover {
	color: #000000;
	text-decoration: none;
}

/*****
	Page Navigation
*****/
.tablenav .tablenav-pages {
	color: #555;
}

.tablenav .tablenav-pages a {
	color: #21759B;
	font-weight: bold;
	background: #eee url('../images/menu-bits.gif') repeat-x scroll left
		-379px;
}

.tablenav .tablenav-pages a:hover {
	color: #d54e21;
	border-color: #d54321;
}

.tablenav .tablenav-pages a:active {
	color: #fff !important;
}

.tablenav .tablenav-pages .current {
	background: #dfdfdf;
	border-color: #d3d3d3;
}

.tablenav .tablenav-pages {
	float: right;
	display: block;
	cursor: default;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
}

.tablenav .tablenav-pages a,.tablenav-pages span.current {
	text-decoration: none;
	border: none;
	padding: 3px 6px;
	border-width: 1px;
	border-color: #e3e3e3;
	border-style: solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.tablenav .displaying-num {
	margin-right: 10px;
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times,
		serif;
	font-size: 12px;
	font-style: italic;
}

.tablenav .actions {
	padding: 2px 8px 0 0;
}

.morestyle {
	background: url('../images/more.png') no-repeat;
}

#welcome {
	float: right;
	color: #fff;
	text-align: right;
	line-height: 30px;
	margin-right: 5px;
	font-size: 12px;
	display: block;
}

#welcome a {
	color: #E5D1B6;
	font-size: 12px;
}

#welcome a:hover {
	color: #BF313F;
}

#ssl_nav ul {
	float: right;
	margin: 0;
	list-style: none;
	line-height: 1;
	cursor: pointer;
	height: auto;
	padding: 0;
}

#welcome ul#ssl_nav li {
	position: relative;
	top: 0px;
	left: 0px;
	height: 30px;
	line-height: 30px;
	border-top: none;
	border-bottom: none;
	margin: 0px;
	margin-left: -1px;
	float: left;
	color: #fff;
	cursor: pointer;
	padding-left: 5px;
	padding-top: 5px;
}

.abc_menu {
	width: 980px;
	height: 40px;
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
}

.abc_menu div.menu_list {
	width: 980px;
}

.abc_menu a {
	float: left;
	width: 18px;
	padding: 3px;
	margin-right: 9px;
	text-align: center;
}

.article_box {
	margin-bottom: 20px;
	position: relative;
	border-top: 1px #dfdfdf solid;
}

.article_box .news {
	position: absolute;
	width: 23px;
	height: 10px;
	top: -3px;
	left: -5px;
	background-image: url("/images/article_news.png");
}

.article_box .banner_image {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background-color: #666666;
}

.article_box .article_teaser {
	margin: 10px 5px 5px 20px;
	padding: 5px;
	background-color: #EEEEEE;
}
	
.article_box .article_teaser .link a {
	color: #908EA0;
	border-bottom: 1px #dfdfdf dotted;
}

.article_box .article_teaser .link a:hover {
	color: #000000;
}

.article_box .banner_image img {
	width: 100%;
}

.article_box .article_title {
	position: absolute;
	width: 100%;
	height: 80px;
	left: 0;
	bottom: 0;
	color: #ffffff;
}

.article_box .article_title div.contents {
	margin: 10px;
	padding: 0;
}

.article_box .article_title div.contents a {
	text-transform: none;
	border-bottom: 1px #ffffff dotted;
	color: #ffffff;
	font-weight: bold;
}

.article_box .article_title div.contents .title {
	width: 100%;
	height: 45px;
}

.article_box .article_title div.title a {
	font-size: 14px;
	border: 0;
	font-weight: bold;
}

.article_box .article_title div.contents .member {
	float: left;
}

.article_box .article_title div.contents .type {
	float: right;
}



/* opacity */
.black_opacity_7 {
	background-image: url("/images/black_opacity_7.png");
	background-repeat: repeat;
}

.red_opacity_7 {
	background-image: url("/images/red_opacity_7.png");
	background-repeat: repeat;
}

.shadow_box {
	border: 0px #d5d5d5 solid;
	background-color: #FFFFFF;
	
	-moz-border-radius: 2px 2px 0px 0px; /* Firefox */
  	-webkit-border-radius: 2px 2px 0px 0px; /* Safari and Chrome */
  	border-radius: 2px 2px 0px 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  	-moz-box-shadow: 1px 1px 2px #A1A5B2; /* Firefox */
  	-webkit-box-shadow: 1px 1px 2px #A1A5B2; /* Safari and Chrome */
  	box-shadow: 1px 1px 2px #A1A5B2; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	
	/*behavior: url(/js/ie-css3.htc); This lets IE know to call the script on all elements which get the 'box' class */
}

.contents_box {
	padding: 0;
	margin: 10px 0 0 0;
	width: 660px;
	float: none;
	clear: both;
}



.shadow_box .box-title-full {
	padding: 10px;
	background-color: rgb(28,28,28);
	border-bottom: 1px #cfcfcf solid;
	width: 980px;
}

.shadow_box .box-title {
	padding: 10px;
	background-color: #e6e6e6;
	border-bottom: 1px #cfcfcf solid;
}

.shadow_box .box-title h3 {
	margin-top: 5px;
	margin-bottom: 0;
}

.contents_box > div.body {
	padding: 10px;
	margin: 0;
}

.tag_link {
	padding: 2px 5px;
	margin-right:2px;
}