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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Generic classes */

.center {
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.overflow {
    overflow: auto;
}

.hidden {
    display: none;
}

.front {
    height: 320px;
}

.main {
    width: 850px;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    font-size: 2.5em;
}
h2 {
    font-size: 2.0em;
}
h3 {
    font-size: 1.5 em;
}
h4 {
    font-size: 1.25em;
}
h1 , h2 , h3 , h4 , h5 {
    margin-top: 1em;
    margin-bottom: 1em;
}

p , ul , ol {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.1em;
}

ul {
    list-style-position: outside;
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
    list-style-position: outside;
}

li {
    margin-top: 0.25em;
    margin-left: 1.25em;
    margin-bottom: 0.25em;
}

li > ul , li > ol {
    margin-left: 2em;
    margin-top: -0.1em;
    margin-bottom: -0.1em;
}

li > p:first-child { 
    margin-top: .1em;
    margin-bottom: .1em;
}


/* Global defaults */

html {
    font-size: 62.5%;
}

body {
    font-family: georgia;
    margin: 0px;
    font-size: 1.5em;
}

a {
    text-decoration: none;
}

a:hover {
    border-bottom: 1px solid;
}

a img {
    border: none;
}

/* Content */
   
#content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Header */

#header .inner {
    height: 1em;
    padding: 1em;
}


#header .navlinks {
    overflow: visible;
}

#header img {
    margin-left: 1em;
    margin-right: 1em;
}

#header .navlinks a {
    font-size: 1.25em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

#header-spacer {
    margin-left: 1em;
    margin-right: 1em;
    width: 36px;
    height: 23px;
}

#logo a:hover {
    border: none;
    
}

/* Footer */

#footer {
    margin-top: 2em;
}

#footer .inner {
    height: 1em;
    padding: 1em;
    text-align: center;
}

/* Details */

#details {
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1.2em;
    margin-bottom: 1em;
    overflow: auto;
}

#details input {
    width: 200px;
}

#type {
    width: 200px;
}


.detail {
    margin-top: 0.25em;
}

.detail select {
    height: 20px;
}
.detail p {
    margin: 0;
    padding: 0;
}

#share-target {
    margin-left: 6px;
    margin-right: 6px;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Writing */

.writing {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.writing textarea {
    height: 300px;
    width: 100%;
}

#writing pre {
    padding: 1em;
}


/* List */

#content .list {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: auto;
    
}

#content .list .msg {
    text-align: center;
}

#content .list .note {
    width: 250px;
    height: 80px;
    float: left;
    padding: 0.5em;
    cursor: pointer;
    margin-left: 0.3em;
    margin-right: 0.3em;
    margin-bottom: 0.75em;
}

#content .list .note .dates {
    overflow: auto;
    font-size: 0.9em;
}

#content .list .note .dates span {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#content .list .note p {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

#content .list .note .title {
    font-size: 1.5em;
}

#content .list .note .tags {
    font-size: 0.9em;
}


#content .list .note.sticky {
    border: 2px dashed white;
    width: 246px;
    height: 74px;
}


/* Help */

#content div.help {
    padding: 1em;
    margin-bottom: 1em;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

/* Toolbar */

#content .toolbar {
    margin-top: 0px;
    overflow: auto;

}

#content .toolbar .inner {
    padding: 0.5em;
    padding-left: 8%;
    padding-right: 8%;
    overflow: auto;
}

#content .toolbar .tool {
    margin-top: 0em;
    margin-right: 2em;
}

#content .toolbar .tool span {
    margin-top: 0px;
    margin-right: 0.5em;
}

#content .toolbar a {
    height: 25px;
}

.revision .button a, #content .toolbar .button a {
    top: 0.5em;
    border: none;
}

.revision .button a:hover, #content .toolbar .button a:hover {
    border: none;
}

#content .toolbar ul {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
    text-indent: -1em;
}

#content .toolbar select {
    margin-top: 0px;
    margin-bottom: 4px;
    float: left;
    height: 2em;
    padding: 0.25em;
}

#filter input, #sort input {
    width: 100px;
    margin-bottom: 4px;
    height: 2em;
    float: left;
}

#sort ul , #filter ul {
    margin-left: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
}
#sort ul li , #filter ul li {
    width: 210px;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    margin-left: 0.25em;
}

#sort span {
    margin-right: 1em;
}

#share-target {
    width: 100px;
    height: 40px;
    font-size: 1.5em;
    margin-left: 2px;
}


#share-details {
    margin-top: 0.5em;
}
#share-details span {   
    margin-top: 0.4em;
    padding-top: 0.7em;
    margin-right: 0.5em;
}
#share-details input {
    margin-top: 0.35em;
    width: 300px;
}

#create-note {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

/* Create Note */

#create {
    padding: 1em;
}

#create table {
    margin-left: 10%;
}

#create td.title {
    width: 100px;
}

#create td.field input {
    width: 300px;
}

#create td.help {
    padding-left: 1em;
}

