/*
	RESET
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" "";}

/*
10  77
11 	85
12 	93
13 	100
14 	108
15 	116
16 	123.1
17 	131
18 	138.5
19 	146.5
20 	153.9
21 	161.6
22 	167
23 	174
24 	182
25 	189
26 	197
*/
/* 
	HTML 
*/
body
{
	font-family:	Verdana;
	font-size:		93%;
	color:			#afafaf;
	margin:			0;
	padding:		0;
	letter-spacing:	-0.05em;
}

form
{
	background:		#faf9f9;
	border:			solid 1px #e7e6e6;
	padding:		20px;
	margin:			0 0 20px 0;
}

form h1,
form h2
{
	color:			#535353;
	font-size:		153.9%;
	letter-spacing:	-0.1em;
	padding-bottom:	5px;
}

form h2
{
	font-size:		123.1%;
	color:			#535353;	
}

label
{
	float:			left;
	text-align:		right;
	width:			110px;
	padding:		5px 0 0 0;
}

label, input, select, textarea
{
	margin:			5px;
	font-size:		108%;
	color:			#989898;
	border:			none;
}

input[type=text],
input[type=password],
select,
textarea
{
	font-family:	Verdana;	
	border:			solid 1px #e7e6e6;
	padding:		3px;
}

textarea
{
	width:			210px;
	height:			200px;
}

button
{
	padding:		0;
	margin:			0;
	background:		none;
	border:			none;
	color:			#cb6828;
	font-size:		146.5%;
	float:			right;
	cursor:			pointer;
}

h1,
h2
{
	color:			#999999;
	font-size:		153.9%;
	letter-spacing:	-0.1em;
	padding-bottom:	5px;
}

h2
{
	font-size:		123.1%;
	color:			#999999;	
}

p
{
	margin:			3px 0;
}

a:visited,
a:active,
a:link
{
	color:			#cb6828;
	text-decoration: none;
}

a:hover,
a:focus
{
	text-decoration: underline;
}

/*
	logo copy
*/
.logo
{
	color:			#999999;
}

.o
{
	color:			#cb6828;
}

/*
	header
*/
#header
{
	background:		#faf9f9;
	padding:		10px;
	height:			32px;
}

#logo
{
	background:		url(../images/logo-header.gif) no-repeat;
	width:			64px;
	height:			32px;
	float:			left;
}

/*
	content
*/
#content
{
	padding:		19px;
}

/*
	broadcaster
*/
#broadcaster
{
	margin:			0 20px 20px 0;
	padding:		15px;
}

/*
	info & forms
*/
#info,
#forms
{
	float:			left;
	width:			400px;
}

#info
{
	width:			400px;
}

#info ul
{
	margin:			35px 0 0 0;
	font-size:		85%;
}

#info li
{
	color:			#666766;
	margin:			10px 0;
	height:			14px;
}

/*
	donate
*/
.donate
{
	width:			90%;
	margin:			5px;
	padding:		0;
	text-align:		right;	
}

.donate label
{
	padding-left:	10px;
	width:			auto;
	font-size:		93%;	
}

.donate .pay,
.donate .pal
{
	font-style:		italic;
	font-weight:	bold;
}

.donate .pay
{
	color:			#1e4476;
}

.donate .pal
{
	color:			#3f7cab;
}


/*
	icons & buttons
*/
.icon,
.button
{
	background:		transparent url(../images/icons.gif) no-repeat;
	padding-left:	19px;
}

.button
{
	position:		relative;
	top:			-10px;
	right:			-20px;
	padding:		10px;
}

.i-save{background-position: 0px 0px;}
.i-search{background-position: 0px -30px;}
.i-notes{background-position: 0px -60px;}
.i-privacy{background-position: 0px -90px;}
.i-manage{background-position: 0px -120px;}
.i-login{background-position: 0px -150px;}
.i-logout{background-position: 0px -180px;}
.i-register{background-position: 0px -210px;}
.i-info{background-position: 0px -240px;}
.i-x{background-position: 0px -270px;}
.i-deleted{background-position: 0px -300px;}
.i-public{background-position: 0px -330px;}
.i-private{background-position: 0px -360px;}
.i-favorite{background-position: 0px -390px;}
.i-unfavorite{background-position: 0px -420px;}

/*
	error & login
*/
#login
{

}

.error
{
	padding:		20px;
	border:			solid 1px #cb6828;
	background:		#f5cfb6;
	display:		none;
	margin-bottom:	10px;
	color:			#545353;	
}

.error h1
{
	color:			#cb6828;
}

.error .message
{
	color:			#545353;
}

.success
{
	padding:		20px;
	border:			solid 1px #8ccb28;
	background:		#c2ef7b;
	color:			#333333;	
	display:		none;
	margin-bottom:	10px;	
}

.success h1
{
	color:			#8ccb28;
}

/*
	layout
*/
#layout
{
	
}

/*
	collection
*/
#collection
{
	float:			left;
	width:			70%;
}

#collection .header
{
	width:			100%;	
	float:			left;
	border-bottom:	solid 1px #cb6828;
	padding-bottom:	10px;
	margin-bottom:	10px;
}

#collection .header h1
{
	float:			left;
	width:			30%;
}

#collection .header ul
{
	float:			right;
	margin:			10px 10px 0 10px;
}

#collection .header .view
{
	background:		url(../images/views.gif) no-repeat;
	width:			15px;
	height:			15px;
	margin-left:	5px;
	text-indent:	-5000em;
	float:			left;
	cursor:			pointer;
}

#collection .header .list{background-position:0 -15px;}
#collection .header .list:hover{background-position:0 -30px;}
#collection .header .list.on{background-position:0 0;}

#collection .header .grid{background-position:-15px -15px;}
#collection .header .grid:hover{background-position:-15px -30px;}
#collection .header .grid.on{background-position:-15px 0;}

#collection .header .thumbs{background-position:-30px -15px;}
#collection .header .thumbs:hover{background-position:-30px -30px;}
#collection .header .thumbs.on{background-position:-30px 0;}

#collection .header .gallery{background-position:-45px -15px;}
#collection .header .gallery:hover{background-position:-45px -30px;}
#collection .header .gallery.on{background-position:-45px 0;}


#collection .header #amount,
#collection .header #pages
{
	font-size:		77%;
}

#collection .header #amount ul,
#collection .header #pages ul
{
	float:			right;
}

#collection .header #amount li,
#collection .header #pages li
{
	float:			left;
	margin:			0px 2px;
	cursor:			pointer;
}

#collection .header #amount li:hover,
#collection .header #pages li:hover
{
	color:			#cb6828;
}


/*
	display
*/
#contact-us
{
	
}

#contact-us #forms
{
	clear:		both;
	margin:		25px 0 0 0;
	width:		500px;
}


#contact-us #forms input,
#contact-us #forms select,
#contact-us #forms textarea
{
	width:			320px;
}

#contact-us #forms #contact-message
{
	margin-top:		10px;
}

/*
	empty
*/
#empty
{
	clear:			both;
	border: 		dashed 5px #F4F4F4;
	background:		#FCFCFC;
	padding:		20px;
	text-align:		left;
}

/*
	clear
*/
.clear
{
	clear:			both;
}