/* custom.css */

.black-border {
	border: 10px solid #000;
}
.white-border {
	border: 3px solid #fff;
}

.white-bg {
	background: #fff;
}
.grey-bg {
	background: #dadada;
	color:#212121;
}
.dk-grey-bg {
	background: #212121;
	color: #fff;
}
.pink-bg {
	background: #cf4488 url('/images/5btbg.gif');
}
.pink {
	color: #8a727a;
}
.hot-pink {
	color: #ff8db3;
}
.grey { color: #b4b4b4;}
.white {
	color: #fff;	
}
.arial {
	font-family: Arial, Helvetica, sans-serif;
}
.inline {
	display: inline;	
}
.huge {
	font-size: 52px;
}
.bigger {
	font-size: 29px;
}
.big {
	font-size: 23px;
	line-height: 29px;
}
.medium {
	font-size: 18px;
	line-height: 29px;
}
ul.three-col {
	margin: 0; 
	padding: 0;
	list-style: none;	
}
.center {text-align:center}
ul.three-col li {
	margin: 5px 10px 20px 0;
	padding: 0;
	list-style: none;	
}
a.featured {
	color: #da2229;
	font-weight: bold;
}

h2.black-bg {
	margin: 0;
	padding: 10px 15px 5px 15px;
	display: inline;	
}
h1.bt {
	margin: 0;
	padding: 10px 15px 5px 15px;
	font-family: 'GillSansStdRegular';
	font-size: 24px;
}
h1 span {
	float:right;
	margin:0 10px 0 0;
	font-size: 12px;
}

h1.pink-bg { 
	color:#fff; 
	font-size: 45px;
	font-family: 'GillSansStdRegular';
	margin: 0;
	padding: 10px 15px 5px 15px;
	display: inline;
	font-weight: normal;

}
h1.pink-bg span {
	font-weight: normal;
	font-size: 30px;
	color: #e488b4;
	font-family: 'GillSansStdRegular';
}

h1.dk-grey-bg { 
	color:#fff; 
	font-size: 45px;
	font-family: 'GillSansStdRegular';
	margin: 0;
	padding: 10px 15px 5px 15px;
	display: inline;
	font-weight: normal;

}
h1.dk-grey-bg span {
	font-weight: normal;
	font-size: 30px;
	color: #777676;
	font-family: 'GillSansStdRegular';
}

h1.grey-bg { 
	color:#5e5c5c; 
	font-size: 45px;
	font-family: 'GillSansStdRegular';
	margin: 0;
	padding: 10px 15px 5px 15px;
	display: inline;
	font-weight: normal;

}
h1.grey-bg span {
	font-weight: normal;
	font-size: 30px;
	color: #777676;
	font-family: 'GillSansStdRegular';
}

.dk-grey-bg h2 { 
	color:#fff!important;
}

h1.title-float {
	float:left;
	width:175px;
	font-size:24px;
	min-height:80px;
	vertical-align:middle;
	padding-right:12px;
	margin-right:12px;
	text-align:right;
	border-right:1px solid #fff;
	font-family: 'GillSansStdRegular';
}

h1.just-posted {
	font-family: 'GillSansStdRegular';
	text-align:center;
	font-size:18px
}
h1.just-posted span {float:none;font-size:18px;}


.dk-grey-bg a {color:#fff;}


input[type=text].email_input {
	background: #fff url('/images/icons/envelope.png') 7px 10px no-repeat;
	width: 226px;
	padding: 10px 7px;
	border: 1px solid #b8b8b8;
	color: #b8b8b8;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
input[type=submit]#signup_submit {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background: #3a3a3a;
	color: #b8b8b8;
	border: 1px solid #b8b8b8;
	padding: 9px 10px;
}

.report-spread {
	width: 190px;
	height: 140px;
	float: left;
	margin: 0 10px 0 0;
}
.report-spread img { 
	border: 1px solid #ddd;
}

.loadingIndicator {
	text-align: center;
	margin: 10px 0;
	padding: 0;	
}

/* Navigation  ========================
*/
#nav {
	margin: 0;
	padding: 0;
	height: 45px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	border-right: 1px solid #454545;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	height:44px;
}
#nav ul li.last {
	border-right: none;
}
#nav ul li a {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'MyriadProBoldCondensed', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	padding: 13px 12px;
	display: block;
}
#nav ul li a:hover, #nav ul li a.current, #nav ul li a.jHover {
	color: #000000;
	background: #ffffff;
}

