@charset "utf-8";
@import url(reset.css);

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

body { font-family: Verdana, "Bitstream Vera Sans", sans-serif;  line-height: 1.8em; font-size: 11px; color: #ccc; background: #1a1a1a; text-rendering: optimizeLegibility; }

:focus { outline-color: #F79320; }

html:focus, body:focus { outline: none; }

a { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
a:hover { border-bottom: 1px solid #fff; }
a:focus { outline: none; }
a.le_petite_url { text-transform: none; }
/*a[rel="external"] { padding: 0 10px 0 0; background: url(images/external.png) right 4px no-repeat; }*/

#sidebar { position: absolute; top: 0; right: 0; width: 100px; }
#sidebar a { border-bottom: none; }
#sidebar a:hover { border-bottom: 1px dotted #fff; }
#sidebar ul { padding: 0 0 0 24px; margin: 0 0 30px 4px; min-height: 30px; text-transform: lowercase; }

h1 { font-weight: normal; margin: 0 0 15px 0; }
h1 a { border-bottom: 1px solid #F79320; padding: 0 0 0 0; }
h1 a:hover { border-bottom: 1px dotted #F79320; }
h1 span { border-bottom: 1px solid #F79320; padding: 0 0 0 0; }
h2, h3 { width: auto; margin-left: 15px; }
h2 { color: #F79320; font-size: 140%; font-weight: lighter; }
h2 a { border-bottom: 1px solid #F79320; }
h3 { color: #ddd; font-size: 90%; text-transform: uppercase; }

p { margin: 0 0 15px 15px; }
code { display: block; margin-bottom: 15px; }
pre { margin-left: 30px; margin-bottom: 20px; padding-left: 10px; border-left: 1px solid #F79320; }
form { margin: 0 0 0 15px; }

.left { float: left; }
.right { float: right; }

blockquote, .post ul, .post ol { padding-left: 15px; margin-left: 30px; margin-bottom: 15px; border-left: 1px solid #F79320; }
.post ul, .post ol { padding-left: 30px; list-style: disc; }
.post ol { list-style: decimal; }

#wrapper { position: relative; margin: 1em auto; width: 70%; min-width: 700px; }
#categoryList { background: url(images/label_categories.png) 0px 5px no-repeat; }
#offsiteList { background: url(images/label_offsite.png) 0px 3px no-repeat; }
#infoList { background: url(images/label_info.png) 0px 3px no-repeat; }

#stick { position: absolute; top: 1px; left: 20px; width: 1px; height: 565px; border-left: 2px solid #F79320; }
#logoV { position: absolute; top: 368px; left: 3px; width: 59px; height: 226px; background: url(images/logoV.png) top left no-repeat; text-indent: -9999px; }
#content { margin: 0 180px 0 0; min-width: 550px; }
#footer { clear: both; text-align: center; font-size: 8pt; }

.post { margin: 0 0 20px 0; }
.postFooter { text-align: right; font-size: 7pt; color: #aaa;  }

/** FORMS **/
input[type='text'] { display: block; font-size: 10pt; width: 400px; background-color: #bbb; margin-bottom: 0px; padding: 3px; }
input[type='submit'] { display: block; font-size: 10pt; margin: 15px; }
textarea { width: 400px; padding: 3px; display: block; background-color: #bbb; font-size: 10pt; }
label { }
#recaptcha_widget_div { margin-left: 15px; }

/* Copyright 2008-2009 milkandtang. Made on a mac. */