/* alert bar */
.alert-bar{text-align:center;margin-top:5px;}
.alert-bar h4, .alert-bar h3, .alert-bar h6{background-color:#ffff68}
/* other genral stuff */
.site-name {text-decoration:none; color:inherit;}
.user-header{text-align:right;}
.streak{text-align:center;margin-top:-4px;}
.bottom-line hr, hr.midline{margin-top:12px;height:1px;position:relative;left:-10px;}
hr.midline{color:#ccc;background:#ccc;}
.bottom-line hr{color:#000;background:#000;}
.menu-bottom{text-align:center;margin-top:-15px;}
.info{margin-top:20px;}
.note{text-align:center;}
.blog-code {margin-top: 10px;}
.blog-code h2{margin-bottom:5px;}
.blog-code textarea{overflow:hidden;height:50px;width:300px;}
.anon a#what_link{font-weight:bold;}
.new {font-style:italic;color:#ff0000;position:relative;top:-3px;}
/* forms and inputs */
input {font-size:1.3em;}
textarea, input[type=text], input[type=password] {border:1px solid #000;}
.form-error{color:#ff0000;}
div.form-error{margin-top:5px;}
.login table, .login td, .login tr, .login th{border:0px;}
.login{margin-top:30px;margin-bottom:30px;}
.login #forgot_password{margin-left:10px;}
#my_account input, #my_account select{margin-top:3px;}
#my_account input[type=text], #my_account input[type=password] {width:250px;}
#my_account ul.errorlist {list-style:none;float:right;color:red;}
#my_account ul.errorlist, #my_account ul.errorlist li{display:inline;margin:0px;}
/* calendar and chain menu */ 
.calendar {position:relative;}
ul#chains {position:absolute;top:30px;width:70px;margin:0px;}
ul#chains li{list-style-type:none;position:relative;text-align:left;}
ul#chains li.current-chain{background-image:url(/goods/images/arrow.png);background-repeat:no-repeat;
                           background-position:center left;left:-20px;padding-left:20px;width:70px;}
.chain {display:block;text-align:center;text-decoration:none;padding:2px 2px;position:relative;}
#chains .chain{margin:2px 0px;}
.chain:hover {border:1px solid #000;padding:1px 1px;}
.chain:hover .arrow{top:5px;left:-23px}
/* manage chains and edit chain */
table#manage_chains{width:100%;}
.chain-name-cell{width:200px;cursor:pointer;}
.color-menu {vertical-align:middle}
.color-menu ul {list-style:none;margin:0px;}
.color-menu li {float:left;width:16px;height:15px;border:2px solid #000000;
                margin-left:2px;vertical-align:top;cursor:pointer;}
.color-menu li.first-color{margin-left:0px;}
.chain-header{padding:0.15em;}
#included_weekdays ul{margin:0px;}
#included_weekdays li{list-style-type:none;float:left;margin:0px 5px 10px 0px;}
#included_weekdays li label{position:relative;top:-1px;}
/* month */
.year-title, .month {text-align: center;}
.month {margin-bottom:0px;}
.month table{width:100%;margin-bottom:8px;}
.month table, .month td, .month tr, .month th{border:0px;}
.month table td, .month table th{text-align:center;}
.month table td, .month table th{padding:2px 1px;}
.month a.day, .month .day-omitted{display:block;text-decoration:none;padding:2px;}
.month a.day {color:#000;cursor:default;}
.month .day-omitted {color:#bbb;cursor:default;}}
.month a.day-hover{cursor:pointer;}
.month a:hover.day-hover {border:2px solid #000;padding:0px;}
.month .today a{background-color:#ffff55;}
.month .today .day-omitted{background-color:#ffff99;}
.month a.link{background-color:#ff2222;color:#fff;}
.month .today .link{background-color:red;color:#ffff55;}
/* one-up month */
.one-month {margin-bottom:0px;}
.last-four-weeks {margin-bottom:5px;}
.one-month .month, .last-four-weeks .month {font-size:3.4em;}
/* four-up month */
.four-months .month {font-size:1.7em;}
/* month-small --> share and google gadget */
.gadget{width:230px;margin-left:auto;margin-right:auto;position:relative;
        margin-top:-5px;font-size:1.0em;}
.gadget-narrow {width:162px;}
.gadget h1{font-size:1.5em;}
.gadget h2{font-size:1.3em;}
.gadget h3{font-size:1.2em;}
.gadget h4{font-size:1.1em;}
.gadget .vTextField, .gadget .vPasswordField{ width:145px;}
.gadget-narrow .vTextField, .gadget-narrow .vPasswordField{ width:80px;}
.gadget #gadget_spacer{height:6px}
.month-small .month {width:200px;}
.gadget .month {margin-left:15px}
.gadget-narrow .month {width:162px;margin:0px;}
.month-small .title{margin-bottom:3px;}
.month-small table{margin-bottom:0px;}
.month-small #streak{margin-top:3px;}
.month-small #chains {position:absolute;left:-16px;top:20px;}
.month-small #chains .chain{position:relative;width:10px;height:10px;}
.month-small .alert-bar {font-size: 0.9em;margin-bottom:10px;}
/* small what page */
.gadget .what h3{text-decoration:underline;}
.gadget h3, .gadget ol li{text-align:left;}
/* small login page */
.login-small, .login-small p{text-align:center;}
.login-small table, .login-small td, .login-small tr, .login-small th{border:0px;}
.gadget #back_to_login{margin-top:-10px;}
/* some other things */
.graph {float:right;position:relative;}
.graph .blocker{position:absolute;width:100%;height:100%;top:0;left:0;}
.sensible {clear:both;text-align:center;padding-top:15px}

/* carbon ads */
#carbonads {
  display: block;
  overflow: hidden;
  margin: 0 auto 10px;
  padding: 10px;
  max-width: 360px;
  border: dashed 1px hsl(60, 80%, 40%);
  background-color: hsl(60, 100%, 96%);
  font-size: 14px;
  line-height: 1.5;
}

#carbonads a {
  text-decoration: none;
}

#carbonads span {
  position: relative;
  display: block;
  overflow: hidden;
}

.carbon-img {
  float: left;
  margin-right: 1em;
}

.carbon-img img {
  display: block;
  margin: 0;
}

.carbon-text {
  display: block;
  float: left;
  max-width: calc(100% - 130px - 1em);
  text-align: left;
}

.carbon-poweredby {
  position: absolute;
  bottom: 0;
  left: 144px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  line-height: 1;
}