/* base setup & colors */
*
{
  margin: 0;
  padding: 0;
}
ul, ol
{
  margin: 1em;
  padding: 1em;
  font-size: 1.2em;
  list-style-type: square;
}

ol ul, ul ol {
  font-size:1.0em;
  margin:0;
}

html
{
  height: 100%; }

* html div.bubblewrap.main
{
  height: 100%;
}
body
{
    font: 62.5%/1.5 arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #fff;
    height: 100%; /* Make scrollbar always appear so no jumping on nav page change.*/

}
a, a:visited
{
    color: #027;
}
a:hover
{
    color: #c2002a;
}
a.scripted-link
{
  text-decoration: underline;
}
img
{
    border: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* end base setup & colors */

/* fonts */
h1
{
    font: 2.6em/1 arial, sans-serif;
  margin: 1em 0;
}
h2
{
  clear: left;
    font: 1.6em/1 arial, sans-serif;
  margin:  1em 0;
}
h3
{
  font: 1.4em/1 arial, sans-serif;
  margin: 1em 0;

}
p
{
    font: 1.2em/1.5 arial, sans-serif;
    margin: 1em 0;
}

p.continues { text-align: right!important; }

span.grey, p.grey { color: #555555; }

/* end fonts */

/* basic page structure */
div.bubblewrap
{
  text-align: center;
}
div.bubblewrap *
{
  text-align: left;
}
div.bubblewrap.main
{
  position: relative;
  background: #f8f8f8 url('/images/background_shorter.png') 50% 0 repeat-x;
  min-height: 100%;
  width: auto;
  min-width: 875px;
}

#header,
#main,
{
  position: relative;
  width: 875px;
  margin: 0 auto;
}

div#header
{
  position: relative;
  height: 117px;
  background: url('/images/bg_header_line.png') 0 69px repeat-x #fff;
  /*background: url('/images/bg_header_line.gift_cert.png') 0 47px no-repeat white;*/
}
div#header a#christmas-notice
{
 position: absolute;
 display: block;
 width: 320px;
 height: 30px;
 top: 50px;
 right: 0;
 text-indent: -10000em;
 line-height: 1000em;
 overflow: hidden;
}
div#main
{
    margin-top: 30px;
    padding-bottom: 230px;
}
div.bubblewrap.footer
{
  border-top: 1px solid #ccc;
  position: relative;
  height: 200px;
  margin: -203px 0 0 0;
  padding: 0;
  min-width:  875px;
}

/* end basic page structure */

/* branding - header, tagline, etc. */
#header div { position:relative; }
#header h2#redbubble-logo
{
  position: absolute;
  top: 15px;
  margin: 0;
}
h2#redbubble-logo a#redbubble-logo-image
{
    display: block;
    font-size: 1px;
    color: #FFFFFF;
    line-height: 100em;
    overflow: hidden;
    width: 266px;
    height: 38px;
    margin: 0;
    background: url('/images/logo_registered.gif') no-repeat;
}

#header h3#redbubble-tagline
{
  display: none;
  }

/* end branding - header, tagline, etc. */

/* navigation */

#header ul#nav-main
{
    position: absolute;
    top: 85px;
    left: 0;
    width: 632px;
    height: 31px;
    list-style-type: none;

    /* some make space to the left for the drop shadow */
    margin: 0 0 0 -14px;
    padding: 0 0 0 14px;
    background: url('/images/nav/nav_bg6.gif') 1px -32px no-repeat;
}
#header ul#nav-main li
{
    padding: 0;
    margin: 0 2px 0 0;
    display: block;
    color: white;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    width: 86px;
    height: 31px;
    float: left;
}
#header ul#nav-main li,
#header ul#nav-main li a
{
    margin: 0 1px 0 0 ;
    display: block;
    width: 87px;
    height: 31px;
    line-height: 1000em;
    overflow: hidden;
}


#header ul#nav-main li a#nav-home
{
  background: url('/images/nav/nav_bg6.gif') -13px 0 no-repeat;
}
#header ul#nav-main li a#nav-home:hover,
#header ul#nav-main li a#nav-home:active,
#header ul#nav-main li a#nav-home:focus,
#header ul#nav-main li a#nav-home.highlight
{
  background: url('/images/nav/nav_bg6.gif') -13px -32px no-repeat;
}

#header ul#nav-main li a#nav-art
{
  background: url('/images/nav/nav_bg6.gif') -101px 0 no-repeat;
}
#header ul#nav-main li a#nav-art:hover,
#header ul#nav-main li a#nav-art:active,
#header ul#nav-main li a#nav-art:focus,
#header ul#nav-main li a#nav-art.highlight
{
  background: url('/images/nav/nav_bg6.gif') -101px -32px no-repeat;
}

#header ul#nav-main li a#nav-t-shirts
{
  background: url('/images/nav/nav_bg6.gif') -189px 0 no-repeat;
}
#header ul#nav-main li a#nav-t-shirts:hover,
#header ul#nav-main li a#nav-t-shirts:active,
#header ul#nav-main li a#nav-t-shirts:focus,
#header ul#nav-main li a#nav-t-shirts.highlight
{
  background: url('/images/nav/nav_bg6.gif') -189px -32px no-repeat;
}

#header ul#nav-main li a#nav-writing
{
  background: url('/images/nav/nav_bg6.gif') -277px 0 no-repeat;
}
#header ul#nav-main li a#nav-writing:hover,
#header ul#nav-main li a#nav-writing:active,
#header ul#nav-main li a#nav-writing:focus,
#header ul#nav-main li a#nav-writing.highlight
{
  background: url('/images/nav/nav_bg6.gif') -277px -32px no-repeat;
}

#header ul#nav-main li a#nav-community
{
  background: url('/images/nav/nav_bg6.gif') -365px 0 no-repeat;
}
#header ul#nav-main li a#nav-community:hover,
#header ul#nav-main li a#nav-community:active,
#header ul#nav-main li a#nav-community:focus,
#header ul#nav-main li a#nav-community.highlight
{
  background: url('/images/nav/nav_bg6.gif') -365px -32px no-repeat;
}

#header ul#nav-main li a#nav-groups
{
  background: url('/images/nav/nav_bg6.gif') -453px 0 no-repeat;
}
#header ul#nav-main li a#nav-groups:hover,
#header ul#nav-main li a#nav-groups:active,
#header ul#nav-main li a#nav-groups:focus,
#header ul#nav-main li a#nav-groups.highlight
{
  background: url('/images/nav/nav_bg6.gif') -453px -32px no-repeat;
}

#header ul#nav-main li a#nav-mybubble
{
  background: url('/images/nav/nav_bg6.gif') -541px 0 no-repeat;
}
#header ul#nav-main li a#nav-mybubble:hover,
#header ul#nav-main li a#nav-mybubble:active,
#header ul#nav-main li a#nav-mybubble:focus,
#header ul#nav-main li a#nav-mybubble.highlight
{
  background: url('/images/nav/nav_bg6.gif') -541px -32px no-repeat;
}


#header ul#nav-utility
{
  list-style-type: none;
  margin: 0;
  padding: 6px 6px 6px 0;
  position: absolute;
  top: 6px;
  right: 0;
  background: #eee;
  border: 1px solid #ddd;
  font-size:  1em;
}
#header ul#nav-utility li
{
  font-size: 1.1em;
  display: block;
  float: left;
  margin-left: 6px;
  padding-right: 6px;
/*  border-right: 1px solid #ddd; */
}
#header ul#nav-utility li.last
{
  padding-right:0;
  border-right:0;
}
#header ul#nav-utility li a
  {
    padding: 2px 0 4px 0;
  }
#header ul#nav-utility a#header-view-cart,
#header ul#nav-utility a#header-check-out {
  padding-left: 17px;
}
#header ul#nav-utility a#header-view-cart {
  background: url('/images/silk/cart.png') no-repeat;
}
#header ul#nav-utility a#header-check-out {
  background: url('/images/silk/cart_go.png') no-repeat;
}

