#content .header {text-align:center; margin:10px;}
#content .header h1,
#content .header h2 {margin:0;}
#content .header h1 a {color:inherit; text-decoration:none;}

#content {margin:0px 20px;}
.canvas .cleared { clear:both;}

.ts-gravatar { vertical-align:middle; border:0;}

.feedlets { padding:0px 40px 10px 10px;}
.feedlets .feedlet { font-size:83%; padding:5px; border-bottom: 1px solid #eee; }
.feedlets .feedlet .date {font-size:80%; opacity:0.5; white-space: nowrap; }

.controls {border:1px solid #bfbfbf; background-color:#f7f7f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom:20px;}
.controls a { display:block; font-size: 83%; background: #f7f7f7 url(/images/ts-supplemental-link-bg.png) bottom left repeat-x; padding:8px 0px; color: #666; text-decoration:none; text-shadow: 1px 1px #fff; }
.controls a.first {-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;}
.controls a.last {-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;}

a.multi-line,
a.with-count {display:block; width:100%; overflow:auto; cursor:pointer; }

a.multi-line span,
a.without-count span,
a.with-count span {padding-left:10px; display:block; cursor:pointer; }

a.with-count span { float:left; }
a.with-count span.count { float:right; padding:2px 10px; margin-right:14px; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em;  text-shadow: 1px 1px #5a6989; background-color:#8899bc; color:#fff; text-decoration:none; font-size:83%; font-weight:bold;}

a.multi-line span.description {font-size:80%; text-decoration:none;}

.feed { width:70%; float:left;}
.supplemental {width:30%; float:right;}

a.multi-line { background:none;}

.sites,
.groups { background: #d1d7e2 url(/images/ts-top-inset-2px.png) top left repeat-x; border-top:1px solid #72757b; padding-top:2px; }
.sites a.multi-line,
.groups a.multi-line {color:#454545; font-size:75%; text-shadow:1px 1px #e9edf3;}
.sites a.multi-line span,
.groups a.multi-line span {padding-left:18px;}

.plan { margin-top:20px; color:#c6ccc6; border:1px solid #454545; background:#454545 url(/images/ts-gradient-bg-100px.png) top left repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.plan .plan-name { padding: 5px; text-align: center; color:#fff; background:#c2c2c2 url(/images/ts-gradient-gray-34px.png) bottom left repeat-x; border-bottom:1px solid #454545; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.plan .details {padding:10px; text-align:center;}

.plan .plan-controls {padding:15px 0px 5px 0px;}
.plan .plan-controls a { white-space: nowrap; text-decoration:none; margin-top:10px; font-size:80%; padding: 3px 6px; text-align: center; color:#fff; background:#c2c2c2 url(/images/ts-gradient-gray-34px.png) bottom left repeat-x; text-shadow: -1px -1px #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.feed a.watch-button { margin-left:1em; font-weight:normal; white-space: nowrap; text-decoration:none; font-size:70%; padding: 3px 6px; text-align: center; color:#fff; background:#c2c2c2 url(/images/ts-gradient-gray-34px.png) bottom left repeat-x; text-shadow: -1px -1px #666; -moz-border-radius: 1em; -webkit-border-radius: 0.8em; }