html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, samp, small, strike, 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-size: 100%; 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}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}

body:before { content: ""; position: fixed; top: -15px; left: 0; width: 100%; height: 15px; z-index: 100;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.75);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.75);
    box-shadow: 0px 0px 15px rgba(0,0,0,.75);
}
.hidden {display: none}
.float-left {float: left}
.float-right {float: right}
.text-right {text-align: right}
.text-left {text-align: left}
.text-center {text-align: center}
.clear {clear: both}
.category_badge {display: none}
body {background: url('../images/trq2/back.jpg') no-repeat center top #2d3236; font-family: "myriad-pro-1","myriad-pro-2", "Verdana", sans-serif; color: #e4e4e4; font-size: 14px; text-rendering: optimizeLegibility; }
* html body {text-align: center}
a {color: #ffc400}
a:active { position: relative !important; top: 1px !important; left: 1px !important; }
small {font-size: 0.75em}
#container { width: 960px; margin: 0px auto; padding: 50px 0px 50px 0px; }
* html #container {width: 950px !important; overflow: hidden; text-align: left}
h1#logo {height: 89px;}
h1#logo a {display: block; height: 89px;  background: url('../images/trq2/logo.png') no-repeat right top}
#header {height: 128px; padding: 0px 10px; }
.main-left { width: 575px; padding-left: 10px; padding-top: 13px; /*width: 640px;*/ }
.main-right {width: 310px; padding-right: 10px; position: fixed; margin-left: 640px; }
.main-right ul#nav {list-style-type: none; float: right; width: 123px; margin-top: 25px}
.main-right ul#nav li {height: 28px; line-height: 28px; margin-bottom: 2px}
.main-right ul#nav li a {display: block; height: 28px; background: url('../images/trq2/nav-spritesheet.png') no-repeat}
.main-right ul#nav li.nav-home a {background-position: 0px 0px}
.main-right ul#nav li.nav-arch a {background-position: 0px -29px}
.main-right ul#nav li.nav-abou a {background-position: 0px -59px}
.main-right ul#nav li.nav-cont a {background-position: 0px -89px}
.main-right ul#nav li.nav-home a:hover {background-position: -246px 0px}
.main-right ul#nav li.nav-arch a:hover {background-position: -246px -29px}
.main-right ul#nav li.nav-abou a:hover {background-position: -246px -59px}
.main-right ul#nav li.nav-cont a:hover {background-position: -246px -89px}
.main-right ul#nav li.active.nav-home a {background-position: -123px 0px}
.main-right ul#nav li.active.nav-arch a {background-position: -123px -29px}
.main-right ul#nav li.active.nav-abou a {background-position: -123px -59px}
.main-right ul#nav li.active.nav-cont a {background-position: -123px -89px}
.main-right .module {padding-bottom: 100px; padding-left: 45px}
.main-right .module p, .main-right .module ul {line-height: 1.7em}
.main-right .module h4 {margin-bottom: 10px; text-shadow: 1px 1px 2px #000000}
.main-right .module p {color: #81909e; font-size: 0.9em}
.module a img, .song_cover img {padding: 2px; background: #1d2023; border: 1px solid #464d54}
.module a:hover img {border-color: #6c7681}
.module.about-me img {padding: 2px; margin-bottom: 10px; background: #1d2023; border: 1px solid #464d54}
.module.flickr table {width: 200px; overflow: hidden}
.module.flickr table tr td {height: 100px}
.module.category-selector a, .module.blogroll a {text-decoration: none; display: block}
#twitter div.status {background: url('../images/trq2/twitter-bird.gif') no-repeat left center; padding-left: 55px}
#song {font-size: 1.2em}
#song a {text-decoration: none}
#song a:hover {text-decoration: underline}
.song_cover {width: 40%; float: left}
.song_cover img {width: 65px; height: 65px}
.song_meta {width: 60%; float: right}
.post {padding-bottom: 75px; margin-bottom: 75px; background: url('../images/trq2/sep.gif') no-repeat center bottom; }
.post a {padding: 3px 0px}
.post a:hover {text-decoration: none; color:white; /*background: #282c30*/}

.post h3, .comments h3, .section_header { font-size: 2em; font-weight: 600; text-shadow: 1px 1px 2px #000000; word-spacing: 2px; color: #ffffff; line-height: 1em; margin-bottom: 10px; }
.post h3 a { color: #ffffff; text-decoration: none; padding: 3px 0px; }
.post h3 a:hover { text-decoration: underline; }
.comment p, .post p, .post blockquote, .post ul, .post ol, .post pre {margin-bottom: 20px; line-height: 1.8em}

.portrait { margin-left: 10px; padding: 1px;  border: 1px solid #4a525a; }
#description { width: 225px; padding: 15px 0px 0px 40px; }

.post h4 {color: #ffffff; margin-bottom: 10px}
.post_body_outer {padding: 0px 0px 0px 12px}
.post ul {list-style-type: disc}
.post blockquote {font-style: italic}
.post ul, .post ol, .post blockquote {margin-left: 30px}
.post h4.posted_at {color: #81909e; font-weight: normal; margin-bottom: 20px}

.footnotes { font-size: 0.9em; }

ol { list-style-type: decimal; }
hr { border-bottom: none; border-top: solid 1px #81909E; margin: 10px 0px 20px 0px; }

sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.8em; }
sub { top: 0.4em; }
sup a { text-decoration: none; }

.post h4 a.permalink {text-transform:uppercase; float: right; text-decoration: none; color: #81909e; font-size: 0.9em; }
.post h4 a.permalink:hover { color: #FFC400; }
.post.link h3 a { background: url('../images/trq2/external.gif') no-repeat 13px right; padding-right: 15px; }
.post.link h3 a:after { content: ''; }
.post.link h3 a:hover { background-position: right -177px; }

#footer {/*border-top: 1px solid #424a51;*/ padding: 25px 0px}
#footer p, #footer #footer-nav a {padding: 4px; text-decoration: none}
#footer a, .main-right .module a, #footer p {color: #5a656f !important; }
#footer a:hover, .main-right .module a:hover {color: #7a8996}
#footer #footer-nav {color: #424a51}
#footer #footer-nav a:hover {background: #383f45}

.pagination { clear: both; }
.pagination a { font-size: 1.2em; padding: 8px; background: #222629; text-decoration: none; -moz-border-radius: 10px; border-radius: 10px; }
.pagination a:hover { background: #383e43; }
.pagination .older-posts { float: left; }
.pagination .newer-posts { float: right; }

#post_archive ul {margin-bottom: 0px}
.section_header {border-bottom: 2px solid #626c75; padding-bottom: 10px; margin-bottom: 50px}
.comments p {margin: 0px !important}
.comment_success, .comment_errors {color: #000; font-size: 0.9em; margin-bottom: 15px; background: #FEE2E2; padding: 10px; border-bottom: 1px solid #FE6F70}
.comment_success {background: #CF6; border-color: #408000;}
.comment_errors ul {margin: 5px 0px 0px 25px}
.comment_errors ul li {padding: 3px 0px}
.comments table td {padding-top: 5px}
.comments table td label {font-size: 0.9em; cursor: pointer; padding-right: 20px}
.comments input[type='text'] {font-size: 0.9em}
.comments textarea {font-size: 1em; margin-bottom: 5px}
#comment_list {margin: 15px 0px 15px 35px}
#comment_list li {font-weight: bold; color: #FFCD00; padding-bottom: 10px}
#comment_list li .date a {color: #999 !important; font-style: italic; border: none !important; text-decoration: none; font-size: 0.8em}
#comment_list li .date a:hover {text-decoration: underline !important}
#comment_list .comment {padding-left: 10px; border-left: 1px solid #ccc; color: #ffffff; font-weight: normal}
#comment_list .comment .comment_body {padding: 0px 0px}
#comments_container ol {margin: 5px 0px 5px 25px}
#syndication {line-height: 1.3em}
#syndication ul {list-style-type: none}
#syndication li {padding: 3px 0px}
#syndication a {font-size: 0.8em; text-decoration: none; font-weight: bold; color: white; background: black; padding: 2px 5px; border: 1px outset #000}
#syndication .rss {background: #FF6D00; border-color: #FF6D00}
#syndication .xml {background: #408000; border-color: #408000}

.post img.offset-image { margin-left: -25px; margin-top: 1em; }

.post img {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

.post p.notice {
  padding: 1em;
  background: #3B4045;
}

.post img.img_left, .post img.img_right {padding: 2px; margin-bottom: 10px; background: #1d2023; border: 1px solid #464d54}
.post img.img_left {margin: 0px 10px 5px 0px; float: left}
.post img.img_right {margin: 0px 0px 5px 10px; float: right}