/* bubblemail count in utility nav */
span.bubblemail-count
{
  display: block;
  float: left;
  margin-left: 2px;
  text-decoration: none;
  width: 40px;
  height: 18px;
  background: url('/images/bg_bubblemail_count.gif') center no-repeat;
  color: white;
  text-align: center;
}
a#link-bubblemail span#bubblemail
{
  display: block;
  float: left;
  text-decoration: underline;
}
a#link-bubblemail
{
 text-decoration: none;
}

/* for selecting works in challenges and bubblesites */
.rb-work-selector div.status, p.no-works { width: 100%; text-align: center; background-color: #eeeeee; }
.rb-work-selector div.require-js { width: 100%; text-align: center; }
p.no-works { margin: -15px 0 0 0!important; padding: 1em 0; }

/* sub nav */
#subnav { border-bottom:3px solid #333; margin-bottom:15px;}
#subnav h1 { font-size:1.2em; float:left; background:none; width:36% !important; overflow:hidden; white-space:nowrap; /*text-overflow: ellipsis; << valid CSS? */ padding:0; margin:0; padding-top:5px; min-height:15px; font-weight:bold; }
#subnav ul { list-style:none; margin:0; padding:0; }
#subnav ul li { margin:0; padding:0; float:right; background:#666; margin-left:1px; }
#subnav ul li a { padding:3px 5px; display:block; text-decoration:none; color:white; min-width:30px; width: auto; text-align:center; }
#subnav ul li.active a { background:#333; }
#subnav ul li a:hover { text-decoration:underline; }
#subnav ul#gallery-views li a span { display: block; text-indent: -1000em; overflow: hidden; position: absolute; }
#subnav ul li a span
  {
    display: block;
    text-indent: -1000em;
    width: 1px;
    height: 0px;
  }



/* FOOTER
--------------------------------------------------------------------------------------------------*/
div#footer
{
  display: block;
  position: relative;
  margin:0;
  padding:0;
  background: #fff;
  font-size: 10px;
  font-family: verdana, arial, sans-serif;
  color:#888;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
}

div#footer a {
  color:#027;
  text-decoration: none;
  }

div#footer a:hover {
  text-decoration: underline;
  }

div#footer-wrap {
  display: block;
  width: 960px;
  height: 82px;
  margin:0 auto;
  padding:0;
  position: relative;
  background: url('/images/rb-grey-large.png') no-repeat -10px 37px;
  }

div#footer ul {
  list-style-type:none;
  padding:0;
  margin:0;
  font-size: 10px;
  }

ul#footer-left {
  position: absolute;
  top:0;
  left:-8px;
  }

ul#footer-left li {
  float: left;
  }

ul#footer-left li a {
  display: block;
  text-transform: uppercase;
  padding:6px 8px;
  }

ul#footer-right {
  position: absolute;
  top:0;
  right:-8px;
  }

ul#footer-right li {
  float: right;
  text-transform: uppercase;
  padding:8px;
  }

ul#footer-bottom-right {
  position: absolute;
  bottom:4px;
  right:-6px;
  }

ul#footer-bottom-right li {
  float: right;
  }


ul#footer-bottom-right li a {
  display: block;
  text-transform: uppercase;
  padding:6px 6px 0 6px;
  color:#ccc;
  }

ul#footer-bottom-right li a:hover {
  color: #888;
  }

#footer-buy {
  display: block;
  height: 20px;
  width: 960px;
  margin:0 auto;
  font-size:10px;
  font-family: Verdana, Arial, sans-serif;
  }

#footer-buy ul {
  list-style-type: none;
  padding:0;
  margin:0 0 0 -8px;
  }

#footer-buy ul li {
  display: block;
  float:left;
  }

#footer-buy ul li a, #footer-buy ul li.text {
  display: block;
  color:#c8c8c8;
  padding:6px 8px;
  }

#footer-buy ul li.text {
  padding:6px 0;
  color:#aaa;
  }

#footer-buy ul li a:hover {
  color:#888;
  }

/* 'send this' links */
a.send
{
  background: url('/images/icons/icon_share.gif') center left no-repeat;
}
a.favorite-this
{
  background: url('/images/icons/icon_favorite.gif') center left no-repeat;
}
a.report-this
{
  background: url('/images/icons/icon_report.gif') center left no-repeat;
}

a.edit-this {
  background: url('/images/icons/icon_edit.gif') center left no-repeat;
  }

a.nsfw-this {
  background: url('/images/icons/icon_delete.gif') center left no-repeat;
  }

a.send,
#header ul#nav-utility li a.send,
a.favorite-this,
a.report-this,
a.edit-this,
a.nsfw-this
{
  padding-left: 18px;
  padding-bottom: 2px;
}


/* competition stuff but can apply globally */
p.attribution { font-size: .9em; }
h2+p.attribution { margin-top: -30px; margin-bottom: 30px; }


/* forms & flash info */

form fieldset
{
  padding: 10px;
  border: 0;
  clear: left;
  margin: 20px 0;/**/
}

form fieldset:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

