﻿html{background:url(img/c.gradient.png) repeat-x;}
body{background:url(img/c.bg.png) no-repeat center 30px ;}

li{position:relative;}

/* -------------- layout --------------- */
.main_w{padding-top:258px;}


/* -------------- declare --------------- */
.R-box .top, .R-box .bot,
.G-box .top, .G-box .bot,
.event-show li
{background-image:url(img/c.box.png); background-repeat: no-repeat;}

.wed-angel{background:url(img/c.wedangel.png) no-repeat;}

.bless-wall .bless-btn{background:url(img/c.blessbtn.png) no-repeat;}
.bless-wall .bless-btn2{background:url(img/c.blessbtn2.png) no-repeat;}

.pop-arrow{background:transparent url(img/c.box.arrow.png) no-repeat;}
.pop-submit{background:url(img/c.submitbtn.png) no-repeat;}
.pop-close{background:url(img/c.closebtn.png) no-repeat;}

.ie-fix-l, .ie-fix-r{*background:url(img/c.iefix.png);}


.bless-wall:after{content:"\0020"; display:block; height:0; clear:both;}
.bless-wall{zoom:1;}


/* --------------- component --------------- */
.Pink{color:#ff4388}

.Bold{font-weight:bold;}

.R-box .top, .R-box .bot,
.G-box .top, .G-box .bot{display:block; height:10px; font-size:0;}

.R-box .top{}
.R-box .bot{background-position:0 -10px;}
.G-box .top{background-position:0 -20px;}
.G-box .bot{background-position:0 -30px;}

.R-box{margin-bottom:20px;}
.R-box .cont{border-right:3px solid #fa86b1; border-left:3px solid #fa86b1; background:#fff;}

.G-box{margin:0 auto; width:920px;}
.G-box .cont{margin:0 1px; border-right:1px solid #c3e399; border-left:1px solid #c3e399;}

h3{font-size:14px; font-weight:bold;}


/* --------------- module --------------- */

/* top nav */
.mhdNav:after,.mhdNav .chl:after,.mhdNav .fn:after, .Pages:after
{content:"\0020"; display:block; height:0; clear:both}
.mhdNav,.mhdNav .chl, .mhdNav .fn, .Pages
{zoom:1}


.mhdNav,.mhdNav .chl,.mhdNav .fn,
.mhdNav .food a,.mhdNav .manage a
{ background-image:url(img/c.header.png); background-repeat:no-repeat;}


.mhdNav{ background-position:0px -40px; background-repeat:repeat-x; height:33px; position:relative; margin:0 8px; font-size:13px;}
.mhdNav ul{position:absolute;height:33px;}
.mhdNav ul li{float:left; display:inline;margin:5px 5px 0; margin-top:8px\9; color:#ccc;}
.mhdNav ul li a,.mhdNav ul li a:link,.mhdNav ul li a:visited,.mhdNav ul li a:active{ color:#fff;padding:2px 1px 0;}
.mhdNav ul li a:hover{ text-decoration:underline;padding:2px 1px 0;}
.mhdNav .food a,.mhdNav ul .food a:link,.mhdNav .food a:visited,.mhdNav .food a:hover,.mhdNav .food a:active
.mhdNav .manage a,.mhdNav ul .manage a:link,.mhdNav .manage a:visited,.mhdNav .manage a:hover,.mhdNav .manage a:active
{padding:2px 15px 0 1px;}
.mhdNav .chl{left:-9px;padding-left:100px;}
.mhdNav .fn{background-position:right -80px;right:-9px; padding-right:5px;}
.mhdNav .logo{ text-indent:-9999px; width:100px; height:33px; position:absolute; left:0;z-index:999;}

.mhdNav .food a,.mhdNav .manage a
{ background-position:right -113px;*background-position:right -115px;}

/* main-box ------------------ */
.main-cont{position:relative; zoom:1; padding-bottom:1px;}
.wed-angel{position:absolute; width:60px; height:60px; right:10px; top:-20px;}

/* event intro */
.event-intro{margin-bottom:18px;}
.event-intro .cont{padding:10px 19px;}
.event-intro .time{margin-top:15px;}
.event-intro .time h3{display:inline;}

/* wish wall list */
.bless-wall{margin:0 17px 20px; border-bottom:1px solid #fbdde7; padding-bottom:20px;}
.last{margin-bottom:0; border:none;}

.bless-wall li{width:435px;}

.bless-wall .img{float:left; border:1px solid #fa88b2; width:169px; height:127px; overflow:hidden;}
.bless-wall .info{float:right; width:255px; overflow:hidden;}
.bless-wall h2{margin-bottom:5px; font-weight:bold; font-size:14px;}
.bless-wall .bless-btn{display:block; margin:6px 0 5px; width:164px; height:42px; overflow:hidden; text-indent:-500px;}
.bless-wall .bless-btn2{display:block; margin:6px 0 5px; width:164px; height:42px; overflow:hidden; text-indent:-500px;}


/* event show */
.event-show{padding:9px 13px;}
.event-show li{padding-left:14px; line-height:24px; background-position:-946px -30px;}

.event-show h3{margin-bottom:5px;}

.event-show .col-l{float:left; margin-right:20px; width:490px;}

.event-show .col-m ul{padding-top:20px;}

.sponsor{float:right; border-left:1px solid #fbdde7; padding-bottom:15px; width:195px;}
.sponsor h3{display:block; margin-bottom:15px; text-align:center;}
.sponsor-img{padding-left:13px; height:90px; text-align:center; overflow:hidden;}


/* pop */
.pop-panel{zoom:1; position:absolute; visibility:hidden; background-color:#ffe2ed; color:#333;}

.pop-arrow{position:absolute; top:-17px; left:60px; width:28px; height:17px; }
.pop-submit{display:block; width:72px; height:30px; cursor:pointer;}
.pop-close{position:absolute; right:14px; top:10px; display:block; border:1px solid #ffe2ed; width:12px; height:12px; background-position:1px 1px;}
.pop-close:hover{border-color:#999;}

.submit-pop{padding:28px 16px 12px; width:275px;}
.submit-pop textarea{border:1px solid #fa86b1; margin-bottom:10px; padding:5px; width:263px; height:75px; color:#999;}

.tiny-pop{padding:8px 15px; width:180px;}

/* bless pop iframe */
div.bless-pop{background-color:#FA86B1 !important;}


/* fix ie background-position bug */
.ie-fix-l, .ie-fix-r{*position:absolute; *top:-31px; *width:6px; *height:40px;}
.ie-fix-l{left:-4px;}
.ie-fix-r{right:-4px; *background-position:right 0;}


