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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* --------------------------------------------------------------
Typography
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights
and vertical margins are automatically calculated from this.
The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }
/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }
/* Headings
-------------------------------------------------------------- */
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp { /* For better-looking ampersands */
font-family: Baskerville, Palatino, "Book Antiqua", serif;
font-style: italic;
}
/* GENERIC */
div.float_l { float:left; }
div.float_r { float:right; }
div.clear { clear:both; }
/* MAIN DIVS */
#top {
width:100%;
background:#3b5998;
height:30px;
margin-bottom:30px;
padding-top:10px;
}
div.centered {
width:960px;
margin:0px auto;
}
#content { width:690px; }
#meta ul li {color:#cbcbcb; }
#meta ul#categories li a { background:#3b5998; padding:2px; color:#fff;
-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#meta ul#categories li a:hover { background:#f1f1f1; text-decoration:none; color:#000; }
#meta {
background:#eceff5;
padding:10px;
width:240px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#meta ul li {
margin-bottom:10px;
}
#meta ul {
list-style-type:square;
}
#meta h3 {
font-size:1.1em;
border-bottom:1px solid #999;
padding-bottom:2px;
color:#333;
font-weight:bold;
}
#submission-button {
margin-bottom:10px;
}
/* NAVIGATION */
ul#navigation {
float:left;
list-style-type:none;
}
ul#navigation li {
float:left;
}
ul#navigation li a:hover { text-decoration:none; }
ul#navigation li a {
padding:8px;
display:block;
font-weight:bold;
color:#fff;
letter-spacing:1px;
font-size:1.1em;
}
ul#navigation li:hover {
background:#5c75aa;
}
h1 {
color:#fff;
letter-spacing:-1px;
margin-top:5px;
font-weight:bold;
font-size:1.5em;
font-family:"Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
float:left;
}
p {font-size:1.2em; font-family:"Lucida Sans Unicode", "Lucida Grande", Lucida, serif;}
form#submission label, input { display:block; margin: 10px 0px; }
/* FRONT POSTS */
div.post-container h2 a {
background:#eceff5;
padding:5px;
color:#3b5998;
font-family:"Georgia", Times, serif;
}
span.datetime {
background:#eceff5;
padding:3px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
display:inline;
}
div.post-meta { display:block; height:80px; }
ul.post-categories li { display:inline; }
ul.post-categories li a { display:inline; }
ul.post-categories li a { background:#3b5998; padding:2px; color:#fff;
-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
ul.post-categories li a:hover { background:#f1f1f1; text-decoration:none; color:#000; }
ul.post-categories {
list-style-type:none;
display:inline;
margin:5px;
}
/* CONTACT */
form#contact-form label, form#submission label { font-size:1.2em; color:#666; font-weight:bold; }
/* DISQUS RECENT COMMENTS WIDGET */
.dsq-widget ul.dsq-widget-list { padding: 0; margin: 0; text-align: left; }
a img.dsq-widget-avatar { background:none !important; }
img.dsq-widget-avatar {width: 24px; height: 24px; border: 0px; margin: 0px; padding: 0px 3px 3px 0px; float: left; }
a.dsq-widget-user { font-weight: bold; margin:5px;}
a.dsq-widget-thread { font-weight: bold; }
p.dsq-widget-meta { clear: both; font-size: 80%; padding: 0; margin: 0; }
li.dsq-widget-item { margin: 15px 0; list-style-type: none; clear: both; }
.dsq-widget-comment { color:#000; }
span.dsq-widget-clout { padding: 0 2px; background-color: #ff7300; color: #fff; }
/* NOTIFICATION DIVS */
.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }able.dsq-widget-horiz td { padding-right: 15px; }