/* reset */ 
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;}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;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}a{outline:none;}


body { width: 580px; margin: 12px auto; background-color: #638ec3; font: 16px Arial; }

a { color: #555; font-weight: bold; text-decoration: none; }
a:hover { color: #000; }

h1 { font-weight: bold; font-size: 28px; }
#logo { padding-top: 2px; padding-bottom: 4px; width: 217px; height: 91px; }

p.code { background-color: black; font: normal 10px Courier; color: #00ff00; padding: 15px; border: 1px solid #999; }

div.notice { border: 3px solid #cfc125; background: #fcf390; padding: 20px 20px 10px 20px; margin-bottom: 20px; }
#frame { padding: 10px; margin: 0; background-color: #e2e2e2;}
.stage { margin: 0; padding: 12px 12px; background-color: #fdfdfd; display: none; }

#stage0 p { margin-bottom: 12px; font-weight: bold; line-height: 24px; text-align: left; }
#stage0 p.last { margin-bottom: 0px; }
#stage0 div.screenshot { margin: 22px auto; text-align: center;  }

ul.instructions li { list-style:none; margin: 0 0 10px 0; }

ul.bookmarks li { list-style: none; font-weight: bold; font-size: 28px; margin-bottom: 12px; overflow: hidden; }
.bookmarks a { color: #2b73cc; }
ul.bookmarks li div.details a { font-weight: bold; color: #aaa; }
ul.bookmarks li div.details a:hover { color: #d43c27; }
/*fresh-bookmarks*/
.category { display: inline; }
.category select { display: none; }
.category a { color: #454545; font: bold 14px Arial; }
a.light { color: #c2c2c2; }


#options { padding: 6px; font-weight: bold; font-size: 14px; line-height: 22px; }

	#options a { color: #454545; }

	ul.stale { padding-bottom: 12px; margin: 12px 12px 0px 12px; display: none; }
	ul.stale li { font-weight: bold; font-size: 16px; }
	#options .stale a { color: #6D9BD5; }
	#options .stale .details a { font-weight: bold; color: #AAA; }
	#options .stale .details a:hover { color: #d43c27; }

.new_bookmark { margin: 12px; padding: 12px 0; display: none; }

.details { font-weight: normal; color: #999; font-size: 13px; }

.noFeed, .siteName { display: none; margin-top: 10px;  }


.error { font-size: 22px; margin: 10px 0 10px 0; color: white; }

#divider {
	background-color: #e2e2e2; width: 100%; height: 10px;
}
	
.canvas { margin: 18px; text-align: justify; }

a.delete { font-size: 14px; color: #cccccc; }
a:hover.delete { color: #d43c27; }

.right, .left {	width: 50%;	float: left;	}

.clear { clear: both; }

table tr th { font: bold 14px Arial; padding: 0 5px 5px 0; }
table tr td { padding: 3px 5px 2px 0; }

table tr { border-bottom: 1px solid white; }
table tr.green { background-color: #00ff00; }
table tr.red { background-color: #bb0000; color: white; }

table.smaller tr td { font: normal 12px Arial; }
.r { text-align: right; }
b { font: bold 14px Arial; } 
p { margin: 0px 0 20px 0; }
h2 { font: bold 16px Arial; margin-bottom: 10px; }

.folderButtons { margin: 0 0 20px 0; line-height: 35px;  }
.folderButtons a { padding: 7px 12px 7px 12px; margin: 0 1px 0 0; font: bold 12px Arial; color: #fff; background-color: #e2e2e2; }
.folderButtons a:hover { color: #d43c27; }
.folderButtons a.active { background-color: #cccccc; color: #4c4c4c; }

.sponsor { background-color: #efefef; margin: 2px 0 2px 0; padding: 6px;}
a.sponsorLink { float: right; font-size: 10px; color: #cccccc; }
a.sponsorLink:hover { color: blue; }


.tab {
	color: #4c4c4c; background-color: #aaa; font-size: 14px; font-weight: bold; text-align: center;
	float: left; padding: 8px; padding-left: 16px; padding-right: 16px;
	margin-right: 10px;
	cursor: pointer;
	}

.tab a { color: #222; }
.active { background-color: #e2e2e2; }


.controls { display: none; }

.folder { display: none; }