#create input.submit {
    width: 100%;
    font-size: 1.5em;
}

/* Reports */

.report {
    margin-bottom: 1em;
    text-align: center;
}

/* Invite Stylings */

.invites {
    margin-bottom: 1em;
}

.invites .invite {
    padding: 0.5em;
    overflow: auto;
}
.invites .invite p {
    margin-top: 0em;
}
.invites .invite .label {
    margin-right: 2em;
}
.invites .invite .button {
    margin-right: 2em;
}


/* Account Stylings */

.account {
    overflow: auto;
}

.account .form {
    width: 45%;
    float: left;
    margin-right: 20px;
}

div.register {
    float: left;
    width: 45%;
}

.account .title {
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.account input {
    width: 200px;
}

.account .submit-row {
    margin-top: 0.5em;
}

#lost-password {
    text-align: center;
    font-size: 1.2em;
    
}

/* Plain Text Type */
pre.plain {
    font-family: georgia;
}

/* Revisions */


.revision {
    overflow: auto;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

.revision span {
    margin-top: 1em;
}

.revision pre.text {
    padding-top: 0.5em;   
}

/* Help Stylings */

ul.legend {
    font-size: 1.25em;
    list-style-type: none;
}

/* options */

#options .option {

}

#options .button {
    width: 150px;
}
html {
    color: #333;
}


.important {
    color: #111;
}

.unimportant {
    color: #777;
}

a {
    color: #7070FF;
}

#share-target.success {
    background: #A0A0FF;
}
#share-target.failure {
    background: #FFA0A0;
}

#header-spacer {
    background: url("/media/header_bullet_blue.png") no-repeat;
}

#header .inner {
    background-color: #E5E5CC;
}

#header .top {
    height: 5px;
    background-color: #E5E5CC;
}

#header .bottom {
    background:url(/media/border_bottom.png) repeat-x;  
    position: relative;
    height: 5px;
}

#footer .inner {
    background-color: #E5E5CC;
}

#footer .top {
    position: relative;
    height: 15px;
    background:url(/media/border_top.png) repeat-x;
}

#footer .bottom {
    position: relative;
    height: 15px;
    background:url(/media/border_bottom.png) repeat-x;
}

#content .list .note {
    background: #FF9999;
}

#content .list .markdown {
    background: #9999FF;
}
#content .list .textile {
    background: #AAFF88;
}
#content .list .rest {
    background: #77FF77;
}
#content .list .snippet {
    background: #99FF44;
}

#content .list .note:hover {
    background-color: #C0C0C0;
}

#content div.help {
    border: 1px solid #505050;
    background-color: #E5E5CC;
}

#content .toolbar .inner {
    background-color: #70A5F3;
}

#content .toolbar .border-top {
    position: relative;
    height: 10px;
    background:url(/media/border_blue_top.png) repeat-x;
}

#content .toolbar .border-bottom {
    position: relative;
    height: 10px;
    background:url(/media/border_blue_bottom.png) repeat-x;
}

.revision .button, #content .toolbar .button {
    border: none;
    padding-top: 0.75em;
    height: 29px;
    background:url(/media/button-middle.1.png) repeat-x;
    margin-right: 5px;
    text-align: center;
    padding-left: 2em;
    padding-right: 2em;
    margin-top: 0.5em;
    border-left: 2px solid #525252;
    border-right: 2px solid #525252;
}

.revision .button a, #content .toolbar .button a {
    color: #CCCCFF;
}
.revision a, #content .toolbar a {
    color: #CCCCFF;
}

.revision .button a:hover, #content .toolbar .button a:hover {
    
    color: #FFFFEE;
}

.revision .button:hover, #content .toolbar .button:hover {
    background:url(/media/button-middle-alt.1.png) repeat-x;
    border: none;
    border-left: 2px solid #525252;
    border-right: 2px solid #525252;
    cursor: pointer;
}

#content .toolbar select {
    color: #7070CC;
    border: 1px solid #929292;
}

#share-details {
    border-top: 1px solid white;
}

.report {
    border: 1px solid #505050;
}

.error {
    background-color: #FFC0C0;
}

.success {
    background-color: #E5E5CC;
}

.invites .invite {
    border: 1px solid #AAAAFF;
}

.revision {
    border-bottom: 2px solid #525252;
}

.revision pre.text {
    border-top: 2px solid #525252;
}

table.jCalendar {
	border: 1px solid #000;
	background: #70A5F3;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
    background: #4085F3;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
        background: #C5C5F3;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
        background: #2055E3;
    color: #fff;
}
table.jCalendar td.selected {
        background: #4085F3;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #70A5F3;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}.highlight .hll { background-color: #ffffcc }
.highlight  { background: #f8f8f8; }
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #808080 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0040D0 } /* Generic.Traceback */
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #B00040 } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BA2121 } /* Literal.String */
.highlight .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb { color: #008000 } /* Name.Builtin */
.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0000FF } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #19177C } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */