/* 1: BODY AND UNIVERSAL RESET
============================================================================ */

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	color: #ffffff;
	font: 12px/160% Arial, 'Bitstream Vera Sans', sans-serif;
	text-align: center;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
	}

/* Reset margin and padding for all elements */

* {margin: 0; padding: 0;}



/* 3: PAGE STRUCTURE
============================================================================ */

/* a) Containers */

#container {float: left; width: 100%; background: #fff;}

.wrapper, #main-wrapper {width: 730px; margin: 0 auto; text-align: left;}
#main-wrapper {width: 716px;}

#content {float: left; width: 100%; padding: 0 0 20px; background: #fff;}

/* b) Header */



#header {
	float: left;
	width: 100%;
	background: #262f35 url(/images/bg-header.gif) top left repeat-x;
	}
#header h1 a {
	display: block;
	position: absolute;
	width: 342px;
	height: 36px;
	margin-top: 29px;
	border: none;
	background: transparent url(/images/logo.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	}
#header h2 {display: none;}



#leftcolumn {
	float: left;
	width: 412px;
	margin-top: 30px;
	padding-right: 40px;
	}




	}
	
	
/* 4: SECTION SPECIFIC STYLES
============================================================================ */

/* a) Home page */


#home h2#collect, #home h2#organize, #home h2#share, #home h2#seeit,
#home h2#search, #home h2#screenshots, #home h2#signup {
	height: 34px;
	margin: 0 0 5px;
	padding: 0;
	background: url(/images/h2-collect.gif) no-repeat;
	text-indent: -9000px;
	}

#home h2#search {background: url(/images/h2-search.gif) no-repeat;}


#home .twocolumn {width: auto;}
#home .last {margin-right: 0 !important;}
#home #searchform .textfield {width: 324px;}
#home #searchtip {
	width: auto;
	}

#searchform {clear: both;}
#searchform fieldset {margin: 0 0 10px; padding: 0; border: none;}






#list {padding-bottom: 80px; line-height: 200%;}
#list li {
	display: block; 
	float: left;
	width: 696px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	}
#list li.even {background: #f5faff;}
#list p.right img.drag:hover {cursor: move;}
#list p.right img.delete:hover {cursor: pointer;}
#list p.left {width: 550px}
#list img.delete {border: none;}
#list strong {
	display: block;
	color: #4d5762;
	font: bold 14px 'Helvetica Neue', Arial, Verdana, sans-serif;
	}

a.tag, span.tag {
 margin-right: 7px;
 padding: 0 3px 2px;
 background: #e5f2ff;
 border: 1px solid #a3c1dd;
 }
a:hover.tag {
 border-color: #069;
 background: #069;
 color: #fff;
 }
 







  


/* 6: FORMS & TABLES 
============================================================================ */

/* a) Standard forms */

form {margin-top: 1em;}
form.alt {margin: 0;}

fieldset {
	margin-bottom: 20px;
	padding-bottom: 25px;
	border: 4px solid #c4e3ff;
	border-width: 0 0 4px;
	}
fieldset.last {padding: 0; border: 0;}
fieldset.submit {
  width: 310px;
  margin: 40px 0 20px;
  padding: 30px 20px;
	border: 1px solid #c4e3ff;
	border-width: 4px 0 1px;
  background: #e1f1ff url(/images/bg-listbox.gif) repeat-x;
  }


	


input.textfield, textarea {
	width: 250px;
	padding: 4px;
	border: 2px solid #ddd;
	border-top: 2px solid #ccc;
	color: #777;
	background: #f9f9f9;
	font-size: 150%;
	font-family: Arial, Verdana, sans-serif;
	}
	
input#search-field {
	width: 561px;
	margin: 4px 15px 0 0;
	font-size: 170%;
	}

#searchform label {display: block !important;}	
#searchform input {vertical-align: middle;}

textarea {font-size: 120%;}
tr.alt textarea {
	width: 350px;
	color: #00f;
	font-size: 90%;
	font-family: Monaco, Courier, 'Courier New', sans-serif;
	}
input.img-btn {display: inline;}
input.textfield:focus, textarea:focus {
	border: 2px solid #9ec1e0;
	color: #333;
	}



/* 7: GLOBALS
============================================================================ */

/* a) Links */

a:link, a:visited {
	border-bottom: 1px solid #a1cfd4;
	color: #069;
	text-decoration: none;
	}
a:hover {border-color: #069; background: #069; color: #fff;}
a:link.img, a:hover.img, a:visited.img {border: none; background: none;}
a.link {color: #069; border: none; background: none;}


/* b) Typography */

h2 {
	padding: 2px 0 0.5em;
	color: #4d5762;
	font-size: 21px;
	font-family: 'Helvtica Neue', Arial, sans-serif;
	}
h2#first {padding: 30px 0 0.7em;}
h2.add {padding-top: 50px;}
h2.listtitle {padding-bottom: 3px;}
h3 {
	padding: 0.5em 0;
	color: #4d5762;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
h3 a:link, h3 a:visited {border: none; color: #4d5762;}
h3 a:hover {border: none; background: none; color: #069;}	



p {margin: 0 0 1.5em;}
p.left {float: left;}
p.right {float: right;}
p.big {font-size: 13px;}
p.small {font-size: 11px; color: #999; margin-bottom: 10px;}
p.center {
	margin: 0 0 40px !important;
	font: normal 16px 'Helvetica Neue', Arial, Verdana, sans-serif;
	text-align: center;
	}

p#searchtip {
	margin: 4px 0 0;
	padding-left: 22px;
	color: #999;
	font-size: 11px;
	}



/* 8: MISC
============================================================================ */


/* Images */

img {border: none;}
img.avatar {margin-top: 0;}
img.steps {margin-bottom: 1em; border: 1px solid #666;}
img.floatleft {float: left; margin: 3px 15px 5px 0;}
img.screen, img.screen-right {
	margin: 0 !important;
	padding: 4px;
	border: 1px solid #aaa;
	}
img.screen-right {float: right; margin: 0 0 20px 20px !important;}

/* Error handling */

div.error, div#error, div#alertbox {
	margin-top: 15px;
	padding: 10px 10px 0 15px;
	background: #fcffdf url(/images/bg-error.gif) top left no-repeat;
	color: #886e37;
	font-size: 11px;
	line-height: 150%;
	}
div.error strong, div#error strong {
	color: #c00 !important;
	font: normal 14px 'Helvetica Neue', Arial, Verdana, sans-serif;
	}
div#error {margin-bottom: 15px; padding-bottom: 10px;}
div.error p {margin-bottom: 10px;}
div.error ul {list-style: square inside; padding: 0 0 15px 15px;}

div#alertbox {margin-top: 30px; padding: 20px 10px 0;}

#no-js {float: left; margin: 30px 0;}
#signup #no-js {margin: -10px 0 10px;}
#no-js ol {list-style: decimal inside;}

#error-mail {margin-top: 5px; font-size: 10px; line-height: 140%;}
#error-mail em {color: #c00; font-style: normal;}

#errors {list-style: decimal inside; margin: 0 50px 20px;}

#standardform label.error-label {color: #c00;}
#standardform input.error-textfield {
	width: 250px;
	padding: 4px;
	border: 2px solid #c00;
	background: #f9f9f9;
	color: #777;
	font-family: Arial, Verdana, sans-serif;
  font-size: 150%;
	}



	
html {height: 100%; margin-bottom: 1px;}