/************* CSS RESET ***************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
body{line-height:1;background-color:#FFF;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.clear {clear: both}
.clear.left {clear: left}
.clear.right {clear: right}

/************* GENERIC ***************/
body {font: normal x-small Arial, Helvetica, sans-serif;background-color:#111;color:#FFF;}
a, a:visited {text-decoration:none;color:#FFF;}
p.info {text-align:center;padding:10px 3px;color:#FFF;}
p.success {text-align:center;padding:10px 3px;color:#5b8a42;}
p.warning {text-align:center;padding:10px 3px;color:#d92020;}
p.error {text-align:center;padding:10px 3px;color:#d92020;}

/************* HEADER ***************/
div.header {height:26px;background:#111;text-align:center;}
div.menu {background-color: #D2D2D2; padding:5px 3px;}
div.menu a {display:inline;padding:2px;color:#333;margin-right:2px;}
div.menu a.selected {background-color:#333;color:#EEE;}
div.menu a:hover {background-color:#ffb400;color:#333;}

/************* NAVIGATION ***************/
div.navigation {margin:10px 3px;}
div.navigation a, div.navigation a:visited {color:#333;background-color:#D2D2D2;padding:0 2px;}
div.navigation a:hover {color:#333;background-color:#ffb400;}
div.navigation p {text-align:center;padding:0 0 5px 0;color:#FFF;}

/************* LOGIN ***************/
div.logo_login {padding-top:10px;text-align:center;}
div.language {text-align:center;padding:5px 0;}
div.login {padding:3px;}
div.login div.login_message {}
div.login form {width:120px;margin: 0 auto;}
div.login form a {color:#4E83A0;text-decoration:underline;}
div.login form a:hover {color:#FFF;text-decoration:none;}
div.login form input,
div.login form img {margin: 2px 0 5px 0;}
div.login form input#username {width:100%;}
div.login form input#password {width:100%;}

/************* TIMELINE ***************/
div.event {margin-top:10px;padding:3px;color:#222;}
div.event.read {background-color:#9b9b9b;}
div.event.unread {background-color:#6f9bb2;}
div.event.reply {background-color:#d36d57;}
div.event.mine {background-color:#5ca05b;}
/*div.event img {float:left;margin: 2px 3px 0 0;}*/
div.event span.name {color:#FFF;}
div.event span.details {color:#FFF;}
div.event_actions {margin-bottom:5px;padding-left:2px;background-color:#4A4A4A;}
div.event_actions a {color:#9abacb;padding:0 1px;margin-right:1px;}
div.event_actions a:hover {background-color:#ffb400;background-image:none;color:#333;}

/************* EVENT DETAIL ***************/
p.title {text-transform:uppercase;font-weight:bold;}
div.event a:hover {text-decoration:underline;}

/************* POST ***************/
div.post {padding:3px 3px 10px 3px;}
div.post textarea {margin:5px 0;width:92%;height:50px;padding:3px;}
div.post textarea:focus {border: 2px solid #6f9bb2;}
div.post p {margin-top:7px;}
div.post img {vertical-align:text-bottom;}

/************* FRIENDS ***************/
div.friends {}
div.friends div.friend {padding:3px;background-color:#888;margin-top:10px;}
div.friends div.friend img {float:left;margin: 2px 3px 0 0;}
div.friends div.friend p.name {font-size:small;font-weight:bold;}
div.friends div.friend_actions {margin-bottom:10px;padding:3px;background-color:#333;}
div.friends div.friend_actions a {color:#9abacb;margin-right:3px;}
div.friends div.friend_actions a:hover {background-color:#9abacb;color:#333;}
p.latest_updates {font-size:small;font-weight:bold;margin:10px 3px -5px 3px;}

/************* FILTERS ***************/
div.filters {padding:3px;}
div.filters img {vertical-align:text-bottom;}
div.filters p {padding:3px;font-size:small;font-weight:bold;margin-top: 10px;}
div.filters input.button {margin: 10px 0 8px 0;}

/************** TERMS ****************/
.terms { margin: 5px; }
.terms h1 {font-size: small; font-weight: bold; margin-top: 20px;}
.terms_h1 {list-style: decimal inside none; margin: 15px 0 0; font-size: small; font-weight: normal; }
.terms_h2, .usage_h2 {list-style: decimal inside none; margin: 5px 0 5px 1em; font-size: x-small; font-weight: bold; }
.terms_h3, .usage_h3 {list-style: decimal inside none; margin: 5px 0; font-size: x-small; font-weight: normal; }
.terms_h2 li, .usage_h2 li {padding: 0 0 0 1em; text-indent: -1em;}
.terms_latin_h3, .usage_latin_h3 {list-style: lower-alpha inside none; margin: 5px 0; font-size: x-small; font-weight: normal;}
.terms_roman_h3 {list-style: lower-roman inside none; margin: 5px 0; font-size: x-small; font-weight: normal;}
.usage_roman_h1 {list-style: upper-roman inside none; margin: 15px 0 0; font-size: small; font-weight: normal; }
.terms a {color:#4E83A0;text-decoration:underline;}
.terms a:hover {color:#FFF;text-decoration:none;}
p.terms {text-align: center;}