@charset "UTF-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body { background: #fff; font-family: Trebuchet MS1, Helvetica, sans-serif; font-size: 15px; }

a { text-decoration: none; color: #3399cc; }

table#index a:hover { background-color: #3399cc; color: #fff; }

a > img { border: none; }

table#index td.modify a:hover { background: transparent; }

h1, h2, h3, h4, h5 { color: #666; }

h1 { margin-bottom: 15px; font-size: 29px; font: bold 330%/100%; position: relative; }
h1 span { background: url(/foobook_site_media/img/h1glint.png) repeat-x; background-position: 0px 6px; position: absolute; display: block; width: 100%; height: 45px; }
h1 span.highlighted { position: relative; display: inline; }

body div.clear { clear: both; border: none; background: transparent; margin: 0; padding: 0; font-size: 12px; word-spacing: 6px; }

p { margin: 10px 0; }

hr { color: #eee; height: 2px; margin: 1em; color: #7299bd; }

blockquote { -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; box-shadow: 2px 2px 4px #ddd; font-size: .9em; margin: 15px 25px; padding: 4px 8px; background: #f3f3f3; border: 1px solid #ddd; }

div.clear, div.clearer { display: block; height: 1px; background: transparent; color: transparent; clear: both; }

a.titlelink:visited { color: #3c0080; }
a.showvisited { font-weight: bold; }
a.showvisited:visited { color: #3c0080; }

.jsonly { display: none; }

h1.newstitle { margin-bottom: 0; }

h3.date { font-weight: normal; font-size: 15px; font-style: italic; margin: 0 0 1em; }

#wrapper { margin: 15px auto; border: 1px solid transparent; padding: 0 15px; position: relative; }

.fixed { width: 840px; margin: 0 auto; }

#header { width: auto; height: 100px; margin: 0 0 27px; }

#logo { background-image: url(/foobook_site_media/img/sprite.png); background-color: transparent; background-repeat: no-repeat; background-position: -2px -4px; position: absolute; z-index: 3; }
#logo a { width: 410px; height: 100px; dipslay: block; padding: 0 142px; font-size: 83px; }

.fixed #content { background: transparent url(/foobook_site_media/img/sidebarbg.png) 537px 5px no-repeat; min-height: 550px; }

div.nobar #content { background-image: none; }
div.nobar #content h3 { background-image: none; margin-top: 40px; }

#sidebar { width: 240px; height: 100%; float: right; padding: 13px; margin: 5px 0 15px 15px; min-height: 600px; background: url(/foobook_site_media/img/sidebg.png) right repeat-y; }
#sidebar ul.recententries { list-style: none; margin-left: 0; }
#sidebar ul.recententries li { margin: 10px 0; }
#sidebar ul.recententries h4 { font-size: 17px; }
#sidebar ul.recententries h6 { font-size: 12px; font-weight: normal; font-style: italic; margin-left: 7px; color: #888; }
#sidebar ul.recententries h6 a { font-weight: bold; }
#sidebar ul.recententries p { margin: 0 0 0 7px; font-size: 13px; color: #444; }

ul.taggedentries { margin: 0 0 0 10px; list-style: none; }
ul.taggedentries span.date { display: block; font-size: 13px; color: #888; font-style: italic; margin-left: 10px; }
ul.taggedentries li { margin-top: 16px; }
ul.taggedentries li h2 { font-size: 16px; }
ul.taggedentries li p { font-size: 13px; color: #444; margin: 4px 4px 0 11px; }

.entrytags h4 { display: inline; }
.entrytags ul { display: inline; list-style: none; margin-left: 9px; }
.entrytags ul li { display: inline; }

#contentwrapper { width: auto; width: 510px; }

div#nav { float: right; margin: 5px 0; font-size: 12px; letter-spacing: 1px; word-spacing: 2px; position: relative; padding-left: 0; width: 365px; }
div#nav ul { margin-left: 0; padding-left: 0; text-align: right; list-style: none; }
div#nav ul a { margin: 0 0 0 50px; font-weight: bold; }
div#nav ul li { display: inline; text-align: left; }
div#nav ul li.hover a { margin-left: 0; padding-left: 0; }
div#nav ul.dropdown { filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; display: none; position: absolute; left: 15px; top: 13px; z-index: 2; background: #fff; }
div#nav ul.user { left: 120px; }
div#nav ul.about { left: 230px; }
div#nav.unauthenticated { width: 550px; }
div#nav.unauthenticated ul.about { left: 425px; }
div#nav ul.dropdown li { padding: 2px 0; }
div#nav ul.dropdown a { margin: 0 0 0 4px; }
div#nav ul.dropdown li { display: block; padding: 3px 2px; border-left: 5px solid #3399cc; }
div#nav ul.dropdown li:hover { border-left-color: #ff9600; }
div#nav li.hover:hover > ul.dropdown, div#nav li.userhover:hover > ul.dropdown, div#nav li.abouthover:hover > ul.dropdown { display: block; }

li a.jslogin, li a.logout { color: red; }

#inlinesearch { position: absolute; right: -2px; top: 35px; background: #fff; }
#inlinesearch table { width: 355px; }
#inlinesearch input { margin: -10px 0 0 0; width: 60px; }
#inlinesearch input#id_q { width: 280px; }
#inlinesearch table.options { margin-top: 10px; display: none; }
#inlinesearch table.options td.spacer { width: 10px; }

div.authenticated { width: 354px; }

table#loginform { position: absolute; right: -3px; width: 395px; top: 28px; z-index: 3; padding-left: 50px; display: none; }
table#loginform #id_username { margin-right: 20px; }
table#loginform #id_password { margin-right: 15px; }
table#loginform label { margin-left: 8px; }
table#loginform input#id_username, table#loginform input#id_password { height: 18px; width: 130px; font-size: 14px; padding: 0; display: inline; }
table#loginform input.button { width: 40px; height: 22px; font-size: 10px; background: #eee; }
table#loginform span.help_text { padding: 12px 0 0 12px; font-size: 12px; display: block; }

a.jscancellogin img { margin-left: 20px; padding-top: 10px; }

.error { color: red; }

.hide { display: none; }

a.forgot { font-weight: bold; margin: 1em; display: block; }

ul { margin-left: 2em; }

div.inflexible { width: 840px; margin: 0 auto; border: 1px dashed #aaa; border-width: 0 1px; padding: 15px; background: #f3f3f3; }

table { border-spacing: 0; }

th { text-align: left; }

table#index { margin: 10px auto; border: 2px solid #ddd; width: 100%; }
table#index td { padding: 4px 15px; }
table#index th { padding: 4px 15px 4px 23px; background-repeat: no-repeat; background-color: #b0dfef; font-size: .8em; }
table#index th.header { background-image: url(/foobook_site_media/img/bg.gif); background-position: 4px 8px; }
table#index th.headerSortDown { background-image: url(/foobook_site_media/img/desc.gif); background-position: 4px 10px; }
table#index th.headerSortUp { background-image: url(/foobook_site_media/img/asc.gif); background-position: 4px 10px; }
table#index tr:nth-child(even) { background: #e4f2f7; }
table#index td.modify, table#index th.modify { padding: 4px; width: 55px; }
table#index td { font-size: .85em; color: #555; height: 37px; }
table#index td.title { font-size: 1em; padding: 8px; }

span.description { font-size: 12px; color: #555; line-height: 200%; }

div.description { font-size: 13px; color: #444; line-height: 140%; border-left: 2px solid #999; padding: 0 0 0 5px; margin: 0 0 25px 20px; }

table#index td.title div.titledesc a { float: left; margin-right: 1em; height: 100%; }
table#index td.fav { width: 0; }
table#index td.user { width: 30px; }
table#index td.syntax, table#index td.license { width: 60px; }
table#index td.created { width: 85px; }
table#index td.updated { width: 130px; }
table#index tr td:nth-child(even) { background-image: url(/foobook_site_media/img/shadebg.png); }
table#index div.tags { margin-left: 0; }

div.tags { padding: 4px; clear: both; margin-left: 35px; }
div.tags h4 { display: inline; }
div.tags a { margin-left: 10px; }

#embed textarea { display: none; margin-top: 10px; }

form#registration { width: 320px; }
form#registration td.label_tag { padding-right: 1em; font-size: .9em; }
form#registration table { margin-bottom: 10px; }
form#registration select { margin-left: 8px; }

table#reg tr > td.label_tag { height: 20px; }
table#captchaanimals { padding-top: 0; float: right; text-align: center; margin-top: -15px; }
table#captchaanimals a { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-radius: 4px 4px 4px 4px; padding: 0 8px; border: 1px solid #3399cc; }
table#captchaanimals a:hover { background: #fff; border-color: #ccc; }
table#captchaanimals img { height: 145px; margin: 5px; margin: 0 auto; display: block; }
table#captchaanimals td { padding: 5px 10px 0; }
table#captchaanimals td#set1, table#captchaanimals td#set2 { height: 145px; width: 290px; }
table#captchaanimals td.captcha1 { padding-bottom: 25px; }
table#captchaanimals h3 { border-bottom: 1px dotted #666; margin: 10px 0 5px; color: #666; text-align: center; }

td.captcha1 a, td.captcha2 a { font-size: 16px; font-weight: bold; word-spacing: 25px; }

table#captchaanimals p { font-size: 11px; color: #444; margin-bottom: 3px; }

a.addscrap { background: url(/foobook_site_media/img/add.png) left center no-repeat; padding: 5px 0 5px 30px; font-weight: bold; }
a.addscrap:hover { background-image: url(/foobook_site_media/img/addhover.png); color: #ff9600; }

span.label { display: block; margin-bottom: 7px; margin-top: 15px; font-size: 17px; font-weight: bold; color: #666; }

input, textarea, .styleWrapper { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-radius: 4px 4px 4px 4px; border: 2px solid #aaa; padding: 3px; margin-left: 9px; }

input { background-color: transparent; }

input:focus { border-color: #5aa9dd; background: #fff; }

input:focus { -moz-box-shadow: 0px 0px 12px #5aa9dd; -webkit-box-shadow: 0px 0px 12px #5aa9dd; box-shadow: 0px 0px 12px #5aa9dd; }

.edit { width: 98.5%; }
.edit .syntaxWrapper select, .edit .licenseWrapper select { margin-left: 9px; }
.edit input { width: 300px; }
.edit textarea { width: 98%; margin: 5px auto 0; display: block; height: 60px; margin-left: 9px; }
.edit .scrap textarea { height: 500px; }
.edit input, .edit select { margin-bottom: 15px; margin-left: 9px; margin-left: 9px; }

.bluebox { -moz-border-radius: 8px 8px 8px 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-radius: 8px 8px 8px 8px; padding: 10px; background: #d3e6ec; border: 2px solid #bbb; }
.bluebox div { -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 5px 5px 5px 5px; margin-bottom: 10px; padding: 10px; background: #f3f8fa; border: 2px solid #ccc; }
.bluebox h1, .bluebox h2, .bluebox h3, .bluebox h4, .bluebox h5 { color: #555; }

.help_text { font-size: .8em; padding: 5px 0 15px 1em; color: #236896; }

body .autowidth { width: auto; }

.metabubble { float: right; width: 55%; background: #f0f0f0; clear: right; }

.padded { padding: 8px; }

.verticalmargins { margin: 8px 0; }

.edit input.button { margin-left: 10px; margin-top: 20px; color: #666; font-weight: bold; display: block; background: #fff; }

.button:hover { cursor: pointer; }

tr.hide { font-size: 13px; text-align: center; }

table.highlighttable { width: 100%; font-size: 12px; line-height: 130%; }

body td pre { padding: 10px; }
body td.code { width: 100%; }

table.panel { width: auto; background: transparent; padding: 0; position: absolute; right: 10px; top: 0; border-width: 5px 5px 0 0; }

div.scrapad { width: 234px; height: 60px; float: right; position: absolute; right: 10px; top: 65px; }
div.scrapmeta { padding: 10px; margin-bottom: 20px; position: relative; min-height: 170px; }
div.scrapmeta table { margin: 1em 0 1em; }

table.noajaxbuttons { margin-top: 15px; }

div.ad { margin-bottom: 1em; padding: 5px; }
div.ad h4 { margin-bottom: .5em; font-size: .9em; color: #555; }
div.ad span { font-size: .9em; }

.scrapmeta { position: relative; }
.scrapmeta .greybox { padding: 10px; }

div.greybox { border: 1px dashed #aaa; background: #f3f3f3; border-width: 1px 0; }
div.profiletext { font-size: 90%; }

a.editprofile { float: right; }

div#scrapwrapper { width: 100%; position: relative; }

form#reset { width: 300px; margin: auto; }
form#reset p.help_text { font-size: 1em; margin: 1em 0 0; }
form#resetpass p.help_text { font-size: 1em; margin: 1em 0 0; }

span.highlighted { color: #cf1f1f; }

div.codeexcerpt { white-space: pre; font-size: .8em; margin: 5px 0 30px 10px; color: #888; padding: 5px; border: 1px dashed #ccc; border-width: 0 0 0 1px; }

p.searchdescription { font-size: 13px; color: #444; margin: 2px 0; }

#id_description { width: 98%; clear: both; display: block; }

div.share { margin-top: 15px; padding: 10px; }
div.backupWrapper { margin: 5px 0 25px 50px; }
div.styleWrapper { width: 515px; overflow: auto; height: 330px; margin: 5px 0 25px 50px; border: 2px solid #ddd; padding: 5px; }
div.styleWrapper input { display: none; }
div.styleWrapper div { width: 155px; }

span.stylelabel { margin-left: 50px; }

div.styleWrapper ul { list-style: none; margin-left: 0; }
div.styleWrapper li { width: 495px; height: 139px; margin-bottom: 25px; background: 140px 5px no-repeat; font-size: 23px; font-weight: bold; }
div.styleWrapper label { margin: 30px; line-height: 135px; }
div.syntaxWrapper, div.licenseWrapper { margin-bottom: 10px; }

#urlWrapper, #id_honeypot { display: none; }

div.comment { -moz-box-shadow: 2px 2px 4px #ddd; -webkit-box-shadow: 2px 2px 4px #ddd; box-shadow: 2px 2px 4px #ddd; -moz-border-radius: 10px 10px 10px 0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 0px; border-radius: 10px 10px 10px 0px; margin-top: 25px; padding: 9px; border: 1px solid #bbb; width: auto; background: url(/foobook_site_media/img/comment-bg.png) repeat-x; }
div.comment h4 { font-style: italic; }
div.comment h5 { text-align: right; font-size: 12px; color: #444; }
div.comment span.counter { color: #e2e2e2; font-size: 34px; font-weight: bold; float: right; }

#comment_form { margin: 50px 0 70px; }

table#share { position: absolute; right: 77px; bottom: 0px; display: block; width: 250px; height: 35px; margin: 10px 0; }
table#share h4 { margin-bottom: 7px; }
table#share a { filter: alpha(opacity=30); -moz-opacity: 0.30; -khtml-opacity: 0.30; opacity: 0.30; background-image: url(/foobook_site_media/img/sprite.png); background-color: transparent; background-repeat: no-repeat; display: inline; height: 37px; width: 36px; display: block; padding: 0; margin-right: 20px; }
table#share a.facebook { background-position: -139px -109px; }
table#share a.reddit { background-position: -46px -109px; }
table#share a.digg { background-position: -92px -109px; }
table#share a.delicious { background-position: 0px -109px; }
table#share a.stumbleupon { background-position: -232px -109px; }
table#share a.twitter { background-position: -186px -109px; }

#formats a { font-weight: bold; }

div.profileWrapper { margin-left: 1px; }
div.employmentstatusWrapper { margin-left: 1px; }
div.employmentstatusWrapper select { margin-left: 7px; }

#advancedsearch { margin-bottom: 35px; }

#passchange { padding-bottom: 15px; }
#passchange td { padding-bottom: 5px; }

div.terms { width: 500px; padding: 0 1em; }
div.terms p { font-size: 12.5px; }

.frontad { width: 468px; }

.center { margin-left: auto; margin-right: auto; }

table.browse { width: 100%; margin-bottom: 30px; }

p.paginate { font-weight: bold; color: #666; }

h4.export { display: block; text-align: right; }