@import url("base.css");
@import url("header-footer.css");
 

/*

for CASTER

*/


/* page structure for PERSONALPAGE
-----------------------------*/
#casterNavi {
	float: right;
}

#casterMain {
	float: left;
	width: 636px;
}

#casterSub {
	margin-left: 636px;
}


/*     castername
--------------------------------------*/
#casterName {
	display:block;
	border-bottom-width: 2.4px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	background-image: url(../common-images/castername-bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 20px;
	padding-left: 18px;
}
#casterName h1{
	float: left;
	font-size: 125%;
	font-weight: bold;
	display:block;
	width: 650px;
	vertical-align: bottom;
}
#casterName .occupation {
	color: #FF6600;
	margin-left: 10px;
}

/* casternavi
----------------------------------------*/
#casterNavi img {
	vertical-align: middle;
}

/* caster profile table
--------------------------------------*/
#casterProfile table {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width: 596px;
}
#casterProfile caption {
	color: #FFFFFF;
	font-size: 0.5px;
}
#casterProfile th {
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: normal;
	width: 100px;
	vertical-align: top;
	line-height: 1.8em;
}
#casterProfile td {
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	line-height: 1.8em;
	width: 456px;
}
/* caster bg color
---------------------------------------*/
#casterProfile .odd {
	background-color: #ECF5FF;
}
#casterProfile .even {
	background-color: #FFFFFF;
}
/* for banner image in profile
----------------------------------------*/
#casterProfile table img {
	vertical-align: middle;
	margin: 3px;
}

/*  omoten
--------------------------------------*/
#omoTen {
	padding-left: 40px;
	padding-right: 37px;
	background-image: url(../common-images/omotenBottom.gif);
	background-repeat: no-repeat;
	background-position: 15px bottom;
	padding-bottom: 20px;
}
h2#title-omoTen {
	height: 48px;
	margin-left: 15px;
}
#omoTen #capture {
	float: left;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/*
#omoTen #desc {
	/*line-height: 1.45em;
	margin-left: 288px;
	padding-right: 27px;
	padding-bottom: 20px;
}
*/
#omoTen #date {
	font-weight: bold;
	color: #3399CC;
	margin-bottom:0.3em;
}

/*   portrait
--------------------------------*/

#casterSub #portrait {
	border: 1px solid #222222;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 18px;
}
/* word card
----------------------------------*/
.words {
  margin-left: 34px;
  margin-top: 50px;
}


/*   for Video
----------------------------------*/
#messagevideo {
	margin-bottom: 20px;
	margin-left: 19px;
}
/* disapear youtube message */
.fvd_ytl {
	display: none;
}

/*  caster list page
-------------------------------------------------------*/
/*   title
--------------------------------*/
#contents h1#title-introCaster {
	height: 33px;
	margin-left: 18px;
	margin-bottom: 15px;
	margin-top: 5px;
	display: inline-block;
}
/* ON AIE info
---------------------------------*/
#OAinfo {
	float: left;
}
#OAinfo h2 {
	height: 28px;
	display: inline-block;
}
/* scroll box
-----------------------*/
#OAinfo #OAScrollBox {
	border: 1px solid #999999;
	height: 213px;
	background-color: #FFFFFF;
	background-image: url(../common-images/OAinfo-bg.gif);
	background-repeat: no-repeat;
	background-position: 200px 5px;
	margin-top: 2px;
	padding: 5px;
	width: 356px;
	overflow: auto;
	margin-left: 0px;
	font-size: 75%;
}
#OAinfo .cast {
	margin-left: 1em;
	font-weight:bold;
	text-decoration:none;
}

/*   pickup
-------------------------------------------------*/
#pickup {
	background-image: url(../common-images/pickup-bg.gif);
	background-repeat: repeat;
	float: right;
	width: 490px;
}
#pickup .title-pickup {
	float: left;
}
#pickup p.img {
	height: 15px;
}

