body { margin: 0; padding: 0; font-family: Helvetica; font-size: 12px; background-color: #ebebeb; background-image: url(../img/main/bgtop.gif), url(../img/main/bg.gif); background-repeat: repeat-x, repeat; background-position: 0 60px, 0 7px; -webkit-text-size-adjust:none; }
#Logo {background-image: url(../img/main/logo.gif), url(../img/main/logobg.gif); background-repeat: no-repeat, repeat-x; background-position: 50% 2px, 0 0; height: 30px; text-indent: -1000em; }
#Logo a {display: block; height: 28px;}
#Header {background: url('../img/main/menu.gif') repeat-x 0 0; height: 30px; border-top: solid 1px #777; }
#Header a { display: block; float: left; text-align: center; height: 23px; color: #369; width: 25%; font-size: 14px; font-weight: bold; padding: 0; margin: 0; padding-top: 7px; background: url(../img/main/menugap.gif) no-repeat 100% 0; text-decoration: none; border-bottom: solid 1px #777; text-shadow: rgba(20, 20, 20, 0.2) 1px 2px 0;}
#Header a.selected { background: #4c566c url(../img/main/menuselected.gif) repeat-x 0 0; color: #fff;  border-bottom: solid 1px #4c566c; }
#MyProfile {float: left; padding: 2px 0 2px 5px;}
#Lights { background: #4c566c; color: #eee; text-align: right; padding: 2px 5px 2px 0; border-bottom: solid 1px #777; }
#MyProfile a, #Lights a { color: #fff; font-weight: bold; text-decoration: none; }
#Primary { margin: 0 10px; min-height: 240px; }
body[orient="landscape"] #Primary { min-height: 100px; }

#Footer {background: #fff; padding: 3px 10px; text-align: center; border-top: solid 1px #4c566c; margin-top: 15px;}
h1 { margin:10px 0 0 0; padding:4px 2px 3px 5px; font-size: 15px; font-weight: bold; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border: 1px solid #6d85a1; border-bottom: solid 1px #777; color: #fff; background:#6d85a1 url('../img/main/header.gif') repeat-x 0 0; text-shadow: rgba(20, 20, 20, 0.2) 1px 2px 0; }
h1 a { color: #fff; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { margin:0; padding: 0 0 3px 0; font-size:14px; font-weight:bold; color: #4c566c;  }
h2 a { color: #4c566c; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
a { outline: none; color: #0066cc; }
a img {border: none;}
ul.ContentList { padding: 0; margin:0; background: #fff; border: solid 1px #fff; }
div.Content { padding: 0; margin:0 0 10px 0; background: #fff; border: solid 1px #fff; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottomleft-radius: 8px; -moz-border-bottomright-radius: 8px; }
div.inner { margin: 10px; }
li { list-style-type: none;	border-top-width:1px; border-top-style:solid; border-top-color:rgb(217,217,217); padding: 3px 5px; min-height: 42px; }
li:first-child { border-top:0;    /* Remove border above the first item of the list */ }
li.app { min-height: 60px; }
ul.ContentList li img.pinky {float:right; height: 40px; width: 40px; margin-left: 5px; border: solid 1px #ccc;}
ul.ContentList li img.app {float:right; height: 57px; width: 40px; margin-left: 5px; border: solid 1px #ccc;}
img.thumber {float:right; margin-left: 5px; border: solid 1px #ccc;}
img.thumb { padding: 1px; border: solid 1px #ccc; margin: 2px;}

p { margin: 0; padding: 5px 0; }
p.info { margin: 0; padding: 0; color: #555;}
p.info span {padding: 0 5px 0 0;}

.kudos {color: #777;}
.user { font-weight: bold; color: #61a50a;}
.date { color: #572f04; font-style: italic; }
.location { color: #777; }
.sub {font-size: 90%; color: #777; }

/* Pics */
.smallThumb { border: solid 2px #C7C7C7; }
.avatar { border: solid 1px #C7C7C7; margin: 2px; }
.avatarS {border: solid 1px #C7C7C7; margin: 2px; width: 40px; height: 40px; }

.action { text-align: right; padding: 2px 5px; margin-top: 5px; background: url(../img/main/actionbg.gif) repeat-x 0 0; font-weight: bold;}
.show { text-align: center; }
.feeder {float: right; width: 32px; margin: -2px 10px 0 0; }

.grande { position: relative; margin: 0; padding: 0; }
.grande label { display: block; margin: 2px 0; color: #4c566c; font-size: 14px; font-weight: bold; text-shadow: rgba(20, 20, 20, 0.2) 1px 2px 0; }
.grande textarea, .grande input[type="text"], .grande input[type="password"] { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; margin: 3px 0 0 0;  padding: 5px 3px; font-family: inherit; font-size: inherit; }
.grande .reply { height: 60px; display: block; margin-bottom: 5px;}
.grande .button { display: block; margin: 8px 0; font-size: 16px; font-weight: bold; width: 100%; padding: 5px 0; color: #333; }

#paging { padding: 2px 5px; margin-top: 5px; background: url(../img/main/actionbg.gif) repeat-x 0 0; font-weight: bold; }
#pagingNewer { float: left;  width:120px;  }
#pagingOlder { float: right; }

#ErrorMessage { padding: 0; margin:5px 0 5px 0; background: #fff; border: solid 1px #fff; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottomleft-radius: 8px; -moz-border-bottomright-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-topleft-radius: 8px; -moz-border-topright-radius: 8px;}
#ErrorMessage div { color:#cc0000; text-align: center; font-size: 110%; font-weight:bold; padding: 5px;  }

#InfoMessage { padding: 0; margin:5px 0 5px 0; background: #fff; border: solid 1px #fff; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottomleft-radius: 8px; -moz-border-bottomright-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-topleft-radius: 8px; -moz-border-topright-radius: 8px;}
#InfoMessage  div { color: #060; text-align: center; font-size: 110%; font-weight:bold; padding: 5px; }

.banner { padding: 3px; margin:3px 0 3px 0; text-align:center; background: #fff; border: solid 1px #fff; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottomleft-radius: 8px; -moz-border-bottomright-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-topleft-radius: 8px; -moz-border-topright-radius: 8px;}

/* float hack */
hr.clearer {display: block; clear: both; margin: -0.66em 0; visibility: hidden; height: 1px; font-size: 1px; }
div.clearer {clear: both; line-height: 0; height: 0; height: 1px; font-size: 1px;}