body { color:#333333; font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; font-size:62.5%; margin:0 0 20px; padding:0; background-image: url('bg.gif'); }

.mobile { display:none; }

#page {	width:970px; margin: 0 0; padding: 15px 0 10px 15px; font-size: 1.2em; }

a { text-decoration: none; color: #EB008B; }
a:hover { text-decoration: none; color:white; }
.content a:hover, .sidebar a:hover { background-color: #EB008B; color: white; }
a img { border: none; background: none !important; }
a img:hover { background: none !important; }
.tipLeft a:hover { background: none !important; }
.black { color: black; }

#header { padding: 0; margin-bottom: 20px; clear: both; z-index: 1; }
#logo { z-index: 2; font-size: 2em; margin: 0 0 16px; background-image: url('bg2.gif'); background-color: #f4f4f4; padding: 6px 20px 6px; background-position: 3px; }
.tagline { float: right; margin: 15px; }

#menu { margin:0 0 0px 0; padding: 10px 10px 4px; display: block; float: left; }
#menu li { width: 140px; height:44px; float: left; padding: 0; margin: 0; list-style: none; display: block; }
#menu li a { display: block; margin:0; text-decoration: none; width: 140px; height: 44px; background-image: url('menu.png'); }
#menu li a:hover { background-position: 140px 0; }
#menu span { display: none; }
#menu .menu1 { background-position:0 0px; }
#menu .menu1:hover { background-position:140px 0px; }
#menu .menu2 { background-position:0 -44px; }
#menu .menu2:hover { background-position:140px -44px; }
#menu .menu3 { background-position:0 -88px; }
#menu .menu3:hover { background-position:140px -88px; }
#menu .menu4 { background-position:0 -132px; }
#menu .menu4:hover { background-position:140px -132px; }
#menu .menu5 { background-position:0 -176px; }
#menu .menu5:hover { background-position:140px -176px; }
#menu .menu6 { background-position:0 -220px; }
#menu .menu6:hover { background-position:140px -220px; }

.comment { padding: 10px; margin: 0 0 20px; background-color:#f7f7f7;  }
.comment_name { font-weight: bold; font-size: 120%; }
.comment_date { color: #999; }
.comment_text { padding-top: 10px; }

.submenu { padding: 0 0 20px 0 !important; }
.submenu a { display:block; float: left; margin: 0 10px 0 0; padding: 0 2px; }
.submenu_selected { background-color:#EB008B; color: white; }

#leftside { width:222px; padding: 0 30px 0 0; float: left; }
#content { width: 460px; float:left; }
.content { width:420px; float:left; padding: 20px 20px 0; margin: 0 0 15px; background: white; }
#content_wide { width:718px; float:left; }
#content_wide .content { width:678px; }
.content_inner { width:180px; padding: 20px 20px 5px; background-color: white; height: 266px; }
.content_inner h2 { color:black; margin-top:0 !important; }

.share { margin: 25px 0 15px 8px; float: left; }
.share a:hover { color:black !important; }

#sidebar { width:234px; float: right; }
.sidebar { width:210px; border: 0px solid #ccc; background-color: #fff; padding: 12px 12px 0 12px; float: right; margin: 0 0 15px 0; }
.sidebar a {  }
.sidebar h2 { color:black; }

h1 { padding: 0; margin: 0 0 15px 0; color: black; }
h4 { padding: 0; margin: 0 0 8px 0; color: #676A6D; }
h2, h3, h5, h6 { padding: 0; margin: 0 0 15px 0; color:#eb008a; }
.content h2, h3 { margin-top: 30px; }
.content h1 { font-size:2.3em; }
.content h2 { font-size:1.6em; }
.content h3 { font-size:1.3em; }
.sidebar h1 { font-size:1.7em; }
.sidebar h2 { font-size:1.4em; }
.sidebar h3 { font-size:1.2em; }
/*.box p { margin: 0 !important; }*/
.tip_author { margin-bottom: 20px; }
.tip_author strong { font-size:130%; }
.box h2, .box h3 { margin: 0 !important; padding: 0 0 5px 0; }
.body_tip h1 { font-size: 2.0em !important; color:#EB008B; }
.body_tip .tipLeft { width:200px; min-height: 27px; }
.body_tip .tipRight { width:150px; }
.body_tip .score { padding-left: 15px; }
.body_tip .votes { padding-top: 17px; }

p { clear: both; margin: 0 0 15px 0; padding: 0; }
.big { font-size: 1.4em; font-weight: bold; }
.clear { clear: both; height: 0px; overflow: hidden; }
.note { background-color: white; padding: 2px 3px; }
.floatRight { float: right; }
.floatLeft { float: left; }
.topPad { padding-top:9px; }
.privacy { font-size: 0.8em !important; }
small { font-size: 0.9em; color: #999; }
.large { font-size: 1.3em; }
.huge { font-size: 1.5em; }
.hide { display: none; }
.alignRight { text-align: right; }
.nobg { background:none !important; padding:0 !important; width:460px; }

.button { display: block; padding: 2px 6px; margin: 0 0 20px; background-color: fuchsia; color: white; float: left; text-decoration: none; }
.button:hover { background-color: purple; color: white; text-decoration: none; }
/*.iHaveTip { margin-top: -85px !important; margin-right: 15px !important; z-index: 9; }*/
.iSignUp { float: left; background-color: black; margin: 0 0 25px 0; border: 2px solid #EB008B; display: block; }
.iHaveTip:hover, .iSignUp:hover { border: 2px solid #EB008B; }
.iHaveTip span, .iSignUp span { display: none; }
.iSignUp { float: right; }
.iHaveTip { float: right; clear: both; background-color: black; margin: 40px 18px 23px 0; border: 2px solid #EB008B; display: block; }
.iHaveTip { width:192px; height: 47px; background-image:url('addtip.gif'); background-position: center 0; background-repeat: no-repeat; }
.iSignUp { width:104px; height: 47px; background-image:url('signup.gif'); background-position: center 0; background-repeat: no-repeat; margin: 10px; }
.iHaveTip:hover, .iSignUp:hover { background-position:center -50px; }

.luke { float: left; margin: 0 15px 15px 0; }
.lukephoto { display: block; margin: 0 0 10px 0; }
.quote { font-style: italic; color: #EB008B; font-weight: bold; }
.quote_open { float:left; margin: 0 15px 0px 0; }
.quote_close { float:right; margin: -10px 0 10px 0px; }

.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.lite { color:#bbb; }
.loading { height: 24px; background-image: url('ajax-loader.gif'); background-position: center; background-repeat: no-repeat; }
.logos { width:420px; border: none; }
.logos td { padding:15px 15px 0; }
.logos_home { width:290px; padding:5px 0 3px 20px !important; border: none; margin-left: 0px; display: block; background-color: white; }
.logos_home td { padding: 5px 20px 5px 0; }
.logos_home small { display: block; text-align: left; padding-bottom: 2px; }
.logos_home a:hover { background-color: white; }
.nobg { background: none !important; padding: 0; }
.logo_tmobile { margin:0 0 12px; }
.logo_timebank { margin:0 0 10px; }
.logo_diana { margin:0 0 5px; }

#dataset { width:100%; text-align:left; background-color: #ddd; border-spacing: 1px; clear: both; }
#dataset th { padding:4px 15px; margin: 0; background-color: #555; color: #eee; }
#dataset td { padding:3px 15px; margin: 0; background-color: white; }
#dataset .odd td { background-color: #fafafa; }
#dataset thead tr .header { background-image: url(table/bg.gif); background-repeat:no-repeat; background-position:center right; cursor:pointer; padding-right: 25px; }
#dataset thead tr .headerSortUp { background-image: url(table/asc.gif); }
#dataset thead tr .headerSortDown {	background-image: url(table/desc.gif); }
#dataset thead tr .headerSortDown, #dataset thead tr .headerSortUp { background-color:#aaa; color:#111; }

.report { position: absolute; top:10px; right:10px; width:150px; padding: 10px 10px 50px 10px; background-color:#111; color: lime; text-align:center; font-weight:bold; opacity:0.7; }
.errors { color: red; background-color: #FFEFEF; padding: 10px 15px; border: 1px solid red; }
.errors li { padding: 0; margin: 0; list-style: none; }
.errors h3 { margin-top: 0; color: red; }

.reportVote { width:150px; padding: 10px; background-color: lime; color: white; }

.tip { /*width: 392px;*/ float: left; border:2px solid #f6f6f6; margin: 0px 0 15px 0; padding: 12px; background-color: #fff; }
.tip:hover { border:2px solid #eaeaea; }
.score { float:left; font-size: 1.8em; width: 60px; min-height: 10px; }
.tipLeft { float: left; width: 35px; padding: 10px 30px 10px 10px; min-height: 70px; }
.tipRight { float:right; width: 300px; padding:0; }
#content_wide .tipRight { width:575px; }
.tipRight h2 { margin-top:0 !important; }
/*.voteUp, .voteDown { color:#ccc; float: left; width: 60px; }*/

.voteUp { color:#ccc; float: left; background-image:url('up.gif'); height: 33px; width: 24px; background-position: 24px 0px; overflow: hidden; }
.voteDown { color:#ccc; float: left; background-image:url('dn.gif'); height: 33px; width: 24px; background-position: 0px 0px; overflow: hidden; }

.votedUp { color:#ccc; float: left; background-image:url('up.gif'); height: 33px; width: 24px; background-position: 0px 0px; overflow: hidden; }
.votedDown { color:#ccc; float: left; background-image:url('dn.gif'); height: 33px; width: 24px; background-position: 24px 0px; overflow: hidden; }

.vote { display: block; height:33px; cursor: pointer; }
.vote span { visibility: hidden; }
.pickUp { background-position: 48px 0px; }
.pickedUp { background-position: 0px 0px; }
.pickledUp { background-position: 0px 0px; }
.pickDown { background-position: 48px 0px; }
.pickedDown { background-position: 24px 0px; }
.pickledDown { background-position: 24px 0px; }

.votes { color: #999; }

#searchForm { width:700px; padding:15px 15px 0 15px; margin:0 }
#searchForm input, #searchForm label { float: left !important; clear:none !important; }
#searchResults { float:left; clear:both; margin: 20px; }

form { clear: both; padding: 0 0 0 0; float: left; }
form label { margin: 0 0 20px; padding: 4px 0 0 0; float: left; width: 150px; clear: left; }
form input { padding:2px 4px; width: 244px; font-size: 1em; border: 2px solid #EB008B; float: left; }
/*form * { float:left; clear: right; } */
form .submit, form #submit { width: 255px; margin: 0 0 15px 0px; border:2px solid black; background-color: black; color: white; cursor: pointer; padding-left:0; padding-right:0; }
form .submit:hover, form #submit:hover { background-color:#EB008B !important; }
form textarea { margin: 0 0 20px; width: 392px; border: 2px solid #EB008B; height: 110px; padding: 5px; font-size: 1em; font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; }
form select { font-size: 1em; }
form fieldset { border: none; padding: 0; margin: 0; }
/*form input, form textarea { font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; font-size:62.5%; }*/

.sidebar form p { float: left; width: 210px; clear: both; }
.sidebar form { padding: 0; margin: 0; }
.sidebar form label { width:88px; margin: 0 0 3px 0; display: block; }
.sidebar form input { width:110px; margin: 0 0 10px 0; display: block; }
.sidebar form .submit { float: right; width:122px; margin-top: 5px !important; clear: none; }

.content_inner form p { width: 210px; clear: both; }
.content_inner form { padding: 0 0 20px 0; margin: 0; display: block; }
.content_inner form label { width:108px; margin: 0 0 3px 0; display: block; }
.content_inner form input { width:170px; margin: 0 0 10px 0; display: block; }
.content_inner form .submit { float: right; width:127px; margin-top: 10px !important; clear: none; }

#footer { font-size: 0.9em; width: 116px; padding: 8px 10px 4px 10px; margin: 37px 0 10px 0; background-color: white; color: #999; clear: both; }