/* screen.css
 * written by jason moiron for jmoiron.net
 * license: public domain
 *
 * any files imported above without any explicit licensing
 * information can be assumed to be in the public domain.
 */

body {
	margin: 0;
	padding: 0;
	font-family: Frutiger, Univers, Trebuchet, TrebuchetMS, Verdana, Sans-Serif;
	font-size: .9em;
	background-color: #fff;
	background-image: url("/media/img/bg.png");
	background-position: top left;
	background-attachment: fixed;
	background-repeat: repeat-x;
}

a { color: #09f; }
a:hover { color: #9d2; }

a img { 
    border: 0;
    vertical-align: middle;
}

h1 {
	display: none;
}

#menu {
	width: 640px;
	margin: 0em auto 1em auto;
	padding: .5em 1em .5em 1em;
	border: 1px solid #bbb;
	color: #333;
	font-weight: bold;
	background-color: #6e6e6e;
	background-image: url("/media/img/menubg.png");
	border-top: 5px solid #e1ffa9;
}

#menu a.active {
    border-top: 3px solid #888;
    color: #e1ffa9;
}

#menu ul {
	padding-left: 0;
	margin: 0;
	display: block;
	border: none;
}

#menu ul li {
	margin-right: .2em;
	list-style: none;
	display: inline;
}

#menu a {
	margin: 0;
	padding: .25em .5em .5em .5em;
	color: #ddd;
}

#menu a:hover {
	color: #e1ffa9;
}

#content {
	width: 640px;
	margin: 0 auto 0 auto;
	text-align: left;
    color: #4d4a45;
	padding: 1em;
	margin-bottom: 2em;
}

