#banner {height: 80px; padding-left: 10px; padding-right: 20px}
#banner a:hover {background-color: transparent}
#banner img {margin-top: 0px}
#page {position: relative; width: 100%; min-height: 100%; margin-left: auto; margin-right: auto; min-width: 970px}
* html #page {height: 100%}
#navigation {width: 785px}
body.normal_with_pro #navigation {width: 835px}
#navigation {position: absolute; top: 32px; left: 190px; border-width: 0px; border-style: solid; height: 20px; margin: 10px; width: 785px}
#navigation ul {list-style: none; float: left}
#navigation li {float: left; border: none; height: 22px; width: 83px; margin-left: 3px; background-image: url('/images/nav-tab-2t.png'); text-align: center}
#navigation li#tour_nav {width: 11em; background-image: none; background-color: #D5F3D4; border: 1px solid #fff; border-bottom: none}
#navigation li.hover a#tour_nav_link {background-color: white}
#navigation li#notebook_tab {width: 98px; background-image: url('/images/nav-tab-2.png')}
#navigation li#pro_tab {width: 50px; font-size: .9em}
#navigation li#carts_tab {width: 50px; font-size: .9em}
#navigation li#help_tab {width: 40px}
#navigation li#help_tab a {font-size: 16px; color: #444; font-family: Arial, Helvetica, sans-serif}
#navigation li#search_tab {width: 40px}
#navigation a {color: #333333; display: block; text-decoration: none; padding: 3px; background-color: transparent; font-size: 13px}
#navigation a:hover {color: black}
#navigation li.active {background-image: url('/images/nav-tab-2s-active.png')}
.sticky_header #navigation li {background-image: none !important}
#navigation li.hover {background-image: url('/images/nav-tab-2-lit.png') !important}
#navigation li.active#notebook_tab {background-image: url('/images/nav-tab-2-active.png')}
#navigation li#pro_tab.with_notification {width: 55px; text-align: left; padding-left: 5px}
.pro_notification {border: 1px solid #a5cb93; color: white; background-color: #a5cb93; border-radius: 50%; display: block; width: 15px; height: 15px; text-align: center; line-height: 14px}
.pro_notification.overdue {border: 1px solid red; background-color: red}
#pn_tabs {position: relative; left: 30px; bottom: 21px}
#searchlight {top: 66px; left: 620px; width: 327px; position: absolute; z-index: 500}
#searchlight_saved_searches li {height: 3em !important }
#searchlight_saved_searches ul {margin-bottom: 5px}
#searchlight_saved_searches .date {font-size: .9em; color: #666}
#searchlight .searchlight_content {min-height: 40px; background: url('/images/searchlight-body-2.png') repeat-y 0px 0px}
#searchlight .searchlight_top {background-image: url('/images/searchlight-top-2.png'); height: 46px; clear: both; position: relative}
#searchlight .section {margin: 0px 15px; padding-bottom: 2px; padding-top: 5px; text-align: left; color: #777; font-size: .9em}
#searchlight .searchlight_component {margin-left: 10px; margin-right: 10px; padding-bottom: 15px}
#searchlight .saved_searchlight {padding-left: 10px; padding-top: 5px}
#searchlight .advanced_searchlight ul {width: 90px; float: left}
#searchlight .advanced_searchlight li, #searchlight .advanced_searchlight a {width: 90px}
#searchlight .searchlight_top a, #searchlight .searchlight_top a:hover {background-color: transparent; display: block; float: right; height: 25px; margin-right: 15px; margin-top: 25px; text-decoration: none; width: 30px}
#searchlight .searchlight_bottom {background: url('/images/searchlight-bottom-2.png') no-repeat; height: 15px}
#searchlight form {margin: 0; font-size: .95em; background: url(/images/rounded-search-2.png) no-repeat 11px 0px; height: 40px; position: relative; z-index: 500}
#searchlight #searchlight_progress {right: 18px; top: 6px; position: absolute}
#searchlight form input {border: none; font-size: 1.2em; height: 20px; margin-left: 35px; margin-top: 7px; width: 200px}
#searchlight ul {float: none; margin-left: 10px}
#searchlight ul li {float: none; width: 238px; overflow: hidden; height: 1.8em; text-align: left; margin-left: 0}
#searchlight ul li a {font-size: 12px; line-height: 22px; height: 22px; display: block; text-decoration: none; cursor: pointer}
#searchlight ul li a:visited {color: black}
#searchlight ul li.group {background: transparent url("http://skitch.ravelry.com/Untitled-20100719-151442.png") no-repeat; color: #666666; margin-bottom: 5px; margin-top: 10px; padding-left: 10px; padding-right: 5px; padding-top: 0; width: 282px}
#searchlight ul li.group a {display: block; font-size: 0.9em; height: 20px; line-height: 20px; text-align: left; background: transparent url("/images/advanced_search_chiclet.png") no-repeat right}
#searchlight ul li.group a:hover {background: transparent url("/images/advanced_search_chiclet-lit.png") no-repeat 181px 1px}
#searchlight ul.results li img, #searchlight ul.results li span.img {height: 20px; width: 20px; float: left; display: block; background-color: #eee; border: 1px solid #ccc; margin-right: 5px}
#searchlight ul ul li {clear: both; height: 26px; line-height: 22px; padding-left: 5px; padding-left: 10px}
#searchlight .notebook_options {margin-top: 0; margin-bottom: 15px; margin-left: 8px !important}
#searchlight .notebook_options li {padding-left: 0 !important; width: 115px !important}
#searchlight .notebook_options li a:hover {text-decoration: underline}
#searchlight .notebook_options li a:hover, #searchlight .results li a:hover {cursor: pointer; background-color: transparent}
#searchlight .results li a:hover img {border: 2px solid #ad003e}
#searchlight ul ul, #searchlight ul ul li {font-weight: normal; margin-left: 0}
#searchlight ul li .details {color: #666}
#searchlight input#searchlight_term {width: 208px; height: 18px; margin-top: 6px; outline: none}
#searchlight_results {padding-bottom: 10px}
#notebook_menu {background: transparent url('/images/menu-transparent-3.png') no-repeat; top: 17px; left: -2px; width: 160px; padding-top: 7px; padding-left: 5px; height: 292px; position: absolute; z-index: 500; font-size: .95em}
.notebook_options {margin-top: 10px; margin-bottom: 5px; width: 250px; margin-left: auto; margin-right: auto}
.notebook_options a:hover {background-color: transparent; text-decoration: underline}
#pro_links {margin-top: 1em; margin-bottom: 1em}
#pro_links .pro_link {text-align: left; padding-left: 7px; padding-top: .15em; padding-bottom: .15em}
#pro_links .pro_link img {border: none; vertical-align: middle; padding-right: 5px}
#notebook_menu li {width: 135px}
#notebook_menu li, .notebook_options li {background-image: none; background-repeat: no-repeat; background-position: 5px 4px; padding-bottom: 1px; cursor: pointer; text-align: left}
.notebook_options li {width: 125px; float: left !important; height: 17px !important; clear: none !important; background-position: 4px 0px}
#notebook_menu li.hover {background-color: #eaf5e7}
.notebook_options a, #notebook_menu a {text-decoration: none; padding-left: 30px; color: #333333; font-size: 1.1em}
#notebook_menu a:hover {background-color: transparent}
#status {position: absolute; top: 7px; right: 15px; margin-left: 100px}
#messages {float: right; text-align: right; width: 500px}
#inbox a {text-decoration: none}
#inbox a:visited {color: black}
#inbox {z-index: 100; right: 0px; font-size: .9em; padding: 2px}
#inbox a img {vertical-align: top; padding-right: 5px}
.large_inbox {font-size: 1em !important}
.large_inbox span {padding-left: .5em; padding-right: .5em}
.large_inbox img {vertical-align: middle !important}
.sticky_header #page_header {position: fixed; top: -37px; left: 0; right: 0; height: 65px; z-index: 10}
.sticky_header {margin-top: 78px}
.sticky_header #login {display: none}
.sticky_header #banner a {display: block; overflow: hidden; width: 75px}
span.dark_notification_bubble {font-size: 0.85em; text-align: center; color: #fff; background-color: #DA1858; border: 1px solid #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 0px 5px; line-height: 20px; min-width: 1em; display: inline-block}
body, ol, ul, td, th, input, select, table {font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 12px}
@font-face {font-family: 'MrEavesSanAltBkRegular'; src: url('/fonts/mreavessanaltbk-071211002EmigreWebOnly.eot'); src: url('/fonts/mreavessanaltbk-071211002EmigreWebOnly.eot?#iefix') format('embedded-opentype'), url('/fonts/mreavessanaltbk-071211002EmigreWebOnly.woff') format('woff'); font-weight: normal; font-style: normal}
@font-face {font-family: 'MrEavesSanRRegular'; src: url('/fonts/mreavessanr-071211002EmigreWebOnly.eot'); src: url('/fonts/mreavessanr-071211002EmigreWebOnly.eot?#iefix') format('embedded-opentype'), url('/fonts/mreavessanr-071211002EmigreWebOnly.woff') format('woff'); font-weight: normal; font-style: normal}
ul, ol {list-style: none}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0}
a img, :link img, :visited img, fieldset {border: none}
abbr {cursor: help; border-bottom: 1px dotted #25221D}
code.pattern_code, code.pattern_code_block {font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif; display: inline}
pre.fenced_code {margin-bottom: 1em; font-size: 1.2em; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace}
code.pattern_code_block {display: block}
a.image_link:hover, a.image_link:visited {background-color: transparent}
img.baseline {vertical-align: bottom}
select.hopper {font-weight: normal; font-size: 12px; width: 55px !important; margin: 0px; padding: 0px; margin-left: 1em; float: none; height: auto}
address {font-style: normal}
legend {color: black}
table {border-collapse: collapse}
td.nowrap {white-space: nowrap}
hr {border: none; border-top-style: dotted; border-top-width: 1px; border-top-color: #cccccc}
ul.sortable {cursor: move}
ol {list-style-position: outside; list-style-type: decimal; margin: 2em; margin-top: 1em; font-size: 1em}
ol.spaced li {margin-bottom: .5em}
div.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
a {color: #000}
a:visited {color: #666}
a:hover {text-decoration: underline; background-color: #ecf9e7; background-color: #c2ebb1}
.avatar a:hover {background-color: transparent}
.mistletoe {position: absolute; margin-top: -15px; margin-left: -12px; z-index: 100}
body:first-of-type .mistletoe {padding-left: 66px}
.avatar .birthday_cake {margin-left: 76px; margin-top: -10px; border: none !important}
#navigation, .tabs {border-color: #dddddd}
.tabs a {color: #333333}
img.emo {width: 16px; height: 16px; vertical-align: bottom}
.autocomplete ul li.selected {background-color: #d2f2d1}
html {height: 100%}
body {height: 100%; background-color: #fff}
body.external {height: 95%}
body.normal, #page_header {background: #fff url('/images/header-background-2.png') repeat-x 0px -30px}
br {line-height: 0px; font-size: 0em}
h1 {letter-spacing:-1px}
h1 {margin-bottom: 10px; font-size: 1.5em}
h1 .note {font-weight: normal}
h2 {font-size: 1.3em}
h3 {font-size: 1.2em}
img {border: none}
img.midline {vertical-align: middle}
img.inline {vertical-align: bottom}
label {float: left; width: 80px}
button {text-align: center}
input {float: left; width: 100px}
.better_reset input, .better_reset label {float: none; width: auto}
input[type='checkbox'] {float: left; width: auto}
input.checkbox {float: left; border: none; width: auto}
form.short {margin-top: 0px}
form.short .field {display: inline; padding-right: 5px}
form.short input, form.short .clicker, form.short label {float: none; width: auto}
form.short .indicator {display: inline; padding-left: 5px}
.autocomplete_indicator img {margin-left: 4px}
#errors {color: #d21554}
form {margin-top: 10px}
fieldset {margin: 4px}
.field {clear: both; padding-top: 3px}
.fields img {display: inline; padding-top: 1px; padding-left: 1px; padding-right: 1px; border-style: solid; border-color: #cccccc; border-width: 1px; border-bottom-width: 2px; border-left: 0px; background-color: white}
.fields .clicker_icon img {border: none; background-color: transparent}
.project_made_for_user {line-height: 26px; padding-bottom: 3px}
a.photo_peek {background-repeat: no-repeat; width: 30px; height: 18px; float: left; padding: 0; margin-right: 10px; border: 1px solid #666; line-height: 20px}
.fields img.logo {border: none; margin-bottom: 15px}
.fields .indicator img {border: none; background-color: transparent}
form.medium_fields {width: 420px}
form.medium_fields label {width: 150px}
form.medium_fields input {width: 250px}
form.medium_fields textarea {width: 400px; margin-top: 5px; height: 100px}
form.medium_fields .clicker {float: right; margin-right: 10px}
textarea {width: 220px; border-style: solid; border-color: #cccccc; border-width: 1px; border-bottom-width: 2px; font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: .9em}
p.blurb {margin: 15px; font-size: 1.2em}
p.highlighted strong, div.highlighted strong {background-color: #fffff3; font-weight: normal}
#project_search_category {width: 140px}
#keyword_help_menu {width: 350px; border: none; font-size: .9em; color: #666666}
a.icon_indicator {text-decoration: none}
a.icon_indicator img {vertical-align: bottom}
.dialog .button {background-color: transparent}
.dialog .box_title {font-weight: bold}
.dialog .box_title a {color: white}
.dialog fieldset {margin-left: 20px}
.dialog label {width: 200px}
.dialog input, .dialog select {width: 200px; z-index: 105}
.dialog .submit {width: 140px; margin-top: 10px 0 0 260px}
.dialog .suggestions {margin-bottom: 10px; margin-left: 10px}
.dialog .deck .buttons {width: 100%; text-align: center; margin-top: 20px}
.dialog .deck .buttons {margin-top: 50px}
.dialog .deck p {margin-bottom: 20px}
.search_dialog p.section {margin-top: 1em}
.search_dialog .search_results {height: 290px; overflow-y: auto; margin-top: 10px; margin-bottom: 10px; border: 1px solid #999999; background-color: white; padding: 1px}
.notebook .search_dialog table {border: none}
.search_dialog .search_results li {padding-top: .25em}
.search_dialog .search_results td.photo {width: 75px; height:75px; padding-left: 5px; padding-bottom: 15px; padding-right: 15px; text-align: center}
.search_dialog {margin: 1em}
#dialog_suggestions .suggestions, form .suggestions {padding: 10px; background-color: #ecf9e7; border: 1px solid #cccccc; margin-top: 5px; margin-bottom: 5px}
form .suggestions .info {font-size: .9em}
.queue_editor .additional_information .closer, form .suggestions .closer {float: right; border: none; cursor: pointer}
.queue_editor #stash_selector img {border: none !important}
#stash_selector table {cursor: default}
.queue_editor fieldset {margin-left: 0}
.queue_editor #pattern_fieldset {margin-bottom: 10px}
#dialog_suggestions .instructions, form .suggestions .instructions {font-size: 1em; padding-bottom: 5px}
#dialog_suggestions ul.patterns {margin-bottom: 0px}
form .suggestions .alternatives {margin-top: 10px}
form .suggestions .buttons {margin-top: 5px}
.projects form .suggestions, .stash form .suggestions {margin: 10px; width: 360px}
.panel {width: 960px; margin-top: -1px}
.panel .notes p {margin-bottom: 5px; margin-top: 5px; font-size: .95em}
.panel .markdown p {margin-bottom: 1em !important; margin-top: 0px !important; font-size: 1em}
.panel .avatar {float: right; border: 1px solid #cccccc}
.panel .header {padding-bottom: 2px; font-size: 1em; height: 30px}
.panel .header .hint {margin: 10px}
.panels {width: 960px; margin-top: -1px}
#bookmarklet_content #searchlight {position: static; left: 0px; top: 0px}
#bookmarklet_content .searchlight_top {display: none}
#bookmarklet_content .searchlight_content, #bookmarklet_content .searchlight_bottom {background-image: none !important}
#content {width: 960px; margin-left: auto; margin-right: auto; min-height: 100%}
.admin #content, body.editing_tags #content, body.editing_activities #content {width: 95%}
.resumes_index #content, .project_search #content, .notebook #content, .yarns_popular #content, .yarns_brand #content, .pattern_list #content, .patterns_category #content, .patterns_browse #content, .yarns_browse #content, .pattern_sources_admin #content, body.posts_index #content, body.draft_patterns #content, body.chats_show #content, body.issues_index #content {width: 100%}
body.issues #content .container {margin-left: 10px; margin-right: 10px}
.hint {font-size: .85em; color: #888888}
.heading .hint {padding: 20px 0 0 10px}
.hint_title {font-weight: bold; color: #666666}
.breadcrumb_page h2.breadcrumbs {margin-bottom: 2em}
h2.breadcrumbs {font-weight: normal; font-size: 1.2em}
a.breadcrumb_avatar img {vertical-align: middle}
body.notebook a.breadcrumb_avatar {margin-left: 15px}
a.notebook_login {text-decoration: none}
body.yarns_search h2.breadcrumbs, body.patterns_search h2.breadcrumbs {font-weight: normal; font-size: 1.2em; border: none; margin-bottom: 0px}
.sub {font-size: 90%; font-weight: normal}
h2.breadcrumbs, .sub a:visited {color: black}
h2.breadcrumbs {margin-bottom: 10px}
.information {border: 1px solid #cccccc; background-color: #fffff3; padding: 5px; margin-bottom: 5px}
.subtle {color: #666666; padding: 5px}
.warning {color: red}
.heading {margin: 10px}
body.notebook .heading {margin-top: 0}
body.designers .heading, body.stores .heading, body.pattern_sources .heading, body.products .heading {margin: 0}
body.designers .tabs, body.pattern_sources .tabs, body.stores .tabs, body.products .tabs {margin-top: 10px; padding: 0}
body.products .patterns_heading {margin: 10px}
body.products .patterns_heading h2 {padding-bottom: 10px}
body.products .editor {margin-top: 0px; font-size: 1em}
.heading a {color: black; text-decoration: none}
.heading a:hover {text-decoration: underline}
.heading small a {margin-left: .5em; font-size: 1em; text-decoration: underline}
.breadcrumb_divider {font-size: .8em; color: #999999; font-weight: bold}
.copyright {font-size: .9em; color: #666666; width: 190px; margin-bottom: 10px; text-align: center}
#current_slide .copyright {margin-top: 1em}
#current_slide .copyright img {vertical-align: bottom; border: none}
.guest_message {background-color: transparent; padding: 5px; border: 1px dotted #cccccc; display: block; width: 520px; text-align: center; margin: 10px}
.guest_message a:hover {background-color: transparent}
a.button {cursor: pointer; background-color: white; color: #333333; text-decoration: none; padding: 4px}
a.button .icon {padding: 1px; background-repeat: no-repeat; padding-left: 25px}
a#tag .icon {background-image: url('/images/silk-tag_pink.png')}
a#in_tags .icon {background-image: url('/images/silk-tag_green.png')}
a#bookmark .icon {background-image: url('/images/silk-heart_add.png')}
a#in_bookmarks .icon {background-image: url('/images/silk-heart.png')}
a#cast_on .icon {background-image: url('/images/silk-accept.png')}
a#stash .icon {background-image: url('/images/silk-basket.png')}
a#in_stash .icon {background-image: url('/images/silk-asterisk_yellow.png')}
a#friend .icon {background-image: url('/images/silk-user_add.png')}
a#in_friends .icon {background-image: url('/images/silk-user.png')}
a#personal_pattern .icon {background-image: url('/images/silk-add.png')}
a#new_pattern .icon {background-image: url('/images/silk-lightning.png')}
a#personal_yarn .icon {background-image: url('/images/silk-help.png')}
a#new_yarn .icon {background-image: url('/images/silk-lightning.png')}
a#edit .icon {background-image: url('/images/silk-pencil.png')}
a#delete .icon {background-image: url('/images/silk-bin_closed.png')}
.button {background-color: white; padding: 3px; padding-left: 5px; padding-right: 5px; text-align: center; border-style: solid; border-width: 1px; border-color: #cccccc; margin: 3px; height: 15px}
.button a:hover {color: purple; background-color: white}
.button a, .button a:visited {text-decoration: none; color: #333333}
.icons {margin-top: 2px; float: right}
.icons .button {width: 20px; float: right}
.chiclet .head {background: transparent url('/images/chiclet-top.png') no-repeat; height: 8px; width: 152px; font-size: 0pt}
.chiclet ul {margin: 0px; background: transparent url('/images/chiclet-body.png') repeat-y; width: 152px}
.chiclet .foot {background: transparent url('/images/chiclet-bottom.png') no-repeat; height: 10px; width: 152px; font-size: 0pt}
.box .links a {text-decoration: none; display: block; padding: 3px; font-size: 1em; color: black}
.box .links a:hover {background-color: white}
.box .active a {background-color: #ecf7e9; font-weight: bold}
.chiclet li {border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff; height: 1.75em; margin-left: 3px; width: 147px}
.chiclet a {padding-left: 30px; text-decoration: none; font-size: 13px; background-repeat:no-repeat; background-position: 5px 0px; width: 115px; height: 1.75em; color: #333333; display: block; overflow: hidden}
.chiclet span {background-repeat: no-repeat; background-position: 5px 0px; display: block}
.chiclet #current {background-color: #eaf5e7; color: black}
.chiclet a:hover {background-color: white; color: black}
.chiclet #projects_tab a, #notebook_menu li.projects_option, li.projects_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -6px}
.chiclet #stash_tab a, #notebook_menu li.stash_option, li.stash_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -134px}
.chiclet #favorites_tab a, #notebook_menu li.favorites_option, li.favorites_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -102px}
.chiclet #friends_tab a, #notebook_menu li.friends_option, li.friends_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -70px}
li.forum_posts_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -166px}
.chiclet #needles_tab a, #notebook_menu li.needles_option, li.needles_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -198px}
.chiclet #user_groups_tab a, #notebook_menu li.user_groups_option, li.user_groups_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -166px}
.chiclet #user_messages_tab a, #notebook_menu li.messages_option, li.messages_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -262px}
#notebook_menu li.contributions_option, .chiclet #contributions_tab a {background-image: url('/images/silk-pencil.png') !important}
.chiclet #purchases_tab a {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -326px}
.chiclet #library_tab a, #notebook_menu li.books_option, li.books_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -230px}
.chiclet #queue_tab a, #notebook_menu li.queue_option, li.queue_option {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -38px}
.chiclet #handspun_tab a, #notebook_menu li.handspun_option, li.handspun_option {background-image: url('/images/bobbin2.png') !important}
#notebook_menu li.posts_option, .chiclet #posts_tab a {background-image: url('/images/notebook-sprites-2.png') !important; background-position: -4px -294px}
.chiclet .last {border-bottom: none}
.chiclet .first {border-top: none}
.menu {width: 200px; background-color: white; border: 1px solid #cccccc; padding: 5px; z-index: 10}
.menu .close {float: right}
.menu .title {font-weight: bold; float: left; padding-bottom: 5px}
.menu ul {clear: both}
.menu img {margin-bottom: -3px; margin-right: 3px}
.editor {margin-top: -15px; font-size: 1.1em}
body.patterns .editor {margin-top: 0}
body.patterns_wiki .editor, body.yarns_projects .editor, body.patterns_people .editor, body.patterns_posts .editor, body.yarns_stashes .editor, body.patterns_threads .editor {font-size: 1em}
.editor .show {float: left; margin-top: 10px}
.editor .show .field {padding: 3px}
.editor .textarea_preview {margin-top: 10px; border: 1px dotted #cccccc; background-color: #fcfcfc; padding: 5px; cursor: pointer; font-size: 1em}
.editor .textarea_preview .help {color: #999999}
.editor fieldset {margin-bottom: 10px}
.editor input, .editor textarea {width: 220px; border-style: solid; border-color: #cccccc; border-width: 1px; border-bottom-width: 2px; padding: 1px}
.editor input[type='checkbox'] {width: 20px; height: 1.4em; font-weight: bold}
.editor input.checkbox {width: 20px; height: 1.4em; font-weight: bold}
.editor textarea {width: 300px; font-size: 1em}
.editor .submit {margin-top: 0px; width: 80px; background-color: #eeeeee; border-color: #999999; border-width: .5px; padding: 2px; color: #333333; cursor: pointer}
.editor .tabs {width: 960px}
body.patterns .editor .tabs, body.yarns .editor .tabs {margin-top: -10px}
a.login {color: black}
a.login:hover {text-decoration: underline}
#not_logged_in a {text-decoration: none; color: black}
#not_logged_in a:hover {text-decoration: underline; color: black}
.bookmarklet {border-width: 1px; border-style: solid; border-top-color: #ffffff; border-left-color: #ffffff; border-bottom-color: #666666; border-right-color: #666666; padding: 2px; background-color: #e3ffe3; font-size: .95em}
.index_card {width: 455px; height: 230px; float: left; margin-right: 5px; margin-bottom: 0px; padding: 10px; background: transparent url('/images/project-notecard.png') no-repeat}
.index_card .carousel, .photo_carousel_container .carousel {height: 171px; width: 171px; overflow: hidden; position: relative}
.index_card .tiny_indicator, .photo_carousel_container .tiny_indicator {padding-top: 5px}
.index_card .carousel_window, .photo_carousel_container .carousel_window {height: 171px; width: 10000px; left: 0px; position: absolute}
.index_card .carousel_window .photo_border {width: auto}
.index_card .carousel_page, .photo_carousel_container .carousel_page {float: left; margin-right: 3px; width: 168px}
.index_card .vitals {width: 240px; height: 75px; padding-bottom: 5px; overflow: hidden}
.index_card .avatar {float: left; height: 100px; width: 100px}
.index_card .avatar_medium {height: 75px; width: 75px; border: 1px solid #999; margin-bottom: 15px}
.index_card .more_avatar {float: left; height: 100px; width: 75px; margin-left: 10px; text-align: center; font-size: .9em}
.index_card .no_notes {color: #ccc}
.index_card .notes {width: 165px !important; height: 100px; padding-bottom: 5px; overflow: hidden; float: left; font-size: .95em}
.index_card .photo_border {background: none; margin: 0 !important; padding: 0 !important; height: 169px}
.photo_carousel_controls {background: white url(/images/photo-changer.png) no-repeat; line-height: 22px; font-size: .9em; text-align: center; width: 171px; height: 22px}
.photo_carousel_controls .caption {display: block; width: 114px; float: left; text-align: center}
.photo_carousel_controls a {text-decoration: none; font-size: 0; display: block; width: 24px; height: 22px}
.photo_carousel_controls .photo_changer_previous {float: left; background: transparent url(/images/photo-changer.png) no-repeat -172px 0; margin-left: 4px}
.photo_carousel_controls.photo_changer_previous:hover {background: transparent url(/images/photo-changer.png) no-repeat -224px 0}
.photo_carousel_controls .photo_changer_next {float: right; background: transparent url(/images/photo-changer.png) no-repeat -198px 0; margin-right: 4px}
.photo_carousel_controls .photo_changer_next:hover {background: transparent url(/images/photo-changer.png) no-repeat -250px 0}
.photo_carousel_controls a:hover {background-color: transparent}
.carousel_photo .photo_frame {padding: 0}
.carousel_photo {float: left; margin-right: 10px; width: 185px; height: 200px}
.index_card .zoomable_photo {border: 1px solid #999999; cursor: -moz-zoom-in, -webkit-zoom-in}
.index_card .overview {float: left; width: 250px}
.index_card .item_title {font-size: 1.1em; margin-top: 5px; margin-left: 5px; margin-bottom: 5px; float: left; width: 300px; height: 1.5em; overflow: hidden}
.index_card .notes .match {font-weight: bold}
.index_card .notes .best-highlight {background-color: #cdf2c2}
.index_card .user_summary {}
.index_card img.notes_fade {bottom: -10px; left: 0; display: none}
.index_card .indicators {margin-bottom: 5px; margin-top: 5px; float: right; width: 150px}
.index_card .indicator {display: block; padding-right: 7px; text-decoration: none; float: right}
.index_card .vitals {margin-top: 5px; height: 70px; overflow: hidden}
.index_card img.indicator, .index_card .indicator img {vertical-align: middle; width: 16px; height: 16px}
.people_project {float: left; margin: 10px; width: 220px; height: 160px}
.people_project .images {height: 110px}
.people_project .images img {vertical-align: bottom}
.designers .inline_stars, .people_project .inline_stars {margin: auto}
.people_project .user {text-align: center}
.people_project .user_name {text-align: center}
.people_project img {background-color: white; padding: 2px; border-style: solid; border-width: 1px; border-color: #cccccc}
.people_project .rating, .people_project .stars {width: 80px; height: 18px; background: transparent repeat-x url('/images/silk-modified-award_star-dim.png'); margin-left: 75px}
.people_project .stars {height: 18px; margin-top: -18px; background-image: url('/images/silk-modified-award_star.png')}
.people_project .status {}
.recent_pattern {width: 180px; float: left; text-align: center; float: left; height: 240px; margin: 5px}
body.yarns #patterns_panel .page_links, body.yarns #projects_panel .page_links {margin-top: 1em}
input.go, input.search {width: 20px; background-color: #eeeeee; border-color: #999999; border-width: .5px; display: block}
.submit {border-style: raised; border-width: 1px}
input {border-style: solid; border-color: #cccccc; border-width: 1px; border-bottom-width: 2px}
select {border-style: solid; border-color: #cccccc; border-width: 1px; border-bottom-width: 2px}
@media screen and (-webkit-min-device-pixel-ratio:0) {select {height: 20px}
}
.submit {width: 80px; background-color: #eeeeee; border-color: #999999; border-width: .5px}
#preload_default_images {width: 0px; height: 0px; display: inline; background-image: url('/images/menu-transparent-3.png')}
#preload_default_images span {background-image: url('/images/notebook-sprites-2.png')}
#preload_default_images span span {background-image: url('/images/searchlight-body.png'); background-image: url('/images/searchlight-top.png'); background-image: url('/images/searchlight-bottom.png'); background-image: url('/images/comment-bubble-top.png'); background-image: url('/images/comment-bubble-bottom.png'); background-image: url('/images/comment-bubble-background.gif')}
#prefooter {padding-bottom: 80px}
#footer {margin-top: -80px; position: relative; background: transparent url('/images/footer-background-3.png') repeat-x; height: 90px; color: #444444}
#footer .linkbar {float: right; margin-top: 60px; margin-right: 10px; font-size: .95em; height: 30px}
#footer .linkbar a {font-size: 1.1em}
#footer img {margin-bottom: -5px; margin-left: 5px}
#footer a {color: #90007b}
.flash {background-color: #d1f2d1; padding: 3px}
.preview_content {position: absolute; z-index: 25; background-color: white; padding: 10px; border: 1px dotted #999999}
.preview_image {position: absolute; z-index: 25; background-color: white; padding: 10px; border: 1px dotted #999999}
div.auto_complete {width: 350px; background: #fff}
div.auto_complete ul {border: 1px solid #888; margin: 0px; padding: 0px; width: 100%; overflow: hidden; list-style-type: none}
div.auto_complete ul li {margin: 0px; padding: 3px}
div.auto_complete ul li.selected {background-color: #ffb}
div.auto_complete ul strong.highlight {color: #800; margin: 0px; padding: 0px}
div.auto_complete ul li .clipped {height: 1.5em; overflow: hidden; overflow-y: hidden }
div.auto_complete ul li .informal {display: block; color: #666666; font-size: .95em; padding-bottom: 2px; height: 1.2em; overflow: hidden; overflow-y: hidden }
.gallery {width: 215px; float: left; margin: 10px}
.gallery .ads {width: 190px; text-align: center}
.square_thumbnail {width: 75px; height: 75px; border: 1px solid #999}
.square_thumbnail {line-height: 75px; text-align: center; color: #aaaaaa}
.tiny_thumbnail {width: 25px; height: 25px; border: 1px solid #999; vertical-align: middle}
.box {padding: 1px; margin-bottom: 15px; width: 245px; background: url('/images/chiclet-bottom-2.png') no-repeat bottom left; padding-bottom: 10px}
.box.medium {width: 345px; background: url('/images/chiclet-bottom-3.png') no-repeat bottom left}
.box.large {width: 475px; background: url('/images/chiclet-bottom-4.png') no-repeat bottom left}
.box_contents {padding: 5px; background-image: url('/images/chiclet-body-2.png')}
.medium .box_contents {background-image: url('/images/chiclet-body-3.png')}
.large .box_contents {background-image: url('/images/chiclet-body-4.png')}
.box_title {background-image: url('/images/chiclet-top-2.png'); height: 25px; padding: 5px; padding-bottom: 0px; color: #e0e0e0; letter-spacing: .5px; font-size: 1em}
.medium .box_title {background-image: url('/images/chiclet-top-3.png')}
.large .box_title {background-image: url('/images/chiclet-top-4.png')}
.box .button {border: none}
ul.brief_error_messages, ul.brief_error_messages ul {list-style-position: inside; list-style-type: disc; margin: 1em; margin-top: 1em; font-size: 1em}
ul.brief_error_messages li {margin-bottom: .25em}
ul.pretty_error_messages, .pretty_errors ul.brief_error_messages, .people ul.brief_error_messages, .invitations ul.brief_error_messages, .shops ul.brief_error_messages, .in_store_sales_requests ul.brief_error_messages, .patterns_edit ul.brief_error_messages {margin-left: 0em; background: #fcfffc url('/images/error-message-bar.png') no-repeat 0 0; padding: .5em; padding-left: 35px; border: 1px solid #e9e9e9; border-bottom-color: #d2d0d0; border-left-color: #d2d0d0}
ul.pretty_error_messages strong {display: block; margin-bottom: .5em}
body.invitations_show ul.brief_error_messages {margin-top: 0}
.tabs {border-bottom-width: 1px; border-bottom-style: solid; padding: 0.6em 0 0; font-weight: normal; font-size: .85em; margin-top: -25px}
.tabs ul, .tabs ul li {list-style: none; margin: 0; padding: 0}
.tabs ul {padding: 0px 0 5px; text-align: right}
.tabs ul li {display: inline; margin-left: -2px}
.tabs ul li img {margin-bottom: -3px}
.tabs ul li span {background: url('/images/tabs-left-3.gif') no-repeat left top; text-decoration: none; padding-top: 5px; padding-bottom: 5px}
body.notebook #projects_panel .tabs {margin-top: 0px}
body.notebook #projects_panel .tabs ul li {line-height: 22px}
body.notebook #projects_panel .tabs ul {padding: 0 0 2px; padding-bottom: 1px}
#queue_panel #queue_order_overlay {z-index: 10; height: 60px; position: fixed; bottom: 0px; right: 0px; left: 0px; width: 100%; background-image: url(/images/queue-overlay-background.png)}
#queue_panel #queue_order_overlay .container {padding: 20px; width: 400px; float: right; text-align: right}
#queue_panel .tabs, body.discussions .discussions_header .tabs {margin-bottom: -4px}
body.discussions .discussions_header #tabset ul {padding-bottom: 2px}
#queue_panel .tabs li, body.discussions .discussions_header .tabs li {line-height: 22px}
*:first-child+html .tabs ul li span {padding-top: 0px}
.tabs ul li a {background: url('/images/tabs-right-3.gif') no-repeat right top; padding: 5px 10px 5px 5px; margin: 4px 0 4px 4px; text-decoration: none; color: #222; white-space: nowrap}
.tabs ul li span a:hover {text-decoration: underline}
.tabs ul li span.hover {}
.tabs #current span {background-position: 0 -150px}
.tabs #current span a {background-position: 99% -150px; color: black}
th a:visited {color: black}
table.grid {border-collapse: collapse; margin: 0px; width: 100%; background-color: white}
table.grid tbody {border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-width: 1px}
table.grid td, table th {margin: 0px; padding: 4px; font-size: .95em}
body.designers_patterns table.grid td, body.designers_patterns th {font-size: 1em}
table#forum_posts thead td, table.grid th, table.grid tr.header td {border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-width: 1px; background: #f9f9f9 url('/images/table-header.png') repeat-x 5px; font-size: 1em}
table#forum_posts thead td {border-style: solid}
table.grid {cursor: pointer}
table.nohover {cursor: default}
table.grid thead {cursor: default}
table.grid tr.stripe {background-color: #f9fff9}
table.grid tr.hover, tr.hover {background-color: #fffff3}
td.numeric, th.numeric {text-align: right}
td.marker {text-align: center}
ul.rating {margin-top: 5px; list-style: none}
.rating li {float: left}
.rateable li {cursor: pointer}
ul.star_rating .rating_label, ul.bar_rating .rating_label {width: 5em; display: block; float: left; font-size: .85em; background-image: none}
.rating .smile_0_dim, .rating #smile_0 {background-image: url('/images/emoticon_loser-dim.png')}
.rating .smile_1_dim, .rating #smile_1 {background-image: url('/images/emoticon_unhappy-dim.png')}
.rating .smile_2_dim, .rating #smile_2 {background-image: url('/images/emoticon_meh-dim.png')}
.rating .smile_3_dim, .rating #smile_3 {background-image: url('/images/emoticon_smile-dim.png')}
.rating .smile_4_dim, .rating #smile_4 {background-image: url('/images/emoticon_grin-dim.png')}
.rating .smile_0_selected#smile_0 {background-image: url('/images/emoticon_loser.png')}
.rating .smile_1_selected#smile_1 {background-image: url('/images/emoticon_unhappy.png')}
.rating .smile_2_selected#smile_2 {background-image: url('/images/emoticon_meh.png')}
.rating .smile_3_selected#smile_3 {background-image: url('/images/emoticon_smile.png')}
.rating .smile_4_selected#smile_4 {background-image: url('/images/emoticon_grin.png')}
.smile_rating {float: left; padding-left: 5px}
.smile_rating li {width: 15px; height: 15px; padding: 1px; margin-top: -4px; background-repeat: no-repeat}
.star_rating li {width: 15px; height: 17px; padding-right: 4px; background-image: url('/images/silk-modified-award_star-dim.png'); background-repeat: no-repeat}
.star_rating .filled {background-image: url('/images/silk-modified-award_star.png')}
.star_rating .hover {background-image: url('/images/silk-modified-award_star-hover.png')}
.star_rating .dim {background-image: url('/images/silk-modified-award_star-dim.png')}
.stars {background-image: url('/images/silk-modified-award_star.png')}
.inline_stars {background-image: url('/images/silk-modified-award_star-dim.png'); height: 18px; width: 80px; text-align: left}
.inline_stars_rating {background-image: url('/images/silk-modified-award_star.png'); height: 18px}
ul.bar_rating {margin-top: 3px}
.bar_rating li {background-color: #cccccc; padding-top: 2px; padding-left: 1px; height: 12px; width: 10px}
.bar_rating li.filled {background-color: green; border-left-width: 0px; border-right-width: 0px; padding-left: 1px}
.bar_rating li.hover {background-color: lightgreen; border-left-width: 0px; border-right-width: 0px; padding-left: 1px}
.bar_rating li.dim {background-color: #cccccc; border-left-width: 0px; border-right-width: 0px; padding-left: 1px}
ul.editable_project_progress {cursor: pointer}
ul.project_progress {margin-top: 0px; list-style: none; height: 12px; width: 100px; border: 1px solid #999999; border-top-color: #aaaaaa; border-left-color: #aaaaaa}
.project_progress li {background-color: #cccccc; padding: 0px; margin: 0px; height: 12px; width: 5px; float: left; cursor: pointer}
ul.readonly_rating .project_progress li {cursor: default}
.project_progress li.filled {background-color: green}
.project_progress li.hover {background-color: lightgreen}
.project_progress li.dim {background-color: #cccccc}
.difficulty {float: left; font-size: .9em; margin-top: -2px; margin-left: 10px; width: 5em; font-color: #666666; text-align: center}
.photo_border {height: 175px; width: 175px; padding: 0px; background-color: #cccccc; color: #cccccc; border: none; padding: 6px; background: transparent url('/images/shadow-box.png') no-repeat}
#photos_panel .photo_border {height: 175px; width: 175px; padding: 0px; color: #cccccc; background-color: #cccccc; border: 1px solid #cccccc; padding-right: 1px; background: white}
#photos_panel .tabs {margin-top: 0px}
#photos_panel .droppable_photo {border: 1px solid #cccccc}
#photos_panel #photo_placeholder_border {border-style: none}
#photos_panel #photo_placeholder {border-style: dashed; border-color: #aaaaaa}
.photo_frame {height: 171px; width: 171px; padding-left: 2px; padding-top: 1px}
.photo_frame a, .photo_frame div.photo {overflow: hidden}
.photo_border .lp {background: white url('/images/loading-photo.png') no-repeat center}
.photo_frame .empty {background-color: #ffffff; color: #bbbbbb; line-height: 150px; font-size: 1.2em}
.photo {display: block; padding: 6px; padding-bottom: 7px; margin-top: 2px; height: 155px; width: 155px; margin-left: auto; margin-right: auto; color: #666666; text-align: center; background-repeat: no-repeat}
.photo img {border: none; position: relative}
a.photo:hover {background-color: transparent}
.photo_frame .hover {background-color: transparent}
.photo .placeholder {line-height: 160px}
#photos_panel .photo .placeholder {line-height: 20px; margin-top: 65px; margin-bottom: 10px}
.photo .progress {text-align: center; width: 150px}
.photo img.indicator {padding-top: 5px; display: none; margin-left: auto; margin-right: auto}
.photo img.cropper {background-color: white; padding: 5px; border: 1px solid #666666; position: absolute; top: 130px; left: 130px; display: none; cursor: all-scroll}
#photo_browser {z-index: 0; margin-top: 10px}
#photo_browser #primary_marker {z-index: 10; position: absolute; left: 0px; display: none}
#photo_browser .photo_border {float: left; height: 210px; margin-left: 9px; margin-bottom: 15px; overflow: hidden}
#photo_browser .sortable {cursor: move}
.zoomable_photo {cursor: pointer}
.zoomable_photo .placeholder {cursor: default}
#photo_browser .photo_frame {height: 195px}
#photo_browser .delete {display: inline; padding: .1em; padding-right: .2em; padding-left: .2em; margin-top: .2em; font-size: 1.1em; line-height: 1em}
#photo_browser .editor_field {width: 100px}
#photo_browser .editor_ok_button {width: 30px; height: 20px; margin-left: 5px}
#photo_browser .photo_title {text-align: center; color: #666666; font-size: .95em; vertical-align: center; display: inline}
#photo_browser .photo_title .caption {display: block; height: 1.5em; overflow: hidden; padding-top: 2px}
#photo_browser .copy {cursor: pointer; text-align: center}
.welcome {}
h1.decorative, h2.decorative, h3.decorative {font-family: 'MrEavesSanAltBkRegular', 'Gill Sans', Helvetica, sans-serif; font-weight: normal}
h1.decorative {font-size: 3em}
h2.welcome_headline {font-family: 'MrEavesSanAltBkRegular', 'Gill Sans', Helvetica, sans-serif; font-size: 2.2em; font-weight: normal; width: 400px; float: left; display: inline}
body.welcome .dateline {width: 150px; float: left; display: inline; text-align: right; margin-right: 10px}
body.welcome .byline {width: 60px; float: left; display: inline}
body.welcome .content {overflow: hidden; float: left; display: inline; width: 700px}
body.welcome .post {width: 660px}
body.welcome .sidebar {overflow: hidden; float: left; display: inline; width: 260px}
body.welcome .online {width: 14em; font-size: 1.2em; line-height: 1.5em; margin-bottom: 10px; text-align: center; width: 250px}
.welcome #guides a {text-decoration: none}
.welcome #guides img {vertical-align: bottom}
.welcome .buzz li {padding-bottom: 5px}
.welcome h1 {font-size: 1.5em; font-weight: normal; margin-bottom: 1em}
.welcome h3 {font-size: 1em}
.welcome .sidebar button {width: 75px}
.welcome .sidebar .clicker {margin-right: 0px; padding-right: 0px}
.welcome form {margin: 0px}
.welcome .post {margin-bottom: 6em}
.welcome #query {width: 140px; margin-right: 3px; height: 1.5em; margin-top: 5px}
.welcome .quicksearch .box_contents {padding-left: 0; padding-right: 0}
.welcome .quicksearch select {height: 1.55em; margin-top: 5px; width: 80px}
.account #banner img {margin-left: 15px}
.account #navigation {display: none}
.account #page {min-width: 0px}
.account #content {background-color: white; width: 800px; margin-left: auto; margin-right: auto; padding-top: 10px}
.account form label, .account form input {font-size: 1.2em}
body.account_reset form {width: 410px}
.account .message {font-size: .8em; margin-top: -5px; margin-left: 5px; margin-bottom: 5px; color: #29b82d}
.logout {}
.notebook h2 {font-weight: normal; font-size: 1.3em}
.notebook .welcome {padding: 10px; font-size: 1.1em}
.notebook .notebook_page {padding-left: 210px; padding-right: 0px}
.notebook .guest_notebook_page {padding-left: 40px}
.notebook .sidebar {margin-left: -190px; width: 180px; float: left}
.notebook .sidebar .notification {margin-left: 5px; margin-top: 15px; width: 150px; font-size: .95em; color: #333333}
.notebook .panel {float: left; border: none; width: 100%; margin-left: -20px}
.notebook table {border: 1px solid #cccccc}
.notebook table.grid {overflow: auto; margin-top: 5px}
.notebook table.grid a:hover {background-color: transparent}
.notebook #contributions_panel table.grid td a {color: black}
.notebook #contributions_panel table.grid td a:hover {text-decoration: underline}
body.user_threads_index table.grid td, body.notebook #posts_panel table.grid td, body.notebook #contributions_panel table.grid td, body.notebook #stash_panel table.grid td, body.notebook #projects_panel table.grid td, body.notebook #stash_panel table.grid td, body.notebook #projects_panel table.grid td, body.notebook #user_messages_panel table.grid th, body.notebook #user_messages_panel table.grid td, #comments_panel table.grid td, body.admin_patterns table.grid tr.pattern td, body.admin table.basic_patterns td, body.admin table.grid td, table.lined td {border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0}
table.bordered {border: 1px solid #cccccc}
table.linked td a {text-decoration: none}
table.linked td a:hover {background-color: transparent; text-decoration: underline}
.notebook #contributions_panel table.grid td {height: 2em}
.notebook .header {padding-bottom: 2px; font-size: 1em; height: 40px; position: relative}
.notebook .header .clicker {float: left; margin-top: -5px}
.notebook #projects_panel .header {height: 30px}
.notebook #projects_panel .header .clicker {float: none}
.notebook #stash_panel .header .clicker {margin-top: -3px}
.notebook thead {background-color: #efefef}
.notebook th {text-align: left; font-weight: normal}
.notebook th.numeric {text-align: center}
.notebook .toolbar {clear: both}
.notebook .toolbar .title {padding: 3px; float: right; font-size: 1.3em; display: none}
.notebook .controls {padding: 3px; float: left}
.notebook #projects_panel .controls {width: 555px}
.notebook #projects_panel .controls select {margin-left: 0}
.notebook .controls form {margin: 0px}
.notebook .controls .field {padding-top: 0; padding-right: 0}
#queue_panel .controls label, #queue_panel .controls input {margin-top: 4px}
.notebook .controls .progress_container {width: 25px; float: left}
.notebook .controls #sort {width: 140px}
.notebook .controls input {width: 110px}
.notebook #projects_panel .controls input {width: 180px}
.notebook #projects_panel .controls #search {width: 135px; height: 1.5em}
* html .notebook #projects_panel .controls #search {width: 100px}
.notebook #projects_panel .icons {float: right; width: 95px; padding-right: 123px}
.notebook .toolbar .button {width: auto; padding: 0px; margin-bottom: 0px; height: 25px; border: none; width: 25px; text-align: center; margin: 2px}
.notebook #projects_panel .toolbar .button {float: right}
.notebook .toolbar #progress {float: left; vertical-align: middle}
* html .notebook .toolbar #progress {vertical-align: auto}
.notebook .toolbar .button a {border: 1px solid #eeeeee; height: 18px; display: block; border-right-color: #cccccc; border-bottom-color: #cccccc; padding: 2px; padding-left: 4px; padding-right: 4px}
.notebook .toolbar .button a:hover {background-color: #fffff3}
.flat_button {border: 1px solid #eeeeee; height: 18px; display: block; border-right-color: #cccccc; border-bottom-color: #cccccc; padding: 4px; padding-bottom: 0px; float: left; margin-right: 5px; font-size: .95em; color: #333}
a.flat_button:visited {color: #333}
.flat_button img {vertical-align: middle; margin-right: .5em}
.notebook .controls #progress {margin-left: 10px; float: left}
.notebook #project_search_form #progress {margin-left: 0px !important; float: none !important; padding-top: 0}
.notebook .controls .search {padding-top: 5px; float: left; width: 180px}
.notebook .controls .search label {width: 50px; margin-left: 10px}
.notebook .icons {width: 130px; float: left}
.notebook .button {float: left}
.notebook select {padding-top: 1px; margin: 3px; height: 1.75em}
.notebook #friends_panel form.short select {padding-top: 0; margin: 0; height: auto}
.notebook #friends_panel form.short input {padding-top: 1px; padding-bottom: 1px}
.notebook #friends_panel form .field {line-height: 25px}
.notebook .panel a {text-decoration: none}
.notebook .panel th a {text-decoration: underline}
.notebook .stash_list table td, .notebook .project_list table td {padding-top: 2px; padding-bottom: 2px}
.notebook .stash_list #stash_table td.unused {color: #999}
.notebook .photo_border {margin-top: 6px; margin-left: 6px; margin-bottom: 5px}
.notebook #projects_panel .photo_border {margin-bottom: 0px}
.notebook #projects_panel .rateable {z-index: 50; position: absolute; margin-top: -7px; margin-left: 20px}
.notebook #projects_panel .rateable .caption {width: 50px; padding-right: 10px}
.notebook #projects_panel .rateable .caption, .notebook #projects_panel .rateable ul {float: left; font-size: .9em}
.notebook #projects_panel .extra_indicators {text-align: right}
.notebook #projects_panel .extra_indicators img {vertical-align: middle}
.notebook #projects_panel .extra_indicators a.percentage {border-bottom: 1px dotted}
.notebook .thumbnail {float: left; width: 190px}
.thumbnail .indicators {padding-top: 5px; height: 2.5em; padding-left: 10px; font-size: .95em}
.thumbnail .indicator {float: left; display: block; padding-right: 7px; text-decoration: none}
.thumbnail .indicator img {vertical-align: middle}
.notebook .thumbnail a:visited {color: #000}
.notebook .thumbnail .title {text-align: center; height: 3em; position: relative}
.notebook .thumbnail .title a {font-size: 1em; display: block; width: 160px; position: absolute; bottom: -5px; left: 15px}
.notebook table {margin-bottom: 50px}
.notebook #rss_menu {position: absolute; left: 488px; top: 35px}
body.projects #project_stumbler {margin-top: 20px; width: 850px}
body.projects #project_stumbler .project {height: 240px}
body.projects #project_stumbler .project .title {font-size: 1.2em; font-weight: bold}
body.projects #project_stumbler .project .title a.indicator {text-decoration: none; vertical-align: bottom; font-weight: normal; font-size: 1em}
body.projects #project_stumbler .project .framed_photo {float: left; cursor: pointer}
body.projects #project_stumbler .project .detail {float: left; margin-left: 20px; width: 650px}
body.projects #project_stumbler .project .made {margin-top: 20px; width: 200px; text-align: center; float: left}
body.projects #project_stumbler .project .made .caption {font-size: 1.1em; height: 4em; width: 180px}
body.projects #project_stumbler .more {float: right; display: block; margin-right: 20px}
body.projects #project_stumbler .project .made img, body.projects #project_stumbler .project .avatar_medium {display: block; margin-left: auto; margin-right: auto; width: 75px; height: 75px; border: 1px solid #333333}
.projects .gallery .section {margin-bottom: 20px}
.projects .title {font-weight: bold; margin: 10px}
.projects .panel {border-left-style: none; border-right-style: none; border-bottom-style: none}
.projects #photos_panel {min-height: 200px}
.related_post_options .menu_content ul {width: 400px !important}
.related_post_options .menu_content ul ul {margin-left: 6em}
.related_post_options .item {background-image: none; padding-left: 5px}
.projects #entries {margin: 20px}
.projects #entries .entry {margin-bottom: 30px}
.projects #entries .text {margin-top: 5px; margin-left: 10px}
.projects #entries .title, #related_posts .post .title {margin: 0px; font-size: 1.1em; font-weight: normal}
.projects #entries .title img, #related_posts .post .title img {vertical-align: bottom}
#related_posts .date {color: #333333}
.projects fieldset.notes img {background-color: transparent}
.projects #project_notes {margin-top: 1em; width: 400px; height: 250px}
.projects fieldset.notes legend {margin-bottom: -5px; padding-bottom: 0px}
.projects .box_contents {min-height: 70px}
.projects .box_contents ul.rating {width: 220px}
.projects .dialog .box_contents {min-height: 400px}
.projects #pattern_summary .box {margin-top: 0px}
.projects .box {margin-top: 20px; margin-bottom: 5px}
.projects .heading h1 {margin: 0px}
.projects .gallery {}
.projects .gallery .controls {padding-left: 10px; margin-top: 10px}
.projects .gallery .controls .button {border: none}
.projects .heading .author {font-weight: normal}
.projects .heading .title {float: left}
.projects .heading .hint {float: right; margin-right: 20px; margin-top: 15px}
.projects .gallery .photo {cursor: pointer}
.projects .gallery .note {text-align: center}
.projects .gallery .view_all {width: 185px; padding-top: 0px; text-align: center}
.projects .project_overview {float: right; width: 280px; margin-top: 5px}
.projects .view_count, .stash .view_count {font-size: .8em; color: #666666; margin-top: 1.2em; line-height: 20px}
.projects .project_overview .progress .caption {display: none}
.projects .project_overview .progress .rateable {float: left; padding-top: 2px}
.projects .project_overview .progress .percentage {margin-left: 20px; float: left; width: 3em}
.stash_prepare .editor, projects_prepare .editor {padding-top: 15px; font-size: 1em}
#prepare_wizard .select_box_autocomplete ul {max-height: 320px; width: 510px}
#prepare_wizard .error {color: #bc0045}
#prepare_wizard #prepare_project_form_craft_id {width: 305px}
#prepare_wizard .flair {float: left; width: 150px; text-align: center; margin-top: 1em; margin-right: 20px}
#prepare_wizard #prepare_project_search, #prepare_wizard #prepare_pack_search, form.prepare_wizard {float: left; width: 600px}
#prepare_wizard .flair .avatar {float: none; width: auto; border: none; margin-bottom: 1em}
#prepare_wizard legend {display: block; margin: 0; padding: 0}
#prepare_wizard legend span {display: block; margin-bottom: 1em; padding-bottom: .5em; font-weight: bold}
#prepare_wizard #pattern_details label {float: none; width: 300px}
#prepare_wizard input {width: 300px}
#prepare_wizard fieldset {margin-bottom: 1em}
#prepare_wizard .origins input {width: auto; border: none}
#prepare_wizard .origins label {width: auto; float: none; margin-left: 1em}
#prepare_wizard .search_results {margin-top: 1em}
#prepare_wizard .search_result {clear: both; height: 7em; padding-bottom: 10px; border-top: 1px solid #eeeeee; padding-top: 5px}
#prepare_wizard .search_result li {margin: 0px; padding: 0px}
#prepare_wizard .search_result .projects_count img {vertical-align: bottom}
#prepare_wizard .search_result .square_thumbnail, #prepare_wizard .search_result .selector, #prepare_wizard .search_result ul.details {float: left; padding-top: 0px}
#prepare_wizard .search_result .selector {width: 140px; text-align: right; padding-top: 10px}
#prepare_wizard .page_links {height: 2.5em}
#prepare_wizard .page_links .pagination, #prepare_wizard .page_links .next_page, #prepare_wizard .page_links .previous_page {width: 200px}
#prepare_wizard .page_links .next_page, #prepare_wizard .page_links .previous_page {font-size: 1em}
#prepare_wizard .search_result ul.details {width: 350px}
#prepare_wizard .location select {width: 185px}
#prepare_wizard .location input {width: 181px}
#prepare_wizard .search {margin-left: 1em; margin-top: 1em}
#prepare_wizard .search .summary {margin-bottom: 1em; border-bottom: 1px #cccccc solid; padding-bottom: .5em; font-size: 1.2em}
#prepare_wizard .search form label {font-weight: bold}
#prepare_wizard .search .divider {border-top: 1px solid #cccccc; margin-top: 1em; padding-top: 1em; text-align: right}
#prepare_wizard .search .continue {text-align: right}
.editor #bookmark_status, .patterns .editor #tool_buttons {text-align: center; background-color: white; padding: 0px}
.yarns .editor #stash_status .clicker {margin-right: 4px}
.patterns .editor #tool_buttons .clicker {margin-right: 4px}
.patterns .editor #bookmark_status {padding: auto; width: auto}
#favorite_indicator {display: inline}
#favorite_indicator img {vertical-align: middle}
.editor #bookmark_status a {background-color: transparent; border: none}
.editor #bookmark_status .tag_set {text-align: right; margin-top: 10px; width: 200px}
.projects .project_editor {float: left; width: 720px}
#patterns_dialog legend, .patterns_edit legend, .patterns_new legend, .projects .project_editor legend, .queue_editor legend, body.yarn_companies_edit legend, body.designers_edit legend {font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; margin-left: 0px; display: block; margin-left: -.5em}
.projects .project_editor label {width: 110px}
.projects .hover .hover_notes {visibility: visible !important; text-align: right; font-size: .75em; color: #222; line-height: 1.25em; height: 1.25em}
.projects .project_editor .fields {width: 410px; float: left}
.projects .project_editor .fields .value {margin-left: 100px}
.projects .project_editor .fields.view_only {width: 400px}
.projects .project_editor select#project_pattern_origin_id, .projects .project_editor select#project_crochet, .projects .project_editor select#project_craft_id {width: 279px}
.projects .editor .unlinkable_project_pattern_name {width: 275px !important}
.projects form.save_required .contribute_link {display: none}
.projects .project_editor .view_only fieldset .field {border-bottom: 1px dotted #cccccc; min-height: 1.4em}
.projects .project_editor .library_link {font-size: .85em; padding-bottom: 4px; padding-top: 4px}
.projects .project_editor .library_link img {vertical-align: middle; border: none; padding: 0}
.projects .project_editor .view_only fieldset .field.tags {border-bottom: none}
.projects .project_editor .view_only fieldset .field .value {margin-left: 105px}
.projects .project_editor .view_only label {padding-right: 5px; font-size: 1em; width: 100px; color: #666666}
.stash .stash_editor input, .projects .project_editor input {width: 275px}
ul.page_date_sidebar, .projects ul.project_dates, .stashes ul.stash_dates {margin: 10px; margin-top: 15px}
ul.page_date_sidebar li, .projects ul.project_dates li, .stash ul.stash_dates li {font-size: .95em; padding: 4px; text-decoration: none}
ul.page_date_sidebar a {text-decoration: none; color: black}
ul.page_date_sidebar a span {text-decoration: underline}
form .pack .project_skeins {margin-right: 10px}
form .pack .calculated_totals {width: 18em; float: left}
form .pack input.project_skeins {width: 35px; text-align: right}
form .pack .project_yardage {color: #888888; font-size: .9em; margin-left: 5px; margin-top: 5px; float: left}
form .pack {margin-bottom: 15px}
.patterns form .pack {margin-bottom: 0px}
form .pack .pack_skeins a, form .pack .pack_totals a {display: block; float: left; font-size: .9em; margin-top: 5px; width: 7em}
form .pack .pack_tools {margin-right: 15px; margin-top: 0px; clear: none}
form .pack .pack_tools a.delete {float: right; width: 20px}
form .pack .pack_tools a.delete img {border: none}
form .pack .personal_weight_field {height: 1.5em}
.projects .project_editor .save {margin-right: 28px; text-align: right}
.projects .project_editor input.save_required {color: black}
.projects .editor {padding-top: 15px; float: left}
.projects .status {padding-top: 15px; float: left}
.projects .wide_project .status {padding-top: 0; float: none}
body.projects_recent .status {padding-top: 0px; float: none}
.projects .project_needle_size_id, .projects #project_color_family_id {width: 278px}
.pack .project_color_family_id option, form #project_search_color option, #colorway_color_family_id option {padding-left: 34px}
.projects .yarn_help {font-size: .9em; padding: 2px; text-decoration: none; display: block}
#more_printings, #more_needles, #more_yarns, #more_tools, .more_tools, #more_corrections {margin-top: 2px; margin-bottom: 5px}
#more_printings img, #more_needles img, #more_yarns img, #more_tools img, .more_tools img, #more_corrections img {background-color: transparent; vertical-align: bottom; border: none}
.projects #more_needles a, .projects #more_yarns a, .projects #more_tools a, .patterns #more_corrections a, .patterns #more_printings a, .patterns #more_needles a, .patterns #more_yarns a, .projects .more_tools a {border: none; text-decoration: none; font-size: .9em}
.projects #project_project_status_id {width: 110px; float: left}
.projects .date_select img {vertical-align: middle}
.projects .date_select select.month {width: 200px}
.projects form {}
.projects .thumbnail {float: left}
#bookmark_summary, .pattern_summary, .yarn_summary, .projects .project_status {border-color: #cccccc}
.pattern_summary .pattern_source {margin-bottom: .5em}
#project_ratings {margin: 5px}
.project_status img.happiness {vertical-align: middle}
#project_ratings {margin-top: 15px; margin-bottom: 15px}
#projects_panel .thumbnail {position: relative}
.extra_indicators a:hover {background-color: transparent}
.extra_indicators .completed {display: none}
.thumbnail .extra_indicators {float: right; margin-right: 5px}
.hover .hidden_indicators {display: block}
.bookmark .hidden_indicators a {visibility: hidden}
.bookmark .hover .hidden_indicators a {visibility: visible}
.bookmark .hover .hidden_indicators img {border: none}
.thumbnail_status {position: absolute; right: 7px; top: 4.25em; font-size: 1em; color: #000000; border: 1px solid #cccccc; background-color: #ffffff; width: 3em; text-align: center; opacity: .7; filter: alpha(opacity=70)}
.projects .pattern_summary, .projects .yarn_summary {margin-bottom: 5px}
.user_editable a {text-decoration: none; font-size: .9em; text-align: center; color: #666666; display: block; margin-left: 5px; width: 240px}
.summary_box_people {margin-top: 1em}
.summary_box_people img {vertical-align: top}
.projects .pattern_people img, .projects .yarn_people img {}
.projects .pattern_summary .inner {margin: 10px; background-color: white; height: 100px}
.projects .entry_excerpt {margin: 10px}
.projects .excerpt_title {font-weight: bold; display: inline}
.projects .excerpt_date {display: inline}
.projects .next a, .projects .previous a, .pattern_sources .next a, .pattern_sources .previous a, .arrow_footer_navigation {text-decoration: none}
.projects .previous, .pattern_sources .previous, .stash .previous, .arrow_footer_previous {float: left; margin-top: 10px}
.projects .next, .pattern_sources .next, .arrow_footer_next {float: right; margin-top: 10px}
.arrow_footer_navigation .photo_peek {float: none; display: inline-block; vertical-align: middle; margin-left: 10px}
.pager {float: left; font-size: 1.2em; font-weight: bold; width: 30px}
.pager a, pager a:hover {text-decoration: none; color: black; background-color: transparent}
.page {width: 880px; float: left; vertical-align: top}
body.user_neighbors h2 {padding-bottom: 20px}
body.user_neighbors #neighbor {margin-left: 200px; margin-right: 50px}
body.user_neighbors #neighbor .section h2 {font-weight: normal; border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 5px; font-size: 1.2em}
body.user_neighbors #neighbor .section {margin-bottom: 20px}
body.user_neighbors #neighbor .pair {background-image: url(/images/tiny-card.png); width: 180px; margin: 5px; text-align: center; height: 140px; padding: 10px; float: left}
body.user_neighbors #neighbor .photo_border {float: left; margin-right: 10px}
body.user_neighbors #neighbor .pair img {border: 1px solid #666}
body.user_threads h2 {padding-bottom: 20px}
body.user_threads_index td {font-size: 1em}
body.user_threads_index table.grid {border: 1px solid #cccccc}
body.user_threads_index table.grid td.title {width: 10em; vertical-align: top}
body.user_threads_index table.grid td.title .badge_link {padding-top: 10px; display: block; padding-left: 10px}
body.user_threads_index table.grid td.time_ago {width: 8em}
body.user_threads_index table.grid {margin-bottom: 1em}
body.user_neighbors #user_brief, body.user_threads #user_brief {width: 170px; float: left; height: 200px}
body.user_neighbors #user_brief .avatar, body.user_threads #user_brief .avatar {margin-left: auto; margin-right: auto}
body.user_neighbors #user_brief .login {font-size: 1.2em; font-weight: bold}
body.user_threads #user_brief .login {font-size: 1.5em; font-weight: bold}
body.user_threads #posts {margin-left: 200px; margin-right: 50px}
body.user_neighbors .photo .caption, body.search .photo .caption, body.pattern_search_index .photo .caption {margin-left: -7px; background-color: white; opacity: .9; filter: alpha(opacity=90); width: 170px; height: 38px; overflow: hidden; bottom: 0px; border-top: 3px solid #ffffff; margin-top: auto; margin-top: 122px}
body.search .photo .caption {z-index: 2; position: relative; color: #333}
body.user_neighbors .photo, body.pattern_search_index #browse_results .photo {cursor: pointer}
.search_results .message {padding: 10px; font-size: 1.2em}
.patterns h1 {display: inline; margin-left: 0px; font-size: 1.8em}
.patterns_popular h1, .groups_browse_categories h1 {font-size: 1.6em}
.patterns .button {width: 130px; margin-left: 10px; display: inline}
.patterns .icons .button {width: 20px; display: block}
.patterns .photo_border {margin-bottom: 5px}
.patterns .gallery .photo_border {margin-bottom: 0px}
.patterns .charts {padding: 10px; width: 335px; float: left; font-size: 1.1em}
.patterns .charts form fieldset {width: 335px}
.patterns .designer, .yarns .yarny {float: left; width: 160px; text-align: center; margin-bottom: 15px}
.patterns .designer .name, .yarns .yarny .name {height: 2em}
.patterns .designer .avatar, .yarns .yarny .avatar {margin-left: auto; margin-right: auto; margin-bottom: 5px}
.patterns .featured_patterns .feature_image {width: 235px; height: 180px; float: left}
.patterns .featured_patterns .clipper {display: none}
.patterns .featured_pattern {margin-bottom: 10px}
.patterns .featured_pattern {width: 160px; height: 180px; float: left; text-align: center; margin-left: 5px}
.patterns .featured_pattern .thumbnail {margin: 5px; border: 1px solid #999999; width: 150px; height: 150px; cursor: pointer}
.patterns .feature {background-color: white; border: 1px solid #cccccc; width: 437px; padding: 5px; overflow: hidden; margin-bottom: 20px}
.patterns .feature .feature {display: none}
.patterns .feature img {border: 1px solid #cccccc}
.patterns .search {padding: 10px; float: left; font-size: 1.1em}
.patterns .search .group {margin-bottom: 10px}
.patterns h2 {font-weight: bold; padding-bottom: 10px}
.patterns_popular h2, .groups_browse_categories h2 {font-size: 1.3em; padding-bottom: 10px}
.patterns h2.recent a {font-size: .7em; font-weight: normal}
.patterns_search h2 {height: 1.5em; font-size: 1.2em; padding: .25em; margin-top: .25em; font-weight: normal; margin-bottom: 0em}
.patterns_search .page_links {margin-top: 1em; height: auto}
.patterns_search .page_links .pagination {width: 680px}
.patterns .chart .headings {clear: both; height: 20px; padding: 2px}
.patterns .chart .headings .name {padding-left: 10px}
.patterns .chart .pattern {height: 1em; clear: both; padding: 5px; padding-left: 10px}
.patterns .chart .when {float: left; width: 100px}
.patterns .chart .name {float: left; width: 250px; overflow: hidden}
.patterns .chart .count {float: left; width: 60px; text-align: right; overflow: hidden}
.patterns .chart a.thumbnail, .patterns .chart a.thumbnail:hover {float: left; display: block; margin-top: .25em; margin-bottom: .5em; margin-right: 10px; background-color: transparent}
.patterns .chart a.thumbnail img {border: 1px solid #999; padding: 1px}
.patterns .chart a.pattern_name {height: 1.25em}
.patterns .chart .author {display: block; font-size: .85em; padding-top: .5em; color: #333}
.patterns .chart .more {text-align: right; padding-right: 5px; padding-top: 7px}
.patterns form ul.tag_set {margin-left: 120px}
.patterns .search {padding: 10px; width: 500px; float: left; margin-left: 30px}
.patterns .search .instructions {}
.patterns #corrections_panel .instructions {margin-top: 10px}
.patterns #corrections_panel p {font-size: 1em}
.patterns #query {width: 250px; height: 1.5em; margin-top: 5px}
.patterns form {margin-bottom: 10px}
.patterns form button {width: 55px; margin-right: 0px; padding-right: 0px}
.patterns #popular_tags {margin-top: 10px}
.patterns #popular_patterns {margin-top: 10px; margin-bottom: 0}
.patterns .search .pattern_type, .patterns .search .tag {float: left; white-space: nowrap; padding: 2px; margin-bottom: 5px; margin-right: 5px; font-size: 1.1em; height: 1.1em; text-decoration: none}
.patterns_index h2 {font-size: 1.2em}
.patterns_index .featured_patterns .sponsor_image {margin-right: 10px}
.patterns_index .focus ul li {float: left; padding-left: 1em; padding-right: 1em}
.patterns_index .focus ul li.selected {font-weight: bold}
.patterns_index .focus ul li.selected a {color: black; text-decoration: underline}
.patterns_index .search_box, .patterns_index .popular_by_category {height: 10em}
.patterns_index .focus a {text-decoration: none}
.patterns_index .focus a:hover {text-decoration: underline; background-color: transparent}
.patterns_index .browse a {float: left; white-space: nowrap; padding: 2px; margin-bottom: 5px; margin-right: 5px; font-size: 1em; height: 1.1em; text-decoration: none}
.patterns .search .group {clear: both; padding-top: 5px; padding-left: 5px}
.patterns .search .subtitle {float: left; font-weight: bold; padding-right: 10px}
.patterns .show {width: 420px}
.patterns .editor .gallery {width: 200px}
.patterns_edit form .suggestions {width: 380px}
table.editor_suggestions td {padding-bottom: 4px}
form .suggestions .pattern td {padding-bottom: 5px}
.suggestions table.patterns, .suggestions table.yarns {width: 100%; border: none; margin-bottom: 0px}
.user_container {font-size: 12px; margin: 5px 0 5px 97px}
.user_container a {margin-top: 5px}
img.made_for_user_avatar {vertical-align: middle; border: solid #CCC 1px; padding: 1px}
#inplace_tag_editor .clicker {float: none !important}
body.patterns_threads .editor .clicker, body.editors_action .editor .clicker {margin: 0 !important}
.patterns .editor .editor_avatar .clicker {margin-right: 0px}
.patterns .editor #search_form .clicker, .patterns #wiki_content .clicker {margin-right: 0px}
body.patterns #wiki_content h1 {border-bottom: none; margin-bottom: 1em; padding-bottom: .5em; margin-top: 1em; font-size: 1.1em; letter-spacing: 0}
.sidebar #flag, .editor #flag {padding: 0em; font-size: .9em; text-align: left; padding-top: 2em}
.sidebar #flag {text-align: center}
.sidebar #flag_menu textarea {font-size: 1em}
.sidebar #flag a, .editor #flag a {text-decoration: none}
.sidebar #flag a img, .editor #flag a img {vertical-align: bottom}
.patterns .editor form.short .clicker {float: none}
.patterns_people .editor .clicker {float: none}
.patterns #people_panel form {margin: 5px; margin-bottom: 10px}
.patterns #people_panel form .field {line-height: 2.75em}
.patterns #people_panel .page_bar {margin-top: 1em; margin-bottom: 1em}
.patterns #people_panel .paginator {float: left}
.patterns #people_panel #status_field, .patterns #people_panel #group_field {width: 165px}
.patterns .paginator .clicker {float: none}
.patterns #pattern_published {width: 75px}
.patterns #pattern_published_2i {width: 100px}
.patterns #pattern_published_1i {width: 60px}
.patterns #paypal img {float: left; margin-right: 5px}
.patterns .sidebar .box fieldset {margin-top: 5px}
.patterns .paypal_warning {font-size: .9em; background-color: #fffff3; padding: 3px; border: 1px solid #cccccc}
body.patterns_show #pattern_source {margin-top: 0px; text-align: center; font-size: .9em; margin-right: 10px}
body.patterns_show .box {margin-bottom: 5px}
.yarns .editor .more_from {text-align: left; padding-left: 5px; margin-bottom: .5em}
.projects .editor .more_from {margin-left: 5px; margin-bottom: 1em}
body.patterns_show #pattern_source select, .yarns .editor .more_from select, .more_from select {width: 240px; float: none}
body.patterns_link_designer div.fieldWithErrors {display: inline}
body.patterns_show #pattern_source form {margin-top: 5px}
.patterns .editor button {width: 80px}
.patterns .editor #flickr_panel form {width: auto}
.patterns .average {font-size: .95em; margin-top: 10px; padding: 0px}
.patterns .pattern_people {margin-top: 10px}
.yarns .editor .sidebar, .patterns .editor .sidebar {float: right; margin-top: 10px; width: 270px}
.patterns_report .editor .sidebar {width: 290px}
.patterns .editor #crochet_field {float: left; margin-left: 10em; margin-top: -1.75em; font-size: .9em}
.patterns .editor #crochet_field label {width: 5em}
.patterns .editor .ads {margin-left: -5px}
.patterns .editor .ads .cover {border: 1px solid #999999}
.patterns #bookmark_summary .box, .patterns #bookmark_summary .box_contents, .patterns #bookmark_summary .box_title, .yarns #bookmark_summary .box, .yarns #bookmark_summary .box_contents, .yarns #bookmark_summary .box_title {background-color: transparent}
.patterns #paypal_summary .amount {font-size: 1.2em; margin-top: .25em}
.patterns #paypal_summary img, .patterns #paypal_summary .amount {float: left; margin-right: 10px}
.patterns #paypal_summary form {margin: 0px}
.patterns #paypal_summary .clicker {float: right}
.patterns #paypal_summary button {width: 80px}
.patterns #paypal_summary .menu_link {width: 70px; float: right}
.patterns #paypal_info_menu p {padding: 5px; font-size: .9em}
.patterns .browse {float: left; width: 350px; margin-top: 1em}
.patterns .browse .box {font-size: 1.1em}
.patterns .browse .box input[type='checkbox'] {margin-right: 5px; display: inline}
.patterns .browse .box li {font-size: 1.1em; padding: 1px}
.patterns .browse .title {font-weight: bold; font-size: 1.1em}
.patterns .browse label {float: none}
.patterns .search_results {float: left; width: 800px; margin-top: 10px}
.patterns .search_results ul {padding: 0}
.patterns .search_results li.title {font-size: 1.2em}
.patterns .search_results li.patterns {margin-top: 1em}
.patterns .search_results .source_names {margin-bottom: 10px}
.patterns .search_results table.pattern_list {margin-top: 10px; border: 1px solid #cccccc; width: 1000px; position: relative; left: 0px}
.patterns .search_results .clicker {margin: -5px; margin-right: 5px}
.patterns .search_results .summary {float: left}
.patterns .search_results .count {font-weight: bold; font-size: 1.1em}
.patterns .search_results .controls {float: right; width: 120px; margin-top: -10px}
.yarns .search_result, .patterns .search_result {clear: both; height: 87px; margin-top: 12px}
body.recommendations .search_results, body.recommendations .search_result {width: 600px}
.yarns .search_result .preview, .patterns .search_result .preview {float: left; width: 100px}
.patterns .popular_pattern {clear: both}
.patterns .popular_pattern .popularity {float: left; width: 100px}
.patterns #more_popular_patterns a {display: block; text-align: left; float: left; text-align: center; font-size: .9em}
.yarns .search_result .statistics, .patterns .search_result .statistics, .patterns .search_result .project {float:left; text-align:center; width:120px}
.patterns .search_result .project {text-align: left; width: 400px}
.patterns .search_result .project .matches {margin-bottom: 1em}
.patterns .search_result .project .indicator {text-decoration: none}
.patterns .search_result .project .indicator img {vertical-align: bottom}
.yarns .search_result .placeholder, .patterns .search_result .placeholder {border: 1px solid #cccccc; color: #999999; padding-top: 30px; width: 75px; height: 45px; text-align: center}
.yarns .search_result .preview img, .patterns .search_result .preview img {border: 1px solid #666666}
.patterns .search_result .gauge {margin: 2px; font-size: .9em}
.yarns .search_result .details, .patterns .search_result .details {float: left; width: 300px; margin-bottom: 1em}
.patterns .search_result .projects, .yarns .search_result .projects {margin-top: 10px; margin-bottom: 5px}
.yarns .search_result .rating, .patterns .search_result .rating {height: 18px; width: 80px; text-align: center; margin-left: auto; margin-right: auto}
.patterns .show .pattern_author {margin-top: -10px; font-size: 1.1em}
.patterns .show .fields, .patterns .show .link, .patterns .show .notes {margin-top: 15px}
.patterns .show .link {margin-top: 20px}
.patterns .show .link a {text-decoration: underline}
.patterns .show .downloadable {margin-top: 15px}
.patterns .show .errata {margin-top: 5px}
.pattern_sources #errata form #url {width: 230px}
.pattern_sources #errata form ul.fake_select_tag {width: 230px; height: 200px; list-style-type: none; list-style-position: inside; margin: 0; margin-top: 1em; border: 1px solid #ccc; overflow: scroll; overflow-x: hidden}
.pattern_sources #errata form label {float: none}
.pattern_sources #errata form ul li {width: 220px; height: 1.75em; line-height: 1.75em; display: block; overflow: hidden}
.patterns .show .errata img, .patterns .show .downloadable img {vertical-align: bottom}
.patterns .show .link-disabled {margin-top: 10px; background-color: white; padding: 4px; border: 1px dotted #cccccc; overflow: hidden}
.patterns #yarns_panel .suggestion {width: 190px; text-align: center; float: left; margin-top: 15px}
.patterns #yarns_panel .suggestion .framed_photo {cursor: pointer}
.project_post {height: 100px; margin: 10px; clear: both}
#pattern_statistics_dialog .ratings_table, #pattern_statistics_dialog table {margin: 1em}
#pattern_statistics_dialog .star_rating_bar {background-color: #f3d263; border: 1px solid #999; font-size: .85em}
#pattern_statistics_dialog .difficulty_rating_bar {background-color: #d21554; border: 1px solid #666; font-size: .85em}
#friends_panel .project_post {margin: 0px}
#friends_panel form#blog_search {margin-top: 5px}
#friends_panel form#blog_search #q {width: 200px}
#featured_photos a {text-decoration: underline}
.project_post .avatar_medium, .project_post .project {margin-top: 10px}
.project_post .project {width: 75px}
.project_post .title {font-size: 1.2em; color: black; float: left; width: 340px; padding-top: 7px}
.project_post .excerpt {margin: 10px; color: #333333; margin-bottom: 30px; width: 480px}
.project_post .more {font-weight: bold}
.project_post .user {font-size: .85em}
.project_post .user a {text-decoration: none}
.project_post .summary {width: 250px; margin-left: 10px}
#posts_panel table.grid td {font-size: 1em}
.patterns #posts_panel .page_links {height: 1.5em; margin-top: 1.5em}
#posts_panel table.grid td ul.projects li {font-size: .95em; list-style-position: inside; list-style-type: disc; margin-left: .5em; margin-top: .5em}
#posts_panel .post .date, .project_post .date {margin: 0px; float: none}
#posts_panel table.grid td a:hover {text-decoration: underline}
#posts_panel table tr.selected {background-color: white}
#posts_panel table tr.selected td a.title {font-weight: bold; display: block; text-decoration: underline}
#posts_panel table tr.selected blockquote {margin: 1em}
#posts_panel table tr .delete {display: none}
#posts_panel table tr.selected .delete {display: inline}
.project_post .project, .project_post .avatar_medium, .project_post .summary, .project_post .excerpt {float: left; margin-right: 5px}
#friends_panel .project_post {height: auto; margin-bottom: 15px}
#friends_panel .project_post .avatar_medium {margin-right: 10px}
#friends_panel .project_post .excerpt {float: none; width: auto; margin: 0px; padding-top: 1em}
.project_post .avatar_medium {width: 75px; height: 75px; text-align: center; font-size: .9em; border: 1px solid #999999}
.project_post .avatar_medium span {padding-top: 30px; display: block}
.show .fields {width: 400px}
.show fieldset .field {border-bottom: 1px dotted #cccccc; min-height: 1.4em}
.show fieldset .field .value {margin-left: 155px}
.show label {padding-right: 5px; font-size: 1em; width: 100px; color: #666666; font-weight: normal}
.prepare_merge {padding: 5px; background-color: #fffff3; border: 1px solid #cccccc}
#merge input, #merge .clicker {float: none; margin: 0px}
#merge input#url {width: 290px}
.prepare_merge ul {margin: 10px}
.yarns .gallery, .yarns .view {float: left}
.yarns .tools {float: right; margin-top: 15px; margin-right: 5px}
.yarns .photo_border {margin-left: 10px}
.yarns .index_card .photo_border {margin-left: 0px}
.yarns .yarndex {padding-top: 5px; width: 220px; margin-left: 10px}
.yarns .yarndex img {float: left; margin-right: 5px}
yarns h1 {display: inline; margin-left: 10px}
.yarns .photo_border {margin-bottom: 5px}
.yarns .charts {padding: 10px; width: 335px; float: left; font-size: 1.1em}
.yarns_index .search {padding: 10px; padding-left: 40px; float: left; font-size: 1.1em; width: 500px}
.yarns_index h2 {font-size: 1.2em}
.yarns_index h2#featuring {margin-top: 15px; padding-bottom: 0px; margin-bottom: 0px}
body.yarns_index .lys {margin-bottom: 1em}
body.yarns_index .lys img {width: 16px; height: 29px; float: left; margin-right: 10px; margin-top: 5px}
body.yarns_index .lys .search_form {float: left}
body.yarns_index .lys .search_form input {width: 210px}
body.yarns_index .lys .search_form button {width: 60px}
body.yarns_index .featured_yarns {margin: 10px; width: 500px; height: 175px}
body.yarns_index .featured_yarns .feature_image {width: 235px; height: 195px; float: left}
.yarns_index #yarnies {margin-top: 15px}
.yarns_index .new_yarns img {border: 1px solid #999999; margin-right: 2px; margin-bottom: 4px}
.yarns_index .new_yarns a:hover {background-color: transparent}
.yarns .search form {padding-bottom: 20px}
.yarns #query {width: 320px; margin-right: 5px; height: 1.5em; margin-top: 5px}
.yarns h2 {font-weight: bold; padding-bottom: 10px}
.yarns .feature {background-color: white; width: 437px; padding: 5px; overflow: hidden; margin-bottom: 20px}
.yarns .feature a:hover {background-color: transparent}
.yarns .feature {font-size: .95em}
.yarns .search .fiber_type, .yarns .search .tag {float: left; padding-bottom: 7px; padding-right: 10px; font-size: 1.1em; text-decoration: none}
.yarns .chart {margin-bottom: 20px}
.yarns .chart .yarn_company {display: block; font-size: .85em; padding-top: .5em; color: #333}
.yarns .chart .headings {clear: both; height: 20px; padding: 2px}
.yarns .chart .popular_yarn {margin-bottom: .25em; margin-left: 5px}
.yarns .chart .rank {float: left; width: 40px}
.yarns .chart .when {float: left; width: 100px}
.yarns .chart .headings .name {margin-left: 10px}
.yarns .chart .name {float: left; width: 260px; overflow: hidden; height: 30px}
.yarns .chart .name img {border: 1px solid #999; padding: 1px; margin-right: 10px}
.yarns .chart .count {float: left; width: 50px; height: 30px; text-align: right}
.yarns .chart .more {text-align: right; padding-right: 5px; padding-top: 7px}
body.yarns #edit_yarn_additional {width: 260px; float: left; margin-left: 20px}
.yarns .fields {float: left; width: 400px}
.yarns #stash_status {text-align: center}
.yarns #stash_status .box {text-align: left; margin-top: 10px}
.stashed_colorways ul .skeins {font-size: 1.3em}
.yarns #stash_status .button {border: none; margin-bottom: 10px}
.yarns .yarn_people {margin-top: 10px}
.yarns .editor fieldset {margin-bottom: 15px}
.yarns_show .notes {margin-left: 5px}
.yarns_stashes .stashed, .yarns_show .stashed {float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; text-align: center; font-size: .9em; width: 190px; position: relative}
.yarns_stashes .stashed .stash_status, .yarns_show .stashed .stash_status {height: 1.4em}
.yarns_stashes .stashed .trade img, .yarns_show .stashed .trade img{ vertical-align: middle}
.yarns_stashes .stashed .trade a, .yarns_show .stashed .trade a {text-decoration: none; font-size: .9em}
.yarns_stashes .stashed .trade a span, .yarns_show .stashed .trade a span {text-decoration: underline}
.yarns_stashes .headnote {float: right; color: #666666; width: 300px; margin-top: 10px; font-size: .9em}
body.yarns_stashes #stashes_panel select {width: 140px}
body.yarns_stashes #stashes_panel form {margin: 5px 5px 10px}
body.yarns #projects_panel {margin-top: 10px}
body.yarns #buy_panel h3 {padding-top: .25em; padding-bottom: .25em }
body.yarns #buy_panel h4 {padding-top: 1.5em; padding-bottom: .5em}
body.yarns #buy_panel h2 {font-weight: normal; font-size: 1.2em; margin-top: 1em}
body.yarns #buy_panel li {clear: both; height: 35px; padding-bottom: 10px; padding-top: 10px}
body.yarns #buy_panel li a.image {float: left; margin-right: 50px}
body.yarns #buy_panel li a.title {margin-bottom: .25em; display: block; font-size: 1.2em; text-decoration: none; margin-right: 10px}
body.yarns #buy_panel li .shop {float: left; width: 200px}
body.yarns #buy_panel .price_check {float: left; width: 100px}
body.yarns #buy_panel .price_check a {width: 95px; height: 23px; display: block; background: transparent url('/images/price-check-button-loaded.png') no-repeat; background: transparent url('/images/price-check-button-active.png') no-repeat; background: transparent url('/images/price-check-button.png') no-repeat}
body.yarns #buy_panel .price_check a.active {background: transparent url('/images/price-check-button-active.png') no-repeat}
body.yarns #buy_panel .price_check a.loaded {background: transparent url('/images/price-check-button-loaded.png') no-repeat}
body.yarns #buy_panel li .price_check img {padding-top: 3px; padding-left: 3px}
body.yarns #buy_panel a.yarn_price {font-size: 1.2em; text-align: center; width: 95px; height: 40px; display: block; background: transparent url('/images/price-check-container.png') no-repeat; padding-top: 5px; text-decoration: none; color: black}
body.yarns #buy_panel a.yarn_price span {display: none; font-size: .75em; color: #666}
body.yarns #buy_panel a.yarn_price:hover span.show_details {display: block}
body.yarns #buy_panel a.popover_active span.show_details {display: none !important}
body.yarns #buy_panel a.popover_active span.hide_details {display: block !important}
.yarns .panel .paginator {margin: 10px}
.yarns_stashes .panel .paginator {float: left; margin: 0px; margin-left: 10px}
.yarns .panel .people_project {margin: 7px}
.yarns .panel .people_project .zoomable_photo {cursor: default}
.yarns_stashes .photo, .yarns_show .photo {cursor: pointer}
.yarns_show .editor #organic img {border: none; vertical-align: top}
.yarns_show .yarn_people h3 {border-bottom: 1px solid #CCCCCC; font-size: 1.2em; font-weight: normal; margin-bottom: 10px; padding-bottom: 3px; padding-left: 1em}
.yarn_search {padding-left: 20px}
.yarn_search .brands {float: left; margin-right: 20px}
.yarn_search .search_results {float: left}
.yarn_result {margin-bottom: 20px; padding-bottom: 5px}
.yarn_result .preview img {border: 1px solid #cccccc; margin-top: 5px }
.books_index .recent_books .book {float: none; width: 150px; margin-left: auto; margin-right: auto; text-align: center; height: 200px}
.books_index .recent_books .data {text-align: center}
.books_index .sidebar .book img {float: none; margin-bottom: 2px}
.books_index .book .patterns {margin-top: 10px}
.books_index .sidebar {float: left; width: 270px}
.books_index .main {margin-left: 270px}
.books_index .featured .magazine {float: left; margin-right: 5px; border: 1px solid #333333}
.books_index .featured .pattern img {border: 1px solid #333333}
.books_index .featured .pattern {}
#library_panel h3 {margin-left: 70px}
#library_panel #add_volume_menu .close {display: inline}
#library_panel #add_volume_menu .box_title {font-weight: bold}
#library_panel #add_volume_menu .close a {font-weight: normal; text-decoration: underline; color: white}
#library_panel .heads_up {padding: 3px; background-color: white}
#library_panel #uploader input {width: auto; float: none}
#library_panel #shelves {background: transparent url('/images/shelf.png') 0px 70px; height: 100%}
#library_panel .pdf_shelves {margin-left: 150px}
#library_panel .volume {width: 360px}
#library_panel .pdf_shelves .volume {width: 320px !important; margin-left: 0 !important}
#library_panel #pdf_volumes #shelved_books {}
#pdf_volumes #skinny_navigation {left: 175px}
#pdf_volumes .update_button {display: block; width: 128px; height: 31px}
#library_panel .quick_selector img {vertical-align: top}
#library_panel .pdf_shelves ul.pdf_details {float: left; width: 160px; margin-top: 1em; margin-left: 5px; overflow: hidden}
#library_panel #pdf_volumes #shelves {background: transparent}
#library_panel #pdf_volumes .filename {text-decoration: underline}
#library_panel #add_volume_menu {margin-top: 40px; float: left; width: 350px; margin-bottom: 0px}
#library_panel #add_volume_menu .box_contents {height: 400px; padding-left: 10px}
#library_panel #add_volume_menu #default_indicator {display: inline; margin-top: 1em; margin-left: 10px}
#library_panel #add_volume_menu input#query {float: none; width: 200px}
#library_panel #shelves #shelved_books {padding-top: 25px; padding-bottom: 50px}
#library_panel #shelves .volume {float: left; height: 177px; margin-left: 10px; margin-right: 10px; padding-bottom: 23px; position: relative}
#library_panel #shelves .volume .shelf {bottom: 3px}
#library_panel #shelves .volume .shelf img {border: 1px solid #d49a4e; vertical-align: bottom; float: right}
#library_panel .mover {cursor: move}
#library_panel #shelves .volume .shelf .mover {font-size: 1.1em; float: left; width: 80px; color: #e8deca; cursor: move; line-height: 16px; font-family: serif}
#library_panel #shelves .volume img.cover {vertical-align: bottom; display: block}
#library_panel #pdf_volumes #shelves .volume img.cover {padding: 10px; background: white url(/images/pdf-stack.png) no-repeat}
#library_panel ul.volume_results li {font-size: 1.1em}
#library_panel ul.volume_results li img {vertical-align: bottom; margin-right: 5px}
#library_panel ul.volume_results li .author {font-size: .95em; display: block; margin-bottom: 1em; margin-left: 21px}
#library_panel #volume_search_results {height: 270px; overflow-y: auto}
.events h3 {margin-top: 10px}
.events .event p {padding: 5px}
body.products_edit form#edit_product_form {float: left; width: 700px; clear: both}
body.products .notify_page .page_section h3 {font-weight: normal; padding-bottom: .25em; margin-bottom: .5em}
body.products .notify_page form {width: 600px}
body.products .notify_page .field {margin-bottom: .5em}
body.products .notify_page form input {width: 390px}
body.products .notify_page form input.delivery {margin-right: 1em; width: auto}
body.products .notify_page form label {width: 200px; font-weight: bold}
body.products .notify_page h3 {font-weight: normal; padding-bottom: .25em; margin-bottom: .5em}
body.products_edit .page_section h3 {font-weight: normal; border-bottom: 1px solid #ccc; padding-bottom: .25em; margin-bottom: .5em}
body.products_edit .box {margin-top: 10px}
body.products_edit label {width: 125px}
body.products_edit input, body.products_edit select {width: 250px}
body.products_edit input#pdf {width: auto}
body.products .product_status p {margin-bottom: 1em}
.dialog#photos_dialog {margin: 0px; padding: 0px; border: 1px solid #999999}
.dialog#photos_dialog #dialog_banner img {display: none}
.dialog#photos_dialog #dialog_content {text-align: center; width: 100%}
.dialog#photos_dialog #dialog_content img {border: 1px solid #666666}
table.needle_inventory {width: auto; border-width: 1px; border-collapse: separate}
table.needle_inventory td.section, table.needle_inventory td.section.hover {line-height: 1.25em; color: #666666; background-color: white}
table.needle_inventory tbody {overflow-y: hidden; height: auto}
table.needle_inventory tr.hover {background-color: #ffffee}
table.needle_inventory tr.hooks {border-bottom: 1px solid #cccccc}
table.needle_inventory th {text-align: center; padding: 0px; margin: 0px}
table.needle_inventory th .metric {font-size: .9em}
table.needle_inventory th .mm {font-size: 0em}
table.needle_inventory td.hover {background-color: #ffff99; border-color: #cccccc}
table.needle_inventory td.disabled {background-color: #f5f5f5}
table.needle_inventory td.n {font-weight: bold; font-size: 1.2em; width: 1.5em}
table.needle_inventory td.h_0 {color: #ffffff}
table.needle_inventory td {width: 1.65em; height: 1.65em; text-align: center; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-top: .3em; padding-bottom: .3em}
table.needle_inventory tr.section_top td {border-top: 1px solid #cccccc}
#needle_editor .box_title {position: relative}
#needle_editor .box_title .close {position: absolute; right: 7px; top: 5px; text-decoration: underline; color: white}
#needle_editor .box_title .close:hover {background-color: transparent}
#needle_editor .quantity {font-size: 1.4em; float: left; padding: 5px}
#needle_editor .add {float: right; position: relative}
#needle_editor #needle_records {padding-bottom: 10px; padding-top: 5px}
#needle_editor form {margin: 0px}
#needle_editor .field {height: 1.5em; position: relative}
#needle_editor .delete {position: absolute; right: 0px; top: 2px}
#needle_editor label {width: 1.75em}
#needle_editor input {width: 110px}
#needle_editor .editable {cursor: pointer}
#needle_editor .editable.hover {text-decoration: underline}
#needle_editor .editor_ok_button {width: 3em; height: 1.5em; margin-left: 5px}
.yarn_summary #yardage {display: none}
.yarn_summary .yarn_photo {margin-left: auto; margin-right: auto; width: 190px; margin-top: 10px}
.yarn_summary .yarn_company {margin-bottom: .5em}
.author_summary {text-align: left}
.author_summary .pattern {margin-bottom: 5px; clear: both}
.author_summary .pattern .details {width: 130px}
.author_summary .pattern .thumbnail {float: left; width: 75px; min-height: 60px; text-align: center; border: 1px solid #cccccc}
.author_summary .pattern .thumbnail span {display: block; padding-top: 20px; color: #999999; font-size: .9em}
.author_summary .pattern .details {position: relative; float: left; margin-left: 10px}
.author_summary .pattern .name {margin-bottom: 5px}
.author_summary .people {margin-left: 0px; font-size: .9em}
.author_summary .rating_count {width: 60px; font-size: .9em; display: inline; margin-left: 0px}
#stash_dialog fieldset.prefilled label {}
#stash_dialog label {width: 150px}
#stash_dialog .submit {margin-left: 250px; width: 100px; margin-top: 0px}
#stash_dialog fieldset {margin-bottom: 1.5em}
#stash_dialog textarea {width: 350px; height: 60px}
.stash label {width: 120px}
.stash .quick_entry .clicker {float: none; margin-right: 10px}
.stash .quick_entry button#photos {width: 95px}
.stash .quick_entry button {width: 115px}
.stash_editor label {width: 115px}
.project_editor #date_picker, .stash_editor #date_picker, .events #date_picker, .promotions #date_picker, .edit_core_item #date_picker {position: absolute; width: 420px; left: 525px; height: 290px; top: 280px; background: transparent url(/images/calendar-background-transparent.png) no-repeat; padding: 17px; z-index: 50}
.stash_editor fieldset .clicker {float: right; margin-right: 10px}
.stash_editor fieldset .indicator {float: right; margin-right: 10px}
.stash #stash_status {margin-bottom: 15px}
.stash .notes {width: 420px}
.stash textarea {display: block; clear: both; margin-top: 5px; height: 140px; width: 390px}
.stash .stash_overview {float: right; margin: 5px; width: 260px}
body.stash_show .show {width: 415px}
body.stash_show .fields {width: 415px}
.stash .stash_overview #bookmark_summary {text-align: right}
.stash .stash_editor {float: left; width: 410px; margin-left: 20px}
.stash .stash_editor select {width: 224px}
.stash .stash_editor #stash_yarn_name {width: 205px}
.stash #yarn_summary .box {border-color: #e6e6e6}
#stash_panel .header .tabs {margin-top: -5px; margin-bottom: 2em}
#stash_panel .header .toolbar {padding-bottom: 10px}
#stash_panel .stash {margin-top: 1em}
#stash_panel #stash_results {margin-top: 0}
#stash_panel .thumbnail {position: relative}
#stash_panel .indicators {padding-top: 0px; margin-top: -5px}
#stash_panel .extra_indicators {float: right; width: 20px}
.stash_thumbnail {position: relative}
.stash_thumbnail .quantity, .stashed .quantity, .spinning_project_thumbnail .quantity {background-color: #FFFFFF; border: 1px solid #CCCCCC; color :#333333; font-size: 1em; height: 20px; line-height: 20px; opacity: 0.8; filter: alpha(opacity=80); position: absolute; right: 6px; text-align: center; top: 198px; width: 166px}
.stashed .quantity {right: 3px; top: 9px}
.designers_index #designers {margin-top: 20px; width: 900px}
.designers_index #designers .designer {width: 300px; height: 100px; margin-bottom: 20px; float: left}
.designers_index #designers .designer .details {float: left; width: 175px}
.designers_index #designers .designer .avatar {float: left; margin-right: 20px; width: 100px}
.designers_index #designers .designer .brand {margin-top: 5px; font-size: 1.2em}
.designers h1 {font-size: 1.8em}
.designers form {padding-bottom: 20px}
.designers form.profile label, .yarn_companies form.profile label {width: 150px}
.profile .field#bio label {display: block; float: none; margin-bottom: 5px}
.designers_show .thumbnail {float: left; width: 190px; margin-bottom: 20px; height: 260px; text-align: center}
.yarn_companies_show .thumbnail .indicators {margin-left: auto; margin-right: auto; width: 190px}
.designers_show .pattern {height: 3.75em; display: table-cell; vertical-align: middle; text-align: center; width: 190px}
.designers_show .photo {cursor: pointer}
.designers .book .rating img {border: none}
.designers .person {margin-bottom: 20px}
.designers .fields {width: 500px}
.designers .profile .avatar {float: left; width: 100px; margin-right: 20px}
.designers .profile .avatar img {border: 1px solid #999999}
.designers .profile label {width: 7em}
.designers .profile .fields {float: left}
.designers_show .book {text-align: center; height: 170px; margin-right: 10px; margin-bottom: 10px; float: left}
.designers_show .book img {float: none; margin-top: 15px; border: 1px solid #666666}
.designers .patterns {float: left; margin-right: 200px}
.designers .patterns .heading {margin-top: 0px}
.designers .patterns.full {margin-right: 0px}
.designers .patterns .heading {position: relative}
.designers .patterns .heading h2 {display: inline}
body.designers_show #features h3 {font-weight: normal; margin-top: .5em; margin-bottom: .5em; border-bottom: 1px solid #cccccc; padding-bottom: .5em; padding-left: 10px}
body.yarn_companies .panel {margin-top: 5px}
body.yarn_companies #tool_buttons {width: 235px; float: right; padding-right: 10px; padding-bottom: 10px}
body.designers form.profile textarea, body.yarn_companies form.profile textarea {height: 150px}
body.yarn_companies_show .avatar_with_login {height: auto; font-weight: bold; float: right; margin-top: 5px; width: 100px; text-align: center}
body.yarn_companies #logo {width: 500px; float: left}
body.yarn_companies #shop {width: 400px; float: right; text-align: right; margin-top: 10px}
body.yarn_companies #about_us .markdown {margin-left: 10px; margin-top: 1em}
body.yarn_companies #shop .store {font-size: 1.1em}
body.yarn_companies_show #features h3 {font-weight: normal; margin-top: .5em; margin-bottom: .25em; border-bottom: 1px solid #cccccc; padding-bottom: .5em; padding-left: 10px}
body.yarn_companies_show .group a.badge_link {vertical-align: top; float: left; display: block}
body.yarn_companies_show .group .markdown {width: 600px; margin-left: 20px}
.yarn_companies .profile {margin-top: 20px; margin-bottom: 20px; margin-left: 0px}
.yarn_companies .profile .user {font-size: 1em}
.yarn_companies .profile .avatar, .yarn_companies .profile .description {margin-right: 10px; float: left}
.yarn_companies .profile .description {width: 600px}
.yarn_companies .thumbnail .caption {margin-left: -7px; background-color: white; opacity: .9; filter: alpha(opacity=90); width: 168px; height: 35px; overflow: hidden; bottom: 0px; border-top: 3px solid #ffffff; margin-top: auto; margin-top: 125px}
.yarn_companies .panel .page_links {margin-top: 10px}
.yarn_companies .yarns .details {min-height: 3em}
.yarn_companies .yarn_thumbnail .framed_photo {cursor: pointer; margin-left: auto; margin-right: auto}
.yarn_companies .yarn_thumbnail .yarn_name {text-align: center; font-size: 1.15em; margin-bottom: .5em; margin-top: 1em}
.yarn_companies .yarn_thumbnail table {margin-left: auto; margin-right: auto}
.yarn_companies .yarn_thumbnail {margin-bottom: 1em}
.yarn_companies #add_logo_menu {width: 300px; border: none}
.yarn_companies #add_logo_menu form input {width: auto}
.yarn_companies #add_logo_menu form .clicker {float: left; display: block; margin-top: -5px}
.yarn_companies_yarnies #yarnies {margin-top: 20px; width: 900px}
.yarn_companies_yarnies #yarnies .yarnie {width: 300px; height: 100px; margin-bottom: 20px; float: left}
.yarn_companies_yarnies #yarnies .yarnie .details {float: left; width: 175px}
.yarn_companies_yarnies #yarnies .yarnie .avatar {float: left; margin-right: 20px; width: 100px}
.yarn_companies_yarnies #yarnies .yarnie .brand {margin-top: 5px; font-size: 1.2em}
body.yarn_companies_edit form.profile {width: 600px; float: left}
body.yarn_companies_edit #source_overview {width: 300px; float: left; margin-top: 10px}
body.yarn_companies_edit .profile {margin-top: 0px}
body.yarn_companies_editors #yarn_list {float: left; width: 750px; margin-left: 20px}
body.yarn_companies_editors #yarn_list p {margin-top: 1em; margin-bottom: 1em}
#yarn_companies_dialog ul#yarn_company_results li {clear: both}
#yarn_companies_dialog ul#yarn_company_results input {width: auto; height: auto; margin-top: .25em}
#yarn_companies_dialog ul#yarn_company_results .yarn_company {margin-left: 10px; float: left; padding-bottom:.5em}
#yarn_companies_dialog ul#yarn_company_results .yarn_company .stats {font-size: .9em}
.friend_adder .collections {border: 1px solid #ccc; margin: 10px 20px; padding: 5px; position: relative; text-align: left; background-color: #f9f9f9}
.friend_adder .collections a {text-decoration: none !important; color: black}
.friend_adder .collections_closer {text-align: right}
.friend_adder .collections_closer a {text-decoration: underline !important}
#friends_panel #friends_rss_menu {position: absolute; left: 7px; top: 7px}
#friends_panel .project_post .title {width: 250px}
#friends_panel .page_links {margin-top: 1em}
#library_panel .header {height: 70px}
#friends_panel .header {height: 31px}
#friends_panel .icons {width: 30px}
#friends_panel .tabs {margin-right: 30px}
#friends_panel .friend_tools a {text-decoration: underline}
#recent_activity .project {float: left; text-align: center; width: 200px}
body.people_index #recent_activity .project {width: 185px}
body.groups_location .section a.previous_page, body.groups_location .section a.next_page {display: none}
body.groups_location .section .page_links .pagination {text-align: left; width: 400px}
body.groups_activity .page_links {margin-top: 1.5em}
body.groups_activity #recent_activity .project {width: 190px}
body.groups_activity #recent_activity .photo_border {margin-bottom:5px; margin-left:6px; margin-top:6px}
#recent_activity .project .touched {display: block; font-size: .9em}
#recent_activity a {text-decoration: none}
#friends_panel .recent_activity {margin-top: 10px}
#recent_activity img.activity_icon {position: absolute; left: 7px; top: 108px; padding: 3px; background-color: white; border: 1px solid #ccc}
body.people_index #recent_activity img.activity_icon {top: 98px; left: 4px}
body.groups_activity #recent_activity img.activity_icon {left: 2px}
#recent_activity .project .details {text-align: center; padding-left: 5px; padding-right: 5px; height: 5em; margin-bottom: 5px; overflow: hidden}
body.people_index #recent_activity .project .details {margin-bottom: 0; padding-top: 5px; height: 4em}
#recent_activity .project .photo_border {margin-left: auto; margin-right: auto; height: 120px; padding: 0px; background-image: none; border: 1px #cccccc solid}
#recent_activity .project .photo_frame, #recent_activity .project .photo {height: 100px}
#friends_panel .welcome {width: 330px; overflow: hidden; padding: 5px; text-align: left}
.friends .friend {float: left; text-align: center; width: 115px; height: 160px; margin-bottom: 0px}
#friends_panel .friend {width: 134px; margin-left: 0; margin-right: 0}
.friends .friend .avatar {margin-bottom: 5px; margin-left: 17px}
.friends .friend img.status {position: absolute; margin-top: -30px; margin-left: 33px}
.friends .friend .clicker_icon {position: none}
.friends .friend .avatar {float: none}
.friends .friend .user_name {margin-top: 5px; font-size: 1em; text-align: center}
.friends {margin-left: 10px; margin-right: 10px}
body.notebook #friends_panel {height: 1300px}
.friend {margin: 12px}
.friends .neighbors {padding-top: 20px}
.friend .user_name img {vertical-align: bottom}
.friend .hidden_indicators a {visibility: hidden}
.friend .hover .hidden_indicators a {visibility: visible}
#bookmark_types ul strong {display: block; margin-bottom: .5em}
#bookmark_types li a {display: block; padding: 1px !important; color: black; line-height: 1.3em; height: 1.3em; overflow: hidden}
#bookmark_types li a:visited {color: black}
#bookmark_types li span {display: block; float: left; width: 100px}
#bookmark_types li span.count {width: 40px; text-align: right; font-weight: bold}
#bookmark_types #top_tags span.count {font-weight: normal}
#bookmark_types li.selected {background-color: #c2ebb1}
.bookmarks p {margin: 10px}
.bookmarks .bookmark {margin: 10px; float: left; vertical-align: top; clear: both}
#combined_bookmarks .bookmark {margin-bottom: 20px}
#favorites_panel .page_links .pagination {line-height: 1.6em}
#favorites_panel form.short {margin-top: 0px; margin-bottom: 5px}
#favorites_panel #combined_bookmarks {margin: 10px; margin-top: 0; margin-right: 0; float: left; width: 570px}
#favorites_panel #combined_bookmarks .bookmark .title a {text-decoration: underline}
#favorites_panel .bookmarks_designers .images, #favorites_panel .bookmarks_patterns .images {width: 100px !important}
#favorites_panel .bookmarks_designers .details, #favorites_panel .bookmarks_patterns .details {margin-left: 100px !important}
#favorites_panel #combined_bookmarks .page_links {margin-top: 5px}
#favorites_panel #combined_bookmarks.page_links {width: 580px}
#favorites_panel #combined_bookmarks .page_links .pagination {width: 300px}
#favorites_panel #combined_bookmarks .avatar_medium {position: relative; margin-right: 0}
#favorites_panel #combined_bookmarks .images {width: 170px}
#favorites_panel .bookmarks_shops .images {width: 0px !important}
#favorites_panel #combined_bookmarks .details {width: 360px; margin-left: 15px !important; float: left; clear: right}
#favorites_panel #combined_bookmarks .bookmark_view_thumbs .images {width: 205px !important; height: 170px !important}
#favorites_panel li.tag {white-space: nowrap}
#favorites_panel #combined_bookmarks .bookmark_view_thumbs .details {width: 325px}
#favorites_panel #combined_bookmarks .bookmark_view_thumbs .photo_border {margin-top: 0}
#favorites_panel form.short .clicker {margin-top: -4px}
#favorites_panel #combined_bookmarks .forum_post {width: 570px}
#favorites_panel .bookmarks .bookmark .caption {width: 73px; text-align: center; display: block; position: absolute; top: 65px; left: -1px; border: 1px solid #ccc; background-color: white; font-size: .9em; padding: 1px; overflow: hidden}
.bookmarks .bookmark .date {font-size: .9em}
.bookmarks .bookmark .date img {vertical-align: middle; padding-right: 4px}
.bookmarks .bookmarked_clipping .date {text-align: right}
.bookmarks .bookmark .tags {margin-top: 1em}
.bookmarks .bookmark li.edit {background-color: transparent; margin-right: 0}
.bookmarks .bookmark li.edit a {padding: 2px; font-size: .95em; text-decoration: underline}
.bookmarks .bookmark input {width: 220px; padding: 1px}
.bookmarks .bookmark input[type = 'submit'] {width: 35px; padding: 0px; margin-left: 3px}
.bookmarks .bookmark .images {float: left; width: 190px; height: 75px}
.bookmarks .bookmarked_pattern_author .images {width: 100px}
.bookmarks .bookmarked_pattern .images {width: 95px}
.bookmarks .bookmark a.featured, .bookmarks .bookmark .avatar_medium {float: left; display: block; border: 1px solid #999999; margin-right: 15px}
.bookmarks .bookmark .details {margin-left: 200px}
.bookmarks .bookmarked_clipping .details {float: none}
.bookmarks .bookmarked_clipping div {margin-bottom: .5em}
.bookmarks .bookmarked_clipping .tags {display: none}
.bookmarks .bookmark .title {font-size: 1.1em; margin-bottom: 5px}
#bookmark_status #tags {margin-top: 15px}
#bookmark_status input {width: 180px}
#bookmark_status input[type = 'submit'] {width: 70px; font-size: 1em; padding: 0px; margin: 0px}
#favorites_panel .bookmarked_yarn_company .details {width: 200px}
#favorites_panel .bookmarked_yarn_company .logo {margin-left: 10px; float: left}
ul.tag_set ul {list-style: none; float: left; clear: both}
ul.tag_set li, span.tag_word {display: block; float: left; border-width: 1px; border-top-color: #ffffff; border-left-color: #ffffff; border-bottom-color: #666666; border-right-color: #666666; padding-top: 2px; padding-bottom: 2px; margin-right: 7px; margin-bottom: 4px; background-color: #e3ffe3; font-size: 1em}
ul.vertical_tag_set li {float: none; display: inline}
ul.tag_set li.tag, span.tag_word {border-style: solid; cursor: pointer}
ul.tag_set a, span.tag_word a {text-decoration: none; color: #333333; padding: 2px 5px 2px 5px}
ul.tag_set li.selected_tag, span.selected_tag.tag_word {background-color: white !important; color: black; cursor: pointer}
ul.tag_set li.herd_tag {background-color: #D21554}
span.herd_tag {border: 1px dotted #D21554; font-size: 1.2em}
ul.tag_set li.herd_tag a {color: #f9f9f9}
ul.tag_set li.herd_tag a:hover {background-color: #ea0064}
ul#pattern_tag_list li {margin-bottom: 0; padding: 0; border-bottom-color: #e3ffe3; border-right-color: #999; border-top-color: #ddd; border-left-color: #ddd}
ul#pattern_tag_list li a {padding-right: 0}
ul#pattern_tag_list li a:hover {background-color: #e3ffe3}
.yarns_search h2 {font-size: 1.2em; font-weight: bold; padding-left: 0px; border-bottom: 1px solid #cccccc; margin-bottom: 5px}
.search_results {margin-bottom: 1.5em}
.search_results ul {padding: 10px}
.search_results li {padding-top: 10px; font-size: 1.1em}
.search_results span {display: block}
.search_results .yarn_name, .search_results .pattern_name {font-size: 1.2em}
.search_results .pattern_source {margin: 5px; color: #333333; font-size: 1.1em}
.search_results .yarn_company_result, #search_results .designer_result {clear: both; line-height: 1.5em; min-height: 3em}
.search_results .yarn_company_result .name {font-size: 1.2em; width: 400px; float: left}
.search_results .yarn_company_result .user, #search_results .designer_result .user {float: left; width: 100px; text-align: center; margin-right: 25px; margin-bottom: 10px}
#help_for {padding-right: 40px}
#help_for .question {font-weight: bold; font-size: 1.2em; margin-bottom: 1em}
#help_for .answer {margin-bottom: 1em; font-size: 1.1em}
#help_for .faq {margin-top: 1.5em; margin-bottom: 1.5em; background-color: #f5ffef; width: 500px; padding: 15px; border: 1px solid #ccc}
.contact h2 {margin: 5px; margin-bottom: 20px}
.contact h2.breadcrumbs {margin-bottom: 10px}
.contact form {width: 410px}
.contact textarea {font-size: 1em}
.contact label {width: 170px}
.contact input, .contact select {width: 220px}
.contact textarea {width: 390px; height: 200px}
.contact .submit {width: 100px; float: right; margin: 10px}
.about h1 {font-size: 2em}
.people .about h1 {font-size: 1.7em}
.about h2 {padding-bottom: 10px; font-size: 1.2em}
.about .avatars {float: right; margin-left: 20px}
.about .avatars .avatar {margin-bottom: 10px}
.about img#bob {margin-top: 10px; border: 1px solid #999999}
body.about_guidelines h1 {font-size: 1.5em; margin-bottom: 0em}
body.about_guidelines h2 {margin-top: 1em; border-bottom: 1px solid #cccccc; margin-bottom: .5em}
.dialog {background-color: transparent}
.dialog h2 {margin-top: -2em; padding-left: 2em; text-align: center; width: 14em}
#flickr_panel form {margin-top: 0px}
#flickr_panel #slurper_progress {margin-top: 20px}
#flickr_panel #slurper_progress img {margin-top: 5px}
#flickr_panel #pages_viewport {min-height: 260px; width: 880px; float: left}
#flickr_panel .pager {width: 20px}
.flickr_add {width: 170px; float: left; margin-top: 5px; margin-left: 5px}
#flickr_search {background-color: white; padding: 3px; margin-left: 0px; margin-right: 0px; width: 954px}
#flickr_search select {float: left; margin-left: 20px; width: 230px}
#flickr_search .flickr_id {float: left}
#flickr_search img {float: left; padding: 3px; margin-right: 20px}
#flickr_search .clicker img {padding: 0; margin: 0; float: none; padding-left: 10px; padding-top: 6px}
#flickr_search .indicator img {float: none; padding: 0; margin-top: 0}
#flickr_search .page_links {margin-top: 10px}
#flickr_search .page_links .previous_page, #flickr_search .page_links .next_page {font-size: 1em}
#flickr_search #flickr_tag {float: left; width: 100px; margin-left: 10px}
#flickr_search label {float: left; width: 120px; margin-left: 0px}
#flickr_search form.short label {float: none}
#flickr_search select {margin-right: 10px}
#flickr_search .clicker {margin-top: -5px; margin-left: 5px}
#flickr_search .flickr_form .clicker {float: left}
#flickr_search img#progress {margin-left: 20px; margin-top: 1.6em}
#flickr_search .login {float: left; color: #333333; padding-top: 5px; padding-right: 5px}
#flickr_search .blurb {font-weight: bold; padding-bottom: 5px}
#flickr_search input[type='text'] {width: 200px}
#flickr_search .go {width: 40px; margin-left: 5px}
#flickr_search_results {background-color: #ffffff; min-height: 180px; padding-top: 10px}
#flickr_search_results img {border-style: solid; border-color: #aaaaaa; border-width: 1px; margin-left: 5px; margin-bottom: 10px; cursor: move}
#progress {float: right; padding-top: 5px}
#photobucket_form label {width: 100px}
#photobucket_form input, #photobucket_form select {width: 200px; float: none; margin: 0 0 0 0}
a.zoomer {background-color: white; position: relative; top: -26px; left: 50px; display: block; padding: 2px; width: 18px; border: 1px solid #999}
.wide_project a .zoomer {left: 122px; top: 137px; width: 30px; z-index: 100; text-align: center}
.photo_frame a {text-decoration: none}
.wide_project a .zoomer img {vertical-align: top}
.wide_project .people_placeholder {visibility: hidden}
a.sqt_link:hover img.zoomered {border-color: #33ff33}
a.zoomer:hover {border-color: #33ff33}
a.sqt_link {width: 75px; height: 75px}
.patterns .search_result .preview a.zoomer img {border: none}
img.zoomered {position: relative}
.people_bubble .wip {margin-top: 7px}
.people_bubble .wip img {float: left; width: 50px; border: 1px solid #333333; margin-right: 5px}
.people_bubble .wip .name {float: left; width: 100px}
.people_bubble .brief {font-size: 1.1em; margin-top: 3px; margin-bottom: 5px}
body.people_locations_map #location_map {width: 620px; float: left}
body.people_locations_map #location_info {width: 300px; float: left}
body.people_locations_map #location_results {height: 500px; overflow-y: auto; overflow: auto}
body.people_locations_map h2 {margin-bottom: 5px}
body.people_locations_map .user {margin-bottom: 20px; height: 75px}
body.people_locations_map .user .login {font-size: 1.2em}
body.people_locations_map .avatar_medium {width: 75px; height: 75px; float: left; border: 1px solid #333333; margin-right: 5px}
body.people_locations_map .user .details {width: 175px; float: left}
.people_locations ul.locations {margin-top: 20px; padding-top: 15px; border-top: 1px solid #cccccc; width: 600px; padding: 2px; line-height: 2.2em}
.people_locations ul.locations a {text-decoration: none; color: black}
ul.cloud a.size_1 {font-size: 1.2em; color: #444}
ul.cloud a.size_2 {font-size: 1.3em; color: #333}
ul.cloud a.size_3 {font-size: 1.6em; color: #222}
ul.cloud a.size_4 {font-size: 1.9em; color: #111}
ul.cloud a.size_5 {font-size: 2.2em; color: #000}
ul.cloud li {margin: 5px; text-decoration: none; display: inline}
ul.cloud li a {text-decoration: none}
.people h1 {padding-top: 5px}
body.people_show .nameplates {margin-top: -.5em; margin-bottom: 1em}
body.people_show .nameplate {text-align: center}
body.people_index .new_kids .face {margin-right: 0px; width: 110px}
body.people_index .new_kids {text-align: center; width: 120px}
body.people_index .faves, body.people_index .new_projects, body.people_index .friends_activity {margin-top: 20px; width: 750px}
body.people_index .new_kids .faces, body.people_index .new_projects .projects, body.people_index .faves .projects, body.people_index #recent_activity {clear: both}
body.people_index .new_kids h2, body.people_index .new_projects h2, body.people_index .friends_activity h2, body.people_index .faves h2 {float: left; margin-bottom: 5px}
body.people_index .faves h2 img {vertical-align: bottom}
body.people_index .new_kids a.more, body.people_index .new_projects a.more, body.people_index .friends_activity .more, body.people_index .faves .more, body.people_index .new_projects .more {margin-right: 5px; float: right}
body.people_index .new_projects .project, body.people_index .faves .project {float: left; width: 75px; text-align: center; margin: 3px}
body.people_index .faves .project img, body.people_index .new_projects .project img {border: 1px solid #666666}
body.people_index .new_kids .face {text-align: center}
body.people_index .new_kids .avatar {float: none; margin-bottom: 5px}
.people ul.who_is_on li {font-size: 1.1em; padding-top: 4px}
.people .profile {float: left; margin-top: -.5em; width: 500px}
.people .profile label {clear: both}
.people .profile a.password_change {font-size: .9em; padding-top: .5em; display: block}
.people .avatar {float: left; text-align: center}
.people #add_avatar {margin-top: 10px; margin-bottom: 5px}
.people #add_avatar a {font-weight: bold; text-decoration: none}
.people #edit_profile {margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto; width: 10em; height: 1.5em}
.people #add_avatar_menu form input {width: auto; float: left; border-color: #999999}
.people #add_avatar_menu form .clicker {margin-top: -5px; float: left}
.people #sortable_avatars .people_link {cursor: move}
.people #sortable_avatars .delete {position: absolute; right: 2px; bottom: 2px; padding: 2px; border: none}
.people .avatar_link {border: solid 1px #cccccc}
.people .about {text-align: center; width: 175px; float: left; margin-top: .5em}
.people_locations .about {width: 150px; margin-top: 0em; text-align: left}
.people .about #friend_status {margin-bottom: 20px}
#friend_indicator {display: inline}
#friend_indicator img {vertical-align: middle}
.people .about a {}
.people .about .badge_link, .people .about .badgeless, .people .about .avatar {margin-bottom: 10px; margin-left: auto; margin-right: auto; float: none; display: block}
.people .about h4 {padding-top: 10px; margin-bottom: 10px; font-weight: normal; font-size: 1.2em}
.people .about .tools {clear: both; margin-top: 20px}
.people .showcase {float: right; text-align: center; margin-top: 10px}
.people .showcase .more {margin-top: 5px; margin-right: 5px; text-align: right; font-size: 1.1em}
.people .showcase .project_count {font-size: 1.2em}
.people #rankings .avatar {margin-right: 10px}
body.people_index #rankings .group_badge {float: left; margin: 5px}
body.people_index #rankings .group_title {height: 60px; width: 100px; font-size: 1em; float: left; margin-top: 10px}
.people .charts h2, .people .search h2 {font-weight: bold; padding-bottom: 10px }
.people .charts {float: left; padding: 10px}
.people .search {float: left; padding: 10px; padding-left: 20px}
.people #query {width: 320px; margin-right: 5px; height: 1.5em; margin-top: 5px}
.people .rank {float: left; font-size: 2em; font-weight: bold; color: #d8eddd; margin-left: 5px; margin-right: 5px; margin-top: 15px}
.people .ranking .avatar_medium {float: left; margin-right: 10px; border: 1px solid #333333}
.people .ranking .login {font-size: 1em}
.people .showcase .box {margin-top: 7px; margin-bottom: 0}
.people .showcase img {border: 1px solid #cccccc; margin: -3px}
.people .clicker img {border: none; margin-top: 0}
.people .show {margin-top: 4em}
.people .show .field {font-size: 1em; border-bottom: dotted 1px #dddddd; min-height: 1.2em}
.people .show .field label {font-size: 1.2em; width: 130px}
.people .show h2 {padding-top: 10px}
.people .show .curse {font-style: normal}
.people #add_avatar_menu {width: 380px; height: 90px; margin: 5px; margin-top: 10px; background-color: #f8f8f8}
.search_people .search_result {width: 300px; height: 130px; float: left}
.people .neighbors {width: 600px}
.people .neighbors .search_result {width: 295px; float: left; height: 8.25em}
body.search_people .search_result .location {margin-bottom: 7px}
body.search_people .search_result .status {margin-top: 5px}
body.search_people .search_result .avatar {margin-right: 20px}
.people .neighbors h2 {margin-top: 20px}
.avatar {height: 100px; width: 100px}
.people_placeholder {border: 1px solid #dddddd; cursor: pointer; text-align: center}
.people_placeholder a {text-align: center; color: #666; text-decoration: none}
.avatar img {border: 1px solid #999999; z-index: 1}
.avatar img.online {border: 0; margin: 0; vertical-align: bottom}
.avatar_medium {width: 75px; height: 75px}
body.patterns_threads .avatar_medium {margin-left: auto; margin-right: auto}
.avatar .indicator {z-index: 2; margin-top: -25px; width: 20px; font-weight: normal}
.avatar span {display: block; margin-top: 40px; color: #aaaaaa}
.avatar span.caption {margin-top: 0px; color: #666666}
.avatar_with_login, .panel .avatar_with_login {height: 140px; width: 130px; border: 0px; text-align: center}
.avatar_medium_with_login {height: 100px; width: 110px; border: 0px; text-align: center}
.avatar_with_login img {margin-bottom: 3px}
.avatar .login {text-decoration: none; display: block}
.avatar_small {background-color: white; height: 50px; width: 50px; border: 1px solid #cccccc}
.avatar_small span {display: block; margin-top: 20px; color: #aaaaaa}
.profile h2 {clear: both; margin-top: 10px; margin-bottom: 10px; padding-top: 5px}
.people_edit h2 {margin-bottom: 0px}
.people_edit .indicator {float: left; margin-right: 10px}
.people_edit #change_feed {font-size: .8em}
.people_edit fieldset .clicker button {width: 90px}
.people_edit a.password_change:hover {background-color: transparent}
.people_edit fieldset .clicker {float: right; margin-right: 10px}
.profile .field {padding: 5px 0px; font-size: 1.1em}
.profile .field#about_me {font-size: 1.2em; padding-top: 10px}
.profile .about_me img {max-width: 500px}
.profile input[type='submit'] {float: right; margin-right: 10px; width: 140px}
.profile input.checkbox {width: auto}
.profile #privacy_options {float: left; width: 300px; font-size: 1em}
.profile textarea {float: none; width: 480px; height: 120px; margin-top: 5px; font-size: 1em}
#location_fields {float: left; margin-bottom: 10px}
#location_fields .field {font-size: 1em; padding: 0px; padding-bottom: 3px; height: 1.5em}
#location_fields label {width: 100px; font-size: .95em; color: #333333}
.profile #location_fields input, .profile #location_fields select {width: 200px}
body.groups #group_form #location_fields label {width: 80px}
body.groups #group_form #location_fields input {width: 144px}
body.groups #group_form #location_fields select {width: 146px}
body.groups_browse #sorting {margin-top: 5px}
.profile input {width: 300px}
.profile label {width: 180px}
.profile p {font-size: 1em}
.profile .posts li {clear: both; line-height: 1.7em}
.profile .posts .date {display: block; float: left; width: 135px; color: #666666}
.photo_selector .instructions {font-size: 1em; padding: 10px}
.photo_selector .photos {margin-top: 10px; margin-left: 5px}
.photo_selector .photos img {border: 1px solid #666666; margin: 5px}
.peep {float: left; margin: 10px}
.peep img {}
.peep .login {padding-top: 10px; font-size: 1.2em}
.neighbors .peep .login {padding-bottom: 3px; font-size: 1.1em}
.peep .stats a {text-decoration: none}
body.people_index .peep {width: 200px}
body.people_index .neighbors .peep {width: 295px; float: left; margin-left: 3px}
body.search #search_results .peep {width: 400px}
body.search #search_results .peep .about {float: left; width: 180px; text-align: left}
.neighbors .peep .avatar_medium {float: left; border: 1px solid #666; margin-right: 10px}
.books .book {float: left; width: 400px; height: 175px; margin: 10px}
.books .book img {float: left; border: 1px solid #999999}
.books .book .title {font-size: 1.2em}
.books .book .details {float: left; margin-left: 10px}
.books .book .projects {margin-top: 10px; font-size: .9em}
.books .book .projects li a {font-size: 1.2em; text-decoration: none}
#library_panel .amazon .buy_box {background: none; width: 175px; padding-top: 0px}
#library_panel .amazon .buy_box .prices {margin-top: 5px}
#library_panel .amazon .buy_box .rating img {border: none; float: none}
#library_panel #queue_books .book img {float: none; margin-left: auto; margin-right: auto}
#library_panel #queue_books .book {height: 250px; width: 350px}
#library_panel #queue_books .book .image {float: left; text-align: center; width: 175px}
#library_panel #queue_books .book .details {height: 150px; width: 150px}
.posts .site_thumbnail {margin-left: 35px; margin-top: 10px; border: 1px solid #cccccc}
#posts_panel p.message {font-size: 1.2em; margin: 10px}
#posts_panel p {margin: 10px}
#posts_panel p a {text-decoration: underline}
#posts_panel .indicator {float: left}
.blog_post, .blog_post ul {font-size: 12px}
.blog_post br {display: none}
.blog_post .post_content p {margin: 0; margin-top: 1em; font-size: 1.1em}
.blog_post ul {margin: 1em; font-size: 1.1em}
.blog_post li {margin-left: 1em; list-style-type: disc}
.todo {border: 1px solid #cccccc; background-color: #fffff3; margin: 10px; padding: 10px; font-size: .85em; width: 300px}
.todo li {list-style: disc; list-style-position: inside}
.invitations p {padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; margin-top: 5px; width: 500px}
.groups #q {width: 300px; height: 1.5em; margin-top: 5px}
.groups_index form button {width: 60px}
.groups #search_results h2 {margin-bottom: 10px}
.groups_index #browsing form {margin-bottom: 10px}
#group_summary .box .box_contents {min-height: 10px; padding-left: 10px}
#group_summary .box .box_contents #group_to_add {width: 200px; margin-bottom: 5px}
#group_summary .box #group_indicator {padding-left: 5px; display: inline; vertical-align: bottom}
#group_summary .box ul.associations li {font-size: 1.1em; line-height: 1.5em}
#group_summary .box ul.associations li img {vertical-align: middle; padding: 2px}
a.badge_link:hover {background-color: transparent}
img.group_banner, .group_banner_placeholder {width: 468px; height: 60px; cursor: pointer}
.group_banner_placeholder a.group_name {padding: 3px; font-size: 1.5em; color: #333333; background-color: transparent; text-decoration: none}
.group_badge_placeholder, img.group_badge {border: 1px solid #666666; width: 100px; height: 60px; text-align: center}
.group_badge_placeholder span {padding-top: 20px; color: #999999; font-size: .9em; display: block}
.group_banner_placeholder img.group_badge {border: 0px; border-right: 1px solid #666666; vertical-align: middle; margin-right: 20px}
body.groups #group_banner .group_banner {float: left}
body.groups_show #group_banner .group_banner {float: none; display: block}
body.groups_show .people img {vertical-align: bottom}
body.groups_show .forum_glance {margin-bottom: 10px}
body.groups_show form.search #q {width: 440px; height: auto}
body.groups_show form.search #w {width: 155px}
body.groups_show form.search button {width: 50px}
body.groups_show #group_links a {text-decoration: none; font-size: 1.1em}
body.groups_index #recent_groups form {margin-bottom: 30px}
body.groups_index #recent_groups {float: left; width: 468px}
body.groups_index #browsing {float: left; width: 400px; margin-left: 20px}
body.groups_index #browsing img {vertical-align: bottom}
body.groups_index h2.recently_started {margin-bottom: 5px}
body.groups_index #recent_groups .group {clear: both; margin-bottom: 15px; margin-top: 10px}
body.groups_index #recent_groups .group .group_banner {margin-bottom: 5px}
body.groups_index .find_groups h3 {font-weight: normal; margin-top: 15px; margin-bottom: 10px}
body.groups_index ul.events {margin-top: 1em}
body.groups_index .find_groups li a {padding: 3px}
body.groups_show .recent h2 {float: left; font-size: 1.1em}
body.groups_show .recent a.more {float: right; font-size: .95em}
body.groups_show #group_posts ul {padding-left: 5px}
body.groups_show #group_posts li {padding-bottom: .5em}
body.groups_show a.recent_project {margin-right: 4px}
body.groups_show a.recent_yarn img, body.groups_show a.recent_project img {border: 1px solid #333333}
body.groups_show .forum_glance, body.groups_show .forum_glance table {width: 680px; margin-right: 0px}
body.groups_show .forum_glance table td.age {width: 100px}
body.groups #group_status_indicator {margin-top: 5px}
body.groups #alt_banner {width: 468px; margin-left: 10px}
body.groups #group_banner .summary {width: 150px; float: left; text-align: center; height: 90px; margin-left: 30px}
body.groups #group_banner .summary ul {margin-bottom: 4px}
body.groups #group_form {width: 450px; float: left}
body.groups #group_tips {width: 300px; float: left}
body.groups #group_form {margin-top: 0px; margin-right: 20px}
body.groups #group_form h3, body.groups #group_tips h3 {border-bottom: 1px solid #cccccc; margin-bottom: 5px; margin-top: 10px }
body.groups #group_tips p, body.groups #group_tips img {margin: .5em}
body.groups #group_form .field {padding-top: 5px}
body.groups #group_form label {width: 200px}
body.groups #group_form input, body.groups #group_form textarea {width: 225px; font-size: 1em}
body.groups #group_form input#group_allow_wiki {width: auto; font-size: auto}
body.groups #group_form select {width: 227px}
body.groups #group_form textarea {height: 5.5em}
body.groups #group_form textarea#group_short_description {height: 4em}
body.groups #group_form textarea#group_description {width: 425px; height: 200px; font-size: 1em}
body.groups #group_form input.group_linker {width: auto; float: none}
body.groups #summaries {width: 260px; float: left}
body.groups #membership {text-align: center; margin-top: .5em}
body.groups #membership img {vertical-align: bottom}
body.groups #group_content {width: 680px; float: left; margin-right: 20px}
body.groups #member_counts {font-size: 1em; text-align: center; margin-top: .5em; width: 220px}
body.groups #member_counts img {vertical-align: bottom}
body.groups #member_counts a {padding: .25em}
body.groups #recent_members h3 {margin-bottom: 10px; text-align: center}
body.groups #member_counts {float: right; margin-top: -2.5em}
body.groups #recent_members .member {float: left; width: 110px; height: 130px}
body.groups #recent_members .avatar_medium {height: 120px; width: 110px}
body.groups #recent_members .avatar_medium img {border: 1px solid #666666}
body.groups #recent_members .avatar_medium .login {display: block; font-size: 1.1em}
body.groups_show h2.section {border-bottom: 1px solid #CCCCCC; font-weight: normal; margin-bottom: 0.5em; margin-top: 1em; padding-bottom: 0.5em}
body.groups_show h2.section img {vertical-align: bottom}
body.groups_show #group_description {margin-bottom: 30px; margin-top: 1em}
body.groups_show #recent_members {margin-top: .5em}
body.groups_show #executives {margin-top: 1em}
body.groups_show #executives .person {display: block}
body.groups_show #summaries .box .item {width: 110px; float: left; text-align: center}
body.groups_show #summaries #recent_projects {margin-top: 10px}
body.groups_show #summaries #recent_stash .box_contents, body.groups_show #summaries #recent_projects .box_contents {text-align: center}
body.groups_show #group_posts .avatar_small {float: left; border: 1px solid #333; margin-right: 1em}
body.groups_show #summaries #recent_projects .item, body.groups_show #summaries #recent_stash .item {width: 78px; height: 78px}
body.groups_show .recent {margin-bottom: 20px}
body.groups_show .forum_glance {margin-top: -1.25em}
body.groups_show .forum_glance .controls {margin-top: -1.5em}
body.groups_show #group_description h2, body.groups_show .recent h2 {margin-bottom: 5px}
body.groups_show #group_description .clicker_icon {float: right; margin-top: 5px}
#group_header .breadcrumbs {margin-bottom: 15px}
#group_header .tools {float: right}
#group_header .group_badge, #group_header .summary {float: left; margin-right: 10px; margin-left: 3px}
#group_header .group_badge {margin-bottom: 10px}
body.groups_members .member, .user_card {width: 284px; height: 115px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 10px; background: transparent url('/images/member-notecard.png') no-repeat}
body.groups_members .member .avatar, .user_card .avatar {margin-top: 5px; margin-left: 5px; float: left}
body.groups_members .member .details, .user_card .details {width: 160px; float: left; margin: 10px 0px 0px 10px}
body.groups_members .member .details .login, .user_card .details .login {font-size: 1.2em; display: block}
.user_card {position: relative}
.user_card a.quick_selector {position: absolute; right: 10px; top: 10px}
.user_card li.social_sites {padding-top: 5px}
.user_card li.social_sites a:hover {background-color: transparent}
.user_card li.social_sites img {height: 16px; width: 16px}
body.groups_members .member .details .joined {margin-bottom: 10px; font-size: .9em}
body.groups .group_result, #group_search_results .group_result {margin-bottom: 30px; margin-top: 20px; width: 850px}
body.groups_index #search_results .group_result {width: 450px}
body.groups .group_result .tag_set {float: left; width: 350px; margin-left: 10px}
body.search .group_result a.title, body.groups .group_result a.title, #group_search_results .group_result a.title {font-size: 1.2em}
body.search .group_result .description, body.groups .group_result .description, #group_search_results .group_result .description {margin-top: 5px}
body.search .group_result .members, body.groups .group_result .members, #group_search_results .group_result .members {font-style: italic; margin-top: 5px}
body.search .group_result .group_badge, body.groups .group_result .group_badge, #group_search_results .group_result .group_badge {float: left}
body.search .group_result .details, body.groups .group_result .details, #group_search_results .group_result .details {margin-left: 20px; width: 320px; float: left}
body.groups_yarns .yarn {width: 190px; height: 240px; text-align: center; margin-right: 10px; margin-bottom: 10px}
body.groups_search .page_links {height: auto; padding-top: 1em; padding-bottom: .5em}
#groups_dialog ul#group_results li {clear: both}
#groups_dialog ul#group_results input {width: auto; height: auto; margin-top: .25em}
#groups_dialog ul#group_results .group {margin-left: 10px; float: left; padding-bottom:.5em}
#groups_dialog ul#group_results .group .stats {font-size: .9em}
body.pages_show #page_index {width: 300px; float: right; margin-top: -65px}
body.pages_show .markdown {width: 620px; float: left}
#user_groups_panel .membership {width: 800px; height: 70px; margin-bottom: 10px}
#user_groups_panel .membership .group_banner {float: left; margin-right: 20px}
#user_groups_panel .membership .vitals li {font-size: 1.1em}
#user_groups_panel .membership .vitals .joined {font-size: 1em; margin-bottom: .5em}
dl.location_list {margin-left: 10px; margin-top: 10px}
dl.location_list dd {margin-bottom: 15px; margin-left: 10px; margin-top: 5px}
dl.location_list dt.location {font-size: 1.2em}
.comment {position: relative; margin-bottom: 20px; clear: both}
.comment .index {float: right; font-size: 1.4em; font-weight: bold; color: #D5F3D4; margin-left: 5px; width: 55px; display: block; margin-top: -5px; margin-right: 10px; text-align: right; text-decoration: none}
.comment .commenter {width: 140px; height: 160px; text-align: center; padding-top: 20px; position: absolute; bottom: -20px; left: 0}
.comment_reply .commenter {right: 0; left: auto}
.commenter_details {}
.comment .helpful {padding-top: 20px; margin-left: 10px; font-size: .85em; color: #aaaaaa !important}
.comment .helpful a.voted {font-weight: bold; color: black !important}
.comment .delete {padding-top: 20px; margin-right: 30px; font-size: .85em}
.comment .delete, .comment .delete a {color: #aaaaaa}
.comment_reply .delete {margin-right: 55px}
.comment .commenter .date {color: #999999; font-size: .9em}
.comment .commenter .name {margin-bottom: 10px; font-size: 1.1em}
.comment .commenter .avatar {float: none; width: 100px; margin-left: auto; margin-right: auto}
.comment .bubble {background: white url('/images/comment-bubble-background.gif'); margin-left: 120px; width: 540px; font-size: .95em}
.comment_reply .bubble {background: white url('/images/comment-bubble-background-r.gif'); margin-left: 0px; margin-right: 10px}
.comment pre {white-space: pre-wrap; white-space: -moz-pre-wrap !important; word-wrap: break-word}
.comment .footer_links {margin-left: 50px}
.comment_reply .footer_links {margin-left: 25px}
.comment .bubble .body {width: 470px}
.comment .bubble .markdown {font-size: 1em; margin-left: 10px}
.products_reviews .comment .bubble .markdown {font-size: 1.1em}
.comment .bubble .head {background: white url('/images/comment-bubble-top.png'); width: 536px; height: 30px}
.comment_reply .bubble .head {background: white url('/images/comment-bubble-top-r.png')}
.comment .bubble .body {min-height: 90px; margin-left: 50px; margin-top: -10px; margin-right: 15px}
.comment_reply .bubble .body {margin-left: 25px}
.comment .bubble .foot {background: white url('/images/comment-bubble-bottom.png'); width: 536px; height: 52px; margin-left: 1px}
.comment_reply .bubble .foot {background: white url('/images/comment-bubble-bottom-r.png'); margin-left: 0px}
#comments_panel .textarea_preview {border-style: none; background-color: transparent}
#comments_panel .comment .markdown img {max-width: 450px}
#comments_panel #topics {margin-top: 20px; float: left; width: 260px}
#comments_panel .more_discussions, #comments_panel .more_discussions:hover {text-decoration: none; font-size: .9em; margin-top: 10px; display: block; background-color: transparent}
#comments_panel #topics .tag_set {margin-top: 10px}
#comments_panel #topics table {margin-top: 10px; width: 260px}
#comments_panel #topics table a:hover {background-color: transparent}
#comments_panel textarea {width: 670px; height: 150px}
#comments_panel .clicker {float: right; margin-top: 10px}
#comments_panel .clicker button {width: 100px}
#comments_panel #comments {float: left; width: 680px; margin-right: 20px}
#comments_panel #favorited {float: right; width: 250px}
#comments_panel .textarea_preview .clicker {float: left}
#comments_panel a.index {background-color: transparent}
#comments_panel .textarea_preview {margin: 0px}
#comments_panel .icon {height: 16px; width: 16px; vertical-align: middle}
#comments_panel #favorited .avatar_small {margin-left: auto; margin-right: auto; text-align: center}
#comments_panel #favorited .fan {width: 100px; height: 80px; text-align: center; margin: 5px; float: left}
.small_neighbor {width: 150px; margin: 10px; float: left; text-align: center}
.small_neighbor .avatar_small {margin-left: auto; margin-right: auto}
.small_neighbor .user_name {font-size: 1.2em}
.small_neighbor .location {margin-bottom: 5px}
#queue_dialog {width: 475px}
.queue_editor {margin-top: -10px; padding-left: 10px}
.queue_editor .save .clicker {margin-right: 50px}
.queue_editor .save .indicator {float: right; margin-top: 15px; margin-right: 15px}
.queue_editor .suggestions {margin-top: 10px; margin-left: 0px; width: 355px}
.queue_editor legend {font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 0px}
.queue_editor label {width: 80px}
.queue_editor .fields {width: 450px !important}
.queue_editor #notes .thumbnail {width: 75px}
.queue_editor #notes .thumbnail, .queue_editor textarea {float: left; margin-right: 5px; margin-top: 5px}
.queue_editor input {width: 325px; height: 1.45em}
.queue_editor input.checkbox {width: auto; height: auto}
.queue_editor #wish_list_field label {width: 350px; margin-top: 1em}
.queue_editor #wish_list_field label, .queue_editor #wish_list_field input.checkbox {float: none !important}
.queue_editor #wish_list_field img, .queue_editor .more_yarns img {border: none; background-color: transparent}
.queue_editor .more_yarns {text-align: right; margin-right: 40px}
.queue_editor #queued_project_pattern_name, .queue_editor #queued_project_yarn_name, .queue_editor #queued_project_finish_by_date {width: 306px}
.queue_editor textarea {width: 320px; height: 75px}
.queue_editor .save .clicker {float: right; margin-right: 15px; margin-top: 10px}
.queue_editor .field#notes img {background-color: transparent; border: none}
.queue_editor select {width: 70px; margin: 0px; padding: 0px}
.queue_editor select#queued_project_pattern_origin_id {width: 296px}
.queue_editor .additional_information {background-color: #ecf9e7; margin-top: 10px; margin-bottom: 5px; padding: 10px; width: 355px; border: 1px solid #cccccc}
.queue_editor .additional_information label {width: 135px}
.queue_editor .additional_information input, .queue_editor .additional_information select {width: 190px}
#queue_panel h2 {font-size: 1.2em; margin-bottom: 10px; margin-top: 10 px; font-weight: bold}
#queue_panel #queued_projects {padding-top: 10px}
#queue_panel #queued_projects .tools span.begin a span {width: 100px}
#queue_panel .queued_project {margin-bottom: 10px}
#queue_panel .queued_project .image {float: left; width: 190px}
#queue_panel .queued_project .photo_border {height: 95px; padding: 0px; background-image: none; border: 1px #cccccc solid; float: left}
#queue_panel .queued_project .photo_frame {height: 75px}
#queue_panel .queued_project .photo {height: 75px; line-height: 50px; font-size: 1.2em}
#queue_panel .queued_project .photo_frame .noclick {cursor: default}
#queue_panel .queued_project .particulars {float: left; width: 480px; margin-left: 10px; margin-top: .25em}
#queue_panel .queued_project .particulars td {line-height: 1.5em}
#queue_panel .queued_project .particulars .notes {padding-top: 10px; padding-bottom: 20px}
#queue_panel .queued_project a {color: black}
#queue_panel .particulars table {margin-bottom: 0; border: none; width: 430px}
#queue_panel .begin_project {text-align: center; padding-top: 3px}
#queue_panel .begin_project a {text-decoration: underline}
#queue_panel .particulars td.pattern_name_cell {font-size: 1.2em; padding-bottom: 1em}
#queue_panel .particulars .byline {font-size: .85em}
#queue_panel .particulars table td.label {font-weight: bold; width: 6em; vertical-align: top}
#queue_panel .queued_project .added {font-size: .95em; margin-top: 5px; color: #666666; text-align: center}
#queue_panel .queued_project .tools {padding-top: 10px}
#queue_panel .sorting {width: 30px; float: left; margin-right: 10px}
#queue_panel #tabset ul {padding-bottom: 1px}
#queue_panel .sort_field {width: 40px; font-size: 1.3em; font-weight: bold; margin-top: 10px; padding: 3px; text-align: right}
#queue_panel .top {width: 1em; font-size: 1em; text-align: center; margin-top: 1.25em; margin-right: 5px}
#queue_panel input.sort_field {float: none}
#queue_panel .top img {margin-top: 20px}
#queue_panel .handle {margin-left: 40px; padding-top: 10px; height: 15px; display: block}
#queue_panel .handle, #queue_panel .handle span, #queue_panel .handle a, #queue_panel .handle a:hover {cursor: move; background-color: transparent}
body.donate #explanation {float: left; width: 580px}
body.donate #donate_sidebar {float: left; width: 250px; margin-left: 20px}
body.donate #donate_sidebar .bob {font-size: 1.1em}
body.donate #donate_sidebar .bob img {border: 1px solid #333333; margin-top: 5px}
body.donate #donate_box img.paypal {float: left; margin-right: 10px; margin-left: 5px}
body.donate #donate_box .clicker {float: left}
body.donate #donate_box .box_contents {height: 11em}
body.donate #donate_box .box_contents form {height: 10em}
body.donate #donate_box strong {font-weight: normal; font-size: 1.2em}
body.donate #donate_box button {width: 140px}
body.donate h1 {font-size: 1.7em; letter-spacing: -1px; font-weight: normal}
body.donate h2 {font-size: 1.5em; margin-bottom: .5em; margin-top: 1em}
body.notebook #purchases_panel .payment_list {margin-top: 10px}
body.donate #explanation ul {list-style-position: inside; list-style-type: disc; margin-left: 10px; font-size: 1.1em}
body.donate #explanation p {font-size: 1.1em; margin-bottom: 1em}
body.donate #explanation p strong {background-color: #fffff3; font-weight: normal}
#message_container {z-index: 15; position: absolute; top: 195px; left: 200px; width: 700px; padding: 5px; border: 1px solid #cccccc; background-color: white}
#message_container .inline_photo {float: left; margin-right: 10px; border: 1px solid #666666}
#message_container .approval_result {margin-top: 10px; display: block}
#message_container .compose_message .avatars {float: left; margin-left: 5px; margin-right: 10px; margin-bottom: 20px; width: 120px}
#message_container #away_message a {text-decoration: underline; font-weight: bold}
#message_container .compose_message form {float: left; width: 540px; margin-top: -5px}
#message_container .compose_message form .clicker button {width: 100px}
#message_container .compose_message form .clicker {float: right}
#message_container .top {text-align: right; padding: 5px; padding-top: 10px; cursor: move}
#message_container .reply_top {padding: 0; padding-top: 10px}
#current_message .closer {float: right; margin-bottom: 10px}
#current_message .body a {text-decoration: underline}
#current_message .body a.clicker {text-decoration: none}
#current_message .reply_to {font-size: .7em; margin-top: 10px}
#reply_errors {color: red}
#message_reply {margin-bottom: 2em}
#user_messages_panel .compose textarea {width: 625px; height: 250px; font-size: 1em}
#user_messages_panel #notifications_enabled a {text-decoration: underline}
#user_messages_panel td.message_checkbox input, #user_messages_panel input#toggler {border: none; width: 1em}
#user_messages_panel #message_reply .compose textarea {width: 450px}
#user_messages_panel .compose_message .compose textarea {width: 500px}
#user_messages_panel .compose {margin-top: 0px}
#user_messages_panel .compose label {font-weight: bold}
#user_messages_panel .compose input.subject {width: 300px; display: inline; float: none; font-size: 1em}
#user_messages_panel h3, #user_messages_panel .indicator {float: left; margin-right: 10px}
#user_messages_panel th.reply_column {width: 20px}
#user_messages_panel td.container {}
#user_messages_panel tr.container td {background-color: #fffff}
#user_messages_panel td.date, #user_messages_panel td.fromto {width: 11em}
#user_messages_panel td.time {width: 6em}
#user_messages_panel #messaging_menu {float: left}
#user_messages_panel .header {height: 30px}
#user_messages_panel #message_list td, #user_messages_panel #message_list td a {color: #000 !important}
#user_messages_panel form.message_pages {float: right; margin-top: 0px}
#user_messages_panel table {margin-bottom: 10px}
#user_messages_panel .summary {float: left; width: 200px}
#user_messages_panel .body {float: left; width: 400px}
#user_messages_panel .reply {float: right; width: 70px}
#user_messages_panel #reply_status .replied {font-size: .9em; margin-top: 5px}
#user_messages_panel #reply_status .replied strong {border: 1px solid #cccccc; background-color: #fffff3; padding: 1px}
#user_messages_panel .error {color: red}
#user_messages_panel .avatar {float: none; margin-top: 10px}
#user_messages_panel tr.unread {font-weight: bold}
#user_messages_panel #compose_menu {width: 300px; margin-top: 10px}
#user_messages_panel #compose_menu .clicker {margin-top: -5px}
#user_messages_panel #compose_menu .clicker button {width: 30px}
#user_messages_panel #compose_menu input {width: 100px}
.message_contents {margin: 0px; border: 1px solid #eeeeee; font-size: 1.1em; padding: 10px; padding-top: 0; background-color: white}
.message_contents .sent {color: #999999; margin-bottom: 10px}
.message_contents .subject {font-size: 1.2em}
#purchases_panel table {position: none}
#purchases_panel tbody {height: auto; overflow: auto; overflow-x: auto; overflow-y: auto}
.pattern_sources .sidebar .overview {float: left; margin-top: 1.5em; width: 240px; text-align: center; margin-right: 20px}
.pattern_sources_patterns .page_links {margin-top: 1em}
.pattern_sources_patterns .page_links .pagination {width: 330px}
.pattern_sources_projects form.short {margin: 10px; height: 2.5em}
.pattern_sources .patterns {width: 680px; float: left}
.pattern_sources .thumbnails .framed_photo {margin-left: 10px; margin-top: 10px}
.pattern_sources .overview .featured_image, .pattern_sources .overview .site {border: 1px solid #999999}
.pattern_sources_edit label {width: 120px}
.pattern_sources_edit fieldset {width: 430px; margin-bottom: 1em}
.pattern_sources_edit input, .pattern_sources_edit select {width: 300px}
.pattern_sources_edit #date_publication_date_month {width: 215px}
.pattern_sources_edit #date_publication_date_year {width: 80px}
.pattern_sources_edit .clicker {float: right}
.pattern_sources .sidebar .title {margin-top: 10px; font-size: 1.1em}
.pattern_sources_show .binding, .pattern_sources_show .label {font-size: .95em}
.pattern_sources_show .author {margin-bottom: 10px}
.pattern_sources_discussions .page_links .pagination {width: 400px}
.pattern_sources_discussions table {margin-bottom: 1em}
.editors_action #pattern_list {float: left; width: 750px; margin-left: 20px}
.editors_action #pattern_list p {margin-top: 1em; margin-bottom: 1em}
.pattern_sources_show #features, .pattern_sources #discussions {float: left; width: 660px}
.pattern_sources #discussions {padding-top: 1em}
.pattern_sources_show .feature .more {float: right; margin-top: -2.5em}
.pattern_sources_show .avatar {float: none; margin-left: auto; margin-right: auto; margin-bottom: .5em}
.pattern_sources_show .designer {text-align: center; width: 150px; height: 160px; float: left}
.pattern_sources_show .feature ul {margin-top: 1em; margin-left: 10px}
.pattern_sources_show li.additional_designer {float: left; width: 200px; padding: 2px}
.pattern_sources #groups .group {width: 150px; text-align: center; float: left; margin-bottom: 10px; margin-right: 10px}
.pattern_sources_show #features h3, #subsections h3 {font-weight: normal; margin-top: 1em; margin-bottom: .5em; border-bottom: 1px solid #cccccc; padding-bottom: .5em}
#subsections h3 img {vertical-align: bottom}
#subsections a.sqt_link {float: left; margin-right: 10px}
#subsections .subsection {margin-bottom: 2em}
.pattern_sources_show #features #fos a img {border: 1px solid #666666}
.pattern_sources_show #features .feature {padding-bottom: 2em}
.pattern_sources_show #features .featured_pattern .name {display: block}
.pattern_sources_show #features .featured_pattern .framed_photo {margin-left: auto; margin-right: auto}
.pattern_sources_show #features #featured_projects .favorite {width: 90px; text-align: center; float: left}
.pattern_sources_show #features #featured_projects .favorite img {border: 1px solid #666666; margin-bottom: 5px}
.pattern_sources_show #features .featured_pattern .stats {margin-top: .5em}
.pattern_sources_show #features #threads table {margin-top: -.75em}
.pattern_sources_show #features #threads h3 {border: none}
.pattern_sources_show #features h3 img {vertical-align: top}
.pattern_sources_show #features .featured_pattern {width: 220px; text-align: center; float: left}
.pattern_sources .thumbnails .pattern_thumbnail {width: 200px; height: 250px; float: left}
.pattern_sources .thumbnails .pattern_thumbnail .details {text-align: center; width: 200px}
.pattern_sources .thumbnails .pattern_thumbnail .indicators {text-align: center}
.pattern_sources .thumbnails {width: 670px; float: left}
.pattern_sources #edit_panel {margin-top: 10px}
.pattern_sources input#association {width: 220px}
.pattern_sources #edit_panel form.edit_form {width: 600px; float: left}
.pattern_sources #edit_panel #source_overview {width: 300px; float: left}
.amazon .buy_box {padding-top: 20px; padding-left: 0px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 10px; width: 197px; height: 110px; background: transparent url('/images/amazon-box.png') no-repeat}
.amazon .with_image {height: 130px; background: transparent url('/images/amazon-box-2.png') no-repeat}
.amazon .with_shelf_image {height: 275px; background: transparent url('/images/amazon-box-3.png') no-repeat}
.amazon .with_shelf_image .cover {margin: none !important; float: none !important}
.amazon .buy_box .list_price {font-size: 1em; text-decoration: line-through}
.amazon .buy_box .price {font-size: 1.1em; font-weight: bold}
.amazon .buy_box form {margin-left: auto; margin-right: auto; margin-top: 5px}
.amazon .buy_box img.cover {float: left; margin-left: 15px}
.amazon .with_image .prices {margin-bottom: 10px}
.amazon .with_image .rating img {margin-top: 0px; border: none}
.amazon .with_image .reviews {display: block; font-size: .9em}
.amazon .with_image .list_price {display: block}
.amazon .buy_box input {float: none}
.amazon .buy_box .buy_button {margin-top: 10px }
#ad_gallery {background-color: #f7f7f7; width: 800px; margin-left: auto; margin-right: auto; border: 1px solid #cccccc}
#ad_gallery {float: left}
#ad_gallery .heading .close {float: right}
.alt .panel, .alt .header, .alt .tabs, .alt ul li a, .alt ul li span, .alt table.grid th {border: none; background: none; background-color: white}
.alt .tabs span a {font-size: 1.1em}
.alt .tabs #current span a {font-weight: bold}
.alt .tabs {border-bottom: dotted 1px #cccccc; margin-bottom: 5px}
.alt small {display: none}
.alt h2 {}
.alt h2 img {display: none}
.alt h2 span {}
#controls .clicker span {text-decoration: none}
span.medium_clicker button {widht: 100px}
a.clicker, span.clicker {line-height: normal !important; display: -moz-inline-box; display: inline-block; border: none; background: url('/images/btn0.png') no-repeat; height: 30px; text-decoration: none !important; color: #2e523b; font-style: normal; margin: 0 6px 0px 0; padding: 0 10px 0 0; vertical-align: middle; zoom: 1; _position: relative; _width: 10px; _overflow-y: hidden; text-align: left}
a.clicker span, span.clicker button, span.clicker input {font-weight: normal; white-space: nowrap; cursor: pointer; display: -moz-inline-box; display: inline-block; font: 12px/1 Arial !important; background: url('/images/btn0.png') 100% 0 no-repeat; height: 30px; padding: 8px 10px 2px 0; margin: 0 -16px 0 10px; border: none; vertical-align: text-top; zoom: 1; _position: relative; _padding-right: 12px; _margin-right: -10px; _display: block; _top: 0; _right: -5px}
a.clicker span {}
span.clicker button, span.clicker input{ padding-top: 0px; line-height: 2.5}
a.clicker:hover, span.clicker:hover, span.button-behavior-hover {cursor: pointer; background-position: 0 -60px; color: #222; text-decoration: none}
a.clicker:hover span, span.clicker:hover button, span.button-behavior-hover button, span.button-behavior-hover input {cursor: pointer; background-position:100% -60px}
a.clicker:active, a.clicker:focus span {color: black}
.clicker_icon {}
.clicker_icon .clicker span {padding-left: 20px}
.clicker_icon img {position: absolute; z-index: 10; padding-left: 10px; padding-top: 6px; width: 16px; height: 16px}
#chatters {position: fixed; bottom: 0px; height: 20px; background-color: #fffff3; border: 1px solid #cccccc; font-size: 1em; padding: 2px; width: 100%}
body.chats #footer, body.chats #prefooter {display: none}
#chat_window {background-color: white; padding: 5px; height: 425px; margin-top: 10px; overflow-y: auto; width: 800px; height: 400px}
#chat_form #message {width: 650px; margin-right: 10px; height: 50px}
#chat_window .bubble {left: 115px}
#chat_window .bubble .body {min-height: 40px}
#chat_window .comment .index {font-size: 4em}
#chat_window .avatar, #chat_window .avatar img {height: 75px; width: 75px; float: left; margin-top: 10px}
.cms {font-size: 1em; line-height: 1.2em}
.cms ol {list-style-position: outside; list-style-type: decimal; margin: 2em; margin-top: 1em; font-size: 1em}
.cms ul {list-style-position: outside; list-style-type: disc; margin: 2em; margin-top: 1em; font-size: 1em}
.cms li {margin-bottom: 1em}
.cms h2 {font-weight: normal; font-size: 1.1em}
.cms h3 {font-weight: normal; font-size: 1.05em; margin-top: 1em; margin-bottom: .5em; border-bottom: 1px solid #cccccc; padding-bottom: 4px}
.cms dt {margin-bottom: 1em}
.cms dd {margin-bottom: 2em; color: #333333}
.cms dd {margin-left: 1em}
.cms img {border: 1px solid #666666}
.cms p {margin-bottom: 1em}
.markdown br {line-height: 1em; font-size: 1em}
.markdown ol {list-style-position: outside; list-style-type: decimal; margin: 2em; margin-top: 1em; font-size: 1em}
.markdown ul {list-style-position: outside; list-style-type: disc; margin: 2em; margin-top: 1em; font-size: 1em}
.markdown li {margin-bottom: 0em}
.markdown h1 {font-weight: normal; font-size: 1.2em}
.markdown h2 {font-weight: normal; font-size: 1.1em}
.markdown h3 {font-weight: normal; font-size: 1.05em; margin-top: 1em; margin-bottom: .5em; border-bottom: 1px solid #cccccc; padding-bottom: 4px}
.site_content h1 {font-weight: bold; font-size: 1.6em}
.site_content h3 {font-weight: bold; font-size: 1.2em}
.markdown p {margin-bottom: 1em}
.mp3_media {background-color: #fff; border: 1px solid #ddd; width: 290; padding: 5px; margin-top: 1em; margin-bottom: 1em}
.markdown .mp3_media a {display: block; margin-bottom: 1em}
.markdown .mp3_media object {background-color: #f3f3f3}
.markdown .gist iframe {width: 600px; height: 200px; border: none}
.pattern_sources_admin form {margin: 10px}
.pattern_sources_admin form input {width: 200px; font-size: 1.2em}
.pattern_sources_admin table {border: 1px solid #cccccc; margin-top: 5px}
.pattern_sources_admin table td {border: 1px solid #cccccc; padding-top: 0px; padding-bottom: 0px}
.pattern_sources_admin table .pattern_count {width: 20px}
.recent_projects {margin-top: 15px}
.recent_projects .recent_project {width: 300px; float: left; text-align: center; margin-bottom: 25px; margin-right: 60px; height: 230px}
.recent_projects .recent_project .details, .recent_projects .recent_project .framed_photo {float: left}
.recent_projects .recent_project .details {width: 100px }
.recent_projects .recent_project .photo {cursor: pointer}
.recent_projects .recent_project .framed_photo {margin-right: 10px}
.recent_projects .recent_project .name {font-size: 1.2em; padding-bottom: 5px}
.recent_projects .recent_project .avatar {border: 1px solid #66666; margin-top: 5px}
.discussions #reply_status {padding: 2px; padding-top: 10px}
.discussions #reply_status img {vertical-align: bottom}
.discussions #reply_status table.reply_list {margin-top: 15px; width: 942px; border: 1px solid #cccccc}
.discussions #reply_list th.from, .discussions #reply_list th.when {width: 10em}
.discussions #reply_list th.reply_post {width: 6em}
.discussions #reply_list th.unread_post {width: 6em}
.discussions_browse .page_links {margin-top: 1em}
.discussions #thread_browse_form {padding-bottom: 1em; display: block}
body.discussions_browse form td.label {padding-right: 5px}
body.discussions_browse form td.select {padding-right: 15px}
body.discussions_radar h2 {margin-top: .5em; margin-bottom: .5em}
body.discussions_radar a.radar_go {padding: 7px; padding-top: 10px; padding-left: 20px; text-decoration: none; color: #999}
body.discussions_radar a.radar_go:hover {background-color: white; font-weight: bold; color: #000}
body.discussions_radar .radar_post img {max-width: 400px}
body.topics #magic_links .container {background-color: #fffff3; padding: 10px; border: 1px solid #cccccc; margin-right: 20px; margin-bottom: 10px}
body.topics #magic_links .smileys {font-size: .9em}
body.topics #magic_links .smileys input {float: none}
body.topics #magic_links .container ul {margin-top: 10px}
body.topics #magic_links .container ul li.title {font-size: 1.1em; margin-bottom: .5em}
body.topics #magic_links .container ul ul {margin-top: 0px; margin-left: 1em; margin-bottom: 1em}
body.topics .forum_post_body img {max-width: 670px}
body.discussions .topic_tooltip, body.topics_index .topic_tooltip, body.groups_show .topic_tooltip {background-color: #ffffe0; border: 1px solid #666; font-size: 0.95em; padding: 5px; width: 300px; position: absolute; cursor: pointer; z-index: 100}
.topic_tooltip .avatar {float: left; margin-right: 5px}
.topic_tooltip .avatar, .topic_tooltip img {width: 25px; height: 25px}
body.user_threads td.markdown img {max-width: 450px}
.topics #forum_posts .guest {font-size: .9em; text-align: center; padding-top: .5em}
.topics #forum_posts .guest img, .topics .newbie_badge img, .topics .moderator_badge img {vertical-align: bottom}
.topics .newbie_badge {padding-top: 3px; font-size: .95em}
.topics .moderator_badge {font-size: 1em; font-weight: bold}
.topics #topic_toolbar .ignoring, .topics #topic_toolbar .watching {width: 16em; float: left; margin-top: 5px}
.topics #topic_toolbar .ignoring img, .topics #topic_toolbar .watching img {vertical-align: bottom}
.topics #topic_toolbar form {margin: 0px; float: left; margin-left: 10px; margin-right: 10px; margin-top: 4px; width: 225px}
.topics #topic_toolbar form select#topic_selector {width: 225px}
.topics #topic_toolbar form select#page_selector {width: 70px; float: left}
.topics_show #footer {padding-bottom: 40px}
.topics_show .page_links {height: 2em}
.topics_show h1 {margin-top: .5em}
.topics_show .indicator {float: left; margin-right: 10px}
#topic_tools_contents .indicator {float: right}
#topic_tools_contents a {color: black}
.topics_index h2 {border: none}
body.topics_index #board_details {margin-left: 20px; float: left; width: 300px; line-height: 2em}
body.topics_index #board_details p.group {line-height: 1.2em; display: block; padding-bottom: 2em}
body.topics_index #board_details a.badge_link {float: left; margin-right: 1em}
body.topics_index #board_details h2 {border-bottom: 1px solid #CCCCCC; font-weight: normal; margin-bottom: 0.5em; padding-bottom: 0.5em}
body.topics_index #board_details h2 img {vertical-align: middle}
body.topics_index .moderator {width: 140px; float: left; text-align: center; margin-bottom: 10px}
body.topics_index .moderator .avatar_medium {margin-left: auto; margin-right: auto}
body.topics_index .moderator .avatar_medium img {border: 1px solid #666}
.topics #next_unread {width: 450px; height: 10em; position: fixed; z-index: 9; bottom: 10.5em; left: 15px}
.topics #topic_toolbar {left: 0px; height: 30px; position: fixed; bottom: 0px; z-index: 10; padding-top: 3px; padding-left: 10px; background: white url('/images/topic-toolbar.png') repeat-x}
table#topic_toolbar {height: 40px !important; padding: 0px !important; background: transparent !important; margin-bottom: 3px !important}
table#topic_toolbar .clicker_icon img {position: fixed}
table#topic_toolbar .ttbody {background: transparent url('/images/forum-bottom-nav-bg.png') repeat-x}
table#topic_toolbar .stop {width: 5px; font-size: 0}
table#topic_toolbar .right_end {width: 20px; background: transparent url('/images/forum-bottom-nav.png') top right no-repeat}
table#topic_toolbar .left_end {width: 20px; background: transparent url('/images/forum-bottom-nav.png') top left no-repeat}
table#topic_toolbar .links, table#topic_toolbar .buttons {float: none !important; margin-right: 0 !important}
table.mobile_topic_toolbar {position: absolute !important; bottom: 40px !important}
table.mobile_topic_toolbar .clicker_icon img {position: absolute !important}
.topics #topic_toolbar option.unread {background: white url('/images/silk-new.png') no-repeat 5px; padding-left: 25px}
.topics #topic_toolbar .links {float: left; margin-top: 8px; width: 25em}
.topics #topic_toolbar a, .topics #topic_toolbar a:visited {color: #333}
.topics #topic_toolbar form#pager {width: 30px; float: right; margin-right: 10px}
.topics #topic_toolbar .clicker_icon, .topics #topic_toolbar form#pager {float: left}
.topics #topic_toolbar .buttons #thread_watch_status .indicator {margin-top: 5px}
.topics #topic_toolbar .buttons {float: right; margin-right: 20px; width: 350px}
.topics #topic_toolbar .buttons .clicker_icon {float: right}
.topics #editor_toolbar form {margin: 0px; z-index: 11}
body.topics_show .message_list .page_links {width: 835px; margin-top: 20px}
body.topics_show .forum_post_guts {padding-left: 10px}
.page_links a {text-decoration: none; font-size: 1.1em}
body.topics_show .parent_post {margin-left: 5px; padding: 10px; background-color: #ecf7e9; border: 1px solid #ccc; margin-bottom: 10px; color: black}
body.topics_show .parent_post .reply_to {}
body.topics_show .parent_post .avatar_medium {float: left; margin-right: 5px}
body.topics_index .legend {width: 325px; float: left}
.page_links {height: 3em; margin-top: 1em; margin: 0; padding: 0}
.page_links .pagination {float: left; width: 520px; text-align: center; line-height: 1.2em}
.pagination_footer {padding-top: 1em; margin-bottom: 1em; clear: both}
body.user_threads .page_links .pagination {margin-left: 6em; margin-right: 0em; text-align: center; width: auto; height: 1em}
body.topics_index .page_links {width: 600px; height: auto; margin-top: 1em}
body.topics_index .pagination {width: 300px; float: left; margin-top: .5em}
body.topics_index .pagination, .page_links .pagination {font-weight: bold; font-size: 1.3em}
body.topics_index .pagination a, .page_links .pagination a, .page_buttons a {border: 1px solid #c2ebb1; background-color: #fcfffc; padding: 3px 6px; font-weight: normal; font-size: .8em; text-decoration: none}
.page_bar {width: 100%; font-size: 1.2em}
.page_bar .page_buttons {font-size: 1.1em; text-align: center}
.page_bar .previous_page {padding: 3px; text-align: left; width: 10em}
.page_bar .next_page {padding: 3px; text-align: right; width: 10em}
body.topics_index .topic_glance {margin-top: 1em}
.page_links .pagination a:hover, .page_buttons a:hover {background-color: #c2ebb1}
.page_links .previous_page {display: block; text-align: left; float: left; width: 10em}
.page_links .next_page {display: block; text-align: right; float: right; width: 8em}
body.discussions_index .page_links .next_page, body.discussions_index .page_links .previous_page {display: none}
body.discussions_index .page_links .pagination {text-align: left}
body.discussions_index .page_links {height: 2em}
.discussions .notes {margin: 20px; border: 1px dotted #cccccc; padding: 3px; width: 700px}
.discussions .heading {margin: 0px; margin-bottom: 0px}
.discussions .heading h1 {float: left}
.discussions_header .heading h1 {float: none; margin-bottom: 5px}
.discussions .heading form {margin-top: 0px; float: right; margin-right: 70px}
.discussions_header .heading form {float: left}
.topics form.search input {width: 365px; float: none}
.discussions form.search input {width: 170px; float: none}
.topics form.search select, .discussions form.search select {width: 150px; float: none}
.topics form.search button, .discussions form.search button {width: 55px}
.discussions .search_explanation {margin: 15px; font-size: 1.2em; margin-left: 5px}
.discussions .forums {clear: both}
.discussions_index .forums {margin-top: 10px }
.discussions_index #reply_status .message {width: 300px; float: left; margin-top: 5px}
.discussions_index #reply_status form.search {width: 550px; float: right; text-align: right; margin-top: 5px}
.discussions_reports .page_links {margin-top: 1em}
.discussions .tabs {margin-top: 5px; margin-right: 5px}
.discussions_customize .tabs, .discussions_customize p {margin-bottom: 10px}
.discussions_customize #voting_buttons input {float: none}
.discussions_customize h2 {float: left; width: 300px}
.discussions_customize .title {font-weight: normal; margin-bottom: 10px; font-size: 1em; height: 3em}
.discussions_customize .title img {vertical-align: bottom}
.discussions_customize #customize_tools {float: right; width: 300px; text-align: right}
.discussions_customize #forum_sets {margin-bottom: 20px}
.discussions_customize .forum_set {float: left; margin-right: 15px; margin-top: 10px; padding-right: 0px; width: 110px}
.discussions_customize .editor_ok_button {width: 30px}
.discussions_customize .inplaceeditor-form {margin: 10px; margin-top: 0px; float: left}
.discussions_customize .inplaceeditor-form input {margin-right: 3px; margin-bottom: 3px}
.discussions_customize #default_indicator {display: inline; padding-right: 5px; vertical-align: middle}
.discussions_customize .forum_set select {float: none; display: inline; width: 110px}
.discussions_customize .forum_set ul {margin-bottom: 5px}
.discussions_customize .forum_set li {padding: 4px; border: 1px solid #dddddd; border-bottom-color: #bbbbbb; border-left-color: #bbbbbb; background-color: #fcfcfc; width: 93px; height: 2.25em; font-size: .95em; margin: 2px; overflow: hidden}
.discussions_customize .forum_set_container .medium li {height: 3.25em}
.discussions_customize .forum_set_container .large li {height: 4.25em}
.discussions_customize .forum_set li.hover {background-color: #ecf7e9}
.forum_glance .topic_glance table td.title {height: 1em; line-height: 1.25em}
.forum_glance {float: left; margin-right: 15px; margin-bottom: 30px; width: 465px}
.forum_glance a.badge_link {float: left; margin-top: 10px; margin-right: 10px}
#topics table, .forum_glance table {width: 465px; border: 1px solid #cccccc}
.topics_index .forum_glance .tools {float: right; margin-top: 1em; margin-bottom: 1em}
.topics_index .forum_glance, .topics_index .forum_glance table {width: 600px}
.topics_index .forum_glance table .age {width: 150px}
.topics_index .forum_glance h2 {display: none}
.topics_index .forum_glance .controls {width: 280px; height: 2em}
.topics_index h2 {border: none}
table.reply_list a, .forum_glance table a {text-decoration: none; color: black}
table.reply_list a:hover, .forum_glance table a:hover {background-color: transparent; text-decoration: underline}
.forum_glance table td {overflow: hidden}
.forum_glance #new_topic a {text-decoration: underline}
.forum_glance table tr.hover {background-color: #fffff3; cursor: pointer}
.forum_glance h2 {float: left}
.forum_glance .controls {float: right; width: 210px; text-align: right}
.forum_glance .controls img {vertical-align: bottom}
.groups .forum_glance .controls {width: 280px}
.forum_glance .legend img {vertical-align: bottom}
.forum_glance .controls a {font-size: .95em; text-decoration: none; color: black}
.topic_glance table td img {vertical-align: bottom}
.topic_glance table td.title img {width: 12px; height: 12px}
.topic_glance table td.status {padding: 0px; text-align: center; padding-left: 3px; padding-right: 3px; width: 1em; cursor: pointer}
.topic_glance table td.title a {display: block; overflow: hidden; height: 1.25em; float: left}
.topic_glance table tr.hover td.status {background: transparent url('/images/bitty-underline.png') no-repeat bottom center}
.forum_glance table td.posts {width: 20px; text-align: right}
.forum_glance table td.new_posts {color: #777777}
.forum_glance table td.age {padding: 3px; width: 8em; text-align: right}
.forum_glance table td.selected a {font-weight: bold; color: black}
.forum_glance h2 {font-weight: bold; font-size: 1.2em; padding-bottom: 5px}
.topics .forum_posts {width: 100%; margin-top: 10px}
table.topics th {font-weight: normal; font-size: .95em}
table.topics th.unread {font-weight: bold}
.topics .forum_posts td {border: 1px dotted #cccccc; padding: 5px}
body.topics .forum_posts .deleted .forum_post_body {min-height: 0px}
body.topics .dimmed td, body.topics .dimmed .forum_post_guts, body.topics .dimmed .forum_post_user, body.topics .dimmed div, body.topics .dimmed a {color: #eee !important}
body.topics .dimmed .downvotes {color: #000 !important}
body.topics .reply_summary {float: right; width: 170px; text-align: right}
body.topics .replies_container {padding: 1em}
body.topics .dimmed .downvotes, body.topics .dimmed .downvotes a, body.topics .dimmed .moderation_toolbox, body.topics .dimmed .moderation_toolbox a, body.topics .dimmed .moderation_toolbox label, body.topics .dimmed .moderate_post, body.topics .dimmed .buttons span {color: black !important}
body.topics .dimmed .downvotes img, body.topics .dimmed .moderate_post img {opacity: 1 !important; filter: alpha(opacity=100) !important}
body.topics .dimmed a.post_number {color: #f3f3f3 !important}
body.topics .dimmed img {opacity: .10; filter: alpha(opacity=10)}
body.topics .moderation_toolbox {padding: 5px; margin: 5px; border: 1px solid #ccc; background-color: #eee}
body.topics .moderation_toolbox label {width: 170px}
body.topics .forum_posts .dimmed .voting {display: none}
body.topics .forum_posts .deleted .post_number, body.topics .forum_posts .deleted .voting {display: none}
body.topics .heated {border: 1px solid #cccccc; background-color: #ffeeee; padding: .25em; margin-bottom: .5em}
body.topics .pirated {border: 1px solid #999; background-color: #c9d6e3; padding: .25em; margin-bottom: .5em}
body.topics .heated img {vertical-align: bottom}
.topics .forum_posts .who, .search_discussions .who {width: 135px; text-align: center}
.topics .forum_posts .who .avatar, .search_discussions .avatar {width: auto; margin-bottom: 10px}
.topics .forum_posts .who .login, .search_discussions .who .login {font-size: 1.2em; text-decoration: none}
.topics .forum_posts a.quick_selector img {vertical-align: bottom}
.topics .forum_posts td {vertical-align: top}
.topics .forum_posts .summary {font-size: 1em; margin-bottom: 15px; color: #666666; width: 360px; float: left; margin-top: -5px}
.topics .forum_posts .forum_post_guts .irt {margin-top: 2px}
.topics .forum_posts .forum_post_guts .body p {margin-bottom: .75em}
.topics .forum_posts form .forum_post_body {font-size: 1.1em; width: 660px; height: 200px}
.topics .forum_posts .forum_post_body {min-height: 70px; margin-right: .5em}
.topics .forum_posts .reply .voting, .topics .forum_posts .reply .voting a {color: #999999; text-decoration: none}
.topics .forum_posts .reply .voting {display: block; float: left; width: 580px; font-size: .9em; margin-top: 12px}
.topics .forum_posts .reply .buttons {float: right; width: 80px}
.topics .forum_posts .editable .reply .voting {width: 460px}
.topics .forum_posts .editable .reply .buttons {width: 210px}
.topics .forum_posts .reply .voting a {border: 1px solid #ddd; padding: 2px; padding-right: 4px; padding-left: 4px; border-right-color: #f3f3f3; border-bottom-color: #f3f3f3; margin-left: -.25em}
.topics .topic_header_row {font-size: .95em; text-align: right; border-width: 1px; padding-top: 10px; padding-right: 10px; background: none}
.topics .forum_posts .reply .voting a.report {margin: 0; padding: 0; border: none}
.topics .forum_posts .reply .voting a:hover {color: black}
.topics .forum_posts .reply .voting a img {vertical-align: bottom}
.topics .forum_posts .reply .voting a.marked {color: black; font-weight: bold}
.topics .forum_posts .reply .voting strong {color: black}
.topics .forum_posts a.post_number, .topics .forum_posts a.post_number:hover {color: black; font-weight: bold; font-size: 1.6em; float: right; text-align: right; margin-top: -5px; margin-right: 5px; background-color: transparent; padding-left: 7px}
.topics .forum_posts .read a.post_number {color: #cccccc}
.topics .forum_posts .read a.post_number:hover {color: black}
.topics .forum_post_guts .clicker {float: right}
.topics #topic_footer_contents .clicker, .topics #topic_header_contents .clicker, .topics .forum_posts .mini_tracker .clicker {float: none}
.topics .block_information {margin: 30px; text-align: center; font-style: italic}
.topics .forum_posts .mini_tracker select, .topics .forum_posts .mini_tracker input#issue_summary {width: 250px}
.topics .forum_posts .mini_tracker input#issue_number {width: 50px}
.topics .sidebar {float: left; width: 375px}
.topics .message_list {margin-left: 10px; float: left; width: 825px}
.topics #topic_details .badge_link {float: right; margin-top: 2.25em}
.topics .message_list .bottom_nav {margin-top: 10px}
#topic_editor {margin-top: 10px; width: 450px}
body.topics_new #topic_editor {float: left; margin: 0px}
body.topics_new #suggestions {height: 525px; overflow-y: auto; margin-left: 20px; border: 1px solid #ccc; padding: 5px}
body.topics_new #suggestions h2 {font-weight: normal; margin-bottom: .5em; padding-top: .5em; padding-bottom: .5em; font-size: 1em}
body.topics_new #suggestions h3 {font-size: 1.2em}
body.topics_new #suggestions .about {margin-bottom: 1em}
body.topics_new #suggestions .avatar {float: left; margin-right: 10px}
body.topics_new #suggestions .post {padding-bottom: 3em; width: 520px}
body.topics_new #suggestions .post .markdown {height: 7em; overflow-y: hidden; overflow: hidden; margin-bottom: .5em}
body.topics_new #suggestions .post .more {text-align: right; padding-right: 10px}
#topic_editor h2 {font-size: 1.2em}
#topic_editor .move .clicker {float: none}
.topics_show .topic_date {font-size: 1em; color: #333333; margin-bottom: 10px}
.topics .topic_stats {font-size: 1.2em; color: #333333}
#topic_editor input#topic_sticky, #topic_editor input#topic_time_out, #topic_editor input#topic_locked, #topic_editor input#topic_archived, #topic_editor input#topic_heated {width: auto}
#topic_editor fieldset {margin-bottom: 1em}
#topic_editor label {width: 130px}
#topic_editor input, #topic_editor select {width: 300px}
#topic_editor textarea#topic_summary {width: 430px; height: 200px}
#topic_editor .help {margin-left: 80px; font-size: .95em}
#topic_editor #message textarea {width: 350px; height: 300px}
#topic_editor .clicker {float: right; margin-right: 20px}
.topics_show #topic_editor {margin-bottom: 30px}
.topics_show #topic_editor .clicker {float: right}
.topics_show #topic_editor .indicator {float: left}
.topics_show #topic_editor .indicator img {margin: 10px}
.topics_show .summary {margin-bottom: 20px}
.topics_show .subtitle {font-weight: bold}
.topics #reply_container {margin-bottom: 25px; margin-top: 20px}
.topics #reply_container .avatar_medium {float: right; margin-left: 10px}
.topics #reply_container textarea {display: block; width: 820px; height: 150px; font-size: 1.1em}
.topics #reply_container .indicator {display: inline; float: none; padding-left: 10px; vertical-align: middle}
.topics #reply_container h3 {font-weight: normal; margin: 10px; border-bottom: 1px solid #cccccc}
.topics #reply_container .tip {margin: 10px}
.topics .summary ul {list-style-position: inside; list-style-type: disc; margin: 2em; margin-top: 1em; font-size: 1em}
.topics .summary p {margin-bottom: 1em}
#topic_editor textarea {font-size: 1.1em}
.topics .new_post {margin-bottom: 10px}
body.topics_voices h2 {margin-bottom: 1em}
body.topics_voices .loud .avatar {height: auto}
body.topics_voices .loud .login {font-size: 1.2em; margin-bottom: .25em}
body.topics_voices .loud {width: 125px; float: left; text-align: center; margin-bottom: 2em}
body.topics_voices .medium .avatar_small {margin-left: auto; margin-right: auto; margin-bottom: .5em}
body.topics_voices .medium {width: 100px; float: left; text-align: center; margin-bottom: 1.5em}
body.search_discussions #search_results .topic {padding-left: 1em}
.search_discussions form.search {margin-top: 1em}
.search_discussions .topic {clear: both; margin-bottom: 20px}
.search_discussions .topic img {max-width: 640px}
#favorites_panel .forum_post img {max-width: 500px}
#favorites_panel .forum_post .highlight {background-color: yellow; font-weight: normal}
.search_discussions .who {float: left; width: 120px; margin-right: 15px; margin-top: 5px}
.search_discussions .topic .title {font-size: 1.2em; font-weight: bold}
.search_discussions .stats {font-size: 1.1em; color: #666666; padding: 5px}
.search_discussions .stats span {margin-right: 4px}
.search_discussions .sep {font-weight: bold; color: #cccccc}
.search_discussions .post_body {margin-top: 15px}
.search_discussions .details {width: 650px; float: left}
.forum_post_body ol {list-style-position: outside; list-style-type: decimal; margin: 2em; margin-top: 1em; font-size: 1em}
.forum_post_body ul {list-style-position: outside; list-style-type: disc; margin: 2em; margin-top: 1em; font-size: 1em}
.forum_post_body .footnotes li, .markdown .footnotes li {margin-bottom: 0; font-size: .9em}
.forum_post_body .footnotes p, .markdown .footnotes p {display: inline}
#activities blockquote, .forum_post_body blockquote, .markdown blockquote, body.search_discussions blockquote {padding: 5px; border: 1px solid #dddddd; background-color: #f6fff6; margin: 5px}
.forum_post_body li {margin-bottom: .5em}
#upload_progress {margin-top: 1em}
#upload_progress .status {float: none}
#upload_progress .progress_bar {background-image: url('/images/percentImage_back1.png'); height: 12px; width: 120px; border-left: 1px solid #000; border-right: 1px solid #000; background-position: 120px; margin-top: .5em; margin-bottom: .5em}
#inplace_tag_editor fieldset {margin-top: 10px}
#inplace_tag_editor .title {margin: 0 !important}
.pdf_thumbnail {padding: 10px; background: white url(/images/pdf-stack.png) no-repeat; overflow: hidden; height: 150px; width: 116px}
#pdf_gallery {margin-top: 20px}
#pdf_gallery .thumbnail {margin-bottom: 5px; float: left; margin-right: 20px; width: 130px; height: 220px; overflow: hidden}
#pdf_gallery .thumbnail .delete {margin-top: .5em; text-align: center; font-size: .9em}
#pdf_gallery .details {width: 540px; float: left}
#pdf_gallery .download {width: 400px; float: right; text-align: right}
#pdf_gallery .controls, #pdf_gallery .download_link img {margin-top: 5px}
#pdf_gallery .details td.label {width: 14em}
#pdf_gallery .pdf {height: 230px; margin-bottom: 20px}
#store .download_plate {margin-top: 7px; margin-left: 4px; width: 260px; height: 68px; background: white url(/images/download-plate.png) no-repeat}
#store .giftable_download_plate {background: white url(/images/download-plate-lg.png) no-repeat; height: 84px}
#store .download_plate_with_print {background: white url(/images/download-plate-with-print.png) no-repeat; height: 240px}
#store .download_plate .price {margin-top: 32px; width: 130px; float: left; display: block; text-align: center; font-size: 1em}
#store .download_plate_with_print {width: 213px; margin-left: 15px}
#store .edition_title {font-size: .9em; padding-top: 2em; padding-bottom: .5em }
#store .download_plate_with_print .price, #store .download_plate_with_print .buy_options {margin-top: 0; width: auto; float: none; padding-top: 10px}
#store .download_plate_with_print .option {height: 20px}
#store .download_plate .price a {text-decoration: none}
#store .download_plate a {color: black !important}
#store .download_plate .option img {vertical-align: bottom}
#store .download_plate .buy_options {float: left; margin-top: 10px; width: 110px; font-size: .95em}
#store .giftable_download_plate .price {margin-top: 37px}
#store .download_plate .buy_options .option {height: 20px; width: 110px}
body.account_request h1 {margin-top: .5em}
body.account_request p.instructions {width: 410px}
body.account_request label {font-weight: bold}
body.account_request input#email {width: 220px; margin-left: 5px}
body.account_request .result {margin-top: 15px; margin-bottom: 15px; width: 410px}
body.account_request .title {font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #cccccc; margin-bottom: 5px}
body.account_request ul {list-style-position: inside; list-style-type: disc}
.advertisement {border: 1px dotted #cccccc}
.welcome .wide_skyscraper {margin-left: 50px; margin-top: 50px}
.notebook .wide_skyscraper {margin-top: 20px}
.yarns_index .medium_rectangle {margin-left: 15px}
#logos_dialog .box_contents {min-height: 200px}
.clipper {height: 20px; background-color: #f3f3f3; border: 1px solid #ccc; border-top: none; text-align: center; font-size: .85em; padding-top: 3px}
.clipper_notebook_vertical .rewinderlink {display: block}
.clipper_notebook_vertical .clipper_info {display: block; padding-top: 5px; height: 16px; line-height: 16px; overflow: hidden}
.clipper_notebook_vertical .clipper_subdomain {display: none}
.clipper_forum_topic .clipper_options, .clipper_forum_topic .clipper_info, .clipper_pattern_projects .clipper_options, .clipper_pattern_projects .clipper_info, .clipper_group_topic .clipper_options, .clipper_group_topic .clipper_info {width: 350px; overflow: hidden; height: 20px; line-height: 16px}
.clipper_forum_topic .clipper_options, .clipper_pattern_projects .clipper_options, .clipper_group_topic .clipper_options {float: left; text-align: left}
.clipper_forum_topic .clipper_info, .clipper_pattern_projects .clipper_info, .clipper_group_topic .clipper_info {float: right; text-align: right}
.clipper_info {color: #999}
img.clipper_country {padding-right: 5px; padding-left: 2px; padding-top: 3px; width: 16px; height: 11px}
#pattern_projects .clipper {width: 728px}
#group_topic .clipper, #forum_topic .clipper {width: 728px; margin-left: 55px}
#notebook_vertical {width: 155px}
#notebook_vertical .clipper {margin-left: 5px; width: 140px; height: 60px}
.clipper a {color: #333; text-decoration: none; padding: 2px}
.clipper a img {padding-left: 5px}
.clipper a:hover {background-color: white}
.clipper img {vertical-align: top}
#pattern_projects {margin-left: auto; margin-right: auto; margin-top: 10px; width: 730px}
#specific_yarn_links {width: 252px; margin-left: 0px; margin-bottom: .5em}
#specific_yarn_links ul {padding-left: 5px; padding-bottom: 5px}
#specific_yarn_links a:hover {background-color: transparent}
#specific_yarn_links .yarn_link_box {background-image: url('/images/buy-yarn-chiclet-body-2.png'); margin-bottom: 10px}
#specific_yarn_links .yarn_link_box .yarn_link_body {background: url('/images/buy-yarn-chiclet-top-2.png') no-repeat}
#specific_yarn_links .yarn_links {margin-left: 5px; margin-top: 10px; width: 240px; float: left}
#specific_yarn_links .more {display: block; width: 230px; text-align: center; font-size: .9em; text-decoration: underline}
#specific_yarn_links .yarn_links ul {margin-top: 5px}
#specific_yarn_links .yarn_links ul.lys {color: #666; font-size: .9em}
#specific_yarn_links .yarn_links ul li {margin-bottom: 3px; width: 230px; text-align: center; color: #ccc; clear: both; overflow: hidden}
#specific_yarn_links .text_only a:hover {background-color: #c2ebb1}
#specific_yarn_links .yarn_links ul .text_only {font-size: 1em; text-align: left; line-height: auto}
#specific_yarn_links .yarn_links ul .text_only a.link_text {text-decoration: underline; color: black}
#specific_yarn_links .yarn_links a.location {color: #999; text-decoration: none}
#specific_yarn_links ul a {display: block}
#specific_yarn_links ul a.logo {float: left; height: 35px; overflow: hidden; width: 110px}
#specific_yarn_links .yarn_link_item {float: left; height: 35px; overflow: hidden; width: 120px}
#specific_yarn_links .yarn_link_item a {width: 120px; height: 1.5em; overflow: hidden}
#specific_yarn_links .yarn_links .divider {padding-left: 0px; padding-bottom: 2px; font-size: .85em}
#specific_yarn_links .yarn_link_box .yarn_link_sidebar {float: left; width: 27px}
#specific_yarn_links .yarn_link_box .yarn_link_sidebar img {margin-top: 80px; margin-left: 4px; height: 48px; width: 23px}
#specific_yarn_links .yarn_link_box .yarn_link_bottom {background-image: url('/images/buy-yarn-chiclet-bottom-2.png'); height: 7px}
.sponsor_image img {border: 1px solid #cccccc}
.sponsor_image:hover {background-color: transparent}
.sponsor_image:hover img {border: 1px solid #c2ebb1}
.notebook .sponsor_image img {margin-top: 20px; margin-left: 5px; border: 1px solid #cccccc}
img.advertisement {border: 1px dotted #cccccc}
a.ad_link:hover {background-color: transparent}
a.sponsor_banner:hover {background-color: transparent}
a.sponsor_group_topic, a.sponsor_forum_topic {margin-left: 55px; display: block}
a#pattern_page_banner img {margin-bottom: 10px; margin-left: 20px; border: 1px solid #666666}
#end_of_page_indicator {margin-top: 20px; margin-right: 10px}
#end_of_page {font-size: 1.2em}
#flag_menu {z-index: 100; position: absolute}
#flag_menu, .sticky_note {width: 240px; height: 180px; margin-bottom: 10px; margin-top: 0px; background-image: url('/images/sticky-note.gif'); background-repeat: no-repeat; border: none}
#flag_menu textarea, body.editors_action .sticky_note textarea, .sticky_note .notes {background-color: #fffbe2; width: 235px; height: 120px; border: none; margin-left: 2px}
body.editors_action .sticky_note form {margin-left: 5px}
.sticky_note {padding-top: 5px; height: 200px; width: 250px; float: left}
.sticky_note .notes {margin-left: 10px; margin-top: 5px; height: 145px; width: 232px; overflow-y: auto}
body.editors_action .editor .sticky_note .clicker, body.editors_action .sticky_note .indicator, #flag_menu .clicker, #flag_menu .indicator {float: right; margin-right: 10px}
body.editors_action .sticky_note button, #flag_menu button {width: 70px}
.sticky_note .title {font-size: .9em; margin-bottom: .5em; margin: 12px; margin-bottom: 0px}
.sticky_note .from {width: 200px; float: left}
#flag_code {width: 240px; margin-top: 2px; margin-left: 2px}
#flag_comment {width: 100px}
#flag_menu .instructions {font-size: .9em; margin: 5px}
body.help #yarn_weights thead th {font-weight: normal}
body.help #yarn_weights tr.highlighted {background-color: #fffff3}
body.help_index .information {margin-bottom: 1em}
body.help_index .help_box {width: 295px; height: 18em; min-height: 170px; float: left; margin-right: 15px}
body.help_index .help_box h2 {font-weight: normal; border-bottom: 1px solid #cccccc}
body.help_index .help_box h2 img {vertical-align: top}
body.help_index .help_box ul {list-style-type: disc; margin: .5em; margin-left: 1.5em}
body.help_index .help_box ul li {padding-bottom: 3px}
body.help_index .help_box p {margin: .5em}
body.adoption #tabset {margin-bottom: 1em}
body.adoption .volunteer {width: 420px; margin-right: 20px; margin-bottom: 20px; padding: 10px; float: left; border: 1px dotted #cccccc; height: 17em}
body.adoption .volunteer .avatar {float: left; margin-right: 15px; margin-bottom: 15px}
body.adoption .volunteer .duties {float: left; width: 300px}
body.adoption .volunteer a.adoptions {padding-bottom: .5em; font-size: 1.1em}
body.adoption .volunteer .login {font-size:1.2em; padding-bottom: .5em; display: block}
body.adoption .volunteer .editorships li a {text-decoration: none}
#large_calendar {float: right; width: 700px; text-align: center}
#large_calendar select {font-size: 1.2em; margin-bottom: 10px}
#large_calendar table {width: 700px}
#large_calendar td {width: 90px; height: 90px; border: 1px solid #ccc; text-align: left; cursor: pointer}
#large_calendar td.hover {background-color: #f8f8f8}
#large_calendar td a {position: relative; top: -35px; float: right; padding-right: 2px; font-size: 1.2em; text-decoration: none; color: #999}
#date_picker li a {text-decoration: none; display: block; margin-right: 10px}
#date_picker li a:hover {background-color: transparent; text-decoration: underline}
#date_picker img {border: none !important; background-color: transparent !important}
#date_picker #picker_months li.selected a, #date_picker #picker_years li.selected a {background-color: #C2EBB1}
#page_editor #page_form {width: 560px}
#page_editor label {width: 150px}
#page_editor input {width: 400px}
#page_editor textarea {width: 550px; height: 300px; margin-top: 1em; margin-bottom: 1em; font-size: 1em}
body.wiki .revision_notice {background-color: #fffff3; padding: 3px; margin-bottom: 1em; border: 1px solid #cccccc}
body.wiki_show ins {background-color: #fffff3; text-decoration: none; display: block}
body.wiki_show del {background-color: #ffc0cb; text-decoration: none}
form.wiki_editor #summary, form.wiki_editor label {float: none}
form.wiki_editor label {width: 150px}
form.wiki_editor #summary {width: 250px}
body.wiki #wiki_content {width: 690px; float: left}
body.wiki #wiki_content img {max-width: 680px; height: auto}
body.wiki #wiki_tools {width: 250px; float: left; padding-left: 20px}
body.wiki #wiki_footer {clear: both; padding-top: 20px}
#wiki_content a.broken {background-color: lightyellow}
#wiki_content ul#html2toc {list-style-type: decimal; border: 1px solid #ccc; padding: 5px; margin-left: 0; margin-right: 0; background-color: #F9F9F9; width: 30em; font-size: 1em}
#wiki_content ul#html2toc a {text-decoration: none}
#wiki_content ul#html2toc li {margin-top: .25em; margin-bottom: .25em}
#wiki_content ul#html2toc ul {list-style-type: lower-alpha; margin-left: 1.75em; margin-top: 0em; margin-bottom: 0em}
#wiki_content p.check_links {color: #d21753; font-size: 1.2em}
body.wiki .navigation small {font-size: .9em}
body.wiki_new textarea, body.wiki_edit textarea {width: 600px; height: 400px; font-size: 1.1em}
body.wiki_new form, body.wiki_edit form {float: left; width: 600px}
body.wiki .markup_help {float: left; width: 275px; margin-left: 20px; margin-top: 1em}
body.wiki .markup_help h3 {font-size: 1.1em; margin-bottom: .5em}
body.wiki .markup_help h3 a {font-weight: normal; font-size: .8em}
body.wiki .markup_help table {border: 1px dotted #cccccc; width: 275px; margin-bottom: 15px}
body.wiki .markup_help table td {border-bottom: 1px dotted #cccccc; padding: 2px}
body.wiki .markup_help table td.arrow {width: 40px}
#wiki_content h1 {margin-bottom: .5em; padding-bottom: .5em; font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #aaa; display: block}
#wiki_content h2 {padding-top: 1em; margin-bottom: .5em; padding-bottom: .5em; font-size: 1.3em; font-weight: normal; border-bottom: 1px solid #ccc}
#wiki_content h3 {font-weight: bold; font-size: 1.2em}
#wiki_content ul {margin-bottom: 1em}
body.wiki .category_navigation {float: right; display: block; width: 240px}
body.wiki .box {background-color: white; font-size: .9em}
body.wiki p, .wiki_content p, body.wiki .box_contents p {font-size: 1.05em; margin-bottom: 1em; line-height:1.5em; margin:1em 0pt 0.5em}
body.wiki .box p {margin: 0}
body.wiki .wiki_links {margin-bottom: 1em}
body.wiki #categories {margin-bottom: 1em; padding-bottom: 1em}
body.wiki .page_content {font-size: 1em}
body.wiki #wiki_content {}
body.wiki_list .page_list em {margin: 1em; display: block}
.wiki_content h2, .wiki_content h3 {margin-bottom: .5em}
.wiki_content h3 {font-size: 1.1em}
.wiki_content ul, .wiki_content td {font-size: 1em}
body.wiki .page_list ul, .wiki_content ul {list-style-position: inside; list-style-type: disc; margin: 1em}
.wiki_content ul {line-height: 1.5em}
.wiki_content ul p {display: inline}
body.wiki .page_content .box {font-size: 1.1em}
body.wiki .page_content .box ul {list-style-type: none; margin: .25em; font-size: 1em}
.wiki_content table {margin: 1em}
.wiki_content td {border: 1px solid #cccccc; padding: 2px}
body.wiki .byline {border-top: 1px dotted #cccccc; padding-top: 1em; margin-top: 1em}
body.wiki_locked .avatar {margin: 10px; border: 1px solid #333333}
body.wiki .page_list {float: left; width: 280px; margin-right: 30px}
body.wiki .page_content .property {display: none}
body.wiki_file input {width: 200px}
#wiki_search_results, #wiki_search_results .page {width: 700px}
#wiki_search_results h3 {font-weight: normal; font-size: 1.1em}
#wiki_search_results h4 {margin-top: .5em; font-weight: normal}
#wiki_search_results .excerpt {margin: 2em; margin-top: 1em}
#wiki_search_results .match {font-weight: bold}
#editors_panel .heading .clicker {margin-right: 15px}
#editors_panel h3 {margin-top: 1em; margin-bottom: .25em; font-size: 1.2em}
#editors_panel #approval_status {padding: .25em; padding-bottom: .5em}
#editors_panel #approval_indicator {display: inline}
#editors_panel table#revisions input {width: auto; float: none}
#editors_panel .alert {background: white url('/images/alert-background.png') no-repeat; padding: 10px; margin-bottom: 15px; border: 1px solid #aaaaaa; display: block; width: 125px; margin-left: auto; margin-right: auto}
.editor #editors_panel #editor_list {font-size: .9em}
.patterns_editors #editors_panel .alert {width: 125px}
#editors_panel .alert #adopt .clicker {margin-top: .5em; float: none}
#editors_panel #adopt_menu .clicker {margin: .5em}
#editors_panel #adopt_menu p {font-size: .9em; margin-top: 1em; margin-bottom: .5em}
#editors_panel #adopt_menu #adopt_indicator {float: left; margin-right: 1em; margin-top: 15px}
#editors_panel .talk {float: left; width: 750px; margin-right: 15px}
#editors_panel #editor_list {float: left; width: 175px; margin-top: 10px}
#editors_panel #editor_list .clicker_icon {display: block; width: 175px; text-align: center}
#editors_panel #editor_list .clicker_icon .clicker {float: none}
#editors_panel #editor_list h3 {text-align: center}
#editors_panel #editor_list .login {font-size: 1.1em}
#editors_panel #editor_list .avatar {margin-left: auto; margin-right: auto; float: none; margin-top: 10px}
#editor_list .editor_avatar span.resign {font-size: .9em}
#diff_viewer {padding: 20px}
#diff_viewer h2 {border-bottom: 1px solid #cccccc; margin-bottom: .5em}
#diff_viewer table {width: 500px; float: left}
#diff_viewer .boxes {float: left; margin-left: 40px; width: 150px}
#diff_viewer td.label {font-weight: bold; width: 100px}
#diff_viewer ins {text-decoration: none; background-color: #ff0; color: #000}
#diff_viewer del {text-decoration: line-through; background-color: #f3f3f3}
#contributions_panel .toolbar {width: 300px; float: left}
#contributions_panel .tabs {margin-top: 0px}
body.admin_shops #country_id_field {width: 150px}
body.admin_shops #state_id_field {width: 150px; height: 1.5em}
body.admin .forum_glance .controls {text-align: none}
body.admin table.grid tr.pattern td a {text-decoration: none}
body.admin table.grid td a:hover {text-decoration: underline; background-color: transparent}
body.admin .page_links {margin-top: 10px}
body.admin_index .glance {float: left}
body.admin_index .forum {margin-top: 20px}
body.admin_index .forum_glance table {width: 440px}
body.admin_index .forum_glance .controls {margin-bottom: 5px; float: none; text-align: left}
body.admin_index .forum h2 {display: none}
body.admin_index .charts {float: right}
body.admin_index .charts img {margin-bottom: 15px}
body.admin_index h2 {font-weight: normal; font-size: 1.6em}
body.admin table.grid {border: 1px solid #cccccc}
body.admin tr.footer, body.admin tr.footer td {line-height: 1em; border: none}
body.admin .quick_search {border: 1px solid #cccccc; border-top-style: none; margin-bottom: 5px; padding: .25em; margin-top: 0px; background-color: #fcfcfc}
body.admin_patterns table.grid {border: none; width: 950px}
body.admin_patterns .pattern_headings {border: 1px solid #cccccc}
body.admin_index h2 {margin-top: 10px}
body.admin_index .statistics caption {text-align: left; margin-top: 20px; font-size: 1.1em; font-weight: bold; margin-bottom: 10px}
body.admin_index .statistics td {font-size: 1.2em; width: 110px}
body.admin_index .statistics {width: 400px}
body.admin_index .statistics td.count {text-align: right}
body.admin_index .statistics td.approved {text-align: right; margin-left: 20px}
body.admin_patterns form #query {float: none; width: 200px}
body.admin_patterns tr.pattern_source td {border-bottom: 1px solid #cccccc}
body.admin_patterns td .pattern_source_name {font-weight: bold; font-size: 1.1em}
body.admin table.grid td {font-size: 1em}
body.admin table td img {vertical-align: bottom}
body.admin_patterns table.grid tr.hover {background-color: transparent; cursor: default}
body.admin_basic_patterns table {margin-top: 10px; margin-bottom: 10px}
.mini .glance, .mini table, .admin_pattern_action .mini_pattern .glance, .admin_pattern_action .mini_pattern table {float: left}
.mini .indicator {display: inline}
.mini .glance, .admin_pattern_action .mini_pattern .glance {margin-top: 10px}
.mini .title, .admin_pattern_action .mini_pattern .title {font-weight: normal; font-size: 1.2em}
.mini table, .admin_pattern_action .mini_pattern table {margin-top: 1.75em; margin-left: 10px}
.mini table td.label, .admin_pattern_action .mini_pattern table td.label {font-size: 1.1em; padding-right: 2em; font-weight: bold}
.mini, .admin_pattern_action .mini_pattern {margin-bottom: 25px; border-bottom: 1px solid #cccccc; min-height: 250px}
.mini .merge, .admin_pattern_action .merge {width: 200px; float: right; margin-top: 10px}
.mini .merge ul, .admin_pattern_action .merge ul {border: 1px solid #cccccc; background-color: #f9f9f9; padding: 10px; margin-bottom: 20px; text-align: left}
.admin_pattern_action .merge ul li {line-height: 1.4em}
.admin_pattern_action .merge ul strong {font-size: 1.2em}
body.admin_editors form {margin-bottom: 15px}
body.admin_editors form input {float: none}
body.admin_editors table {width: 400px}
body.admin_editors table td.delete {width: 20px; text-align: center}
body.admin_search_patterns table.grid {border: none}
body.admin_search_patterns td.pattern_name {width: 100%}
body.admin_search_patterns th {border: 1px solid #cccccc}
body.admin_search_patterns select {width: 95px}
body.admin_search_patterns tr {cursor: default}
body.admin_search_patterns tr.pattern_source {background-color: transparent; cursor: default}
body.admin_search_patterns tr.pattern_source td {border: none}
body.admin_search_patterns td.approval, body.admin_search_patterns td.flaggings, body.admin_search_patterns td.photos, body.admin_search_patterns td.projects {width: 20px; text-align: right; padding-right: 5px}
body.admin_search_patterns #destination_pattern_source_id {width: 300px}
body.admin_search_patterns .source_details {float: left}
body.admin_search_patterns .source_summary {float: right}
body.admin_search_patterns form#search, body.admin_search_pattern_sources form#search {float: left; width: 800px; margin: 0px}
body.admin_search_patterns #search_query {width: 140px}
body.admin_search_patterns table.grid tr.pattern td a:hover {background-color: transparent; text-decoration: underline}
body.admin_search_patterns .pattern_source_name {padding-right: 5px; font-size: 1.1em}
body.admin_search_patterns th {text-align: left}
body.admin_search_pattern_sources input {float: none}
body.admin_search_pattern_sources form {margin-bottom: 10px}
#editor_toolbar {left: 0px; width: 100%; background-color: #e9f7e5; border-top: 1px solid #999999; height: 35px; position: fixed; bottom: 0px; z-index: 10; padding-top: 3px; padding-left: 10px; background: #e9f7e5 url('/images/table-header.png') repeat-x 0px -20px}
#editor_toolbar form {margin: 0px}
#editor_toolbar .tool {float: left; margin-right: 10px}
#editor_toolbar select {margin-left: 20px}
#error_404 {margin-left: auto; margin-right: auto; margin-top: 20px; width: 600px}
#error_404 .pic {float: left; width: 175px}
#error_404 .pic img {border: 1px solid #666666}
#error_404 .details {float: left; width: 400px}
#RB_overlay {position: absolute; z-index:100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height:100%; background-color: #fff; opacity: .8; filter: alpha(opacity=80)}
#RB_redbox {width: 100%; position: absolute; top: 0px; z-index: 2001}
#RB_loading {}
#RB_window {z-index: 102; display: block; text-align: left; overflow: hidden; margin: 20px auto 0 auto; position: absolute}
.rb_overlay{ position: absolute; z-index:1001; width: 465px; background-color: #fff; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80)}
span.rb_clicker {margin-top: 60px; margin-left: 209px}
#rb_instructions {width: 415px; margin-left: 30px; padding-top: 1em; border: 3px solid #8A1B3C; text-align: center}
body.issues table#issue_details {margin-top: .5em}
body.issues table#issue_details td {padding: .25em}
body.issues table td {font-size: 1em}
body.issues fieldset {margin-bottom: 1.5em}
body.issues label {width: 100px}
body.issues label.pc_checkbox {width: 420px}
body.issues input, body.issues select {width: 340px}
body.issues_index input, body.issues_index select {width: 120px; margin-right: 10px}
body.issues input#url {width: 320px}
body.issues textarea {width: 450px; font-size: 1.1em; height: 200px}
body.issues #issue {width: 450px; float: left; margin-right: 40px}
body.issues #issue .attachable h3 {margin-top: 2em}
body.issues .avatar_medium {border: 1px solid #999}
body.issues #attachments {width: 450px; float: left}
body.issues .attachable h3 {border-bottom: 1px solid #cccccc; font-weight: normal; padding-bottom: 2px; margin-bottom: 4px}
body.issues #attachments .attachable {margin-top: 5px; margin-bottom: 2em}
body.issues .trackable {margin-top: 2em}
body.issues .trackable .avatar_medium {float: left; margin-right: 10px; margin-bottom: 10px}
.simple_comment {margin-bottom: 2em}
.simple_comment .avatar_medium {float: left}
.simple_comment .who {font-size: 1.1em; margin-bottom: 1em; color: #666666}
.simple_comment .body {float: left; width: 350px; margin-left: 10px}
body.issues #comments {margin-bottom: 20px}
body.issues .trackable .body {width: 350px; float: left}
body.issues #issue_description_html {cursor: pointer; padding: 5px; border: 1px solid #cccccc; background-color: #fcfcfc}
body.issues_list table.linked td a {text-decoration: underline}
#issues_dialog #issue_summary {width: 300px}
#issues_dialog #issue_summary .clicker {float: right}
body.issues ul.directory {position: relative}
body.issues ul.directory li.item {height: 2.25em; width: 170px}
body.issues ul.directory li.item img {vertical-align: middle}
body.issues ul.directory li li.item a {height: 2.25em; width: 145px; padding-left: 25px}
body.issues ul.directory li.selected {font-weight: bold}
body.issues .sort_links a.sorted {font-weight: bold; color: black}
body.issues ul.directory a {padding-left: 5px; line-height: 2em; text-decoration: none; display: block; position: relative; color: black}
body.issues ul.directory span.count {position: absolute; right: 5px; top: 3px; padding: 2px 6px; line-height: 15px; font-size: .85em; text-align: right; background-color: #DBF0D5; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px}
#designer_bios .login {font-size: 1em; padding-top: 3px}
#designer_bios .avatar {float: left}
#designer_bios img.square_thumbnail {border: 1px solid #666}
#tip_container {margin-left: 5px; background-color: white}
#tip_container .tip_title {background-color: #a9de96; padding: 2px; margin-bottom: 5px}
#tip_container .tip_required {text-align: center; padding-top: .5em; padding-bottom: .5em}
#tip_container .tip {width: 230px; padding: 3px; border: 1px solid #ccc}
a.quick_selector {position: relative}
#quicknav {width: 150px; border: 1px solid #ccc; background-color: white; position: absolute; padding: 0; z-index: 10}
body.topics #quicknav {width: 120px}
#quicknav_close {position: absolute; top: 4px; right: 4px; z-index: 5; cursor: pointer}
body.notebook #quicknav {width: 177px}
#quicknav li {display: block}
#quicknav li a {text-decoration: none; display: block; padding: 2px; font-size: .95em; color: black}
#quicknav li.title {height: 1em; overflow: hidden; margin-bottom: .5em; padding: 3px}
#quicknav li img {vertical-align: middle; margin-right: 4px}
#text_editor_toolbar {position: relative; list-style: none; border: 1px solid #d7d7d7; border-bottom-color: #eee; background-color:#F6F6F6; margin: 0; padding: 0; height: 24px; margin-bottom: -1px}
#text_editor_toolbar li {list-style:none; margin: 0; padding: 0; float: left}
#text_editor_toolbar li a {width: 24px; height: 22px; float: left; display: block; border: 1px solid transparent; background-repeat: no-repeat; background-position: 5px 4px}
#text_editor_toolbar li a:hover {border-color:#900}
#text_editor_toolbar li span {display:none}
#editor_italics_button {background-image: url('/images/silk-text_italic.png'); border-right-color: #d7d7d7}
#editor_bold_button {background-image: url('/images/silk-text_bold.png')}
#editor_link_button {background-image: url('/images/silk-world_link.png')}
#editor_quote_button {background-image: url('/images/blockquote.png')}
#editor_image_button {background-image: url('/images/silk-image.png')}
.ddsubmenustyle, .ddsubmenustyle ul{ margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: white; border: 1px solid #aaa; border-bottom-width: 0; z-index: 100}
.ddsubmenustyle ul ul {}
.ddsubmenustyle li a{ display: block; width: 122px; height: 1.2em; color: black; background-color: white; text-decoration: none; padding: 4px; border-bottom: 1px solid #aaa}
.ddsubmenustyle li a:visited {color: black}
* html .ddsubmenustyle li a {display: inline-block}
.ddsubmenustyle li a:hover{ background-color: #c2ebb1; font-weight: bold}
#date_picker table.calendar {width: 18em}
#date_picker table.calendar th {font-size: .85em; padding-left: 0; padding-right: 0}
#date_picker table.calendar td {padding: 0px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: .95em}
#date_picker table.calendar td a {width: 2.65em; height: 2.65em; padding-left: .25em; padding-top: .25em; display: block; text-decoration: none}
#date_picker .today a {background-repeat: no-repeat; background-image: url(/images/today-star.png); background-position: 5px 8px}
#date_picker .today a:hover {background-image: url(/images/today-star-lit.png)}
#getting_started .showcase {margin-top: 2em}
#getting_started .screenshot {width: 500px; float: left}
#getting_started .info {width: 320px; float: left; padding-left: 30px}
#getting_started .info .title {font-size: 1.2em; font-weight: bold; padding-bottom: 1em}
#getting_started .info p {margin-bottom: 1em}
img#helpful_button {border: none; padding: 0; vertical-align: middle}
#welcome_guest {margin-bottom: 1.5em}
#welcome_guest .headline {font-weight: bold; font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif; font-size: 1.6em; margin-bottom: .5em}
#welcome_guest .headline img {width: 292px; height: 22px}
div.grippie {background: #EEEEEE url(/images/grippie.png) no-repeat scroll center 2px; border-color: #DDDDDD; border-style: solid; border-width: 0pt 1px 1px; cursor: s-resize; height: 9px; overflow: hidden}
.resizable-textarea textarea {display: block; margin-bottom: 0pt; width: 95%; height: 20%}
#photos_panel #SWFUpload_0 {position: relative; top: 10px; z-index: 100}
#email_preview p {margin: 1em 0}
#group_category_options {margin-top: 32px; width: 335px; height: 15em}
#group_category_options ul {width: 200px}
#group_category_options a {background-repeat: no-repeat; padding-left: 30px}
#group_category_options a.selected {font-weight: bold; color: black}
#group_category_options a.folder {background-image: url(/images/fugue-folder-horizontal.png); background-position: 5px 4px}
#group_category_options a.folder.open {background-image: url(/images/fugue-folder-horizontal-open.png)}
#group_category_options a.item {background-image: url(/images/small-checkbox.png); background-position: 6px 6px}
#group_category_options a.item.selected {background-image: url(/images/small-checkbox-checked-2.png)}
form.group_form .menu_field {font-size: 1.2em; line-height: 2em; margin: 0 0 10px 0; min-height: 2em; padding: 0.25em 0.5em 0px 0.5em}
form.group_form .menu_field, form.group_form .menu_content ul {background: -moz-linear-gradient(top, #eeeeee 0%, white 20%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(20%, white)); border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 1px 0px #f2f2f2; -webkit-box-shadow: 0px 1px 0px #f2f2f2; color: black; cursor: pointer; display: block; font-family: sans-serif; text-decoration: none; width: 320px}
form.group_form .menu_field.deletable {position: relative}
form.group_form .menu_field.deletable .delete {position: absolute; z-index: 1; left: 290px; background: url(/images/delete-button-transparent.gif) 0px center no-repeat; width: 40px; height: 25px; top: 3px}
form.group_form .menu_field.deletable:hover {background-image: none}
form.group_form .menu_content {position: relative; z-index: 2000}
form.group_form .menu_content a {text-decoration: none; display: block; padding: 0.5em}
form.group_form .menu_content ul {z-index: 100; position: absolute; background-color: white}
form.group_form .menu_content ul ul {margin-left: 150px; margin-top: -15px}
form.group_form .menu_field_chooser {background: url(/images/triangle-selector.png) 310px 10px no-repeat}
#linking_suggestions {z-index: 100; position: absolute; background: white}
body.groups_browse_categories .categories ul {font-size: 1.2em; margin-bottom: 1em}
body.groups_browse_categories .categories ul a {text-decoration: none; display: block; padding: 1px}
body.groups_browse_categories .categories ul a.selected {color: white; background-color: #b61745}
body.groups_browse_categories .categories ul ul {font-size: 12px; padding-left: 1em}
body.groups_browse_categories .categories ul ul li{ padding: 1px}
body.groups_browse_categories .categories ul ul ul {font-size: 1em}
body.groups_browse_categories .page_bar_2 {height: 30px}
body.groups_browse_categories .rank{ float: left; font-size: 2em; width: 2em; font-weight: bold; color: #d8eddd}
body.groups_browse_categories .search_result {float: left; clear: none; width: 600px; margin-top: 0px}
#contact_categories {max-width: 400px; margin: 0 auto}
#contact_categories li a {background-color: #dbf0d5; padding: 15px 10px; margin-bottom: 5px; text-decoration: none; display: block; border: 2px solid #c2ebb1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 1.2em; font-weight: bold}
#contact_categories li a:hover {background-color: white}
@media print {body, ol, ul, td, th, input, select, table {font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 12px}
body.normal {background: none}
a.clicker {display: none}
h2 a img {display: none}
#status {display: none}
#messages {display: none}
#navigation, #page_header {display: none}
#footer {display: none}
#project_menu {display: none}
#banner img {display: none}
body.topics #topic_toolbar {display: none}
a.sponsor_image {display: none}
.editor #tabset, .editor #button_box {display: none}
.project_overview select {display: none}
}