form fieldset.submit
{
  margin: 0;
}


form fieldset.submit input
{
  float: right;
  text-align: center;
}
div.reset span.grey { margin: 5px 0 0 26%; display: block; float: left; clear: left; width: 50%; text-align: left; }
div.publication-info label { margin-bottom: 2em; }
div.publication-info input#presenter_quantity { width: 175px; }
div.publication-info span.grey { margin-top: .1em; display: block; float: left; width: 50%; text-align: left; }

div.bubblewrap form fieldset label
{
  display: block;
  float: left;
  clear: left;
  width: 150px;
  margin-right: 10px;
  margin-top: 10px;
  text-align: right;
  font-size: 1.2em;
}

span.hint { color: #999; }
div.bubblewrap form div { clear: left; width: 100%; float: left; }
div.bubblewrap form#order-search-form div { width: auto; float: none; }
body.frame_purchases input, body.frame_purchases select { margin: 0 0 10px 0; }

form label.info:after
{
  content:  "";
}
form label.checkbox:after,
form label.radio:after
{
  content: "";
}
div.bubblewrap form label.checkbox,
div.bubblewrap form label.radio
{
  width: 300px;
  margin-left: 160px;
  text-align: left;
}

form textarea
{
  font:  1.2em arial, sans-serif;
}
form .field-info
{
  display: block;
  float: left;
  margin: 10px 0 0 10px;
}


/*
  info, flash, errors, etc.
*/

.fieldWithErrors
{
  background: #ffffee;
  border: 2px inset #ff6600;
}
span.validation-error
{
  background: url('/images/icons/info.gif') 0 2px no-repeat;
  text-indent: 14px;
  color: #c2002a;
  display: block;
  float: left;
  font-size: 1em;
  width: 250px;
  margin: 10px;/**/
}
label.checkbox span.validation-error,
label.radio span.validation-error
{
  width: 100%;
  font-size: 0.8em;
  padding: 0 15px;
}
span.form-info
{
  float: right;
  text-align: left;
  margin: 10px 0 0 0;
  padding: 10px;
  display: block;
  background: #ffffee;
  border-top: 1px solid #fff3cd;
  border-bottom: 1px solid #fff3cd;
}
#errorExplanation
{
  margin-bottom: 10px;
}
#errorExplanation h2
{
  margin: 0;
  color: #000;
  font: bold 1.2em arial, sans-serif;
}
#errorExplanation p
{
  font: 1.1em arial;
}
#errorExplanation,
p.flash
{
  width:77.5em;
  background: url('/images/icons/flash_info.gif') 4px 5px no-repeat #ffffee;
  padding: 6px 6px 6px 24px;
  font: bold 1.2em arial, sans-serif;
  border-top: 1px solid #fff3cd;
  border-bottom: 1px solid #fff3cd;
  margin:0;
}

div.system-messages { width: 75%; }


/* search form */
div#header form#search-global
{
  border: none;
  background: none;
  float: right;
  padding: 0;
  margin: 90px 0 0 0;
  width:260px;
}
div#header form#search-global fieldset
{
  padding: 0;
  margin: 0;
  float:right;
}
div#header form#search-global input
{
  margin: 0;
  padding: 0;
}
div#header form#search-global input#search-global-query
{
  width: 150px;
  margin: 0 10px 0 0;
}
/* search form */
form#search-global select
{
  display: inline;
  float: left;
}
form#search-global label
{
  width: 80px;
  padding: 2px 0 0 0;
  margin: 0 8px 0 0;
}
form#search-global label:after
{
  content: "";
}
form#search-global select
{
  margin: 0 8px 0 0;
}

form#search-global #search-global-button
{
  text-align:center;
  font-size:12px;
}


/* end search form */


/* Password resets */
body.account_recovery div#main { text-align: center; }
body.account_recovery div#main div.reset { margin: 0 auto; width: 75%; }
body.account_recovery fieldset.submit { margin: 0; width: 65%; }
body.account_recovery fieldset.submit input { margin: 0; }


/* Comments List */

#comments                   { padding: 0 0 2px 0; margin-bottom:1.5em; border-bottom:1px solid #ddd;}
#comments ul                { margin:0; padding:0; list-style-type:none; }
#comments li                { margin:6px 0 0 0; padding:20px 0 0 0; clear:left; border-top:1px solid #ddd;}
#comments li .avatar        { float:left; width:45px; margin-right:10px; }
#comments li .comment       { padding-bottom: 10px; float:left; width:460px; font-size:12px; }
#comments li.comment-first { border-top:none !important; margin-top:0px; }

#comments li.comment-reply  {
  padding: 10px 10px 0px 10px;
  background:#f2f2f2;
  border-top:none;
  margin:0px 0 4px 55px;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius:0px;
  }

div.comment-reply-form {
  position: relative;

  padding: 10px 10px 0px 10px;
  background:#f2f2f2;
  border:none;
  margin:0;
  width:453px;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius:0px;
  }

div.comment-reply-form textarea {
  margin-bottom:5em;
  }

li.comment-reply div.comment-reply-form {
  margin-top:1em;
  margin-left:1em;
  border:3px solid #fff;
  }

#comments li.comment-reply div.comment { width: 475px; margin-right: 0;}
div#comments li.comment-reply h3 {color:#333; font-weight:normal !important; margin:0; font-size:11px !important;}
#comments li.comment-reply h3 a {color:#333; font-weight:normal !important; margin:0; font-size:11px !important;}
#comments li.comment-reply p {margin:4px 0 0 0; padding-right:20px; color:#333;}

#comments li .comment h3    { line-height: 150%; margin-top: 0; margin-right: 2em; font-weight:normal; font-size:.8em }
#comments li .comment h3 a  { font-size:1.2em; font-weight:bold; }
#comments li .comment p     { font-size:12px; margin:6px 0 0 0;}
#comments li .comment p img { max-width: 470px; } /* this will make lots of people sad */

#comments div.comment ul    { padding: 0; margin: 6px 0; list-style-type: square; }
#comments div.comment ul li { font-size: 0.9em; margin: 0 0 0 16px; padding: 0; border: none; }

/* for the worker elves icon in comments */
div.comment h3 img { display: inline; border: none; }

/* Comment Form */
form.delete { margin: 0; padding: 0; width: 115px; float: right; text-align: left; background: none; border-right: 1px solid #ccc; }
form.delete input[type='submit'] { margin: 0; padding: 0 0 4px 18px; width: 115px; background: url('/images/silk/email_delete.png') 0 0 no-repeat; border: none; }
div.challenges form.delete { margin-top: -20px; margin-right: 20px; border: none; }
form.delete input.delete { width: 150px; }
#comment-form           {
  margin-bottom:20px;
  clear:both;
  position: relative;
  }