#nav ul li.drop ul {
	position: absolute;
	background: #fff;
	padding: 10px;
	margin-top: 0;
	width: 120px;
	z-index: 99;
	list-style: none;
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	
}
#nav ul li.drop ul.drop-down.hide {
	top: -999em;
}
#nav ul li ul.drop-down.show {
	top: 45px;
	margin-left:-2px;
}
#nav ul li.drop ul.drop-down li {
	text-align: left;
	float: none;
	margin-bottom: 2px;
	border-right: none;
	
}
#nav ul li.drop ul.drop-down li a {
	color: #333;
	font-weight: normal;
	font-size: 14px;
	padding: 5px 0 5px 0px;
	margin: 0;
	text-align: left;
	border-bottom:1px solid #ccc;
	white-space: nowrap;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}
#nav ul li.drop ul.drop-down li a:hover {
	background: none;
	font-weight: normal;
	color: #000;
}

ul#footer-links {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#footer-links li {
	float: left;
	border-right: 1px solid #666;
	margin: 0 4px 0 0;
	padding: 0;
	display: block;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif !important;

}
ul#footer-links li a {
	font-size: 8px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 4px 0 0;
	margin: 0;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif !important;
	display: inline;
}
ul#footer-links li.last {
	border: none;
}

/* Scrollable Styles ======================
*/
div.scrollable { 
    position: relative; 
    width: 832px; 
    height: 210px;
    overflow: hidden;
} 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width: 20000000px;
    position: absolute; 
} 
div.scrollable div.items div { 
    float: left;
    margin-left: 10px;
    width: 150px;
    border: 3px solid #fff;
}
a.browse {
	cursor: pointer;	
}

/* Pagination ==============================
*/
.pagination {
	text-align: left;
	margin: 10px 0; 
}
.pagination a.text, .pagination a.number {
	background: #666;
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	padding: 5px;
	margin-right: 3px;
	border: 1px solid #333;
	display: block;
	float: left;
}

/* News Flash =======================
*/
.article-container {
    border-bottom:1px solid #CCCCCC;
    margin-bottom:15px;
    padding:5px;
    clear:both;
}
.article-container h2 { font-size:16px; color:#000!important; font-weight: bold; }
.article-container h2 a:link, .article-container h2 a:visited, .article-container h2 a:active  { color:#333; }
.article-container h2 a:hover {color:#86325a;}
.article-container h2 span { color:#b14377; }
.article-container p {color:#000!important; font-size:12px; font-family: "arial","helvetica",sans-serif;}
.article-container a {color:#b14377;}
.tags { font-size:10px; }
#search-articles {
	background-color: #f8f6f6;
	border:1px solid #e1e1e1;
	padding:10px;
	margin-bottom:20px;
	margin-top:10px;
}
#search-articles label { 
	float:left;
	margin-right:5px;
}
#search-articles p { 
	margin: 0;
}
#search-articles .btnGo { background-color:#b14377;}
#search-articles .btnGo:hover { background-color:#666;}
#result-information {clear:both; margin-top:20px;}
.article-suggest {margin-top:30px; border-top:1px solid #ccc; padding-top:30px;}
.news-image {
	padding: 10px;
	background-color: #f8f6f6;
	border:1px solid #e1e1e1;
	margin: 0 0 10px 0;
}
.news-image span {
	display: block;
	font-size: 11px;
	text-align: center;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px 0 0 0;
}
.newsfeed-container {
	width: 200px;
	height: 120px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
#item-content {
	border: 1px solid #eeeeee; 
	background: #f9f9f9; 
	padding: 10px;
	margin: 10px 0;
}

/* Paparazzi ==============================
*/
.album-container {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:5px;	
	width: 275px;
 	height: 250px;
	text-align: center;
}
	.album-container img {
		border:2px solid #000; 
		margin-bottom:5px; 
		filter:alpha(opacity=80);
		opacity:0.8;	
	}
	.album-container img:hover {
		filter:alpha(opacity=100);
		opacity:1;	
	}
.photo-container {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:5px;	
	width: 175px;
 
	text-align: center;
}
	.photo-container img {
		border:2px solid #000; 
		margin-bottom:5px; 
		width:175px;   
		filter:alpha(opacity=80);
		opacity:0.8;
  	}
  	
  	.photo-container img:hover {
		filter:alpha(opacity=100);
		opacity:1;
	-moz-transform:rotate(1deg) scale(1);
	-webkit-transform:rotate(1deg) scale(1);
  	}
  	
	.photo-container p {font-size:10px;}

.paparazzi-feed {
	width: 100px;
	height: 100px;
	float: left;	
}

/* Advertise Section ======================================
*/
.faint-standout {
    border-bottom:3px solid;
    margin-bottom:20px;
    padding-bottom:10px;
    clear:both;
}
    .faint-standout img {float:left; margin-right:20px; }
    .faint-standout h3 {color:#000; text-transform:none;}
    .faint-standout label {float:left; margin-right:20px; margin-bottom:10px;}
    
.hilite {
	background-color: #f8f6f6;
	border:1px solid #e1e1e1;
	padding:10px;
	margin-bottom:20px;
	margin-top:10px;
}


#dtf { 
	background:#000;
	color:#fff;
	padding: 10px;
}
#dtf #trend1, #dtf #trend2 { 
	float:left; 
	width:48%;
	margin-left:5px;
	font-size:11px;
}

#dtf strong {
	color: #ff56b8; 
	display:block;
}
#dtf a { color:#808080; font-size:11px;}

#subscribe-now { 
	color:#fff;
	font-family: 'GillSansStdRegular';
	font-size: 20px;
	background:#4a142e;
	display:block;
	padding:15px;
	text-transform:uppercase;
	vertical-align:middle;
	text-align:center;
	border:1px solid #000;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
}

#subscribe-wrap {
	float:right;
	height:70px;
	padding:10px 0 0 180px;
	background:url('/images/arrowbg-grey.png') center left no-repeat;
}

