@charset "utf-8";
/* CSS Document */

body{
	background-color: #4a6bae;
	background-image: url('/images/archives/090519-sign100.jpg');
	background-position:-500px -700px;
	background-repeat:no-repeat;


/*  grid */
/*	background-image:url('/images/081117-125x20grid.png'); /**/
/*	background-color:#c3eaff; /**/
/* 	background-position:10px -5px; /**/
/*	background-repeat:repeat; /**/
	}
	
@media handheld{
	body#P-archives{background-image:none;}	
}

/* fauxTrans */
.ft_topLeft{background-image:url('/images/fauxTrans/090430-fauxTrans_topLeft.png');}
.ft_topRight{background-image:url('/images/fauxTrans/090430-fauxTrans_topRight.png');}
.ft_bottomLeft{background-image:url('/images/fauxTrans/090430-fauxTrans_bottomLeft.png');}
.ft_bottomRight{background-image:url('/images/fauxTrans/090430-fauxTrans_bottomRight.png');}
.ft_topCenter{
	background-image:url('/images/fauxTrans/090430-fauxTrans_top.png');
	background-repeat:repeat-x;
	}
.ft_bottomCenter{
	background-image:url('/images/fauxTrans/090430-fauxTrans_bottom.png');
	background-repeat:repeat-x;
	}
.fauxTransOuter{
	background-image:url('/images/fauxTrans/090430-fauxTrans_right.png');
	background-repeat:repeat-y;
	background-position:right;
	}
.fauxTransInner{
	background-image:url('/images/fauxTrans/090430-fauxTrans-middleLeftSpread.png');
	background-repeat:repeat-y;
	background-position:left;
	}

.screenshot{
	background-image:url('/images/fauxTrans/090621-fauxTrans-240x144.png');
	background-repeat:no-repeat;
	}

#archivesList h2,
#archivesList h3,
#archivesList h4{background-repeat:no-repeat;}

#archivesList h4{
	background-position:0px 0px;
	}

body,
a:link,
a:visited{color:#1a1a1a;}
a:hover,
a:active{color:#fff;}

#slideContainer a:link,
#slideContainer a:visited{color:#fff;}
#slideContainer a:hover,
#slideContainer a:active{color:#1a1a1a;}

.prevDir{color:#9aafc9;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* TYPOGRAPHY */

*{font-family:Arial, Helvetica, sans-serif;}

#content h2,
#content h3,
#content h4{font-weight:bold;}

#content h2,
#content h3,
#content h4{text-transform:uppercase;}

#content h2,
#content h3,
#content h4{letter-spacing:0.1em;}

a:link,
a:visited,
a:hover,
a:active{text-decoration:none;}

#slideContainer img{vertical-align:top;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* FONT-SIZE, LINE-HEIGHT */

*,
#content h2,
#content h3,
#content h4{font-size:11px;}

*,
#content h2,
#content h3,
#content h4{line-height:20px;}

#slideContainer p{line-height:16px;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MARGINS AND PADDINGS */

p{margin-bottom:20px;}
#content{margin:20px 0 0 10px;}
#content .fauxTransOuter{margin: 0px 0 30px 0;}
#content .fauxTransInner{padding:5px 0 5px 10px;}

#slideContainer p{margin:0;}

#archivesList{margin-top:10px;}
#archivesList>li>ul>li{margin-bottom:20px;}

.screenshot{padding:10px;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* BORDERS */

a img{border:0;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* WIDTHS AND HEIGHTS */


/* fauxTrans */
.ft_topLeft,
.ft_topRight,
.ft_middleLeft,
.ft_middleRight,
.ft_bottomLeft,
.ft_bottomRight{width:10px;}
.ft_top,
.ft_top div,
.ft_bottom,
.ft_bottom div{height:10px;}

#content .fauxTransOuter{width:490px;}
#content .ft_topCenter,
#content .fauxTransInner,
#content .ft_bottomCenter{width:470px;}
#content .ft_top,
#content .ft_bottom{width:490px;}

#content{width:490px;}

#slideContainer p{height:16px;}

.screenshot{width:220px;height:124px;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* FLOATS */

#content{float:left;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* POSITIONING and Z-INDEX*/

/* relative */

.fauxTransOuter,
.fauxTransInner,
#archivesList li,
#slideContainer{position:relative;}


/* absolute */

.ft_top,
.ft_topLeft,
.ft_topCenter,
.ft_topRight,
.ft_middleLeft,
.ft_middleRight,
.ft_bottom,
.ft_bottomLeft,
.ft_bottomCenter,
.ft_bottomRight,
.screenshot,
.rotImg{position:absolute;}

/* positioning */

.ft_top{top:-10px;}
.ft_top div,
.ft_middleLeft,
.ft_middleRight,
.ft_bottom div{top:0px;}
.ft_bottom{bottom:-10px;}

.ft_top,
.ft_bottom,
.ft_topLeft,
.ft_middleLeft,
.ft_bottomLeft{left:0px;}

.ft_topCenter,
.ft_bottomCenter{left:10px;}

.ft_topRight,
.ft_middleRight,
.ft_bottomRight{right:0px;}

.screenshot{
	right:-240px;
	top:-67px;
	}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* OTHER STUFF*/

.rotImgCapt,
.prevDir{visibility:hidden;}
li:hover>h2>a>.prevDir,
li:hover>h3>a>.prevDir,
li:hover>h4>a>.prevDir{visibility:visible;}

#slideContainer a{display:inline-block;}

.screenshot{display:none;}