.form-comment, div#admin form { background:none; padding: 0; margin: 0; float: left; }
#toggle-form-container form {padding:0 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #ccc; position:relative;}
#toggle-form-container form textarea { margin-bottom:65px; }
#toggle-form-container form ul#formatting-hints { width:275px;font-size:11px;line-height:10px;}
.form-comment textarea  { float:none; width:550px; height:70px; margin:0; padding:0; margin-bottom:0px; }
#toggle-form-container textarea {height: 150px;}

#toggle-form-container div.formatting-hints-wrap {
  position: absolute;
  bottom:0px;
  left:0px;
  height:75px;
  }

.form-comment input, div#admin form div input.nsfw-submit {
  font-size:12px;
  padding:.8em 1.5em;
  background:#c2002a;
  color:#fff;
  display:block;
  cursor: pointer;
  width:12em;
  text-decoration: none;
  text-align: center;
  border:none;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }

.form-comment input {
  position: absolute;
  right:1em;
  bottom:1em;
  }

.form-comment input:hover {
  background:#555;
  color:#fff;
  }

.form-comment input#comment_parent_id {
  display: none;
  }

.artist div#admin {
  display: block;
  text-align: right;
  padding:0;
  }

.artist div#admin form {
  float:right;
  padding: 0;
  }

div#admin form div input.nsfw-submit {
  background:#555;
  color:#fff;
  width:20em;
  }

div#admin form div input.nsfw-submit:hover {
  color:#fff;
  background: #c2002a;
  }

#rb-etiquette {
    font-size:11px;
    color:#888;
    background:#fff;
    margin:.5em 0;
    padding:.25em .5em;
    position: absolute;
    right:1em;
    bottom:4.25em;
    border-top:1px solid #eee;
  }

#comment-form .formatting-hints-wrap, div.comment-reply-form .formatting-hints-wrap {
  font-size:.9em;
  margin: 0;
  position: absolute;
  left:1em;
  bottom:1em;
  height:65px;
  }

div.comment-reply-form .formatting-hints-wrap {

  }

a#comment-toggle { text-decoration: none; background: url('/images/icons/user_comment.gif') center left no-repeat; padding-left: 17px; cursor: pointer;}
/* badges */
img.badge { display: inline; float: none; width: 31px; height: 12px; }

/* artist comment controls */
div.comment div.objection
{
  color: #666; float: right; width: auto; text-align: right; margin-right:10px;
}

#comments li.comment-reply div.comment div.objection {
  margin-right:25px;
  }

div.comment div.objection a
{
  float: none; padding: 0 5px;
}


/* basic 2 column layout */

.main-column {
  width:550px;
  float:left;
  margin-right:25px;
}

.sub-column {
  width:300px;
  float:left;
}

/* for having two content columns side by side. 50% each. */
div.float-left, div.float-right { width: 48%; float: left; margin-bottom: 1em; }
div.float-left { margin-right: 1em; padding-right: 1em; border-right: 1px solid #ccc; }


/* tag cloud */
ul.weighted-cloud
{
list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  clear: none;
  width: 700px;
}
ul.weighted-cloud li
{
  font-size: 1em;
  display:  block;
  float:  left;
  padding:  0.5em 0.5em;
  border-bottom: 1px dotted #ccc;
}
ul.weighted-cloud a
{
  line-height: 30px;
  text-decoration: none;
}
ul.weighted-cloud a.weight1
{
  font-size:  1.1em;
}
ul.weighted-cloud a.weight2
{
  font-size:  1.4em;
}
ul.weighted-cloud a.weight3
{
  font-size:  1.8em;
}
ul.weighted-cloud a.weight4
{
  font-size:  2.2em;
}
ul.weighted-cloud a.weight5
{
  font-size:  2.4em;
}
/* end tag cloud */



/* textile formatting help -- see partials/_formatting_hints.rhtml */
/* Need ugly !importants to be trashed at a later date */

    div.formatting-hints-wrap {
      clear:left !important;
      padding:0 !important;
      margin:0 !important;
      font-size:11px !important;
      color:#666 !important;
    }

    div.formatting-hints-wrap p {
      font-size:11px !important;
      padding:0 !important;
      margin:0 !important;
    }

    div.formatting-hints-wrap ul {
      list-style:none !important;
      margin:0 !important;
      padding:0 !important;
    }

    div.formatting-hints-wrap li {
      font-size:11px !important;
      padding:0 !important;
      margin:0 !important;
    }

    div.formatting-hints-wrap li.last {
      border: 0 !important;
    }

/* end textile help */

del
{
  color: #666666;
  text-decoration: none;
}

.sub-column div.change-currency a {text-decoration: none; display: inline;}

#buy
{
  margin: 0;
  width: 250px;
  /*height: 50px;*/
  line-height: 1.2em;
  clear: left;
}
/* buy button */
#buy img
{
  float: left;
  margin: 2px 8px 10px 0;
}
/* for tshirts only one price is shown, button doesn't need top margin. */
#buy img.buy-tshirts
{
  margin-top: 0;
}


/* highlight any search terms in referrer */
span.searchword { background: yellow; color: black; }

p#cart-reminder
  {
    font-size: 11px;
    color: #555;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin: 0;
    background: #eee;
  }
p#cart-reminder a
  {
    text-decoration: none;
  }




/* BUYING INFORMATION
used on cart#index, checkout#total, products#configure, products#change, about-framed-prints, etc (also duplicated in ppc.css)
--------------------------------------------------------------------------------------------------*/

#buying-information { clear:both; }
#buying-information ul {
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid #d0d8c1;
  padding:10px 0 12px 40px;
  background: #eee url('/images/mybubble/hatched-back.png');

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  }

#buying-information ul li { list-style:none; float:left; width:127px; margin:0; padding:0 10px 0 80px; border-left:1px solid #d0d8c1; font-size:11px; min-height:85px; }

#buying-information ul li#buying-information-delivery   { background: url("/images/icons/cart_delivery_van_trans.gif") no-repeat 0 0; border-left:0; }
#buying-information ul li#buying-information-email      { background: url("/images/icons/cart_question_mark_trans.gif") no-repeat 0 0;  }
#buying-information ul li#buying-information-phone      { background: url("/images/icons/cart_telephone_trans.gif") no-repeat 0 0;  }
#buying-information ul li#buying-information-guarantee  { background: url("/images/icons/cart_guarantee_trans.gif") no-repeat 0 0;  }
#buying-information ul li#buying-information-secure     { background: url("/images/icons/cart_padlock_trans.gif") no-repeat 0 0;  }

