@import "base.css";
.content h1{font-size:2.3em;font-weight:normal;line-height:1;margin-bottom:0.5em;}
.content p,
.content ul,
.content ol,
.content blockquote{margin-bottom:0.8em;}
/* Pager
---------------------- */
.intro .pager{float:right;font-size:2.2em;padding-bottom:2px;display:block;}
.intro .pager a:hover{color:#ac8563;}
/* display box
---------------------- */
#displayerD{position:relative;margin:2px 0 22px 87px;}
#info{font-size:0.95em;margin:0;padding:2px 4px;color:#b2a100;border:solid 1px #b2a100;line-height:1.2;}
#info *{margin-bottom:0;}
#info.lite{color:#ac8563;}
#displayBox img{margin:15px auto 5px auto;display:block;}
#scrollerBox{width:289px;height:67px;overflow:hidden;position:relative;margin-left:87px;}
#scrollerBox.scrollable{height:82px;z-index:100;}
#scrollerItems{width:9999px;position:absolute;height:67px;top:0px;overflow:hidden;}
#scrollerItems .item{float:left;margin-right:4px;}
#scrollerItems .item .desc,
#scrollerItems .item .desc *{color:#fff;}
.scripted #scrollerItems .item .desc,
.scripted #scrollerItems .item .description{display: none;}


#scrollerItems .item a img{opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
#scrollerItems .item a:hover img{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#scrollerItems .current a img{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#scrollInterstice{overflow:auto;overflow-x:auto;overflow-y:hidden;height:120px;width:289px;position:absolute;left:0;top:0;}
#scrollBar{display:none;}
.scrollable #scrollBar{width:289px;height:13px;background:#b2a100;position:absolute;bottom:0;left:0;z-index:101;display:block;}
.scrollable #scroller{height:11px;width:59px;background:#fff;cursor:move;position:absolute;top:0;left:0;z-index:102;border:solid 1px #b2a100;}
.scrollable #scroller.scrolling{border:solid 1px #e4dea1;}
#page #displayerD .hidden{display:none;}
#page #displayerD a:focus{outline:none;}
#scrollerItems .item a:focus img{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
/* Recipient
---------------------- */
#recipientContainer{position:absolute;left:103px;top:360px;width:416px;height:429px;background:url('i/chiffonniers/recipient.gif') 0 0 no-repeat;overflow:hidden;z-index:100;}
#recipient{overflow-y:auto;width:400px;height:370px;margin-left:47px;margin-top:38px;position:relative;}
#recipientInner{color:#fff;width:330px;padding:1px 0;}
#recipientInner *{color:#fff;}
#recipientContainer .scrollBar{width:14px;height:370px;background:#fff;position:absolute;top:38px;right:12px;z-index:101;visibility:hidden;}
#recipientContainer.scrollable .scrollBar{visibility:visible;}
#recipientContainer .scroller{height:60px;width:12px;background:#ac8563;cursor:move;position:absolute;top:0;left:0;z-index:102;border:solid 1px #fff;}
#recipientContainer .scrolling{border:solid 1px #e4dea1;}
#recipientContainer .closer{position:absolute;top:0;right:0;display:block;width:35px;height:35px;}
#recipientContainer.hidden{display:none;}
#recipientContainer.dragging{cursor:move;}
#recipientInner h2{margin-bottom:0.75em;font-size:1.25em;line-height:1.2;}
.addendaContent{position:absolute;top:-9999px;left:-9999px;}
#dropzone{width:300px;min-height:300px;border:solid 1px #999;background:#efefef;margin-bottom:1em;position:relative;z-index:55;padding:5px;}
.dragging .desc{font-size:0.9em;}
#page .dragging{z-index:999;}
#dropBuffer{position:absolute;z-index:999;}
#dropzone .item .desc{font-size:0.9em;}
#dropzone .item .desc,
#dropzone .item .desc *{color:#666;}
#recipientInner a{text-decoration:underline;}
#displayer .description strong{font-size:1.111em;}
/* List
---------------------- */
#list{margin:0 41px 0 30px;}
#list h2{font-size:1.75em;margin-bottom:1em;font-weight:normal;}
#list .item{border-top:solid 1px #93cbe4;position:relative;margin:0 0 1.5em 0;}
#list .item .illustration{width:200px;float:left;}
#list .item .description{margin:0.5em 70px 0 0;float:left;}
#list .see{position:absolute;top:0.5em;right:0;}
#list .see a{text-decoration:none;color:#93cbe4;}
#list .see a:hover{text-decoration:underline;}
#list .line{display:block;}
#list .line .label{display:block;float:left;width:100px;margin-right:10px;font-weight:bold;}
#list .line .data{display:block;float:left;}
#list h3{text-transform:uppercase;margin-bottom:1em;color:#93CBE4;font-size:1.1em;font-weight:normal;}
#list h4{font-weight:normal;}
#list ul{margin-bottom:1.5em;}
#list ul li{margin-left:20px;}
#list ul li a{color:#fff;text-decoration:underline;}
#list ul li a:hover{color:#93CBE4;}
#list .anchored h2{float:left;}
#list .anchored .anchors{float:right;}
#list .anchored .anchors a{color:#fff;}
#list .anchored .anchors a:hover{text-decoration:underline;color:#93CBE4;}
/* Content
---------------------- */
.content .separator{display:block;height:1px;background:#000;margin:1em 0;}

/* Comments
----- */
#comments {padding: 20px 30px;}

#comments h2 {color: #fff; margin: 0 0 14px 0; font-size: 1.2em;}

#comments .separator {display: block; height: 20px; background-repeat: repeat-x; background-position: 0 50%;}

#comments input {border: none; padding: 1px 2px; width: 220px;}
#comments textarea {border: none; padding: 1px 2px; width: 600px; height: 180px;}
#comments .info {float: left;}
#comments .comment {float: right;}
#comments button {clear: both;}

#comments .split {padding: 10px 15px;}
#comments label {padding: 0 0 15px 6px; display: block;}

#comments button {float: right; font-size: 1.15em; padding: 4px 0 4px 20px; background-position: 0 50%; background-repeat: no-repeat; margin: 5px 0;}
#comments button:hover,
#comments button.current {background-position: -250px 50%;}

#comments .item {margin-bottom: 1.5em;}

#comments .comments {padding: 10px 15px;}
#comments .meta {font-size: 1.1em; margin: 0 0 1em 0; text-indent: 14px; background-position: 0 1em; background-repeat: no-repeat; font-weight: bold;}
#comments .meta .date {font-weight: normal; font-size: 0.91em;}

#comments h2.wai {position: absolute; left: -9999px; top: -9999px;}
.scripted #comments form,
.scripted #comments .comments {display: none;}
.scripted #comments .current {display: block;}
#comments .commentBtn {float: left; clear: none; margin: 5px 15px 15px 0; font-size: 1.2em;}
#comments .navSeparator {float: left; display: block; width: 2px; height: 1.5em; margin: 10px 10px 0 0;}

#comments button:focus {outline: none;}
#comments button::-moz-focus-inner {border: 0;}


#comments .error {
	padding: 10px 15px;
	color:red;
}
#comments .failure {
	color:red;
}
#comments .chks {
	display:none;
}

/* Floats
---------------------- */
.intro:after,
#scrollerItems:after,
.summary:after,
#myFatGallery:after,
.line:after,
#list .item:after,
#list .anchored:after,
.split:after,
#comments form:after,
.commentsNav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}