/* 21tweets css file
        dunklesgrün:    #769512
        sand:           #ffffbb
*/
body { font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 12px; font-weight: thin;}
h1, h2, h3, h4 { font-weight: normal; color: #769512; }
h1 { font-size: 180%; padding-top: .2em; padding-bottom: 0.5em; }
h2 { font-size: 160%; line-height: 1.5em;}
h3 { font-size: 140%; padding-top:27px; }
h4 { font-size: 120%; margin-top: 1em; }

.header1 { background: transparent url(/img/header1.png) repeat-x; height: 150px; }
.headermix { color: white; background: transparent url(/img/headermix.png) no-repeat; height: 250px; }
.thelogo h1 { background: transparent url(/img/21tweetslogo.png) no-repeat; text-indent: -9999px; height: 97px; margin-left:18px;}
.topheader { margin: 0; padding: 0; height: 100px; }
.splash { background: transparent url(/img/header1.png) no-repeat; height: 150px; font-family: "Century Gothic","Apple Gothic","Lucida Grande" Arial, sans-serif; }
.splash h1 { color: white; margin: 5px 0 0 0px; font-size: 28px; }
.splash h2 { color: white; margin: 5px 0 0 0px; font-size: 18px; }
.splash ol li { color: white; margin: 5px 0 0 0px; font-size: 18px; }
.bulo img {  }
.started { margin-top: 20px ;}
.bg11 {  background: transparent url(/img/header1.png) repeat-x; min-height: 60px; }
.header11 { background: transparent url(/img/header1.png) repeat-x; min-height: 60px; }
.splash1 {background: transparent url(/img/header1.png) no-repeat; min-height: 60px; }
.splash1 h1 { color: white; margin: 5px 0 0 20px; font-size: 28px; }
.splash1 h2 { color: white; margin: 5px 0 0 20px; font-size: 22px; }
.main { background-color: #ffffff; margin-left: 5px; }
.leftcol { margin-left: 21px; }
.abg { background: transparent url(/img/avatarbg.png) no-repeat; }
.stats { background: silver; color: black; font-size: 16px; padding: 5px; font-weight: normal; text-align: center;margin:0 20px 0 21px; }
.message { background: red; color: white; font-size: 18px; padding: 5px; font-weight: bold; text-align: center; }

#header { background-color: black; }
#top { background-color: #FFF5B8; }
#f1 {background-color: #A02000;}
/*#cloudtags a { font-size: 110%; }
#habitcloud { font-size: 10px;}*/

.bg1 {  background: transparent url(/img/header1.png) repeat-x; height: 250px; }
.bg3 { background-color: #A02000; }
.bg4 { background-color: blue; }
.bg4.left {background: silver; }
.box { background: white; }
.tweet { border: 1px solid silver; padding: 10px; background-color: #ffffee; font-size: 140%;}
.itweeter { margin: 0px; }
.hashabit { border: 1px solid #fff; }
.nohabit { border: 1px solid #fff; }
.howbig { font-size: 32px; color: #769512; display: inline; }

.sidebar { background-color: #ffffee; }
.results ul { list-style-type: none; }
.results ul li { list-style-type: none; }
.avatar { float: left; }
.avatar img { border: 10px solid #ddd; margin:0 5px 0 0; }
.search label { display: block; }
.thetime { font-size: 85%; color: silver; font-style:italic; }

/*---------------------------------*/
.mainmenu { font-size: 16px; margin-top: 15px; }
/*.mainmenu li:hover { background-color: #666;  }
.mainmenu a:hover {color: white;} */
ul.menu { margin: 0; list-style-type: none; display: inline; font-size: 90%; }
ul.menu li {display:inline;list-style-type:none;font-weight:bold;}
/* ul.menu li:hover { color: white;} */
ul.menu a { color: #666; margin:5px;padding:5px; }
ul.menu a:hover { background-color: #666; color: white; padding: 5px; }
/* formatting habits / view */

ol.habits {
/*font-size:1.2em;*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ol.habits li {border-bottom:1px dashed #D2DADA;line-height:1.1em;padding:0.7em 0 0.6em;position:relative;}

ol.habits li.times { padding-left: 100px; }
ol.habits .author{
display:block;
height:45px;
left:0;
padding:27px;
position:absolute;
width:45px;
}
ol.habits span.habit-body {
display:block;
margin-left:100px;
margin-top:20px;
min-height:50px;
overflow:hidden;
width:420px;
}

#stats { height: 80px; }
ul.stats { margin-top: 5px; list-style-type: none; display: inline;height:}
ul.stats li.pearl {
background:transparent url(/img/trophy.png) no-repeat scroll 0 0;
color:white;
display:inline;
font-family:arial;
font-size:22px;
font-weight:bold;
list-style-type:none;
margin:5px;
padding:23px 39px 55px;
min-height: 30px;
}

.thelogo a { color: red; }
.left img { margin: 0; float: right; }
.starter { background-color: #FFF5B8; }
.f1 img { margin: 0; float: left; background-color: #A02000; }
.footer { clear: both; border-top: 1px solid silver; margin-top: 20px; padding-top: 20px; }

/* calendarHelper CSS */

table.calendar {width: auto; border: 1px solid #cccccc; border-collapse: collapse; margin: 0px; padding: 0px; background-color: #ffffff;}
table.calendar th {background-color: #eeeeee; text-transform: none; color: #444444; padding: 4px; text-align: center; border: 1px solid #eeeeee;}

table.calendar th.cell-prev {text-align: left;}
table.calendar th.cell-next {text-align: right;}
table.calendar th.cell-header {width: 70px; border-bottom: 1px solid #cccccc;}
table.calendar td.cell-today {background-color: #e2e8f6;} /* today in the current month */
table.calendar td.cell-weekend {background-color: #F3F5EB;}
table.calendar td {border: 1px solid #cccccc;}

table.calendar td div.cell-number {text-align: right; font-size: 8px; color: #444444; display: block;}
table.calendar td div {display: block; font-size: 10px; text-align: left;}
table.calendar thead th {border: 1px solid #cccccc;}

/* cloudtag */
#cloudtags { background-color: #FFf; padding:0 5px 5px; line-height:22px; letter-spacing: -1px; /*text-transform: uppercase;*/ min-height: 100px; border: 1px solid #ddd; }
#cloudtags a { color: eee; padding: 0.14em 0.28em; text-decoration: none; white-space:nowrap; background: transparent none repeat; }
#cloudtags a:hover { color: white; background: #555; border: 0px solid #000; filter:alpha(opacity= 70); -moz-opacity:.70; opacity:.70;  }

/* tweeters */
.tweetertable    .author {padding: 26px 26px 50px; display: inline; width: 101px; height: 101px; }
.tweetertable    .agb { background: transparent url(http://zzzzzz.21tweets.com/img/avatarbg.png) no-repeat top left;  }
.tweetertable    .itweeter img { width: 48px; height: 48px; position:relative;top:36px; }
.tweetertable tr { height: 85px; }

/* pagination */
#pagination { margin: 1em 0 1em; }
#pagination .inline, .disabled { display: inline; }