p.log-line { font-size: 1.4em; }


/* For adding where ever the base price is shown to a signed in user (if possible)
- also see artist/works.css, etc for some contextual additions */
p.self-purchasers { padding: 0 0 5px 0; color: #666!important; clear: both; border-bottom: 1px solid #ddd; }



/* PAGED PRODUCTS - effects common across multiple screens of Calendars and (probably) books
--------------------------------------------------------------------------------------------------*/

div.paged-works { margin: 20px 0 0 80px; width: 400px; float: left; }
div.paged-works div.carousel { margin-left: 17px;width: 294px; float: left; }
div.paged-works div.carousel div.subtitle p { text-align: center; }
div.paged-works div.carousel img { display: block; width: 294px; height: 416px; }
div.paged-works div#prev-arrow-container { width: 33px; /*height: 51px;*/ float: left; }
div.paged-works div#prev-arrow-container a#calendar-page-prev { background: none; }
div.paged-works div#prev-arrow-container img { margin-top: 200px; }
div.paged-works div#next-arrow-container { width: 33px; /*height: 51px;*/ float: right; }
div.paged-works div#next-arrow-container a#calendar-page-next { background: none; }
div.paged-works div#next-arrow-container img { margin-top: 200px; }

/* seasonal promos */
div#header a.seasonal-promo
{
  position: absolute;
  display: block;
  width: 350px;
  height: 42px;
  top: 40px;
  right: 0;
  text-indent: -10000em;
  line-height: 1000em;
  overflow: hidden;
}
div#header a#promo-holiday08
{
 width: 189px;
 background: url('/images/promo/hdr_promo_holiday08.gif') right no-repeat;
}
body.checkout div#header a.seasonal-promo {
  display: none;
}


/* 2010 - From new/layout.css --> */

/* REDBUBBLE MAIN LAYOUT STYLESHEET           */

/* ALWAYS SHOW VERTICAL SCROLLBAR */
html { min-height: 100%; margin-bottom: 1px; }

/* CSS RESET ONLY ON NAVIGATION ELEMENTS */

#nav-wrap html, #nav-wrap body, #nav-wrap div, #nav-wrap span, #nav-wrap object, #nav-wrap iframe,
#nav-wrap h1, #nav-wrap h2, #nav-wrap h3, #nav-wrap h4, #nav-wrap h5, #nav-wrap h6, #nav-wrap p, #nav-wrap blockquote, #nav-wrap pre,
#nav-wrap a, #nav-wrap abbr, #nav-wrap acronym, #nav-wrap address, #nav-wrap big, #nav-wrap cite, #nav-wrap code,
#nav-wrap del, #nav-wrap dfn, #nav-wrap em, #nav-wrap font, #nav-wrap img, #nav-wrap ins, #nav-wrap kbd, #nav-wrap q, #nav-wrap s, #nav-wrap samp,
#nav-wrap small, #nav-wrap strike, #nav-wrap strong, #nav-wrap sub, #nav-wrap sup, #nav-wrap tt, #nav-wrap var,
#nav-wrap dl, #nav-wrap dt, #nav-wrap dd, #nav-wrap ol, #nav-wrap ul, #nav-wrap li,
#nav-wrap fieldset, #nav-wrap form, #nav-wrap label, #nav-wrap legend,
#nav-wrap table, #nav-wrap caption, #nav-wrap tbody, #nav-wrap tfoot, #nav-wrap thead, #nav-wrap tr, #nav-wrap th, #nav-wrap td, #nav-wrap form input, #nav-wrap form textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: Arial, sans-serif;
  background:none;
}
:focus {
  outline: 0;
}
#nav-wrap ol, #nav-wrap ul {
  list-style: none;
  font-family: Arial, sans-serif;
}
#nav-wrap table {
  border-collapse: separate;
  border-spacing: 0;
  font-family: Arial, sans-serif;
}
#nav-wrap caption, #nav-wrap th, #nav-wrap td {
  text-align: left;
  font-weight: normal;
  font-family: Arial, sans-serif;
}
#nav-wrap blockquote:before, #nav-wrap blockquote:after,
#nav-wrap q:before, #nav-wrap q:after {
  content: "";
}
#nav-wrap blockquote, #nav-wrap q {
  quotes: "" "";
}

.clear {
  clear:both;
  }

.no-clear {
  clear:none;
  }

#nav-wrap {
  line-height: 1;
  color: #222;
  background: #fff;
  font-family: Arial, sans-serif;
  font-size:16px;
}

body {
  background:#fbfbfb;
  }

/*Remove button padding in FF*/
input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

/* self-clear floats */

.group:after {
  content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


/* MAIN WRAPPER */
div.bubblewrap.main {
  background:#fff;
  margin-top:0;
  padding-top:0;
  }

div.bubblewrap.main #main {
  margin-top:0;
  padding-top:0;
  }

/* PROMO AD */
#promo-banner-sitewide a {
  font-family: Helvetica, Arial, serif;
  letter-spacing: .05em;
  font-size: 14px;
  font-weight: bold;
  width:960px;
  display: block;
  color:#fff;
  background: #c2002a url('/images/mybubble/hatched-back.png');
  margin:0 auto 5px auto !important;
  padding:8px 0 6px 0;
  text-align: center;
  text-decoration: none;
  
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;	
  
  -webkit-box-shadow: rgba(0,0,0,.15) 0px 1px 0;
  -moz-box-shadow: rgba(0,0,0,.15) 0px 1px 0;
  box-shadow: rgba(0,0,0,.15) 0px 1px 0;
  
  text-shadow: rgba(0,0,0,.5) 0px -1px ;
  }

#promo-banner-sitewide a b {
  text-decoration: underline;
  }

#promo-banner-sitewide a span {
  font-size:12px;
  text-decoration: underline;
  vertical-align: text-top;
  line-height: 16px;
  letter-spacing: normal;
  font-weight: normal;
  }

#promo-banner-sitewide a:hover {
  background-color: #028;

  -webkit-box-shadow: rgba(0,0,0,.35) 0px 1px 0;
  -moz-box-shadow: rgba(0,0,0,.35) 0px 1px 0;
  box-shadow: rgba(0,0,0,.35) 0px 1px 0;  
  }


