/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#FFF;background:#151515;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/*
	faabric v1
*/
body{
	font-family:"Lucida Grande", Arial;
	font-size:12px;
	overflow:none;
	color:#777777;
}
.rounded{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
.faint{
	filter:alpha(opacity=0);   
	-moz-opacity: 0;   
	opacity: 0;	
}
a{
	text-decoration:underline;
	color:#666666;
}
a:hover{
	color:#000000;
	text-decoration:none;
}
h1,h2,h3,h4,h5{
	text-transform:capitalize;
}
h2{
	font-weight:bold;
	color:#666666;
	font-size:12px;
}
h1{
	font-family:Georgia;
	font-size:20px;
	color:#000000;
	margin-bottom:10px;
	width:400px;
}
h1 span{
	font-family:"Lucida Grande",Arial, Verdana;
	font-size:10px;
	color:#aaaaaa;
	margin-left:6px;
	text-transform:none !important;
}
h1 span a{
	color:#aaaaaa;
	text-decoration:underline;
}
p{
	margin-bottom:10px;
}
.clear_left,
.clearLeft{
	clear:left;
}
#loading{
	position:absolute;
	left:10px;
	top:10px;
}
#navigation{
	position:absolute;
	left:29px;
	top:29px;
	z-index:10;
}
.faabric_logo{
	margin-bottom:20px;
}
.nav1{
	margin-left:1px;
	line-height:12px;
	margin-bottom:20px;
}
.nav1 li{
	margin-bottom:1px;
}
.nav1 a{
	color:#666666;
	text-decoration:none;
	width:160px;
	padding:2px;
	padding-left:0px;
	display:block;
}
.nav1 a span{
	display:none;
}
.nav1 a:hover{
	color:#333333;
}
.nav1 a:hover span{
	display:inline;
	color:#ff3300;
}
.nav1 .active a,
.nav1 .active a:hover{
	font-weight:bold;
	color:#000000;
}
.tools{
	margin-top:20px;
	font-size:11px;
}
.nav2{
	font-size:10px;
}
.nav2 a{
	color:#aaaaaa;
	text-decoration:none;
}
.nav2 a span{
	display:none;
}
.nav2 a:hover{
	color:#333333;
}
.nav2 a:hover span{
	display:inline;
	color:#999999;
}
#footer{
	position:absolute;
	left:30px;
	bottom:30px;
	z-index:9;
	font-size:9px;
	line-height:14px;
}
.nav3 a{
	text-decoration:none;
	color:#bbbbbb;
}
.nav3 a:hover{
	color:#666666;
}
#content{
	position:absolute;
	left:20px;
	top:0px;
	bottom:0px;
	right:0px;
	overflow:auto;
	z-index:3;
}
.page_margin{
	padding-top:77px;
}     
p a{
	text-decoration:underline !important;
}
p a:hover{
	text-decoration:none !important;
}
.form{
	margin-top:10px;
	margin-left:0px;
	margin-bottom:30px;
}
.textInput,
.button{
	background-color:transparent;
	width:450px;
	margin-bottom:2px;
	padding:3px;
}
.textInput .label,
.button .label{
	color:#aaaaaa;
	font-size:10px;
	width:120px;
	float:left;
	padding-left:7px;
	display:block;
	padding-top:10px;
}
.textInput .error{
	padding:8px;
	padding-bottom:0px;
	font-size:11px;
	color:#222222;
}
.textInput .error p{
	margin-left:130px;
}
.textInput .error{
}
.textInput .textArea,
.button .buttonArea{
	width:310px;
	font-size:13px;
	font-family:"Lucida Grande", Arial;
	color:#666666;
	background-color:none;
	border:0px;
	border-left:1px dashed #cccccc;
	padding-left:4px;   
	float:left;
}
.button .buttonArea{
	border-left:0px;
	margin-top:3px;
}
.textInput .textArea input{
	border:1px solid #aaaaaa;
	width:300px;
	color:#888888;
	padding:8px;
	display:block;
}
.textInput .loading_spinner{
	padding:8px;
}
input:focus{
	outline:0;
	border:1px solid #000000;
}
.tf_focused{
	background-color:#fefedd;
}
.tf_focused .label{
	color:#000000;
}
.tf_focused .textArea input{
	color:#000000;
}
.has_errors{
	background-color:#ffe6e6 !important;
}
.has_errors .error{
	display:block;
	left:104px;
	top:42px;
	font-size:10px;
	color:#000000;
}
.has_errors .label{
	font-weight:bold;
	color:#cc0000;
}
.registerPage p{
	width:600px;
}
.addStep{
	display:block;
}
.hide{
	display:none;
}
#detail{
	position:relative;
	left:0px;
	top:0px;
	bottom:0px;
}
#detail .itemImages{
	float:left;
	background-color:#eeeeee;
	/*width:0px;
	overflow:hidden;*/
}
#detail .itemContent{
	float:left;
	margin-left:20px;
	margin-top:76px;
}
.itemContent .info{
	font-size:10px;
}
a.sendToThem{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	padding:4px;
	background-color:#fff000;
}
a.sendToThem:hover{
	background-color:#ff0000;
	color:#ffffff;
}
.itemImages .image img{
	border-bottom:1px solid #aaaaaa;
}
.itemImages .images{
	overflow:hidden;
	width:0px;
	height:0px;
	z-index:2;
}
.itemImages .images .image{
	position:absolute;
	left:0px;
	top:0px;
}
.itemImages .selected_image{
	z-index:3;
}
.itemImages .thumbs{
	text-align:center;
	background-color:#dddddd;
	font-size:0px;  
	border-bottom:1px solid #cccccc;
}           
.itemImages .thumbs .thumb{
	display:inline-table;
	cursor:pointer;
	padding:0px;
	width:17px;
	height:17px;
	margin-right:2px;
	margin-top:4px;
	margin-bottom:3px;
	background-color:#e0e0e0;
	border:1px solid #c0c0c0;
	
}
.itemImages .thumbs .thumb:hover{
	background-color:#eeeeee;
	border-color:#cccccc;
}
.thumbs .selected,
.thumbs .selected:hover{
	background-color:#bbbbbb !important;
	border-color:#999999 !important;
	cursor:default !important;
}
.itemImages{
	padding-bottom:10px;
	background-color:#eeeeee;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #dddddd;
}
.itemImages{
	position:relative;
}
.itemImages .options{
	margin-top:10px;
	text-align:center;
}                   
.itemImages .report_item{
	margin-top:10px;
	display:block;
	font-size:10px;
	color:#cccccc;
	cursor:pointer;
}                 
.itemImages .report_item:hover{
	color:#666666;
	text-decoration:underline;
}
.options{
	font-size:2px;
}
.delete_item{
	background-color:#ff3300;
	padding:5px;
	font-size:13px;
	margin-top:2px;
	display:block;
	cursor:pointer;
	color:#ffffff;          
	width:130px;            
	font-weight:bold;
}
.delete_item:hover{
	background-color:#dd0000;
}
.btn{
	padding:4px;
	font-size:11px;
	background-color:#ffffff;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #dddddd;
   	cursor:pointer; 
	text-decoration:none;
}
.btn:hover{
	background-color:#eeeeee;
	color:#666666;
	border-color:#dddddd;
}
.btn:active{
	color:#999999;
}
.grid a{
	text-decoration:none;
}
.gridItem{
	float:left;
	width:125px;
	height:125px;
	background-color:#151515;
	margin-right:1px;
	position:relative;
	margin-bottom:1px;
	cursor:pointer;	
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	overflow:hidden !important;
}         
.round-5, .round-26 {
	background-color:red !important;
}         
.gridItem .loading{
	position:absolute;
	left:10px;
	top:10px;
}
.gridItem .image{
	position:absolute;
	left:0px;
	top:0px;
	background-position:top center;
	width:150px;
	height:170px;
	overflow:hidden;
}
.gridItem .sized{
	position:absolute;
	left:0px;
	top:0px;
	z-index:20;
	width:150px;
	height:170px;
	overflow:hidden;
}
.gridItem .info{
	position:absolute;
	bottom:10px;
	left:10px;
	right:10px;            
	z-index:10;
	font-size:11px;
 	line-height:13px;
	padding:5px;
	background-color:rgba(0,0,0,.8);
	border:1px solid #000000;
}
.gridItem:hover .info{
	display:none;
}
.gridItem .info span.title{
	color:#ffffff;
}
.gridItem .info span.price{
	background-color:#eeeeee;
	font-size:9px;
}
.gridItem .info span.credit{
	color:#999999;
	font-size:9px;
}
#tags{
	color:#dddddd;
	width:400px;
	line-height:18px;
	font-size:9px;
	padding:10px;
}
#tags .no_tags{
	font-size:11px;
	color:#999999;
}
.tagContain{
	width:400px;
	background-color:#fcfcfc;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	margin-top:10px;
	margin-bottom:10px;
}
.tagContain h4,
.comments h4{
	font-size:11px;
	font-weight:bold;
	padding:6px;
	padding-left:10px;
	color:#999999;
	background-color:#f1f1f1;
}
#tags .tag{
	display:inline;
	font-size:11px;
	cursor:pointer;
	border-right:1px dashed #dddddd;
	padding-right:3px;
	padding-left:3px;
	margin-bottom:5px;
	margin-right:4px;
	float:left;
}
.tag a{
	text-decoration:none;
	text-transform:capitalize;
}
.tag:hover a{
	color:#333333;
}
.tag:hover a:hover{
	text-decoration:underline;
}
.tag .voteCtrl{
	font-size:10px;
	cursor:pointer;
	color:#cccccc;
	margin:0px;
	padding:2px;
}
.tag:hover .voteCtrl:hover{
	color:#ffffff;
}
.tag:hover .vote_for_tag{
	color:#2aca1e !important;
}
.tag:hover .vote_against_tag{
	color:#ff3300 !important;
}
.tag:hover .vote_for_tag:hover{
	background-color:#2aca1e;
	color:#ffffff !important;
}
.tag:hover .vote_against_tag:hover{
	background-color:#ff3300;
	color:#ffffff !important;
}
.tag:hover .voteCtrl{
	color:#666666;
}
#tags p.noTags{
	font-size:11px;
	color:#000000;
}
p.hint{
	font-size:11px;
	color:#cccccc;
}
.comments{
	width:400px;
	background-color:#fcfcfc;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
}
.comment{
	border-bottom:1px dashed #e0e0e0;
}
.comment .copy{
	padding:15px;
	padding-left:10px;
	padding-bottom:4px;
	font-size:14px;
	margin:0px;
	color:#666666;
	font-family:Georgia;
}
.comment .info{
	font-size:10px;
	color:#bbbbbb;
	padding:15px;
	padding-top:0px;
	display:block;
	padding-left:10px;
}
.comment .info a{
	color:inherit;
}
#login{
	
}
#login .small{
	font-size:11px;
	color:#aaaaaa;
}
#login .small a{
	color:#aaaaaa;
	text-decoration:none;
	border-bottom:1px solid #dddddd;
}
#login .small a:hover{
	color:#666666;
	border-bottom-color:#ffffff;
}
#login label{  
	color:#aaaaaa;
	font-size:10px;
	width:120px;
	width:120px;
	display:block;
}
#login input{
	border:1px solid #aaaaaa;
	width:308px;
	color:#888888;
	padding:8px;
	display:block;
}
.lighter{        
	padding-top:2px;
	color:#cccccc;
}
.pagination{
	margin:6px;
	margin-left:0px;
	font-size:11px;
}                  
.pagination a{
	margin-right:2px;
	background-color:#222;
	padding:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}    
#home em{
	font-size:11px;
	color:#aaaaaa;
} 
.home_promo{
	float:left;
	width:453px;
	padding-top:30px;
}
.home_feature{
	width:755px;
}