div.pages span.pages a{ color: #FFFFFF; display: block; width: auto; height: auto; }
.center{ margin: 0 auto; text-align: center; }
div.pages span.thispage{ border: 1px solid #00B000; background: transparent; font-weight: bold; padding: 3px 5px; margin: 0 1.5px; }
/**
* Buttons
*/
.button, a.button{ box-shadow: 1px 1px 1px #000; background-color: #00B000; color: #FFFFFF; text-shadow: 1px 1px 1px #000; padding: 0 6px 0 30px; border-radius: 3px; display: inline-block; background-repeat: no-repeat; background-position: 10px center; background-size: 16px; line-height: 19px; vertical-align: middle; font-weight: bold; margin: 0 3px; background-image: url('/icons/bullet.png'); }
.button:hover{ background-color: rgba(0, 153, 0, 1); text-decoration: none; color: #FFFFFF; }
.button.edit{ background-image: url('/icons/edit.png'); }
.button.quoteLink{ background-image: url('/icons/edit.png'); }
.button.mailLink{ background-image: url('/icons/mail.png'); }
.button.move { background-image: url('/icons/move.png'); }
.button.lock { background-image: url('/icons/padlock.png'); }
.button.delete { background-image: url('/icons/delete.png'); }
.button.like { background-image: url('/icons/like.png'); }
.button.quote { background-image: url('/icons/quote.png'); }
.button.download { background-image: url('/icons/download.png'); }
.button.annouce { background-image: url('/icons/announce.png');}
/**
* Help
*/
span.help{ font-size: 10px; font-style: italic; font-weight: normal; }
/**
* Tags
*/
.postTags { position: relative; margin: 0; padding: 0; }
.postTags .title{ font-weight: bold; display: inline; font-size: 16px; }
.postTags a { float: left; height: 18px; line-height: 18px; position: relative; font-size: 11px; margin-top: 4px; margin-left: 15px; background: rgba(0, 153, 0, 0.8); color: #fff; text-decoration: none; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; padding: 0 10px; }
.postTags a:before { content: ""; float: left; position: absolute; top: 0; left: -9px; width: 0; height: 0; border-color: transparent rgba(0, 153, 0, 0.8) transparent transparent; border-style: solid; border-width: 9px 9px 9px 0; }
.postTags a:after { content: ""; position: absolute; top: 7px; left: 0; float: left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: -1px -1px 2px #666; -webkit-box-shadow: -1px -1px 2px #666; box-shadow: -1px -1px 2px #666; }
.postTags a:hover{ background:#555; }
.postTags a:hover:before{ border-color:transparent #555 transparent transparent; }
/**
* Top Bar
*/
div.userTopbar { background-color: #000000; padding: 3px 10px; color: #FFF; font-weight: bold; }
div.userTopbar .logged { text-align: right; border-bottom: 1px solid #DEDEDE; background-color: #000000}
div.userTopbar .unlogged { text-align: right; margin: -3px -10px -3px 0  }
div.userTopbar .unlogged .logInLink { padding: 5px 5px 5px 20px; background: #F5F5F5 url('/icons/login.png') no-repeat left 3px center; display: inline-block; color: #000; margin: 0 5px; }
div.userTopbar .unlogged .registerLink { padding: 5px 5px 5px 20px; background: #F5F5F5 url('/icons/register.png') no-repeat left 3px center; display: inline-block; color: #000; margin: ; }
div.userTopbar a{ color: #FFF; text-decoration: none; }
div.userTopbar .user { display:inline-block; float: left; }
div.userTopbar .user img.avatar { width: 18px; height: 18px; vertical-align: text-bottom; }
div.userTopbar table.links { text-align: center; margin: 0 auto auto auto; padding: 0; width: 100%;  }
div.userTopbar table.links tr td { width: 33%; padding: 5px; text-align: center }
div.userTopbar table.links .link{ color: #FFF; padding-left: 18px; margin: 0 5px; background-position: left; background-repeat:  no-repeat; display: inline-block; height: 18px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
div.userTopbar table.links .notification{ background-image: url('/icons/notifications.png'); }
div.userTopbar table.links .following{ background-image: url('/icons/view.png'); }
div.userTopbar table.links .messages{ background-image: url('/icons/mail.png'); }
div.userTopbar table.links .logout{ background-image: url('/icons/logout.png'); }
div.userTopbar table.links .myAccount{ background-image: url('/icons/settings.png'); }
div.userTopbar table.links .link:hover{ color: #DEDEDE;}
div.userTopbar table.links .link .counter{ vertical-align: top; font-size: 11px; padding: 1px 2px; margin: 0 0 0 2px; background-color: #565051; }