.post_header {
    margin-top: 1em;
    background-color: #fbfbfb;
    border-top: 3px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1em;
    margin-left: -1em;
    margin-right: -1em;
}
.post_header h2, .post_header h3, .post_header h4 { margin: 0; padding: 0; }
.post_header h2 { font-size: 1.15em; }
.post_header h3 {
    font-size: 1em;
    float: right;
    margin-top: -1.25em;
}
.post_header h3 a { font-weight: bold; color: #8c2; }
.post_header h4.tags {
    margin-top: .5em;
    padding: .25em;
    padding-left: 2em;
    border: 1px dotted gray;
    background-color: #eee;
}

.post_header h4.tags a { color: #09f; }
.post_header h4.tags a:hover { color: #9d2; }

.post_header h4.comments a { color: #8c2; }
.post_header h4.comments a:hover { color: #8d3; }

.post_header h4.comments {
    margin-top: -1.55em;
    padding-right: 2em;
    text-align: right;
}

.post_body {}
.post_comment fieldset { border: 0; }

ul.breadcrumbs {
    display: block;
    padding: .25em;
    border: 1px dotted gray;
    background-color: #eee;
    padding-left: 2em;
}

ul.breadcrumbs li {
	margin-right: .5em;
	list-style: none;
	display: inline;
}

ul.breadcrumbs li:after {
    content: "›";
    padding-left: .5em;
}

blockquote, pre {
    color: #666;
    background-color: #fbfbfb; /* aiiiii */
    border: 1px dotted black;
}

pre { padding: 3px; padding-left: 1em; }
blockquote { padding-left: 1em; padding-right: 1em; padding-bottom: .5em; size: .6em; border-left: 3px solid black;}

#login {
    position: absolute;
    top: 3px;
    right: 3px;
}


#footer {
    width: 640px;
    margin: 0 auto 0 auto;
    text-align: center;
    padding: .5em;
    color: #888;
}

#altstyle {
    position: absolute;
    top: 26px;
    right: 3px;
}

#login a, #altstyle a { border: 0; }

#login a img, #altstyle a img {
    border: 1px solid #444;
}
.c { color: #60a0b0; font-style: italic } /* Comment */
.err { border: 1px solid #FF0000 } /* Error */
.k { color: #007020; font-weight: bold } /* Keyword */
.o { color: #666666 } /* Operator */
.cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
.cp { color: #007020 } /* Comment.Preproc */
.c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #808080 } /* Generic.Output */
.gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0040D0 } /* Generic.Traceback */
.kc { color: #007020; font-weight: bold } /* Keyword.Constant */
.kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
.kp { color: #007020 } /* Keyword.Pseudo */
.kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
.kt { color: #007020; font-weight: bold } /* Keyword.Type */
.m { color: #40a070 } /* Literal.Number */
.s { color: #4070a0 } /* Literal.String */
.na { color: #4070a0 } /* Name.Attribute */
.nb { color: #007020 } /* Name.Builtin */
.nc { color: #0e84b5; font-weight: bold } /* Name.Class */
.no { color: #60add5 } /* Name.Constant */
.nd { color: #555555; font-weight: bold } /* Name.Decorator */
.ni { color: #d55537; font-weight: bold } /* Name.Entity */
.ne { color: #007020 } /* Name.Exception */
.nf { color: #06287e } /* Name.Function */
.nl { color: #002070; font-weight: bold } /* Name.Label */
.nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
.nt { color: #062873; font-weight: bold } /* Name.Tag */
.nv { color: #bb60d5 } /* Name.Variable */
.ow { color: #007020; font-weight: bold } /* Operator.Word */
.mf { color: #40a070 } /* Literal.Number.Float */
.mh { color: #40a070 } /* Literal.Number.Hex */
.mi { color: #40a070 } /* Literal.Number.Integer */
.mo { color: #40a070 } /* Literal.Number.Oct */
.sb { color: #4070a0 } /* Literal.String.Backtick */
.sc { color: #4070a0 } /* Literal.String.Char */
.sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
.s2 { color: #4070a0 } /* Literal.String.Double */
.se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
.sh { color: #4070a0 } /* Literal.String.Heredoc */
.si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
.sx { color: #c65d09 } /* Literal.String.Other */
.sr { color: #235388 } /* Literal.String.Regex */
.s1 { color: #4070a0 } /* Literal.String.Single */
.ss { color: #517918 } /* Literal.String.Symbol */
.bp { color: #007020 } /* Name.Builtin.Pseudo */
.vc { color: #bb60d5 } /* Name.Variable.Class */
.vg { color: #bb60d5 } /* Name.Variable.Global */
.vi { color: #bb60d5 } /* Name.Variable.Instance */
.il { color: #40a070 } /* Literal.Number.Integer.Long */
/* common css classes/ids/etc  */

html,body { height: 100%; }

.hidden { display: none; }
.form-interior { text-align: center; }
.form-row, .submit-row { 
    padding: 5px;
    text-align: right;
}

#overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #333;
    opacity: .65;
    filter: alpha(opacity=65);
    z-index: 100;
    text-align: center;
}

#loginpopup {
    position: absolute;
    top: 100px;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    padding: 2em; 
    z-index: 200;
    background-color: white;
    border: 5px solid #849b64;
    text-align: center;
}

#loginpopup h2 { color: #426d9d; }
#loginpopup form table { text-align: right; margin-left: auto; margin-right: auto; }

#loginpopup label { display: inline; }
#loginpopup input { display: inline; }

#loginpopup form table input {
    border: 1px solid black;
    padding: 2px;
}

#loginpopup form table input:hover {
    background-color: #fbfbfb;
    border: 1px solid #999;
}

#loginpopup form table input:active, 
#loginpopup form table input:focus {
    background-color: #fbfbfb;
    border: 1px solid #849b64;
}

#id_submit {
    background-color: #ddd;
}
/* todo.css
 * written by jason moiron for jmoiron.net
 * part of the todo application (http://jmoiron.net/todo/)
 * license: public domain
 */

h2.todo {
    background-color: #fbfbfb;
    border-top: 1px solid #eee;
    border-bottom: 1px dotted #922;
    padding-left: 1em;
}

h2.todo a {
    color: #922;
    text-decoration: none;
}

div.todo { padding-left: 2em; }

.priority_1vh { background-color: #922; color: white; }
.priority_1vh a { color: white; }

.priority_2h { background-color: #ecc; color: #922; }
.priority_2h a { color: #922; }

.priority_3n { background-color: #fff; }

.priority_4l { background-color: #efd; color: #574; }
.priority_4l a { color: #574; }

.priority_5vl { background-color: #8a8; color: white; }
.priority_5vl a { color: #efd; }

.actions { list-style: none; padding-left: 1em; margin-bottom: 1em; }
.actions li a { text-decoration: none; }

.edit input, .edit textarea {
    background-color: transparent;
    /* IE 6 refuses to render borders as transparent */
    border: 1px solid white;
    margin-bottom: 3px;
    padding: 3px;
    /* IE was using serif in the ta for some reason */
    font-family: Sans-Serif;
}

.edit textarea { height: 10em; }

.edit a { text-decoration: none; }

.td_input {
    display: block;
    /* width of 100% was causing a bug in IE */
    width: 98%;
    margin-right: -6px;
}
.td_input:hover {
    border-color: #ccc;
    border-style: dashed;
    background-color: #fbfbfb;
}

.td_input_large { font-size: 1.5em; }
.td_input_small { font-size: .9em; }
.display_large { font-size: 1.5em; border: 1px dotted #eee; background-color: #fbfbfb;}
.display_small { font-size: .9em; border: 1px dotted #eee; background-color: #fbfbfb; padding: 3px;}


#todo_list {
    float: left;
    width: 20em;
}

#todo_list ul {
    margin: 0;
    list-style: none;
    padding: 0 0 5px 0;
}

.task_list li {
    margin: 0;
    padding-left: 0;
    border-bottom: 1px solid #ccc;
}

#todo_list li a {
    display: block;
    padding: 4px 4px 4px 0.5em;
    color: #fff;
}

#todo_list li a:hover { }

/* styles dealing with color coding tasks of various priorities */

li.priority_5vl a {
    background-color: #788c54;
    border-left: 10px solid #57663e;
    border-right: 10px solid #93ab69;
}

li.priority_5vl a:hover {
    background-color: #889c64;
    border-left: 10px solid #67764e;
    border-right: 10px solid #a3bb79;
}

li.priority_4l a {
    background-color: #97c14d;
    border-right: 10px solid #aede5b;
    border-left: 10px solid #6d8f32;
}

li.priority_4l a:hover {
    background-color: #a7d15d;
    border-right: 10px solid #beee6b;
    border-left: 10px solid #7d9f42;
}

li.priority_3n a {
    background-color: #4b73ae;
    border-left: 10px solid #395580;
    border-right: 10px solid #5a86c9;
}

li.priority_3n a:hover {
    background-color: #5b83be;
    border-left: 10px solid #496590;
    border-right: 10px solid #6a96d9;
}

li.priority_2h a {
    background-color: #de9f32;
    border-left: 10px solid #ac7c28;
    border-right: 10px solid #e7b633;
}

li.priority_2h a:hover {
    background-color: #eeaf42;
    border-left: 10px solid #bc8c38;
    border-right: 10px solid #f7c643;
}

li.priority_1vh a {
    background-color: #c1422d;
    border-right: 10px solid #ed4f35;
    border-left: 10px solid #933222;
}

li.priority_1vh a:hover {
    background-color: #d1523d;
    border-right: 10px solid #fd5f45;
    border-left: 10px solid #a34232;
}

li.group_title {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
    background-color: #6e6e6e;
    background-image: url("/media/img/menubg.png");
    background-position: top left;
    background-repeat: repeat-x;
    margin-bottom: 1em;
    font-weight: bold;
}
li.group_title a { text-decoration: none; }
li.group_title a:hover { color: #e1ffa9; }

ul.task_list li a { text-decoration: underline; }
ul.task_list li { font-weight: normal; }

#edit_area {
    margin-left: 22em;
}

div.display {
    padding: 3px;
    border-bottom: 1px solid #999;
}

div.display p {
    border-left: 2px solid #ddd;
    padding: .25em;
    margin: .25em;
}

div.control {
    text-align: right;
    padding: 3px;
    font-size: .9em;
    margin-bottom: 0;
    border-bottom: 1px solid #999;
}

div.expandHolder {  text-align: right; margin-top: -1.25em; }
div.titleHolder { height: 1em; padding: 3px; margin-bottom: 3px; }

#ajax_submit a { padding: 3px; border: 1px dotted #ddd; background-color: #fbfbfb;}

#aboutpopup {
    position: absolute;
    top: 100px;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    padding: 2em; 
    z-index: 210;
    background-color: white;
    border: 5px solid #849b64;
}

#aboutpopup h2 { color: #426d9d; text-align: center;}

.post_comment th {
    vertical-align: top;
    text-align: right;
}

/* these classes are for styling fields with errors on
 * the /comments/postfree/ page
 */
.errortitle {
    border-bottom: 2px solid red;
}
.errorlist li {
    color: red;
}
.post_comment input.error, .post_comment textarea.error {
    border-color: red;
    background-color: #fff1f1;
}
.post_comment input.error:hover, .post_comment textarea.error:hover {
    border-color: red;
    background-color: #fff6f6;
}

/* the next bunch deals with actually displaying comments.
 * even rows take on some slightly different characteristics
 * so we have a nice alternating style between comments
 */
.comment_odd, .comment_even { margin-bottom: 1em; }
.comment_odd p, .comment_even p { margin-left: 1em; margin-right: 1em; }

.comment_odd h2, .comment_even h2 {
    margin: 0;
    padding: 3px;
    padding-left: .25em;
    background-color: #6e6e6e;
    background-image: url("/media/img/site/menubg.png");
    background-position: top left;
    background-repeat: repeat-x;
    border-bottom: 1px dotted #444;
    color: #ddd;
}


.comment_odd h2 { border-top: 5px solid #e1ffa9; }
.comment_even h2 { border-top: 5px solid #0cf; }

.comment_odd h2 a, .comment_even h2 a { color: #e1ffa9; text-decoration: none; }
.comment_even h2 a { color: #0cf; text-decoration: none; }

.comment_odd {
    border-bottom: 2px solid #ddd;
    background-color: #f6f6f6;
}
.comment_even {
    border-bottom: 2px solid #ccc;
    background-color: #e6e6e6;
}

/* the little number that links and anchors comment */
.comment_num {
    float: right;
    margin-top: -1.25em;
}
.comment_num a { color: #999; text-decoration: none; }
.comment_num a:hover { color: #9a9; }


.smaller {
    font-size: .8em;
}

/* some styles for actually styling the comment input form */
.post_comment input, .post_comment textarea {
    border: 1px solid #333;
    padding: 3px;
    color: #333;
}
.post_comment input:hover, .post_comment textarea:hover {
    border-color: #666;
    background-color: #fbfbfb;
}
/* these id's exist, so they're here in case i need them */
#id_person_name { }
#id_email { }
#id_web_site { border: 1px dotted; }
#id_comment { }

#preview, #reset { background-color: #eee; }
#submit { background-color: #e4e4e4; border: 1px solid green;}

#preview:hover, #reset:hover {
    border-color: #666;
    background-color: #fff;
}

.comment_preview {
    background-color: #fbfbfb;
    border: 1px dotted #666;
    padding: .5em;
}

.comment_preview h2 { padding: 0; margin: 0; }
.comment_preview p { padding: 0; }


/* aim log styles */
.aim_them {
	font-weight: bold;
	color: #A82F2F;
}

.aim_me {
	font-weight: bold;
	color: #16569e;
}