body {font-family:'Helvetica',arial,verdana,sans-serif; margin:0; padding:0; font-size:12px; background:#000;}
a {color:#09F;}
a:hover {text-decoration:none;}

#header {background-color:#000; color:#FFF; border-bottom:2px solid #0099FF; padding:0 12px;}
#header a {color:#FFF;}
#header .logo h1 {font-size:14px; line-height:42px; margin:0;padding:0;}
#header .logo h1 a {text-decoration:none;}
#header .utilities {float:right; font-size:11px; line-height:42px;}

input.login_input {font-size:19px; padding:4px; width:40%; margin-bottom:20px;}

hr {height:1px; background:#ccc; border:none;}

.container {min-width:900px; padding:38px 38px 48px; background:#FFF; zoom:1;}

.container .flash {margin-bottom:30px; font-size:18px; color:#333; line-height:1.4em;}
.container .flash h1 {font-size:22px; margin:0; padding:0;}
.container .flash p {padding:0; margin:3px 0; font-size:16px; color:#545454;}

.container .first_note {background:#E5F5FF; padding:30px;}

.container .main {width:70%; background-color:#EEEEEE; border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC; border-right:3px solid #333; border-bottom:3px solid #333; float:left; padding:30px; line-height:18px; margin-bottom:24px;}
.container .main .controls {font-size:12px; color:#0099FF; float:right; text-align:right;}
.container .main .controls a {color:#0099FF; font-weight:bold;}
.container .main #view_content h1, .container .main input#edit_title {font-size:19px; font-weight:bold; clear:both;}
.container .main #view_content p.sub-header {color:#666;}
.container .main #view_content p#note_content {font-family:'Courier New', Courier, georgia, serif; font-size:14px; font-weight:normal;}

.container #account {background:#fff!important; border:none!important; padding-top:0!important}
.container #account form {background:#EEE; padding:20px;}
.container #account input.large {width:300px; font-size:13px; padding:2px; font-weight:bold;}
.container #account p.description {color:#666666; margin-top:30px;}
.container #account a.delete {color:red;}
.container #account input.submit {font-weight:bold;}
.container #account p {font-size:13px; line-height:18px; width:55em;}
.container #account ul .header {list-style-type:none; color:#666; margin-top:10px; font-weight:bold;}
.container #account ul li {list-style-position:inside;}

code {white-space:pre; background-color:#EFEFEF; display:block; padding:16px 18px; border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC; border-right:3px solid #333; border-bottom:3px solid #333;}
.public {font-size:11px; font-weight:normal; color:#fff; background:#006FB9; padding:2px 4px; position:relative; top:-3px;}
.public a {color:#fff; text-decoration:none; font-weight:bold;}
.public a {outline:none;}
#copy_url {font-size:11px; color:#666; font-weight:normal;}

.note_form input#edit_title {font-size:19px; font-weight:bold; padding:4px; width:90%; margin-bottom:20px;}
.note_form textarea {padding:8px;width:100%; height:300px; font-size:14px; line-height:18px}

.note_form .form_bottom {color:#666; margin-top:12px;}
.note_form .form_bottom input#submit {font-size:15px; font-weight:bold;}
.note_form .form_bottom .cancel {color:#333;}

.container .sidebar {float:right; width:195px;}
.container .sidebar p {margin:0; padding:0; line-height:1.5em; color:#999; font-size:18px; font-weight:bold;}
.container .sidebar ul {list-style:none; margin:0; padding:18px 0; border-bottom:1px solid #999999; width:195px;}
.container .sidebar ul.first {padding-top:0;}
.container .sidebar ul.last {border-bottom:none;}
.container .sidebar ul li.heading {font-size:12px; color:#666666;}
.container .sidebar li a {font-weight:bold; color: #0099FF; font-size:12px; display:block; padding:6px;}
.container .sidebar li a.selected {text-decoration:none; color:#fff; background-color:#0099FF;}
.container .sidebar li a:hover {background:#E5F5FF;}
.container .sidebar li a.selected:hover {background:#09F;}

.container .sidebar ul li a.add_note {color:#CC0033; font-size:16px;}
.container .sidebar li.add_note a:hover {background-color:#FAE5EA;}
.container .sidebar li.add_note a.selected, .container .sidebar li.add_note a.selected:hover {background-color:#CC0033; color:#fff;}

.footer {clear:both; padding:20px 38px; border-top:1px solid #000; background:#000; color:#999; font-size:11px;}
.footer a {color:#FFF; text-decoration:none; padding:2px;}
.footer a:hover {background:#fff; color:#000;}


#create_login {width:600px; background:#EFEFEF; padding:50px; margin:0 auto; border-right:3px solid #333; border-bottom:3px solid #333;}
#login {width:300px; background:#EFEFEF; padding:50px; margin:0 auto; border-right:3px solid #333; border-bottom:3px solid #333;}
#login input, #create_login input {font-size:18px; padding:3px;}


.error {padding: 8px; color:#FFF; font-size: 12px; background-color:#900;}
.success {padding: 8px; color:#FFF; font-size: 12px; background-color:green;}