/* SASS mixins */
@import url(compass/css3.css);

/* primary SASS */
html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top: 0; }

h1 { font-size: 35px; margin-bottom: 10.71px; line-height: 56.875px; }

h2 { font-size: 31px; margin-bottom: 11.97px; line-height: 50.375px; }

h3 { font-size: 27px; margin-bottom: 13.384px; line-height: 43.875px; }

h4 { font-size: 24px; margin-bottom: 16.254px; line-height: 39px; }

h5 { font-size: 20px; margin-bottom: 17.332px; line-height: 32.5px; }

h6 { font-size: 19px; margin-bottom: 22.75px; line-height: 30.875px; }

body { line-height: 1.625em; color: #333333; }

p { padding-bottom: 11.375px; }
p img { float: left; margin-top: 7px; margin-right: 11.375px; margin-bottom: 11.375px; margin-left: 0; padding: 0; }
p img.right { margin-right: 0; margin-left: 11.375px; }

table { margin: 0 0 22.75px; border-collapse: collapse; }
table th { font-weight: bold; }
table tr, table th, table td { margin: 0; padding: 0 22.75px 0 14px; }
table tfoot { font-style: italic; }
table caption { text-align: center; }

ol { list-style: inside decimal; margin: 0 0 22.75px; }
ol li ol { margin: 0 0 22.75px; }

ul { list-style: inside; margin: 0 0 22.75px; }
ul li ul { margin: 0 0 22.75px; }

dl { margin: 0 0 22.75px; }
dl dt { font-weight: bold; }
dl dd { margin-left: 22.75px; }

blockquote { padding: 21px 21px 21px 25.2px; position: relative; margin-bottom: 11.375px; }
blockquote:before { content: "\201C"; font-size: 42px; margin: 5px 0 0 -0.525em; position: absolute; font-family: Times, Georgia, serif; line-height: 0; }
blockquote > p { padding: 0; margin: 0; }

q { font-style: italic; }
q:before { content: "\201C"; }
q:after { content: "\201D"; }

em, dfn { font-style: italic; }

strong, dfn { font-weight: bold; }

del { text-decoration: line-through; }

span.highlight, em.highlight, strong.highlight { background-color: #ff6; padding: 2px; margin: 0 -2px; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

address { margin-top: 22.75px; font-style: italic; }

pre, code { margin: 22.75px 0; white-space: pre; }

pre, code, tt { font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace; line-height: 21px; }

tt { display: block; margin: 22.75px 0; }

sub, sup { line-height: 0; }

hr { margin-bottom: 22.75px; }

small, .small { font-size: 11px; }

big, .big { font-size: 17px; }

body { font-size: 14px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; }

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; letter-spacing: -1px; }

blockquote { font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-style: italic; color: #555; background: #f8f5c1; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
blockquote:before { color: #777; }
blockquote cite { font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 12px; display: block; padding-top: 14px; }
blockquote cite:before { content: "\30FC"; padding-right: 2px; }
blockquote cite a { color: inherit !important; }
blockquote cite a:hover { color: #de1a72 !important; }

html body { background-color: #323232; color: #333333; }
html body a { color: #de1a72; }

.page_width { width: 900px; margin: 0 auto; padding-left: 30px; padding-right: 30px; }

/* specific SASS */
#collapser { font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; display: block; cursor: pointer; background: #f8f8f8; color: #888; padding: 5px 10px; font-size: 10px; line-height: 150%; cursor: pointer; position: absolute; top: 0; right: 0; }

pre { color: #ccc; font-size: 13px; background: #222; line-height: 1.5em; border: #aaa 1px solid; overflow-x: auto; overflow-y: hidden; padding: 25px 20px; }
pre .lineno { color: #888; background: #e3e3e3; display: inline-block; padding: 0 0 0 10px; }
pre .lineno:first-child { padding-top: 15px; display: inline-block; }

.rating, .grade { color: purple; font-weight: bold; }

.eligible { font-weight: bold; }

#rating-table td { border: 1px solid; }

.highlight { position: relative; }
.highlight .pre_expander { font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace; font-size: 10px; text-align: right; padding: 4px 8px; line-height: 150%; position: absolute; cursor: pointer; top: 2px; right: 2px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; display: block; color: #777; background: #333; }
.highlight .pre_expander:hover { background: #444; color: #ccc; }

.editor { background: rgb(0,22,41); line-height: 1.25; }

pre.console { background-color: black; color: #00ff01; letter-spacing: 1px; padding: 0.5em; }
pre.console .prompt { color: #8080ff; }
pre.console .prompt:before { color: white; content: "["; }
pre.console .prompt:after { color: white; content: "]"; }
pre.console .stdin { font-weight: bold; color: white; }

.highlight { padding: 0 0 0.1em; color: white; }
.highlight .c { color: #999988; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .n { color: white; }
.highlight .k { color: rgb(255, 157, 0); }
.highlight .p { color: #573500; }
.highlight .o { color: rgb(255, 157, 0); }
.highlight .cm { color: #999988; font-style: italic; }
.highlight .cp { color: #999999; }
.highlight .c1 { color: #999988; font-style: italic; }
.highlight .cs { color: #999999; font-style: italic; }
.highlight .gd { color: #000000; background-color: #ffdddd; }
.highlight .gd .x { color: #000000; background-color: #ffaaaa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #aa0000; }
.highlight .gh { color: #999999; }
.highlight .gi { color: #000000; background-color: #ddffdd; }
.highlight .gi .x { color: #000000; background-color: #aaffaa; }
.highlight .go { color: #888888; }
.highlight .gp { color: #555555; }
.highlight .gs { color: white; }
.highlight .gu { color: #aaaaaa; }
.highlight .gt { color: #aa0000; }
.highlight .kc { color: white; }
.highlight .kd { color: white; }
.highlight .kp { color: white; }
.highlight .kr { color: white; }
.highlight .kt { color: #445588; }
.highlight .m { color: rgb(255, 98, 140); }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #1aff84; }
.highlight .nc { color: #1aff84; }
.highlight .no { color: rgb(128, 255, 187); }
.highlight .ni { color: #800080; }
.highlight .ne { color: rgb(255,221, 0); }
.highlight .nf { color: rgb(255,221, 0); }
.highlight .nn { color: #555555; }
.highlight .nt { color: white; }
.highlight .nv { color: #008080; }
.highlight .ow { color: white; }
.highlight .w { color: #bbbbbb; }
.highlight .nl { color: rgb(255, 98, 140); }
.highlight .mf { color: rgb(255, 98, 140); }
.highlight .mh { color: rgb(255, 98, 140); }
.highlight .mi { color: rgb(255, 98, 140); }
.highlight .mo { color: rgb(255, 98, 140); }
.highlight .sb { color: rgb(58,217,0); }
.highlight .sc { color: rgb(58,217,0); }
.highlight .sd { color: rgb(58,217,0); }
.highlight .s2 { color: rgb(58,217,0); }
.highlight .se { color: rgb(58,217,0); }
.highlight .sh { color: rgb(58,217,0); }
.highlight .si { color: rgb(158,255,128); }
.highlight .sx { color: rgb(58,217,0); }
.highlight .sr { color: #009926; }
.highlight .s1 { color: rgb(58,217,0); }
.highlight .ss { color: rgb(255, 98, 140); }
.highlight .bp { color: #999999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: rgb(255, 98, 140); }

#search { position: absolute; left: 680px; top: 10%; }
#search form { background: url(/images/search_bg.png) no-repeat; padding: 0; height: 28px; width: 218px; }
#search #q { background: none; position: relative; top: 1px; width: 160px; margin-left: 30px; font-size: 15px; border: none; color: #aaa; }
#search #q:focus { outline: none; }

#sidebar { float: left; width: 250px; margin-left: 30px; font-size: 80%; line-height: 1.625em; }
#sidebar h4 { margin: 20px 0 0; }
#sidebar h4:first-child { margin-top: 10px; }
#sidebar h4 .small { font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 50%; }

#twitter, #delicious, #movies-nav { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f8f5c1; border: 1px solid #eee; padding: 5px 0; }
#twitter ul, #delicious ul, #movies-nav ul { list-style-type: none; margin: 0; }
#twitter li, #delicious li, #movies-nav li { margin: 0 15px; padding: 10px 0 0; border-bottom: #ddd 1px dashed; }
#twitter li:last-child, #delicious li:last-child, #movies-nav li:last-child { border-bottom: 0; }

#delicious p { font-style: italic; }
#delicious li { color: #666; font-style: normal; padding-bottom: 8px; }

#movies-sidebar { float: right; margin-left: 20px; }
#movies-sidebar li { border: none; }
#movies-sidebar h4 { margin: 20px 0 0; }

#movies-nav { padding-bottom: 10px; }

#twitter p, #movies-nav p { padding-bottom: 10px; }
#twitter p a.topic, #movies-nav p a.topic { color: #888888; }
#twitter .meta, #movies-nav .meta { color: #999999; font-size: 80%; display: block; padding: 8px 0 0; }
#twitter .meta a, #movies-nav .meta a { color: inherit; text-decoration: none; }
#twitter .meta a:hover, #movies-nav .meta a:hover { text-decoration: underline; }

/* layout partials */
#header { background-color: #323232; border-bottom: 1px solid #181818; padding: 30px 0; }
#header .page_width { position: relative; }
#header a.title { font-size: 35px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; display: inline-block; color: #dddddd; text-decoration: none; }

#nav { overflow: hidden; display: inline-block; position: relative; z-index: 1; padding: 6px 0; background-color: #349e97; background-image: -moz-linear-gradient(left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4)); border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
#nav { display: block; }
#nav ul { position: relative; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; margin: 0 auto; overflow: visible; }
#nav ul { display: block; }
#nav ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#nav ul li.first { padding-left: 0px; }
#nav ul li.last { padding-right: 0px; }
#nav ul li { padding: 0 15px; border-left: 1px solid #cccccc; border-right: 1px solid white; }
#nav ul li.alpha { border-left: none; padding-left: 0; }
#nav ul li.omega { border-right: 0; }
#nav ul li.subscribe { position: absolute; left: 635px; border: none; }
#nav ul li.subscribe a { display: inline-block; padding-left: 28px; background: url("/images/rss.png") left top no-repeat; }
#nav ul li a { display: inline-block; color: white; line-height: 150%; text-decoration: none; }
#nav ul li a:hover { color: black; }

#page { overflow: hidden; display: inline-block; background-color: #c8ce13; }
#page { display: block; }
#page .page_width { overflow: hidden; display: inline-block; position: relative; padding-top: 25px; padding-bottom: 25px; background-color: white; box-shadow:  1px 1px 8px #cccccc; -webkit-box-shadow:  1px 1px 8px #cccccc; -moz-box-shadow:  1px 1px 8px #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
#page .page_width { display: block; }

#main { width: 620px; float: left; }
#main.expanded { width: 100%; }

#movies #main { width: 900px; }
#movies #main ol, #movies #main ul { list-style-type: none; }

#sidebar { float: left; width: 250px; margin-left: 30px; font-size: 80%; line-height: 1.625em; }
#sidebar h4 { margin: 20px 0 0; }
#sidebar h4:first-child { margin-top: 10px; }
#sidebar h4 .small { font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 50%; }

#twitter, #delicious, #movies-nav { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f8f5c1; border: 1px solid #eee; padding: 5px 0; }
#twitter ul, #delicious ul, #movies-nav ul { list-style-type: none; margin: 0; }
#twitter li, #delicious li, #movies-nav li { margin: 0 15px; padding: 10px 0 0; border-bottom: #ddd 1px dashed; }
#twitter li:last-child, #delicious li:last-child, #movies-nav li:last-child { border-bottom: 0; }

#delicious p { font-style: italic; }
#delicious li { color: #666; font-style: normal; padding-bottom: 8px; }

#movies-sidebar { float: right; margin-left: 20px; }
#movies-sidebar li { border: none; }
#movies-sidebar h4 { margin: 20px 0 0; }

#movies-nav { padding-bottom: 10px; }

.blog .article { padding: 21px 0 21px; border-bottom: 1px solid #eeeeee; }
.blog .article:first-child { padding-top: 0; }
.blog .article .pubdate { font-size: 80%; color: #777; margin: 0; padding: 0; }
.blog .footer { padding-top: 14px; font-size: 90%; }
.blog h2 { font-size: 130%; }

#footer { position: relative; z-index: 2; font-size: 12px; clear: both; padding: 21px 0; color: #999999; background: -webkit-gradient(linear, left top, left bottom, from(black), to(#323232)); background: -moz-linear-gradient(left top, left bottom, from(black), to(#323232)); border-top: 14px solid #444444; }
#footer a { color: #dddddd; }
#footer a:hover { color: white; }