#overlay{ position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; background-color:#000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
#overlay[id]{ /* IE6 and below Can't See This */ position:fixed; }
div.lightbox {position:absolute; width:550px; background:#ddd; padding:10px; border:2px solid #eee; color:#6F6F6F; z-index:102; }
.lightbox a {color:#9F9F9F; }
#close {position:absolute; top:-5px; right:-5px; cursor:pointer; }
/* prototip.css : http://www.nickstakenburg.com/projects/prototip */ .prototip {position: absolute; }
.prototip .effectWrapper {position: relative; }
.prototip .tooltip {position: relative; }
.prototip .toolbar {position: relative; display: block; }
.prototip .toolbar .title {display: block; position: relative; }
.prototip .content {clear: both; }
.prototip .toolbar a.close {position: relative; text-decoration: none; float: right; width: 15px; height: 15px; background: transparent url(close.gif); display: block; line-height: 0; font-size: 0px; border: 0; }
.prototip .toolbar a.close:hover {background: transparent url(close_hover.gif); }
.iframeShim {position: absolute; border: 0; margin: 0; padding: 0; background: none; }
/* Tooltip styles */ .prototip .default {width: 150px; color: #fff; }
.prototip .default .toolbar {background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title {padding: 5px; }
.prototip .default .content {background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}
.prototip .pinktip {border: 5px solid #a1a1a1; }
.prototip .pinktip .toolbar {background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
.prototip .pinktip .title {padding: 5px; }
.prototip .pinktip .content {background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
.prototip .darktip {width: 250px; border: 5px solid #a1a1a1; }
.prototip .darktip .toolbar {background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.prototip .darktip .toolbar a.close {background: url(close_hover.gif);}
.prototip .darktip .toolbar a.close:hover {background: url(close.gif);}
.prototip .darktip .title {padding: 5px;}
.prototip .darktip .content {background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
.prototip .silver {margin:0 10px 0 10px; border: 2px solid #2a1301; color: #fff; font: 12px Verdana, sans-serif; border-top: none; *width:150px; }
.prototip .silver ul li {list-style-type: none;}
.prototip .silver .toolbar {background: #2e2e2e; color: #fff; font-weight: bold; }
.prototip .silver .toolbar a.close:hover {background: url(close_hover_red.gif);}
.prototip .silver .title {padding: 5px; }
.prototip .silver .content {background: #fff; color: #666666; padding: 5px;}
.protoClassic {width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar {background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover {background: url(close_hover_red.gif);}
.protoClassic .title {padding: 5px; }
.protoClassic .content {background: #fff; color: #333333; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
/* -------------------------------------------------------------- reset.css * Resets default browser CSS. Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body {line-height: 1.5; background: #fff; margin:1.5em 0; }
/* Tables still need 'cellspacing="0"' in the markup. */ table {border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight:400; }
/* Remove possible quote marks (") from <q>, <blockquote>. */ blockquote:before, blockquote:after, q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
a img {border: none; }
/* -------------------------------------------------------------- typography.css * Sets up some sensible default typography. Based on work by: * Nathan Borror [playgroundblues.com] * Jeff Croft [jeffcroft.com] * Christian Metts [mintchaos.com] * Wilson Miner [wilsonminer.com] * Richard Rutter [clagnut.com] Read more about using a baseline here: * alistapart.com/articles/settingtypeontheweb -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body {font-size: 75%; }
/* Default fonts and colors. If you prefer serif fonts, remove the font-family on the headings, and apply this one to the body: font: 1em Georgia, "lucida bright", "times new roman", serif; */ body {color: #222; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 {color: #111; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 {font-weight: normal; }
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 {font-size: 2em; margin-bottom: 0.75em; }
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 {font-size: 1em; font-weight: bold; }
/* Text elements -------------------------------------------------------------- */ p {margin: 0 0 1.5em; }
p.last {margin-bottom: 0; }
/* p img {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }*/ p img.top {margin-top: 0; }
img {margin: 0 0 1.5em; }
ul, ol {margin:0 1.5em 1.5em 1.5em; }
ul {list-style-type: circle; }
ol {list-style-type: decimal; }
dl {margin: 0 0 1.5em 0; }
dl dt {font-weight: bold; }
dd {margin-left: 1.5em;}
abbr, acronym {border-bottom: 1px dotted #666; }
address {margin-top: 1.5em; font-style: italic; }
del {color:#666; }
a:focus, a:hover {color: #000; }
a {color: #009; text-decoration: underline; }
blockquote {margin: 1.5em; color: #666; font-style: italic; }
strong {font-weight: bold; }
em,dfn {font-style: italic; background: #ffc; }
dfn {font-weight: bold; }
pre,code {margin: 1.5em 0; white-space: pre; }
pre,code,tt {font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt {display: block; margin: 1.5em 0; line-height: 1.5; }
/* Tables -------------------------------------------------------------- */ table {margin-bottom: 1.4em; }
th {border-bottom: 2px solid #ccc; font-weight: bold; }
td {border-bottom: 1px solid #ddd; }
th,td {padding: 4px 10px 4px 0; }
tfoot {font-style: italic; }
caption {background: #ffc; }
/* Use this if you use span-x classes on th/td. */ table .last {padding-right: 0; }
/* Some default classes -------------------------------------------------------------- */ .small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet {color: #666; }
.hide {display: none; }
.highlight {background:#ff0; }
.added {color:#060; }
.removed {color:#900; }
.top {margin-top:0; padding-top:0; }
.bottom {margin-bottom:0; padding-bottom:0; }
/* -------------------------------------------------------------- BLUEPRINT CSS * Filename: grid.css * Version: 0.6 (2007-09-21) YYYY-MM-DD * Website: http://code.google.com/p/blueprintcss/ Generated by: * Blueprint CSS Grid Generator (2007-11-16) [http://kematzy.com/blueprint-generator/] Based on work by: * Olav Bjorkoy [bjorkoy.com] * Nathan Borror [playgroundblues.com] * Jeff Croft [jeffcroft.com] * Christian Metts [mintchaos.com] * Khoi Vinh [subtraction.com] == STRUCTURE: ======================== * Page width: 959 px * Number of columns: 14 * Column width: 62 px * Margin width: 7 px ====================================== By default, the grid is 959px wide, with 14 columns spanning 62px, and a 7px margin between columns. If you need fewer or more columns, use this formula to calculate the new total width: Total width = (number_of_columns * column_width) - margin_width Read more about using a grid here: * subtraction.com/archives/2007/0318_oh_yeeaahh.php -------------------------------------------------------------- */ /* A container should group all your columns. */ .container {width: 959px; margin: 0 auto; }
/* Columns -------------------------------------------------------------- */ /* Use this class together with the .span-x classes to create any composition of columns in a layout. */ .column {float: left; margin-right: 7px; }
/* The last column in a row needs this class. */ .last {margin-right: 0; }
/* Use these classes to set the width of a column. */ .span-1 {width: 62px;}
.span-2 {width: 131px;}
.span-3 {width: 200px;}
.span-4 {width: 269px;}
.span-5 {width: 338px;}
.span-6 {width: 407px;}
.span-7 {width: 476px;}
.span-8 {width: 545px;}
.span-9 {width: 614px;}
.span-10 {width: 683px;}
.span-11 {width: 752px;}
.span-12 {width: 821px;}
.span-13 {width: 890px;}
.span-14 {width: 959px; margin: 0; }
/* Add these to a column to append empty cols. */ .append-1 {padding-right: 69px;}
.append-2 {padding-right: 138px;}
.append-3 {padding-right: 207px;}
.append-4 {padding-right: 276px;}
.append-5 {padding-right: 345px;}
.append-6 {padding-right: 414px;}
.append-7 {padding-right: 483px;}
.append-8 {padding-right: 552px;}
.append-9 {padding-right: 621px;}
.append-10 {padding-right: 690px;}
.append-11 {padding-right: 759px;}
.append-12 {padding-right: 828px;}
.append-13 {padding-right: 897px;}
/* Add these to a column to prepend empty cols. */ .prepend-1 {padding-left: 69px;}
.prepend-2 {padding-left: 138px;}
.prepend-3 {padding-left: 207px;}
.prepend-4 {padding-left: 276px;}
.prepend-5 {padding-left: 345px;}
.prepend-6 {padding-left: 414px;}
.prepend-7 {padding-left: 483px;}
.prepend-8 {padding-left: 552px;}
.prepend-9 {padding-left: 621px;}
.prepend-10 {padding-left: 690px;}
.prepend-11 {padding-left: 759px;}
.prepend-12 {padding-left: 828px;}
.prepend-13 {padding-left: 897px;}
/* Border on right hand side of a column. */ .border{ padding-right:2.5px; margin-right:3.5px; border-right:1px solid #eee; }
/* Border with more whitespace, spans one column. */ .colborder {padding-right:59.5px; margin-right:58.5px; border-right:1px solid #eee; }
/* Use these classes on an element to push it into the next column, or to pull it into the previous column. */ .pull-1 {margin-left: -69px;}
.pull-2 {margin-left: -138px;}
.pull-3 {margin-left: -207px;}
.pull-4 {margin-left: -276px;}
.push-0 {margin: 0 0 0 18px; float: right; }
/* Right aligns the image. */ .push-1 {margin: 0 -69px 0 18px; float: right;}
.push-2 {margin: 0 -138px 0 18px; float: right;}
.push-3 {margin: 0 -207px 0 18px; float: right;}
.push-4 {margin: 0 -276px 0 18px; float: right;}
.push-0, .push-1, .push-2, .push-3, .push-4 {float: right; }
/* Misc classes and elements -------------------------------------------------------------- */ /* Use a .box to create a padded box inside a column. */ .box {padding: 1.5em; margin-bottom: 1.5em; background: #eee; }
/* Use this to create a horizontal ruler across a column. */ hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.4em; border: none; }
hr.space {background: #fff; color: #fff; }
/* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clear {display: inline-block; }
.clear:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear {height: 1%; }
.clear {display: block; }
/* -------------------------------------------------------------- forms.css * Sets up some default styling for forms * Gives you classes to enhance your forms Usage: * For text fields, use class .title or .text -------------------------------------------------------------- */ label {font-weight: bold; }
/* Fieldsets */ fieldset {padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend {font-weight: bold; font-size:1.2em; }
/* Text fields */ input.text, input.title {width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title {border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus, input.title:focus {border:1px solid #999; background:#fff; }
input.title {font-size:1.5em; }
/* Textareas */ textarea {width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea {border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus {border:1px solid #999; background:#fff; }
/* Select fields */ select {border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus {border:1px solid #999; background:#fff; }
/* Success, error & notice boxes for messages and errors. */ .error, .notice, .success {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error {background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice {background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success {background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a {color: #D12F19; }
.notice a {color: #817134; }
.success a {color: #529214; }
/* -------------------------------------------------------------- buttons.css * Gives you some great CSS-only buttons. Created by Kevin Hale [particletree.com] * particletree.com/features/rediscovering-the-button-element See Readme.txt in this folder for instructions. -------------------------------------------------------------- */ a.button, button {display:block; float:left; margin:0 0.583em 0.667em 0; padding:5px 10px 5px 7px; /* Links */ border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#f5f5f5; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; }
button {width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
button[type] {padding:4px 10px 4px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] {padding:4px 10px 3px 7px; /* IE7 */ }
button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; }
/* Button colors -------------------------------------------------------------- */ /* Standard */ /*button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
a.button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }
*/ button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #288C9D; color:#336699; }
a.button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }
/* Positive */ body .positive {color:#529214; }
a.positive:hover, button.positive:hover {background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
a.positive:active {background-color:#529214; border:1px solid #529214; color:#fff; }
/* Negative */ body .negative {color:#d12f19; }
a.negative:hover, button.negative:hover {background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
a.negative:active {background-color:#d12f19; border:1px solid #d12f19; color:#fff; }
.yui-t6 .yui-b {width: 320px; float: right; }
#yui-main {width: 600px; float: left; }
#yui-main .yui-b {width: 100%; }
body {margin-top: 0; margin-bottom: 0; background: #eee; text-align: left; }
#body {background: #F3F0EA url(/images/bg/bd.gif) repeat-x left top; }
#bd-wrapper {width: 967px; margin: 0 auto; background: #fff url(/images/bg/wrapper.gif) repeat-y right top; padding-left: 10px; }
#bd-wrapper #bd {margin-top: 0; background: #fff url(/images/bg/sidebar.gif) repeat-y right top; padding-bottom: 50px; padding-top: 15px; }
#bd-wrapper #bd .content {padding-top: 30px; }
.forum #bd-wrapper #bd {background: none; }
.friendships-browser #bd-wrapper #bd {background: none; }
#bd-bottom {background: url(/images/bg/container_btm.gif) no-repeat right top; height: 7px; width: 977px; margin: 0 auto; overflow: hidden; }
#header-wrapper {width: 967px; margin: 0 auto; margin-top: 10px; padding-top: 11px; padding-left: 10px; }
#header {height: 40px; *overflow: hidden; }
#header a.home {position: relative; margin-top: -11px; display: block; height: 40px; }
#header a {color: #ffffff; }
#header a:hover {text-decoration: underline; }
#header a.quiet {color: #288C9D; }
#header .last {text-align: right; }
#header .span-5 {background: url(/images/bg/global_nav_left.gif) no-repeat left top; height: 30px; padding-top: 10px; }
#header .span-5 #user-menu {padding-left: 15px; background: url(/plugin_assets/community_engine/images/icons/bullet_arrow_down_50.png) no-repeat left; }
#header .span-5 #user-menu:hover {background: url(/plugin_assets/community_engine/images/icons/bullet_arrow_down.png) no-repeat left; }
#header .span-5 #user-menu-tip ul {margin-top: 0; margin-bottom: 5px; }
#header .span-5 .account-menu {overflow: hidden; }
#header .span-5 .account-menu .fb_profile_pic_rendered {margin-top: -6px; }
#header .span-5 .account-menu a.small {white-space: nowrap; }
ul#global_navigation {list-style: none; margin: 0; padding: 0; font-size: 95%; position: relative; *height: 1%; }
ul#global_navigation li.first {background: none; }
ul#global_navigation li {background: url(/images/bg/global_nav_left.gif) no-repeat left top; float: left; padding-left: 2px; }
ul#global_navigation li a {display: block; float: left; height: 30px; padding: 10px 12px 0 14px; font-weight: bold; text-decoration: none; color: #EEE7DE; text-align: center; }
ul#global_navigation li a:hover {color: #ffffff; }
ul#global_navigation li a:focus {outline: none; }
ul#global_navigation li.last {height: 40px; }
ul#global_navigation li.current a, ul#global_navigation li:hover a, ul#global_navigation li.hover a {color: #ffffff; text-decoration: underline; background: url(/images/bg/global_nav_bg_over.gif) no-repeat center 10px; }
ul#global_navigation li ul {display: none; }
ul#global_navigation li.current ul, ul#global_navigation li:hover ul, ul#global_navigation li.hover ul {display: block; position: absolute; left: 0; list-style: none; padding: 0; font-size: 80%; margin: 40px 0 20px 0; height: 20px; border-bottom: 1px solid #DBF5FB; border-left: 1px solid #DBF5FB; border-right: 1px solid #DBF5FB; background: #F6FCFD; }
ul#global_navigation li.current ul li, ul#global_navigation li:hover ul li, ul#global_navigation li.hover ul li {background: none; display: inline; padding: 3px 10px 5px 10px; font-weight: bold; height: auto; }
ul#global_navigation li.current ul li a, ul#global_navigation li:hover ul li a, ul#global_navigation li.hover ul li a {padding: 0; background: none; color: #6b6b6b; height: 10px; text-align: center; font-weight: normal; width: auto; }
ul#global_navigation li.current ul li a:hover, ul#global_navigation li:hover ul li a:hover, ul#global_navigation li.hover ul li a:hover {background: none; color: #333; }
#ft-wrapper {border-top: 1px solid #E2DDD2; margin-top: 15px; background: url(/images/bg/footer.gif); min-height: 150px; height: auto !important; height: 150px; }
.padded {margin: 0 8px 0 8px; }
#sidebar .section {border-top: 1px solid #CFCCC7; padding: 6px 0 6px 0; margin-bottom: 3em; }
#sidebar .section h5 {margin: 0; }
#sidebar .box {padding: 0 1em 0 1em; margin-bottom: 1.5em; background: none; }
#sidebar h2, #sidebar h3 {margin-bottom: 0; }
#sidebar h3 {margin-top: 1em; }
#sidebar .padded ul {border-top: 1px solid #CFCCC7; list-style: none; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 6px 0 6px 0; }
#sidebar .padded ul li a {display: block; padding: 10px 14px 12px 14px; margin: 0 0 1px 0; background: #F7F5F0; }
#sidebar .padded ul li a:hover {background: #6D4B33; color: #EEE7DE; }
#sidebar .padded ul.normal {margin-bottom: 3em; }
#sidebar .padded ul.normal a {display: inline; padding: 0; margin: auto; background: none; }
#sidebar .padded ul.normal a:hover {color: #000; background: none; }
#sidebar ul.sidebar_images img {margin-right: 5px; width: 55px; }
.profile #profile_details img.polaroid {width: 180px; }
.profile #main .section {margin-bottom: 2em; }
.profile #main h2.block {color: #fff; display: block; height: 36px; padding: 0 10px 0 6px; background: #288C9D; }
.profile #main h2.block a {color: #fff; }
.profile #main h2.blue {background: #288C9D; }
.profile #main h2.pink {background: #C01C4F; }
.profile #main h2.green {background: #7FAA09; }
.profile #main .button {float: right; }
.profile_nav .button {margin-right: 15px; margin-left: 15px; }
.posts .post {margin: 8px 0 42px 0; overflow: hidden; }
.posts .post h2 {margin-bottom: 0; }
.posts .post h2 a {color: #7faa09; }
.posts .post h2 a:hover {text-decoration: underline; }
.posts .post .meta {clear: both; border: 1px solid #EBEBD4; background: #F9FCE7; color: #575114; padding: 3px 10px 5px 10px; }
.posts .post .meta em {background: none; }
.posts .post .meta .favorite img {margin: 0; }
.posts .post img {margin: 0 1em 1.5em 1em; }
.posts .post .rss img {margin: 0; }
.posts .post p {margin-bottom: 0 0 0 1.5em 0; height: 1%; }
.posts .author_info {margin-top: 3em; margin-bottom: 3.5em; }
.clipping .meta {clear: both; border: 1px solid #EBEBD4; background: #F9FCE7; color: #575114; padding: 3px 10px 5px 10px; }
.clipping .meta em {background: none; }
.clipping .meta .favorite img {margin: 0; }
.clippings_grid {background: #fff; }
.clippings_grid .row .clipping {border: 1px solid #ccc; padding: 10px 15px 20px 15px; margin: 10px 20px 20px 20px; width: 200px; float: left; }
.clippings_grid .row .clipping img.clipping_image {width: 200px; }
.clippings_grid .row .clipping p {font-size: 85%; margin-top: 10px; }
.favorite a {outline: none; }
.favorites .clipping, .favorites .post {border: 1px solid #ccc; padding: 10px 15px 20px 15px; margin: 10px 20px 20px 20px; width: 224px; float: left; overflow: hidden; }
.favorites .clipping img.clipping_image, .favorites .post img.clipping_image {width: 200px; }
.favorites .clipping p, .favorites .post p {font-size: 85%; margin-top: 10px; }
.favorites .clipping .meta, .favorites .post .meta {border: none; background: none; }
.favorites .clipping .meta .column, .favorites .post .meta .column {display: none; }
.favorite img {width: 16px; }
.comments {margin-top: 2em; }
.comments .comment {margin-bottom: 2em; overflow: hidden; height: 1%; }
.comments .comment-body {background: url(/images/bg/quote.gif) no-repeat left top; padding: 14px 0 0 14px; height: 1%; }
.comments .meta {margin-bottom: 0; }
.comments h2 {color: #fff; display: block; height: 36px; padding: 0 10px 0 6px; background: #288C9D; }
.comments .author h3 {color: #7faa09; margin: 0; }
.comments .author img {margin-bottom: 0; }
.comments .new {margin-bottom: 3em; }
.comments .new h2 {background: #C01C4F; }
.comments .new form #comment_spinner {float: right; }
.comments .new form textarea {width: 100%; }
.comments .new form input[type=submit] {display: block; float: right; margin: 1em 0.583em 0.667em 0; padding: 5px 10px 5px 23px; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; background-image: url("/stylesheets/blueprint/plugins/buttons/icons/tick.png"); background-repeat: no-repeat; background-position: 5px center; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; font-weight: bold; color: #529214; cursor: pointer; }
.comments .new form input[type=submit]:hover {background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; }
.comments .new form input[type=submit]:active {background-color: #529214; border: 1px solid #529214; color: #fff; }
.advertisement {margin: 0px 8px 50px 8px; border-top: 1px solid #DBF5FB; border-bottom: 1px solid #DBF5FB; background: #E9F8FB; text-align: center; }
.users .user {border-top: 1px solid #ddd; padding-top: 10px; margin-bottom: 10px; margin-right: -8px; clear: both; min-height: 83px; height: auto !important; height: 83px; }
.users .user .friend_request .spinner {clear: both; display: block; }
.users .user .friend_request .spinner img {vertical-align: bottom; margin: 0; }
.users .community_pro {background: url(/plugin_assets/community_engine/images/community_pro.gif) no-repeat top right; position: relative; z-index: 9999; }
.users .featured_writer {background: url(/plugin_assets/community_engine/images/featured_writer.gif) no-repeat top right; position: relative; z-index: 9999; }
.photo_nav img {width: 100px; border: 1px solid #666; }
#ft {padding-top: 13px; }
#footer {background: #fff url(/images/bg/ft.gif) repeat-x left top; height: 30px; padding: 10px 20px 0 20px; color: #C6B6AA; }
#footer a {color: #ffffff; padding: 0 10px 0 10px; border-right: 1px solid #C6B6AA; }
#footer a:hover {text-decoration: underline; }
#footer a.first {margin-left: 10px; border-left: 1px solid #C6B6AA; }
#footer a.last {border: none; }
#footer_content {margin-bottom: 150px; width: 967px; margin: 0 auto; padding-left: 10px; }
#footer_content a.more {color: #7FAA09; text-decoration: underline; white-space: nowrap; }
#footer_content a.more:hover {color: #000; text-decoration: none; }
#footer_content ul {list-style: none; margin: 0 25px 0 0; }
#footer_content ul li {margin-bottom: 1em; }
#footer_content #photos img {width: 80%; }
#footer_content #comments {overflow: hidden; }
.show_tag .posts ul, .dashboard .posts ul {list-style: none; margin: 0; padding: 0; }
.show_tag .posts ul li, .dashboard .posts ul li {border-bottom: 1px solid #cccccc; line-height: 2em; }
.show_tag .posts ul li a, .dashboard .posts ul li a {display: block; padding: 1em; overflow: hidden; }
.show_tag .posts ul li a img, .dashboard .posts ul li a img {width: 35px; margin-right: 1em; float: left; }
.show_tag .posts ul li a span.post_excerpt, .dashboard .posts ul li a span.post_excerpt {font-size: .9em; color: #999999; display: block; margin-left: 4.5em; }
.show_tag .posts ul li a:hover, .dashboard .posts ul li a:hover {background: #efefef; text-decoration: none; }
.centered {text-align: center; }
.right {float: right; }
.left {float: left; }
.mceLayout .left {float: none; }
.polaroid {border: 1px solid #D9D9D9; padding: 3px; background: #ffffff; margin: 0 5px 10px 5px; }
.box {padding: 0 1em 0 1em; margin-bottom: 1.5em; background: none; }
.post_count {text-align: center; font-size: 1.2em; font-weight: bold; color: #804000; }
a {text-decoration: none; color: #C01C4F; }
.quiet a {color: #288C9D; }
.quiet a:hover {text-decoration: underline; }
h2 {color: #288C9D; }
h2 .small {font-size: .6em; line-height: 2.5; }
h3.quiet {margin-bottom: 0; }
#sidebar h2.green {border: 1px solid #ffffff; background: url(/images/bg/green_grad.gif) repeat-x; padding-top: 10px; height: 42px; text-align: center; color: #ffffff; margin-left: 2px; }
#sidebar h2.green a {color: #ffffff; }
#sidebar h2.green a:hover {text-decoration: underline; }
#ft h2 {color: #fff; padding: 6px 20px 8px 10px; display: inline; }
#ft h2.blue {background: #288C9D; }
#ft h2.pink {background: #C01C4F; }
#ft h2.green {background: #7FAA09; }
#main .right a:hover.button {background: none; }
#main .right a.button:active {background-color: none; color: #565656; outline: none; }
#main .right a.active {color: #C01C4F; text-decoration: underline; }
.info, .notice, .error {margin-top: 15px; }
.error a {color: #288C9D; }
.notice a {color: #288C9D; }
.success a {color: #288C9D; }
img {margin-bottom: auto; vertical-align: middle; }
.pagination {clear: both; margin: 10px; }
.pagination .pagination_info {float: right; }
.pagination a {border: 1px solid #7DA807; color: #7DA807; margin-right: .3em; padding: .4em; }
.pagination a:hover {background: #7DA807; border: 1px solid #7DA807; color: #ffffff; margin-right: .3em; padding: .4em; }
.pagination a.active {background: #1EA2C1; border: none; color: #ffffff; }
div.auto_complete {width: 350px; background: #ffffff; }
div.auto_complete ul {border: 1px solid #888888; list-style-type: none; margin: 0; padding: 0; width: auto; }
div.auto_complete ul li {margin: 0; padding: 3px; }
div.auto_complete ul li.selected {background-color: #FFFDC0; }
ul.sortable {list-style: none; border: 1px solid #ccc; min-height: 20px; padding: 0; }
ul.sortable li {cursor: move; }
ul.sortable_hover {border: 1px dashed #328E01; background: #efefef; }
ul#skills {width: 250px; height: 200px; }
ul#skills li {background: #ffffff; margin: .5em; padding: .5em; border: 1px solid #cccccc; }
ul#users_skills {width: 250px; background: #eee; }
ul#users_skills li {background: #ffffff; margin: .5em; padding: .5em; border: 1px solid #cccccc; }
.handle {cursor: move; }
.nube1 {font-size: 1.0em; }
.nube2 {font-size: 1.3em; }
.nube3 {font-size: 1.4em; }
.nube4 {font-size: 1.5em; }
.nube5 {font-size: 1.6em; }
.nube6 {font-size: 1.8em; }
.selected {color: #268999; }
select {width: auto; }
.mceEditorContainer table {margin: 0; }
.mceEditorContainer table th {padding: 0; margin: 0; border: auto; font-weight: normal; }
.mceEditorContainer table td {padding: 0; margin: 0; border: auto; }
.mceEditorContainer table tfoot {font-style: auto; }
.mceEditorContainer table caption {background: none; }
.mceEditorContainer table img {margin: 0 0 0; }
.posts .poll_excerpt img {margin: 0; }
#poll-ui label {display: block; }
#poll-ui ul {list-style: none; }
.loading tr th {padding-left: 20px; background: url(/plugin_assets/community_engine/images/spinner.gif) no-repeat left; }
table.poll {width: 100%; margin-bottom: 3em; }
table.poll td {border-bottom: none; }
table.poll td .vote {display: block; float: left; background: url(/images/icons/vote.png) no-repeat left; padding: 0 10px 0 20px; height: 20px; margin-right: 10px; border-right: 1px solid #ccc; }
table.poll td.bars {width: 50%; }
table.poll td.bars div.bar-container {border: 1px solid #ccc; width: 100%; margin: -12px 5px 2px 0; padding: 1px; float: left; background: white; height: 1em; }
table.poll td.bars div.bar-container .bar {background-color: #cfe1f1; height: 12px; font-size: 10px; text-align: right; padding-right: 2px; }
.leaderboard-notice {background: #FFF6BF; color: #817134; border-color: #FFD324; margin: 0px auto; margin-top: -18px; border-bottom: 1px solid #FFD324; }
.leaderboard-notice div {margin: 0px auto; width: 928px; text-align: left; }
fieldset.inline {border: 0; padding: 0; margin: 0; }
.MainForm label {display: block; margin: 1em 0 2px 0; }
.MainForm label em {font-style: italic; font-family: Georgia, Times, serif; color: #777; }
.message_body {padding: 10px; border: 1px solid #ccc; background: #efefef; }
pre.message_body {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
span.pagebreak {display: none; margin: 0 0 0 0; height: 1px; clear: none; }
span.localized {font-style: italic; color: red; }