#inner-pickup {
	margin-top: 2px;
	padding-bottom: 0px;
	margin-left: 221px;
}
#pickup-main {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 0px;
	background-color: #FFFFFF;
	width: 212px;
}
#pickup-main h3 {
	margin-bottom: 20px;
}
#pickup-main h3 a{
	font-weight: bold;
}
#pickup-main .pickupimage {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
}
#pickup-main .more {
	text-align: right;
}
#pickup #title-pickup {
	float: left;
	text-align: center;
}
#pickup-main h4 {
	height: 29px;
	margin-bottom: 2px;
}
#pickup-main #pickup-castername {
	font-weight: bold;
	font-size: 100%;
}
#pickup-main #pickup-castername a:link {text-decoration: none;}
#pickup-main #pickup-castername a:visited {text-decoration: none;}
#pickup-main #pickup-castername a:hover {text-decoration: underline;}
#pickup-main #pickup-castername a:active {text-decoration: none;}
#pickup-main #question {
	font-weight: bold;
	color: #FF3300;
	font-size: 90%;
	margin-bottom: 10px;
}
#pickup-main #answer {
	color: #333333;
	font-size: 100%;
	margin-bottom: 10px;
}
#casterInfo {
	padding-right: 20px;
	padding-left: 20px;
}
#pickup-main p {
	line-height: 1.1em;
}
#pickup #pickup-top {
	background-image: url(../common-images/casterPickup-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	line-height: 15px;
}
#pickup #pickup-bottom {
	background-image: url(../common-images/casterPickup-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 15px;
	line-height: 15px;
}

#pickup #inner-pickup #pickupMain-top {
	background-image: url(../common-images/casterPickupMain-top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 15px;
}
#pickup #inner-pickup #pickupMain-bottom {
	background-image: url(../common-images/casterPickupMain-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
}
/* casterThumbs
------------------------------*/
#casterThumbs {
	clear: both;
}
#casterThumbs ul {
	list-style-type: none;
	padding-bottom: 15px;
	height: 168px;
	margin-top: 15px;
}
#casterThumbs li {
	margin-left:0px;
	margin-right:42px;
	float: left;
	width: 123px;
	height: 168px;
	background-image: url(../common-images/casterThumb-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#casterThumbs img.portait {
	width: 104px;
	height: 81px;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 9px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: none;
}


#casterThumbs img.nameplate{
	width: 104px;
	margin-left: 9px;
	height: 70px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
}
/* Thumbnail link for .nameplate
-------------------------------*/
#casterThumbs ul li a:link img.nameplate{ border-color: #CCCCCC; border-width:2px; border-left-width:1px; }
#casterThumbs ul li a:visited img.nameplate{ border-color: #666699; border-width:2px; border-left-width:1px; }
#casterThumbs ul li a:hover img.nameplate{ border-color: #6666FF; border-width:2px; border-left-width:1px; }
#casterThumbs ul li a:active img.nameplate{	border-color: #CC66FF; border-width:2px; border-left-width:1px; }
/* Thumbnail link for .portait
-------------------------------*/
#casterThumbs ul li a:link img.portait{ border-color: #CCCCCC; border-width:2px; border-top-width:1px; border-left-width:1px;}
#casterThumbs ul li a:visited img.portait{ border-color: #666699; border-width:2px; border-top-width:1px; border-left-width:1px; }
#casterThumbs ul li a:hover img.portait{ border-color: #6666FF; border-width:2px; border-top-width:1px; border-left-width:1px; }
#casterThumbs ul li a:active img.portait{ border-color: #CC66FF;border-width:2px; border-top-width:1px; border-left-width:1px; }

#casterThumbs ul li.l1 {
	margin-left: -8px;
}
#casterThumbs ul li.l6 {
	margin-right: 0px;
}
#casterThumbs ul#u-first {
	margin-top: 45px;
}
#casterThumbs ul#u-last {
	background-image: none;
	background-repeat: no-repeat;
}

/* devider
-----------------------------*/
#casterThumbs .devider {
	background-image: url(../common-images/dot-border.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 71px;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#casterThumbs .devider img {
	vertical-align: middle;
}
/*  put only one item
--------------------------------*/
#casterThumbs .devider .item1 {
	margin-left: 450px;
}
/* put two items
--------------------------------*/
#casterThumbs .devider .item2 {
	margin-left: 280px;
}