@charset "utf-8";

/*
(C) SCRAPTURE.org

	Table of Content
	SHOWCASE
	- BOX
	- MAGS
	OVERVIEW
	BACK NUMBER
	SIDE BAR
	
*/

/*
-------------------------------------------------------------------------------
SHOWCASE
-------------------------------------------------------------------------------*/

/*
BOX */

div#content div.box {
	float: none;
	clear: both;
	padding: 20px 0 0;
	color: #666;
}

div#content div.box h2 {
	color: #333;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #EEE;
	padding: 10px 0;
	margin: 0 0 15px;
	font-weight: bold;
	background: url(../img/streetsnap/border_bg.gif) 0 0 repeat-x;
	line-height: 1;
}

div#content div.box h3 {
	color: #0099FF;
	font-size: 120%;
}

/*
MAGS */

div#mags { padding-top: 30px!important; }

div.tMMag {
	float: left;
	width: 310px;
	padding: 0 0 10px 0;
	display: inline;
	position: relative;
}

div.mag {
	float: left;
	width: 310px;
	padding: 0 0 10px 20px;
	display: inline;
	position: relative;
}

div.jacket {
	position: relative;
	width: 185px;
	height: 259px;
	background: url(../img/pdfmag/shadow.gif) 0 0 no-repeat;
	float: left;
	display: inline;
}

div.jacket img { border: 1px solid #F0F0F0; }

div.download {
	width: 125px;
	height: auto;
	float: right;
	padding-top: 40px;
	display: inline;
	overflow: hidden;
}

div.download h2 { padding-left: 15px!important; }

div.download h2 span.month, div.download h2 span.year {
	letter-spacing: 2px;
	color: #00CCFF;
	font: italic 16px/1.0 'Century Gothic', Arial, Helvetica, sans-serif;
}

div.download h2 span.year {
	color: #CCC;
	font-size: 12px;
	letter-spacing: 0;
}

div.download div.artwork {
	color: #666;
	line-height: 1.3;
	padding-left: 15px;
	padding-bottom: 10px;
	font-size: 11px;
}

div.download div.artwork a {
	color: #888;
	border-bottom: 1px solid #DDD;
}

div.download div.artwork a:hover {
	color: #666;
	border-bottom: 1px solid #00CCFF;
}

div.download p.fileSize {
	color: #888;
	line-height: 1.3;
	letter-spacing: 1.5px;
	padding-left: 15px;
	font-size: 11px;
}

div.download p.download {
	width: 110px;
	height: 40px;
	margin: 30px 0 0 15px;
	overflow: hidden;
}

div.download p.download a {
	background: url(../img/pdfmag/download_btn.jpg) 0 0 no-repeat;
	width: 110px;
	height: 40px;
	display: block;
	text-indent: -7777em;
	cursor: pointer;
	overflow: hidden;
}

div.download p.download a:hover { background: url(../img/pdfmag/download_btn.jpg) -110px 0 no-repeat; }

span.new {
	width: 70px;
	height: 70px;
	overflow: hidden;
	position: absolute;
	left: -20px;
	top: -20px;
	text-indent: -7777em;
	background: url(../img/articles/new.png) 0 0 no-repeat;
	z-index: 9999;
}

* html span.new {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.scrapture.org/img/articles/new.png", sizingMethod="crop");
}

/*
OVER VIEW
-------------------------------------------------------------------------------*/

div#overviewBox h3 { font: italic 16px/1.0 'Century Gothic', Arial, Helvetica, sans-serif; }

div#content div.preview {
	float: left;
	width: 323px;
	padding: 0 0 10px;
	display: inline;
}

div#preview1, div#preview2, div#preview3 {
	width: 320px;
	overflow: hidden;
}

/*
BACK NUMBER
-------------------------------------------------------------------------------*/

div#backNumberBox {
	width: 670px;
	float: left!important;
	padding: 20px 0!important;
}

div#backNumberBox div.bnn { padding: 10px 0 30px; }

div#backNumberBox div.bnn p { 
	padding: 0 0 10px;
	font-size: 12px;
	line-height: 1.5;
}

div#backNumberBox div.bnn p.title {
	padding: 10px 0 20px;
	color: #0066CC;
	font-size: 13px;
}

div#backNumberBox div.bnn div.ctd {
	float: left;
	width: 320px;
	height: 210px;
	overflow: hidden;
	border: 10px solid #F5F5F5;
	margin-right: 15px;
	display: inline;
}

div#backNumberBox div.backNumber {
	float: left;
	display: inline;
	width: 112px;
	height: 177px;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 1px 20px 1px 1px;
	background: url(../img/pdfmag/jacket/bg.jpg) 0 0 no-repeat;
}

div#backNumberBox div.backNumber p {
	font: italic 12px/1.0 'Century Gothic', Arial, Helvetica, sans-serif;
	padding-top: 5px;
}

div#backNumberBox div.backNumber p span.year { color: #888; }

/*
SIDE BAR
-------------------------------------------------------------------------------*/

div#sideBar {
	width: 260px;
	float: right!important;
	clear: none!important;
}

div#thinking , div#announcement, div#contributors {
	padding-bottom: 10px;
}

div#thinking p, div#announcement p, div#contributors p {
	padding: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.5;
}

div#announcement ul {
	font-size: 13px;
	line-height: 1.5;
	list-style-type: circle;
	padding: 0 0 10px 15px;
}

div#contributors ul {
	font-size: 13px;
	line-height: 1.5;
	padding: 0 0 10px;
}

div#sideBar a { color: #0066CC;}

div#sideBar a:hover { color: #0066FF;}