/* MAIN NAVIGATION */
#nav-wrap #pre-nav {
  width:60em;
  margin:0 auto;
  text-align: center;
  position: relative;
  }

#nav-wrap #pre-nav ul#user-control {
  background: #fff;
  float:right;
  padding:0 0 .4em .5em;
  }

#nav-wrap #pre-nav ul#user-control li {
  float:left;
  font-size:.75em;
  padding:.75em 1em 0 0;
  }

#nav-wrap #pre-nav ul#user-control li.last {
  padding-right:0;
  }

#nav-wrap #pre-nav ul#user-control li a#header-view-cart {
  display:block;
  height:15px;
  padding-left: 20px;
  background: url('/images/silk/cart.png') 0 0 no-repeat;
}

#nav-wrap #new-header {
  clear:both;
  width:60em;
  margin:0 auto;
  text-align: center;
  }

#nav-wrap #nav {
  width:60em;
  margin:0 auto;
  text-align: center;
  }

#nav-wrap #nav ul {
  float:left;
  }

#nav-wrap #nav ul li {
  float:left;
  margin:0;
  }

#nav-wrap #nav ul li a {
  display:block;
  font-size:.8em;
  margin:0;
  padding:8px 18px;
  background:#454545;
  text-decoration: none;
  color:#fefefe;
  border-right:1px solid #3d3d3d;
  text-shadow:rgba(0,0,0,.75) 0px -1px;

  -webkit-transition: color, background-color .2s ease-in;
  }

#nav-wrap #nav ul li a:hover {
  background:#222;
  text-shadow:none;
  -webkit-transition: color, background-color .2s linear;
  }

#nav-wrap #nav ul li a:active {
  /*color: #888;*/
  text-shadow:rgba(0,0,0,.75) 0px -1px;
  background: #c2002a;

  -webkit-transition: color, background-color .1s linear;
  }

#nav-wrap #nav ul > li:first-child a {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  }

#nav-wrap #nav ul li#nav-li-Home a {
  text-indent: -9999px;
  display: block;
  position: relative;
  background-image: url('/images/nav/nav_home.png');
  background-position: 50% 3px;
  background-repeat: no-repeat;
  }

#nav-wrap #nav ul li#nav-li-Home a:hover, #nav-wrap #nav ul li#nav-li-Home a.highlight {
  background-position: 50% -35px;
  }

#nav-wrap #nav ul li#nav-li-BuyGifts a {
  background-image: url('/images/nav/nav_christmas.png');
  background-position: 72px 3px;
  background-repeat:no-repeat;
  padding-right:30px;
  }

#nav-wrap #nav ul li#nav-li-MyBubble a {
  border-right:none;

  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  }

#nav-wrap #nav ul li a.highlight {
  background:#c2002a;
  text-shadow:rgba(0,0,0,.5) 0px -1px;
  }

#nav-wrap #nav ul li a.highlight:hover {
  text-shadow: #222 0px -1px;
  }

#nav-wrap #nav ul li#bm-notification {
  background:none;
  }

#nav-wrap #nav ul li#bm-notification a {
  border-right:none;
  background:#c2002a url('/images/silk/email.png') 8px 8px no-repeat;
  padding-left:30px;
  padding-right:1em;
  margin-left:1px;

  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;

  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  }

#nav-wrap #nav ul li#bm-notification a:hover {
  background:#222 url('/images/silk/email_open.png') 8px 6px no-repeat;
  }

#nav-wrap #search-global {
  float:right;
  }

#nav-wrap #search-global #search-global-query {
  padding:6px 2px 0 6px;
  color:#555;
  background: #f8f8f8;
  border:1px solid #ddd;
  font-size:12px;
  width:165px;
  float:left;
  margin-right:0;
  border-right:none;

  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;

  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;

  height: 19px;
  }

#nav-wrap #search-global #search-global-query:focus {
  background: #fff;
  border-color: #ccc;
  }

#nav-wrap #search-global #search-global-button {
  font-size:12px;
  color:#fff;
  background:#c2002a;
  padding:0 14px;
  margin:0;
  border:none;
  cursor: pointer;
  text-align: center;
  clear:both;
  text-shadow:rgba(0,0,0,.5) 0px -1px;

  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;

  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;

  height: 27px;
  }

#nav-wrap #search-global #search-global-button:hover {
  background:#555;
  }

#nav-wrap #logo {
  float:left;
  }

#nav-wrap #logo a {
  display:block;
  width:200px;

  background:url("/images/rb-logoV2.png") 0 center no-repeat;
  height:46px;
  }

#nav-wrap #logo a span {
  display:none;
  }

#the-break {
  border-bottom:1px solid #ccc;
  width:100%;
  }

.rule {
  display:block;
  width:100%;
  border-bottom:1px solid #eee;
  margin-bottom:.5em;
  }

#section_wrap {
  width:960px;
  margin:0 auto;
  padding:0 0 1em 0;
  text-align:left;
  clear:both;
  position: relative;
  }

div#section-nav-wrap {
  background:#ddd;
  display:block;
  width:100%;
  height:2em;
  font-size:1.3em;
  margin-bottom:1em;

  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  }

ul#section-nav {
  list-style:none;
  display:block;
  margin:0;
  padding:0;
  }

ul#section-nav li {
  float:left;
  background:#ddd;
  }

ul#section-nav li a {
  display:block;
  padding:.4em 1.4em .5em 1.4em;
  font-size:.7em;
  color:#555;
  text-decoration: none;
  border-right:1px solid #eee;
  background:#ddd;
  }

ul#section-nav li a:hover {
  text-decoration: underline;
  background:#ccc;
  color:#222;
  }

ul#section-nav li.active a {
  background:#eee;
  color:#333;
  }

ul#section-nav > li:first-child, ul#section-nav > li:first-child a {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  }

/* THIRD LEVEL NAV IF REQUIRED */

.third-level-nav {
  clear:both;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  }

.third-level-nav ul#section-nav > li:first-child, .third-level-nav ul#section-nav > li:first-child a {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  }

/* COMMON ELEMENTS */

h1 {
  display: block;
  font-size: 18px;
  padding:0;
  padding-left: 20px;
  background: url('/images/header_bullet_arrows.gif') 0 4px no-repeat;
  margin:1em 0 1em 0;
  }

p.subtitle, div.subtitle
{
  font-family: Arial, sans-serif;
  font-size:11px;
  color:#888;
  font-weight:bold;
  clear:both;
}

/* THE Standard Form */

