 @charset "UTF-8";
/**
 *
 * $Revision: 1.2 $
 *
 * TOC
 * (01.original element style)
 * 02.logo
 * 03.background (layout)
 * 04.border
 * 05.text,inline
 * 06.button
 * 07.-
 * 08.popup box
 *
 */



/**
 * ============================
 *
 *
 * 01.original element style
 *
 *
 * ============================
 */

 #timelineHeading{
color:#232533;
}
.user{
color:#7f0003;
}


/**
 * ============================
 *
 *
 * 02.logo
 *
 *
 * ============================
 */

#logo{
background:url(/now/pc/skin/cmn/img/logo/orgn/amebanow_e34d61.png) no-repeat 0 0;
}



/**
 * ============================
 *
 *
 * 03.background (layout)
 *
 *
 * ============================
 */


/**
 *
 * base
 *
 */
#base1{
background:url(../img/base_bg_repeat.gif) repeat #7F0003 50% 50% ;
}
#base2{
background:url(../img/head_bg_image.gif) no-repeat 50% 0;
}
#base3{
 background:url(../img/food_bg_image.gif) no-repeat 50% 100%;
		}


/**
 *
 * frame
 *
 */
#frame{}
	#frameSub{}


/**
 *
 * header
 *
 */
#headerArea2{
height:130px;
}
	#logoArea2{
 padding-top: 60px;
	}


/**
 *
 * contentsArea
 *
 */
#contentsArea{
	 padding-bottom: 250px;}
	#contentsAreaSub{
	overflow:hidden;
	}


/**
 *
 * mainArea
 *
 */
#mainArea{
background:url(/now/pc/skin/cmn/img/bg/transparent/transparent_fff_6.png) !important;
background:rgba(239,226,216,1) !important;
background:none;
}
	#mainAreaSub{
	background:#ffffff;
	}


/**
 *
 * asideArea
 *
 */
#asideArea{}
	#asideAreaSub{}


/**
 *
 * .asideMdl
 *
 */
.asideMdl{
background:url(/now/pc/skin/cmn/img/bg/transparent/transparent_fff_6.png) !important;
background:rgba(239,226,216,1) !important;
background:none;
}
	.asideMdlSub{
	background:#ffffff !important;
	}
		.section {}
		.asideMdl .hr{
		height:10px;
		margin-top:5px;
		padding-bottom:0;
		border:none;
		background:url(../img/line_bg02.gif) no-repeat 0 0  !important;
		}


/**
 *
 * timeline entry
 *
 */

/* log */
.skinWeakBg,
.logListArea li{
background-color:#FCF7E3;
}


/* reply */
.skinStrongBg,
.replyToMe,
.editorPostElm{
	background-color: #F7F1ED   !important;
}





/**
 * ============================
 *
 *
 * 04.border
 *
 *
 * ============================
 */


/**
 *
 * hr
 *
 */
.hr{
border-bottom:1px solid #CF898B;
}


/**
 *
 * mainArea
 *
 */
.skinMainHr{
height:10px;
border:none;
background:url(../img/line_bg01.gif) no-repeat 0 0 !important;
}


/**
 *
 * timeline
 *
 */
#nowListArea > li{
border-bottom:1px dashed #9a3538;
}

.skinBaseBorder,
#cListMainArea li{
border-top:1px solid #9a3538;
}


/**
 *
 * timeline StrongBorder
 *
 */
.skinStrongBorder,
#nowListArea > .addFirstLine{}


/**
 *
 * textarea
 *
 */
.textarea{
border-color:#999999;
background:#fff;
}

/* focus */
.textarea:focus{
border-color:#c9656c;

box-shadow:0 0 4px #68467a;
-moz-box-shadow:0 0 4px #68467a;
-webkit-box-shadow:0 0 4px #68467a;
}




/**
 * ============================
 *
 *
 * 05.text,inline
 *
 *
 * ============================
 */


/**
 *
 * text
 *
 */

/* base */
.skinBaseColor,
body{
color:#333333;
}

/* weak */
.skinWeakColor,
.event,
.time,
.time a{
color:#999999;
}

/* #tag */
.skinPointColor,
.tag{
color:#9a3538;
}

/* alert */
.alert{
	color: #CC0000;
}



/**
 *
 * anchor
 *
 */
.skinAnchorColor,
a {
color:#00630d;
}
.skinAnchorHoverColor,
a:hover {
color:#8ba35d;
}
.skinAnchorActiveColor,
a:active {
	color: #66CC00;
}



/**
 *
 * highlight
 *
 */
.highlight,
.tempImage{
	background-color: #f9d7db;
}
.tempImage a{
color:#b76972;
}
.closeComment{
	background-color: #990000;
	color: #fff !important;
}



/**
 *
 * heading
 *
 */
.skinHeading{
background-color:#F3E1E1;
font-weight:normal;
}



/**
 *
 * list icon
 *
 */
.skinListIco,
.itemList li{
background:url(../img/ico_amecomi.gif) no-repeat 0 0.2em;
padding-left:18px;
}


/**
 *
 * comments icon
 *
 */
.skinCommentsIco,
.comments1 > .res,
.logListArea .comments1 > .res{
background-image:url(../img/ico_smile.gif);
}


/**
 *
 * home btn icon
 *
 */
.icoNowAF{
background-image:url(../img/ico_mynow.gif);
}



/**
 * ============================
 *
 *
 * 06.button
 *
 *
 * ============================
 */


/**
 *
 * loader
 *
 */
.loading{
background:url(/now/pc/skin/cmn/img/loader/base/loader_dotted4_3d.gif) no-repeat 50% 50%;
}



/**
 *
 * timelineBtn
 *
 */
.button,
#timelineBtn{
width:450px;
height:38px;
text-indent:-9999px;
outline:none;
overflow:hidden;
background:url(../img/timeline_btn.png) no-repeat 0 0;
}
.buttonHover,
:hover#timelineBtn{
background-position:0 -38px;
}
.buttonActive,
:active#timelineBtn{
background-position:0 -76px !important;
}



/**
 *
 * follow button
 *
 */
.followButton,
.userFollowBtn a,
.userFollowComplete{
display:block;
width:133px;
height:26px;
text-indent:-9999px;
outline:none;
overflow:hidden;

background:url(../img/follow_btn.png) no-repeat 0 0;
}
.followButtonHover,
.userFollowBtn a:hover{
background-position:0 -26px;
}
.followButtonActive,
.userFollowBtn a:active{
background-position:0 -52px !important;
}
.userFollowComplete{
background-position:0 -78px !important;
}


/**
 * ============================
 *
 *
 * 08.popup box
 *
 *
 * ============================
 */


/**
 *
 * commentsArea
 *
 */
.skinPopupBox,
#commentsArea{
background:#6b030b;
}
	.skinPopupBoxSub,
	#commentsAreaIn{
	background:#fff;
	}
		.outputEditor #cListArea{
		border-color:#6b030b;
		}





