/*  CSS Reset 1.2 - May 4, 2007 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, button, 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;}

:focus {outline: 0;} /* remember to define focus styles! */
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' */
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End of Reset */

html {background: #fff0de  url(http://images.scottboms.com/bkgd_main.jpg) 0 0 repeat-y;}
body {background: transparent url(http://images.scottboms.com/corner.gif) 100% 0 no-repeat; color: #333; font-size: 11px;  min-width: 1004px; text-rendering: optimizeLegibility;}

p, ul, ol, dl, li, dt, dd, blockquote, abbr, input, textarea, select, button, h2 {line-height: 18px;}
p, ul, ol, dl, blockquote, input {margin-bottom: 18px;}
abbr {color: #7c753a; display: block; font-size: 11px; margin-bottom: 18px; text-transform: uppercase;}

input {margin: 0 0 13px 0; padding: 0;}
label {font-size: 12px; font-weight: bold;}
label span, label em {font-size: 10px; font-style: italic; font-weight: normal;}
input, button, select, label {line-height: 18px; vertical-align: middle;}
button {background: none; cursor: pointer;}
em {font-style: italic;}
strong {font-weight: bold;}
blockquote {background: transparent url(http://images.scottboms.com/bkgd_blockquote.gif) 0 0 no-repeat; color: #5a5a5a; font-size: 12px; font-style: italic; padding-left: 36px;}
code {color: #7c753a; font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 11px;}

/* @group Default Link Styles */
a:link, a:visited {color: #333; text-decoration: underline;}
a:hover {color: #7fbac8; text-decoration: underline;}
a:active {color: #7fbac8; text-decoration: none;}
/* @end */

h1, h3, h4, h5, h6, blockquote, abbr, .note, .license {font-family: "grad-1","grad-2", Constantia, Georgia, Times, "Times New Roman", serif; font-weight: normal; line-height: 18px;}
h1 {color: #fff; font-size: 36px; line-height: 36px;}
h1 span {font-size: 18px; font-style: italic;}

h1 a {display: block; height: 90px; position: absolute; top: 36px; left: 108px; width: 252px; text-indent: -9999em;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {background: none;}
h2 {color: #cbbf9c; font-size: 10px; letter-spacing: 2px; margin-bottom: 18px; text-transform: uppercase;}
h3 {color: #292663; font-size: 24px; margin-bottom: 18px; text-transform: capitalize;}
h4 {color: #292663; font-size: 18px; margin-bottom: 0; text-transform: capitalize;}
h5 {font-size: 12px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;}
h6 {color: #333; font-size: 12px; font-weight: bold;}

body, h2, h5 {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;}
h2, h5, #nav {font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;}

/* @group Layout */
#skip {display: none;}
#paperbag {background: transparent url(http://images.scottboms.com/branding.jpg) 0 0 no-repeat; width: 981px; position: relative;}
#getting_around {color: #fff; float: left; margin: 144px 0 0 18px; padding-bottom: 198px; width: 254px;}
#entries, #archives, #elsewhere.external, #basic {float: right; margin-top: 144px; margin-left: 108px; width: 601px;}
/* @end */

/* @group Getting Around (Sidebar) */
#getting_around a {background: none;}
#getting_around a:link, #getting_around a:visited {color: #fff; text-decoration: underline;}
#getting_around a:hover {color: #7fbac8; text-decoration: none;}
#getting_around a:active {color: #c8dd69; text-decoration: none;}

#getting_around h5 {color: #fff; margin-bottom: 36px;}

#getting_around h5 a {font-size: 10px; font-weight: normal; letter-spacing: 1px;}
#getting_around h5 a:link, #getting_around h5 a:visited {color: #7fbac8; text-decoration: none;}
#getting_around h5 a:hover, #getting_around h5 a:active {color: #c8dd69; text-decoration: none;}

#flickr_photos {clear: both; float: left; margin-bottom: 0;}
#flickr_photos li {float: left; margin: 0 10px 10px 0;}
#flickr_photos a {border-style: solid; border-width: 2px 2px 6px 2px; display: block; line-height: 0;}
#flickr_photos a:link, #flickr_photos a:visited {border-color: #fff;}
#flickr_photos a:hover {border-color: #cbbf9c;}
#flickr_photos a:active {border-color: #f8e974;}
#flickr_photos a img {height: 47px; width: 47px;}

#feeds a {background-color: transparent; background-image: url(http://images.scottboms.com/rss.gif); background-repeat: no-repeat; padding-left: 16px;}
#feeds a:link, #feeds a:visited {background-position: 0 1px;}
#feeds a:hover {background-position: 0 -23px;}
#feeds a:active {background-position: 0 -47px;}
.copyright {color: #fff0de; font-size: 10px; margin-right: 18px;}
/* @end */

/* @group Elsewhere */
#elsewhere {background: transparent url(http://images.scottboms.com/elsewhere_pointer.png) 0 264px no-repeat; color: #6c6c6c; position: absolute; top: 126px; left: 216px; z-index: 100;}
#elsewhere div {background: transparent url(http://images.scottboms.com/elsewhere_content.png) 100% 100% no-repeat; margin-left: 31px; padding: 18px;}
#elsewhere h3 {color: #333; font-size: 18px; letter-spacing: 2px; margin-bottom: 18px; text-transform: uppercase;}
#elsewhere div.divide {background: url(http://images.scottboms.com/elsewhere_divider.gif) 50% 0 repeat-y; margin: 0; overflow: hidden; padding: 0;}
#elsewhere dl {background: none; float: left; margin-right: 36px; margin-bottom: 0; width: 198px;}
#elsewhere dl#delicious-links {margin: 0; padding-top: 0;}
#elsewhere dt {font-size: 14px; font-weight: bold;}
#elsewhere dd {margin-bottom: 18px;}
#elsewhere a {background-color: transparent; background-position: 0 50%; background-repeat: no-repeat; padding-left: 22px;}

#elsewhere a:link, #elsewhere a:visited, #elsewhere a:hover, #elsewhere a:active {text-decoration: none;}

#elsewhere a.delicious {background-image: url(http://images.scottboms.com/delicious.gif); color: #0000ff;}
#elsewhere a.dribbble {background-image: url(http://images.scottboms.com/dribbble.gif); color: #c5376d;}
#elsewhere a.flickr {background-image: url(http://images.scottboms.com/flickr.gif); color: #0063c8;}
#elsewhere a.facebook {background-image: url(http://images.scottboms.com/facebook.gif); color: #3b5998;}
#elsewhere a.iconbuffet {background-image: url(http://images.scottboms.com/iconbuffet.gif); color: #e84705;}
#elsewhere a.lastfm {background-image: url(http://images.scottboms.com/lastfm.gif); color: #d8264a;}
#elsewhere a.linkedin {background-image: url(http://images.scottboms.com/linkedin.gif);color: #006499;}
#elsewhere a.twitter {background-image: url(http://images.scottboms.com/twitter.gif); color: #00dded;}
#elsewhere a.upcoming {background-image: url(http://images.scottboms.com/upcoming.gif); color: #9e1917;}
#elsewhere a.vimeo {background-image: url(http://images.scottboms.com/vimeo.gif); color: #0dadd6;}
#elsewhere a.virb {background-image: url(http://images.scottboms.com/virb.gif); color: #000;}
#elsewhere a.wii {background-image: url(http://images.scottboms.com/wii.gif); color: #0594c1;}
#elsewhere a.amazon {background-image: url(http://images.scottboms.com/amazon.gif); color: #000;}
#elsewhere a.go_elsewhere {clear: both; padding-left: 0;}

#elsewhere #delicious-links a {padding-left: 0}
#elsewhere #delicious-links :active {color: #292663;}

#elsewhere.external {background: none; margin-top: 0; position: static; width: 601px;}
#elsewhere.external div {background: none; margin: 0; padding: 0;}
#elsewhere.external h3 {color: #292663; font-size: 24px; letter-spacing: 0; margin: -5px 0 23px 0; text-transform: capitalize;}
#elsewhere.external h4 {display: none;}
#elsewhere.external dl {margin-bottom: 18px; width: 282px;}
#elsewhere.external dl.divide {border-color: #eaddcd;}
#elsewhere .add_more_funny a {padding-left: 0;}
#elsewhere.external .add_more_funny a:active {background-color: #292663;}
#elsewhere p.add_more_funny {background: transparent url(http://images.scottboms.com/entry_divider.gif) 50% 0 no-repeat; margin-top: 9px; padding-top: 27px;}
/* @end */

/* @group Navigation */
#nav {float: left; font-weight: 700; margin-bottom: 13px; width: 100%;}
#nav li {color: #fff; float: left; letter-spacing: 2px; line-height: 36px; margin-top: -9px; margin-right: 2px; margin-bottom: 9px; text-transform: uppercase;}
#nav a {padding: 3px 4px;}
#nav a:link, #nav a:visited {background-color: transparent; color: #fff; text-decoration: none;}
#nav a:hover {background-color: #fff; color: #292663;}
#nav a:active {background-color: #7fbac8; color: #fff;}

#nav a:link.selected, #nav a:visited.selected {background-color: #7c753a; color: #fff;}
#nav a:hover.selected {background-color: #fff; color: #292663;}
#nav a:active.selected {background-color: #7fbac8; color: #fff;}

#nav a.selected, #nav a:hover, #nav a:active {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
/* @end */

/* @group Entries */
.hentry {background: transparent url(http://images.scottboms.com/entry_divider.gif) 50% 100% no-repeat; clear: both; margin-bottom: 9px; padding-bottom: 9px;}

.hentry img.left {margin: 0 18px 18px 0;}
.hentry img.right {margin: 0 0 18px 18px;}

.hfeed h3, #archives h3 {color: #292663; float: left; margin: -5px 9px 0 -4px;}

.hfeed a:link .hfeed a:visited {color: #333; text-decoration: underline;}
.hfeed a:hover {color: #7fbac8; text-decoration: underline;}
.hfeed a:active {color: #7c753a; text-decoration: none;}

.hfeed h3 a {padding: 0 4px;}
.hfeed h3 a:link, .hfeed h3 a:visited {color: #292663; text-decoration: none; text-decoration: none;}
.hfeed h3 a:hover {color: #7fbac8; text-decoration: none;}
.hfeed h3 a:active {background-color: #292663; color: #fff0de;}

.entry-summary {line-height: 18px;}
.entry-summary p {margin-top: 18px;}
.entry-content img, .entry-summary img {background: #fff; border: 1px solid #eaddcd; display: block; margin: 0 auto; padding: 8px;}
.entry-content img.noborder, .entry-summary img.noborder {background: none; border: none; display: block; margin: 0; padding: 0;}

.entry-meta {font-weight: bold; text-transform: uppercase;}
.entry-meta span {font-weight: normal; text-transform: none;}
.entry-meta a {background-color: transparent;}
.entry-meta a:link, .entry-meta a:visited {color: #333; text-decoration: none;}
.entry-meta a:hover {color: #7c753a;}
.entry-meta a:active {background: none; color: #7fbac8; text-decoration: none;}
.entry-meta a span {color: #cbbf9c;}
.entry-meta a:link span, .entry-meta a:visited span {display: none;}
.entry-meta a:hover span, .entry-meta a:active span {display: inline;}
/* @end */

/* @group Short URL Links */
#entries abbr a {text-decoration: none;}
#entries abbr a:link, #entries abbr a:visited {color: #7c753a;}
#entries abbr a:hover, #entries abbr a:active {color: #7fbac8;}
/* @end */

/* @group Entry Content Styles */
.hfeed ol li, .hfeed pre {margin-bottom: 18px;}
.hfeed ol li {list-style-type: decimal; margin-left: 2em;}
.hfeed ul {margin-bottom: 18px;}
.hfeed ul li {list-style-type: square; margin-left: 2em;}
.hfeed h4 {color: #333;}
.hfeed pre {border-left: 3px solid #cbbf9c; color: #7c753a; line-height: 18px; padding-left: 15px;}

#archived_entries ul li {list-style-type: none; margin-left: 0;}
/* @end */

/* @group Twitter Entries */
/*.tweet abbr {display: none; visibility: hidden;}*/
.tweet img {height: 16px; width: 16px; visibility: hidden; margin-right: 4px;}
.tweet .entry-title a {background-image: url(http://images.scottboms.com/twitter_bird_states.gif); background-repeat: no-repeat;}
.tweet .entry-title a:link, .tweet .entry-title a:visited {background-position: 4px 6px;}
.tweet .entry-title a:hover {background-position: 4px -36px;}
.tweet .entry-title a:active {background-position: 4px -78px;}
/* @end */

/* @group Comments */
#comments, #comments-open {background: transparent url(http://images.scottboms.com/divider.gif) 0 0 repeat-x; padding-top: 18px;}
#comments {padding-bottom: 9px;}
#comments.nocomments {background: none; padding-top: 0;}
#comments h3 {float: none; margin: 0 0 27px 0; position: relative;}
#comments h3 a {font-size: 12px; position: absolute; right: 0; text-transform: uppercase;}
.comment {background: transparent url(http://images.scottboms.com/comment_side.gif) 0 0 repeat-y; margin-bottom: 18px;}

.comment-body {background: transparent url(http://images.scottboms.com/comment_bkgd.gif) 0 100% repeat-x; margin-left: 60px; padding: 9px; position: relative;}
.comment .photo {position: absolute; top: 9px; left: -60px;}
.comment-body p.vcard {margin-bottom: 0;}
.comment-body cite, .comment-body abbr {display: inline; font-size: 12px;}
.comment-body ol {margin-bottom: 18px;}
.comment-body ol li {margin-bottom: 0;}
.comment-body abbr {font-size: 12px;}

cite a {font-weight: bold;}
cite a:link, cite a:visited, cite a:hover, cite a:active {text-decoration: none;}
cite a:active {color: #fff8ef;}

#comments-form legend {display: none; visibility: hidden;}
#comments-form p {position: relative;}
#comments-form input, #comments-form label {vertical-align: baseline;}
#comments-open-data p {float: left; margin: 0 9px 0 0; position: static;}
#comments-form p span {position: absolute; right: 0;}
#comments-open-data p.noma {margin-right: 0;}
#comments-open-data label {display: block; line-height: 18px;}
#comments-open-data input {width: 190px;}
#comment-text {height: 123px; width: 100%;}
#comment-form-remember-me {padding-bottom: 18px;}
#comment-form-remember-me label {display: inline; font-weight: normal;}
input#comment-bake-cookie {margin: 0 4px 0 0; width: auto;}
#comment-preview {margin-right: 9px;}

.mt-comment-preview #comments {background: none; padding-top: 0;}
/* @end */

/* @group Archives and Search */
#archived_entries, #search_options {float: left; width: 280px;}
#archived_entries {margin-right: 18px; width: 303px;}
#archives h3, #archived_entries h4 {color: #292663;}
#search {font-size: 12px; width: 216px;}
.results #search_form {background: transparent url(http://images.scottboms.com/divider.gif) 0 100% repeat-x; margin-bottom: 18px;}
.results #search_form p {margin-bottom: 0; padding-bottom: 18px;}
#search_form fieldset {border: none;}
#search_form legend {display: none;}
#search_form button {background: none; padding: 0 8px; vertical-align: top;}
.optional label, .optional input {font-weight: normal; margin: 0;}
.optional label {margin: 0 9px 0 0;}
#tags {margin-bottom: 18px;}
#tags li {display: inline;}
#archives .add_more_funny, #basic .add_more_funny {background: transparent url(http://images.scottboms.com/entry_divider.gif) 50% 0 no-repeat; clear: both; margin-top: 9px; padding-top: 27px;}
/* @end */

/* @group Contact */
#contact_form legend {display: none;}
#contact_form  {margin-top: 0;}
#contact_form input, #contact_form textarea {border: 1px solid #cbbf9c; width: 324px;}
#contact_form input {margin-bottom: 12px; padding: 2px 0;}
#contact_form textarea {height: 159px;}
#contact_form .set {overflow: hidden;}
#contact_form label {display: block; float: left; padding: 3px 6px 0 0; text-align: right; width: 72px;}
#send-message {margin: 18px 0 0 78px;}
#messages {color: #fff; margin-bottom: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#messages ul, #messages p {margin: 0;}
#messages.error {background: #A5331e; padding: 9px;}
#messages.success {background: #77a25a; padding: 9px;}
/* @end */

/* @group The Lab */
/* @end */

/* @group Content Navigation */
#content-nav {margin-top: -2px; padding-bottom: 9px;}
#content-nav a {padding: 2px 6px; text-decoration: none;}
#content-nav a:link, #content-nav a:visited {background: #cbbf9c; color: #fff0de;}
#content-nav a:hover {background: #7c753a; color: #fff0de;}
#content-nav a:active {background: #292663; color: #fff0de;}
/* @end */

/* @group Miscellaneous */
.player {margin: 0 auto 18px auto;}
#current_month {position: absolute; top: 128px; left: 272px; z-index: 90;}
#new, #hiring {position: absolute; top: 0; left: 764px; z-index: 89;}
a#hiring {background: none;}
.add_more_funny {font-style: italic; margin-bottom: 0; padding-bottom: 18px; text-align: center;}
.divide {background: transparent url(http://images.scottboms.com/entry_divider.gif) 0 -7px repeat-x; padding-top: 18px;}
.clearly {clear: both;}
.tight {margin-bottom: 0;}
.mybad {text-decoration: line-through;}
.left {float: left;}
.right {float: right;}
.note {font-style: italic;}
.sparkline {height: 18px; margin-bottom: 18px;}

#getting_around .ad a {color: #32315f; text-decoration: none;}
.ad {padding: 4px;}
.ad, .ad img {border: 1px solid #32315f; display: -moz-inline-box; display: inline-block; zoom: 1;}
.ad span {display: block; letter-spacing: 1px; text-align: center; text-transform: uppercase;}
/* @end */

/* @group Download Links */
p.download {background: url(http://images.scottboms.com/download.png) 0 50% no-repeat; padding: 9px 9px 9px 18px;}
p.download a {font-weight: bold;}
/* @end */

/* @group License */
p.license {color: #7c753a; font-style: italic; margin-top: -9px; text-align: center;}
/* @end */

/* @group HTML5 equivalents */
.audio, .video {margin-bottom: 18px; width: 100%;}
.audio br, .video br {display: none;}
/* @end */

/* @group Blockquotes */
.quote_replaced blockquote {background: none; padding: 0;}
.quote_replaced blockquote p {text-indent: -9999em;}
#q_dxd {background: transparent url(http://www.scottboms.com/-/img/difference_design_delight.gif) 0 0 no-repeat; height: 198px; width: 583px;}
#q_quality {background: transparent url(http://www.scottboms.com/-/img/quality_is_remembered.gif) 0 0 no-repeat; height: 126px; width: 583px;}
#q_tom_sawyer {background: transparent url(http://www.scottboms.com/-/img/quote_tom_sawyer.gif) 0 0 no-repeat; height: 180px; width: 583px;}
/* @end */