.standard-form label {
  font-size:1.2em;
  padding:6px 4px 6px 4px;
  margin-right:6px;
  font-weight: bold;
  color:#888;
  float:left;
  clear:both;
  width:8em;
  text-align: right;
  }

.standard-form label.wide {
  width:auto;
  font-weight: normal;
  color: #000;
  }

fieldset.bordered {
  margin:0;
  border-bottom:1px solid #ddd;
  width:60em;
  position: relative;
  }

.standard-input, .standard-textarea {
  float:left;
  font-size:1.2em;
  padding:6px 4px;
  border:1px solid #ccc;
  color:#222;
  margin:0 0 0 0;
  font-family: Arial, sans-serif;
  }

.standard-input:focus, .standard-textarea:focus {
  -webkit-box-shadow: #aaa 0 0 10px;
  -moz-box-shadow: #aaa 0 0 10px;
  box-shadow: #aaa 0 0 10px;

  outline: none;
  }

.standard-form .error {
  border:1px solid #c2002a;
  background: #F9F7ED;
  }

.standard-form .correct {
  border:1px solid #016b1f;
  }

.standard-form .error-symbol {
  display: block;
  clear:left;
  width:30em;
  height: 20px;
  background: url('/images/silk/cross.png') left center no-repeat;
  float: left;
  margin:4px 0 0 19em;
  padding:.5em 0 0 2em;
  }

.standard-form .error-symbol span {
  display: none;
  }

.standard-form .error-symbol span.show {
  display: block;
  font-size:1.1em;
  color:#c2002a;
  }

.standard-form .correct-symbol {
  display: block;
  width:20px;
  height: 20px;
  background: url('/images/silk/tick.png') center center no-repeat;

  position: absolute;
  right:1em;
  top:1.75em;
  }

.standard-form .correct-symbol span {
  display: none;
  }

.standard-form div.standard-text {
  clear:left;
  font-size:1.1em;
  margin-left:10em;
  }

.standard-form .standard-submit {
  display: block;
  clear:both;
  background: #c2002a;
  border:none;
  text-decoration: none;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  padding: .5em 1.5em;
  cursor: pointer;
  margin-left:9em;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }

.standard-form .standard-submit:hover {
  background:#555;
  }

.standard-form .detail, .form-help {
  font-size:12px;
  margin:0;
  color:#888;
  clear:both;
  margin-top:.5em;
  }

.standard-form .standard-legend {
  font-size:14px;
  color:#555;
  padding:1em 0 0 0;
  }

.standard-select {
  font-family: Arial, sans-serif;
  font-size:1.6em;
  margin-top:.5em;
  }

.standard-form .help-static p {
  font-size:11px;
  float:right;
  width:384px;
  color:#888;
  padding:4px 0 10px 0;
  margin:0 25px 0 0;
  text-align: left;
  line-height:1.2em;
  }

.standard-form .left-help p {
  float:left;
  margin:0 0 0 25px;
  }

.standard-form .help-static p a {
  color:#555;
  }

.form-warning {
  display: none;
  color:#c2002a;
  font-weight:bold;
  }

.alt {
  background: #f8f8f8;
  }

/* VERTICAL NAVIGATION ALA MYBUBBLE */
#vert-nav {
  /*width:25em;*/
  width:400px;
  margin-bottom:.5em;
  display:block;
  float:right;
  background:#eee;
  padding:0;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  }

#vert-nav h2 {
  margin-left:.8em;
  margin-top:0;
  }

#vert-nav #quicklinks {
  margin:0;
  padding:0;
  text-align: left;
  }

#vert-nav #quicklinks ul {
  list-style-type:none;
  padding:0;
  margin:0;
  }

#vert-nav #quicklinks li a {
  display:block;
  font-size:.9em;
  color:#333;
  padding:.6em 0 .6em 50px;
  border-bottom:1px solid #ddd;
  border-top:1px solid #fff;
  text-decoration: none;
  background-color: #eee;
  background-position: 28px 7px;
  background-repeat: no-repeat;
  position: relative;
  }

#vert-nav #quicklinks li a:hover {
  text-decoration: underline;
  }

#vert-nav #quicklinks ul > li:first-child, #vert-nav #quicklinks ul > li:first-child a {
  border-top:none;

  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  }

#vert-nav #quicklinks ul > li:last-child, #vert-nav #quicklinks ul > li:last-child a {
  border-bottom:none;

  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  }

/* TEXT-BUTTONS */
div.text-button a{
  float: left;
  display: block;
  background: #c2002a;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 7px 12px 7px 12px;
  text-shadow: #222 0px -1px;
  text-transform: capitalize;

  -webkit-transition: color, background-color .3s;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-shadow: #888 0px 1px 2px;
  -moz-box-shadow: #888 0px 1px 2px;
  box-shadow: #888 0px 1px 2px;
}

div.text-button a:visited {
  color:#fff;
  }


div.text-button a:hover{
  color:#fff;
  background-color: #222;

  -webkit-transition: color, background-color .1s;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

div.text-button a:active {
  background: #c2002a;

  -webkit-transition: color, background-color .1s ease-out;
  }

div.grey-button a {
  background:#555;
  color:#eee;
  }

div.dark-grey-button a {
  background:#555;
  color:#fff;
  }

/* FILTER BAR */
#filters{
  position: absolute;
  right:1em;
  top:3em;
  display: block;
  margin:1em 1em 1em 0;
}

body.search div#filters {
  top:-1em;
  }

body.group_activity div#filters {
  top:10em;
  right:-19em;
  }

#filters h2{
  line-height: 1;
  font-size: 11px;
  padding: 0;
  margin: 0;
  display: inline;
  padding: 2px 4px 4px;
  font-weight: bold;
}

#filters ul{
  line-height: 1;
  font-size: 11px;
  padding: 0;
  margin: 0;
  display: inline;
  list-style: none;
  list-style-type: none;
}

#filters ul li{
  line-height: 1;
  font-size: 11px;
  padding: 0;
  margin: 0;
  display: inline;
  list-style: none;
  list-style-type: none;
}

#filters ul li a{
  padding: .25em .5em;
  margin: 0;
  display: inline;
  color: #333;
  text-decoration: underline;
  position: relative;
}


#filters ul li.active a,#filters ul li a:hover{
  color:#222;
  text-decoration: none;
}

#filters ul li.active a span,#filters ul li a:hover span{
  color: #222;
}

.artist #filters {
  top:7em;
  width:auto;
  }

/* PAGINATION */
.paging {
  clear:both;
  }

