@charset "utf-8";
/*----------global----------*/
body { color: #333; background: #999;}
a { color: #09C;}
a:hover { color: #333;}
abbr { border: none;}

/*-----------card-----------*/
#c-wrapper { width: 450px; margin: 0 auto 30px; text-align: left;}
#c-wrapper h1 { margin: 1.5em 0; font-size: 1.2em; color: #FFF; text-shadow: 1px 1px 1px #666;}

#c-nav { position: relative; margin: 0; padding: 0; list-style: none; z-index: 0;}
#c-nav li { float: left; margin: 0 5px 0 0;}
#c-nav li a { display: block; float: left; padding: 0 15px; line-height: 2em; color: #FFF; background: #09C; outline: none; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
#c-nav li a:hover { background: #666;}
#c-nav li.current a { font-weight: bold; color: #333; background: #FFF; box-shadow: 2px 2px 2px #888; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888;}

.vcard { position: relative; width: 420px; margin: 0; padding: 15px; list-style: none; z-index: 1; border-radius: 0 5px 5px; -moz-border-radius: 0 5px 5px; -webkit-border-radius: 0 5px 5px; box-shadow: 2px 2px 2px #888; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; background: #FFF; background: -moz-linear-gradient(bottom,#FFF,#E9E9E9 1px,#FFF 25px); background: -webkit-gradient(linear,left bottom,left top,from(#FFF),color-stop(1%,#EEE),color-stop(5%,#FFF));/*-webkit-box-reflect: below 3px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(.9,transparent),to(rgba(255,255,255,.2)));*/}
.c-main-item { position: relative; width: 420px; margin: 0 0 2em;display: none;}
.c-main-item dl { float: left; clear: both; width: 100%; margin: 0; line-height: 2; border-bottom: 1px solid #EEE;}
.c-main-item dl dt { float: left; width: 90px; margin-right: 10px;}
.c-main-item dl dd { margin: 0 0 0 100px;}
.c-main-item-first{ /*display first card*/
	display: block;
}

#profile dl { width: 320px; padding: 4px 0; line-height: 1.6;}
#profile dl.i-photo { position: absolute; right: 0; top: 0; width: 80px; padding: 0; border: none; background: none;}
#profile dl.i-photo dt { display: none;}
#profile dl.i-photo dd { margin: 0; text-align: center;}

#intro { padding-top: 5px;}
#intro p { line-height: 1.6;}

#contact dl { line-height: 3;}
#contact dl dt {  width: 95px; margin-right: 5px; line-height: 3; height: 3em; overflow: hidden;}
#contact dl dt img { float: left; margin: 3px 10px 0 0;}
#contact dl dt span { float: left;}

#websites dl { line-height: 3;}
#websites dl dt { width: 30px; padding: 5px 0 8px 0; background: left center no-repeat;}
#websites dl dt .favicon{display: inline-block;_display:inline; zoom:1; background: url(../../images/global/v1/site-icon-bg.png) 0 0 no-repeat; width:16px;height:16px; vertical-align: top;margin-top:4px;}
#websites dl dt .favicon img{
	float:left;
}

#websites dl dd { width: 370px; margin-left: 40px; padding: 5px 0 8px; line-height: 1.6; overflow: hidden;}
#websites dl dd em { display: block; font-style: normal;}
#websites dl dd a { padding-right: 12px; background: url(../../images/theme/elements/elements.png) right 3px no-repeat;}
#websites dl dd span { display: block; margin: 5px 0 0;}

#c-footer { margin-top: 30px; color: #FFF;}