/*
	CSS Style Definitions for Fashion Unzipped
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
#logo {position:absolute;top:0;left:0;z-index:500}
#wear-link{ width: 820px; float:left; height:84px; }
* html #wear-link{ margin-bottom: 4px; }

#navigator{ margin:5px 0 0 204px; height: 74px; margin-bottom: 76px; }
#content{ float:left; }

.whitebg{ background-color: #fff; }
.limiter{ width: 396px; float:left; }

#left{ width: 192px; float:left; }
#right{ float:right; width:786px;position:relative;z-index:50;}




/* NAVIGATION BAR */
#navigator ul{ margin:0; padding:0; list-style: none; }
#navigator ul li{ float:left; margin: 0; padding:0 0 0 2px; height: 72px;}
#navigator ul li.brand{ border-left: 1px dotted #0cf; width: 106px;  }
#navigator ul li.brand form input{ background-color:#0cf; border:none; width:96px;}
#navigator ul li.area{ border-left: 1px dotted #f09; width: 104px;  }
#navigator ul li.area form input{ background-color:#f09; border:none; width: 94px;}
#navigator ul li.map{ border-left: 1px dotted #f90; width:109px;  }
#navigator ul li.sign{ border-left: 1px dotted #6c0;width:116px;}
#navigator ul li.friend{ border-left: 1px dotted #fc3; width: 111px;  }
#navigator ul li.jobs{ border-left: 1px dotted #93c;width:110px; }
#navigator ul li.forum{ border-left: 1px dotted #fff;}
#navigator ul li a{  }

/* RESULTS */
#navigator ul li dl{ position: absolute; margin:0; padding:0; left: -999em; z-index: 100; }
#navigator ul li dl dt, #navigator ul li dl dd{ margin:0; padding:0 }
#navigator ul li dl dd a, #navigator ul li dl dd a:visited, #navigator ul li dl dd a:link{ text-decoration: none; color:#3cf; }
#navigator ul li dl dd a:active, #navigator ul li dl dd a:hover, #navigator ul li dl dd a.on{ color:#f09; }
#navigator ul li.brand dl{}
#navigator ul li.brand dl dt{ font-weight:bold; color: #3cf; font-size: 11px; text-transform:uppercase; }
#navigator ul li.area dl{  }
#navigator ul li.area dl dt{ font-weight:bold; color: #f09; font-size: 11px; text-transform:uppercase; }




/*
div#footer ul#links, div#footer ul#credits{ position: static !important; top: 0; left: 0; right: 0; bottom: 0; }
div#footer div#links, div#footer ul#credits{ position: static !important; top: 0; left: 0; right: 0; bottom: 0; }
*/

div#footer div#links{ float: left; }
div#footer ul#credits{ float: right; }

/* LEFT */
#left dl{ margin: 0; padding:0; clear: both; }
#left dl dt{ margin: 0; padding:0 0 0 10px; }
#left dl dt span{ margin: 0 0 -4px 0; font-size: 26px; display: block; }
* html #left dl dt span{ margin-bottom: 0px; }
#left dl dt span.first{ margin: 0 0 -8px 0; }
* html #left dl dt span.first{ margin-bottom: 0; }
#left dl dd{ margin: 0 0 4px 0; padding:0 0 4px 4px; }
html>body #left dl dd{ padding-top: 2px; }
#left dt.sifr span{ letter-spacing: -3px; font-size: 22px; }

#left dl.red{ background: #f09 url("images/common/box-red.gif") repeat-x top left; }
#left dl.blue{ background: #096 url("images/common/box-blue.gif") repeat-x top left; }
#left dl.green{ background: #ff3 url("images/common/box-green.gif") repeat-x top left; }


/* site wide elements */
.inside{ padding:14px; }
.abs{ position:relative; }
.wear-link{ display: block; margin: 18px 0 0 684px; width: 121px; }

ul.forumnav{ margin:0; padding:0; list-style: none; }
ul.forumnav li{ float:left; margin:0; padding: 2px 6px; border-right: 1px solid #000; }
ul.forumnav li.first{ padding-left: 0; }
ul.forumnav li.last{ border-right:0; }
ul.forumnav li a, ul.forumnav li a:link, ul.forumnav li a:visited { color: #000; text-decoration: none; font-size: 14px; }
ul.forumnav li a:hover, ul.forumnav li a:active, ul.forumnav li a#on { color:#f09; }

dl.topics{ margin:0 8px 8px 0; padding:0; width:144px; height:110px; float:left; background-color: #000; }
dl.topics dt{ margin:0; padding:12px 8px; height: 30px; }
dl.topics dt a{ color: #fff; text-decoration: none; font: 18px Arial Narrow, sans-serif; letter-spacing: 2px; font-weight:normal; text-transform: uppercase; line-height: 16px; }
dl.topics dd{ margin:0; padding:4px 8px; color: #fff; }

a#newtopic{ position: absolute; top: 0; right: 132px; }
a#postreply{ position: absolute; top:0; right:0; }

table.topics{ width: 100%; margin-top: -12px; }
table.topics th{ font-size: 12px; font-weight:bold; text-align:left; padding-top: 12px; }
table.topics td{ padding: 2px 0; }
table.topics td p{ margin: 0 0 12px 0 !important; }
table.topics th a, table.topics td a { text-decoration: none; }

table.list{ width: 100%; }
table.list thead th{ text-transform:uppercase; text-align: left; font-weight:bold; font-size:11px; padding: 6px; }
table.list tbody td{ padding: 6px; }
table.list tbody td a.nw{ white-space: nowrap; }
table.list tbody td a{ text-decoration: none; color:#ff0099; }

/* SIFR */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
h1.sifr, h1.pink, h1.violet, table.search-results thead th{ text-transform:uppercase; font-size: 22px; margin: 0 0 12px 0;letter-spacing: -2px; width:300px;}