.trend {
	width: 175px;
	height: 260px; 
	background: #fff;
	position: relative;
	float: left;
	margin-left: 9px;
}

.trend .caption {
	position:absolute;
	bottom:0;
	left:0;
	width: 175px;
	text-align:center;
	padding:25px 0 25px 0;
	background:url('/images/blackbg.png');
	color:#fff;
	font-family: 'GillSansStdRegular';
	font-size: 20px;
}

.bt-class {
	width: 175px;
	background: #000;
	float: left;
	margin-left: 9px;	
	color: #fff;
}
.bt-class h2 { 
	color: #fff; 
	text-align:center; 
	margin:10px 0 5px 0;
	padding-bottom:8px;
	border-bottom:1px solid #CF4488;
	font-size: 16px;
	font-weight:bold;
}
.bt-class a,
.bt-class a:visited{color:#fff; }
.bt-class h2 a:hover {color:#CF4488; }

.fs-class {
	float: left;
	margin: 0 0 10px 7px;
	text-align:center;
	font-style: italic;
}
.fs-class img { 
	margin-bottom:6px ;
	border: 1px solid #000;
}
.fs-class img:hover {
	border:1px solid #fff;
}

.hilite .fs-class img { 
	margin-bottom:6px ;
	border: 1px solid #fff;
}
.hilite .fs-class img:hover {
	border:1px solid #000;
}

.tb-class {
	float: left;
	margin: 10px 0 0 30px;
	text-align:center;
}
.tb-class a {margin-bottom:5px;}

.swatch {
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
	width:140px;
	height:140px;
	position:relative;
	border:1px solid #fff;
	text-align:center;
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
}
.swatch .name { 
	text-align:center; 
	position: absolute;
	top: 0px;
	margin:0;
	padding:4px;
	left: 0;
	width: 132px;
	background:url('/images/blackbg.png');
	color:#fff;
}
.swatch .pantone { 
	text-align:center; 
	position: absolute;
	bottom: 0px;
	margin:0;
	padding:4px;
	left: 0;
	width: 132px;
	background:url('/images/blackbg.png');
	color:#fff;
}

ul.simple {
	margin:10px 0 10px 10px;
	padding:0;
	list-style-type:none;
}
ul.simple li {
	padding:3px;
}

#paginationNavigation {clear:both;margin:10px 0 10px 0;text-align:right;}
.pink-bg #paginationNavigation {background:#d86ca1;padding:4px;}
.pink-bg #paginationNavigation a {color: #fff; text-decoration:underline;}
#paginationNavigation span, #paginationNavigation a { padding:4px;}

.bt-archive {float:left;width:190px;list-style-type:none;}
a.bt-button,
a.bt-button:visited{
	color:#fff;
	font-family: 'GillSansStdRegular';
	font-size: 15px;
	background:#4a142e;
	display:inline-block;
	padding:10px;
	text-transform:uppercase;
	vertical-align:middle;
	text-align:center;
	border:1px solid #d65694;
	-moz-box-shadow: 0 0 15px #601f3f;
	-webkit-box-shadow: 0 0 15px #601f3f;
	margin: 0 5px;
}
a.bt-button:hover, a#subscribe-now:hover {
	background:#602341; 
	-webkit-transition: 0.8s;
}

#welcome {
	float:right;
	position: relative;
	top:-16px;
}

.silhouettes-class {width:225px; overflow: hidden; float: left; margin: 0 0 10px 7px; text-align:center;}
	.silhouettes-class ul {text-align: left;}
	.silhouettes-class h2 {color:#fff}
	.silhouettes-class img { margin-bottom:6px ; border: 1px solid #000; }
	.silhouettes-class img:hover {border:1px solid #fff;}

.print, .save {display: block; float:left;}
	.print, .save img:hover {border:none;}
	
#header {position:relative}
#header #home {position:absolute;top:15px;left:0;width:460px;height:95px;}
#header #mag {position:absolute;top:2px;right:290px;width:90px;height:120px;}