ul.pagination{
  position: relative;
  margin: 1em 0 1em 0;
  padding: 1em 0;
  font-size: 12px;
  min-height: 1.8em;
  width: 100%;
  font-weight: 400;
  clear: left;
  text-align: center;
  border-top: 1px solid #eee;
}

ul.pagination li {
  list-style: none;
  display: inline;
}

ul.pagination li span.ellipse {
  display:inline-block;
  margin:0 .5em 0 .3em;
  color:#888;
  }

ul.pagination li a {
  display:inline-block;
  margin-right:1px;
  padding:.25em .75em;
  background:#eee;
  text-align: center;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }

ul.pagination li a {
  text-decoration: none;
  }

ul.pagination li span.inactive {
  display:inline-block;
  margin-right:1px;
  padding:.25em .75em;
  text-align: center;
  background:#888;
  color:#fff;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }

ul.pagination li.previous {
  position: absolute;
  left: 0;
  top: 1em;
  color:#aaa;
  }

ul.pagination li.previous a{
  display:block;
  padding:.25em 1em;
  background:#eee;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }

ul.pagination li.next {
  position: absolute;
  right: 0;
  top: 1em;
  color:#aaa;
  }

ul.pagination li.next a{
  display:block;
  padding:.25em 1em;
  background:#eee;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

ul.pagination li a:hover {
  background:#888;
  color:#fff;
  }

ul.pagination li.previous span.inactive, ul.pagination li.next span.inactive {
  background:none;
  color:#888;
  }

div.paging-top{
  margin-top: 0;
  width: 100%;
  float: left;
}

div.paging-top ul.pagination{
  margin: 0 0 1em 4px;
}

/* LISTS */

div.list {
  clear:both;
  }

div.list ul {
  list-style-type: none;
  }

div.list ul li{
  float:left;
  margin-right: 1.5em;
  }

/* SHARE THIS */

li#share-this-wrapper {
 position: relative;
 z-index: 600;
 zoom: 1;
 }

a#share-this {
 background: url('/images/icons/share-icon-16x16-bw.png') center left no-repeat;
 padding:10px 0px 10px 20px;
 }

a#share-this:hover {
 background: url('/images/icons/share-icon-16x16.png') center left no-repeat;
 }


ul#share-this-sub-menu {
 font-size:12px;
 position: absolute;
 padding:0;
 margin:0;
 top:20px;
 left:0;
 width: 110px;
 background: #fff;
 border:1px solid #eee;
 z-index: 500;
 zoom: 1;

 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 }

ul#share-this-sub-menu li {
 display: block;
 padding:0;
 margin:0;
 zoom:1;
 }

ul#share-this-sub-menu li a {
 display: block;
 padding:4px 6px 4px 30px;
 margin:0;
 border-bottom:1px solid #eee;
 background-position: 8px 50%;
 background-repeat: no-repeat;
 zoom:1;
 }

a#fb_share {
 background: url('/images/icons/facebook.jpg') center left no-repeat;
 }

ul#share-this-sub-menu li a#twitter_share {
 background-image: url('/images/icons/twitter.png');
 background-position:  7px 4px;
 }

li#share-this-wrapper a.send
{
  background: url('/images/silk/email_go.png') 7px 5px no-repeat;
  border-bottom:none;
}

ul#share-this-sub-menu li a:hover {
 background-color: #f4f4f4;
 }

/* LOGIN PAGE */

#login-wrap, #signup-wrap {
  margin-top:2em;
  }

#login-wrap h1, #signup-wrap h1 {
  display: block;
  width:10em;
  margin:1em auto 1em auto;
  }

#signup-wrap {
  text-align: center;
  }

#signup-wrap h3 {
  color:#c2002a;
  margin-bottom:0;
  }

.login label {
  font-size:14px;
  padding:6px 4px 6px 4px;
  margin-right:6px;
  font-weight: bold;
  color:#888;
  float:left;
  clear:left;
  width:8em;
  text-align: right;
  }

.login #login-username, .login #login-password {
  float:left;
  font-size:16px;
  padding:6px 4px;
  width:12em;
  border:1px solid #ccc;
  color:#222;
  margin:0 0 0 0;
  font-family: Arial, sans-serif;
  }

.login #login-username {
  margin-bottom:1em;
  }

.login .field-info {
  clear:left;
  margin:0 0 2em 12.5em;
  padding:0;
  }

.login #remember-me {
  margin-left:12.5em;
  }

.login #remember-me input {
  margin-top:2px;
  }

.login #remember-me label {
  font-size:1.2em;
  color:#222;
  font-weight: normal;
  width:auto;
  text-align: left;
  margin-bottom:1em;
  }

.login #login-submit {
  display: block;
  clear:both;
  margin:0 0 0 18em;
  background: #c2002a;
  border:none;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 6px 3em;
  cursor: pointer;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }

.login #login-submit:hover {
  background:#555;
  }

/* COMMENT STYLE CONSOLIDATION - STILL SOME IN application.css to be moved */

div#comment-form, div#tags, div#admin, div#comments { clear: left; float: left; width: 550px; }

div#comments {
  margin: 0;
  font-size:1.2em;
  background:#fff;
  border:1px solid #eee;
  border-bottom:none;
  padding:0 1em 1em 1em;
  width:525px;
  text-align: left;
  }

div#comments #no-comments {
  display: block;
  font-size:1.1em;
  font-style: italic;
  text-align: center;
  padding:1em 0;
  color:#888;
  }

div#comment-form {
  background:#f2f2f2;
  margin: 0 0 1em 0;
  font-size:1.2em;
  border:1px solid #eee;
  padding:1em 1em 1em 1em;
  width:525px;

  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  }

.form-comment textarea {
  width:525px;
  margin-bottom:4.5em;
  }

div.comment-reply-form .form-comment textarea {
  width:450px;
  margin-bottom:75px;
  }

#comment-form h3,
#comments h3
  {
    margin: 0 0 4px 0;
    padding: 0;
    font-weight: bold;
    color: #555;
    font-size: 12px;
  }

/* TEXTILE FORMATTING FOR USERS */

#comments .the-comment h1 {
  background:none;
  padding:0;
  font-size:1.5em;
  font-weight: bold;
  }

#comments .the-comment h2 {
  padding:0;
  font-size:1.4em;
  }

#comments .the-comment h3
{
  padding:.5em 1em;
  margin:0;
  background:#ddd;
  color:#444;
  font-size:1.2em;
  border-bottom:1px solid #444;
}

#comments .the-comment h4 {
  font-size:1.2em;
  }

#comments .the-comment h5 {
  font-size:1.1em;
  }