/* TAGS */

body { 
	background: #fff url(images/bg_body.gif) repeat-x top; line-height: 1.5em;
	font-family: "Lucida Sans Unicode", Verdana, sans-serif; font-size: 1em; padding: 15px 30px; 
}

h1 { 
	margin: 0 0 20px 0; padding: 0; width: 227px; height: 40px; font-family: Arial, Helvetica, sans-serif; 
	font-size: 2.5em; font-weight: bold; text-transform: lowercase; letter-spacing: -0.05em; 
	text-indent: -9000px; background: url(images/logo.png) no-repeat top left;
}

h2,legend { 
	margin: 1em 0 0.3em 0; padding: 0 0 0.1em 0; color: #881E1E; font: 1.45em Constantia, Georgia, serif; 
	letter-spacing: -0.02em; font-weight: normal; text-transform: lowercase; border-bottom: 1px solid #C7B59A;
}

a:link { color: #b40; }
a:visited { color: #b60; }
a:hover { color: #f96; }

input, textarea { 
	border: 1px solid #C7B59A; background: #fff url(images/bg_text.gif) repeat-x top; 
	font: 0.8em "Lucida Sans Unicode", Verdana, sans-serif;
}

form, fieldset, legend { margin: 0; padding: 0; border: none;  }

/* IDs */

#header { position: relative; }

	#menu { list-style: none; position: absolute; top: 18px; right: 0px; margin: 0; padding: 0; }
		#menu li { display: inline;	padding: 0 1em; border-right: 1px solid #C7B59A; font-size: 0.8em; }
		#menu li.last { border: none; padding: 0 0 0 1em; }

#add_link, #my_links, #bookmarklet, #update_profile { margin-bottom: 1.5em; }

#login,#register { width: 48%; float: left; }
	#login .bl, #register .bl { height: 16em; }
	#login { margin-right: 2% }
	#register { margin-left: 2% }

/* CLASSES */

ul.success { padding: 3px 10px 3px 30px; margin: 10px 0px; border: 1px dotted #393; border-width: 1px 0; 
	list-style: none; background: #f0fff0 url(images/icons/accept.gif) no-repeat 8px 7px; color: #060; } 
ul.error { padding: 3px 10px 3px 30px; margin: 10px 0px; border: 1px dotted #933; border-width: 1px 0; 
	list-style: none; background: #fff0f0 url(images/icons/exclamation.gif) no-repeat 8px 7px; color: #600; } 
ul.instructions { padding: 3px 10px 3px 30px; margin: 10px 0px; border: 1px dotted #339; border-width: 1px 0; 
	list-style: none; background: #f0f0f0 url(images/icons/information.gif) no-repeat 8px 7px; color: #006; } 

dl.links {}
	dl.links dt { font-family: Georgia,serif; margin-bottom: 0.2em;  }
	dl.links dd { margin-left: 10px; border-left: 4px solid #C7B59A; padding-left: 10px; }
	dl.links dd.url { padding-left: 10px; font-size: 0.7em; line-height: 1.3em; }
		dl.links dd.url a { padding-left: 16px; background: url(images/icons/bullet_go.gif) no-repeat left center; }
	dl.links dd.notes { font-size: 0.8em; }
	dl.links dd.added { margin-bottom: 1em; font-size: 0.7em; line-height: 1.3em; color: #aaa; }
		dl.links dd.added a { padding-left: 14px; color: #C7B59A; background: url(images/icons/delete_small.gif) no-repeat left center; }
		dl.links dd.added a:hover { color: #f96; }

.no_links { font-size: 1.2em; text-align: center; }
.last_updated {  }
.clear_float { clear: both; height: 1%; }
#footer { clear: both; padding: 2em 1.6%; text-align: center; font-size: 0.75em; color: #aaa; } 

input.url { font: 1.2em Constantia, Georgia, serif; }
input.title { font: 1em Constantia, Georgia, serif; }
textarea.notes { height: 4em; }

/* BOX */

.box { position: relative; background: url(images/box_r.gif) repeat-y right; }
	.box .inner { 
		background: url(images/box_l.gif) repeat-y left; padding: 10px 20px 10px 170px; 
		border: 1px solid #881E1E; border-width: 1px 0px; 
	}
	.box h2 { position: absolute; margin: 0; padding: 0; border: none; top: 10px; left: 10px; width: 130px; color: #881E1E; }
	.box label { 
		display: block; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.1em; font-weight: bold; color: #881E1E; 
	}
	.box input,.box textarea { width: 100%; }

	.dom h2 { color: #fff; }
	.dom .inner { border: none; padding: 0; }
	.dom .tr { background: url(images/box_tr.jpg) no-repeat top right; }
	.dom .tl { background: url(images/box_tl.gif) no-repeat top left; }
	.dom .br { background: url(images/box_br.gif) no-repeat bottom right; }
	.dom .bl { background: url(images/box_bl.gif) no-repeat bottom left; padding: 10px 20px 10px 170px; }

label { 
	
}