body {
  font-size: 12px;
  font-family: "Tahoma", "Arial";
  margin: 0px;
  color: #222;
}

body > * {
  padding-left: 8px;
  padding-right: 8px;
}

#login-status {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

#login-status .logout {
  color: #888;
}

ul#navigation {
  padding: 4px 10px;
  border-top: 1px #555 solid;
  border-bottom: 1px #555 solid;
  margin-bottom: 15px;
}

ul#navigation li {
  display: inline;
  list-style-type: none;
  padding-right: 10px;
}

#navigation-placeholder {
  border-bottom: 1px solid black;
  margin-bottom: 15px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a, a:hover, a:visited {
  color: #013ED5;
}

a.user {
  font-weight: bold;
}

h1 a,
h1 a:visited,
h1 a:hover {
  color: #222;
}

h1 a:hover {
  text-decoration: none;
}

h1 .logo {
  font-size: 1.2em;
}

img {
  border-style: none;
}

#errorExplanation,
p.error {
  border: 1px solid red;
  background-color: #fcc;
  padding: 5px;
}

#errorExplanation h2 {
  margin-top: 3px;
}

p.notice {
  background-color: #ffec88;
  border: 1px solid #ffe142;
  padding: 7px;
}

p.flash {
  color: green;
}

.username {
  font-weight: bold;
}

span.site-name {
  font-weight: bold;
}

#footer {
  margin-top: 30px;
  border-top: 1px solid black;
  padding-top: 10px;
  text-align: center;
  font-size: 0.9em;
  clear: both;
}

div.clear {
  clear: both;
}

.pagination {
  text-align: center;
}

.pagination a,
.pagination .disabled {
  margin-left: 20px;
  margin-right: 20px;
}

.pagination .disabled {
  color: #ccc;
}

.action-link {
  display: inline-block;
  padding: 7px;
  background-color: #fbfbfb;
  border: 1px solid #ddd;
}


/**
 *  Home page
 */
 
#sidebar {
  margin-left: 20px;
  float: left;
  width: 30%;
}

.user-act-img {
  width: 60px;
  height: 60px;
}

/**
 * Profile
 */

#profile-page {
  padding-left: 0px;
  padding-right: 0px;
}

#profile-page > * {
  padding-left: 8px;
  padding-right: 8px;
}

#profile-header {
  margin-top: 10px;
}

#profile-header h1 {
  margin-top: 0px;
}

#profile-header .profile-photo {
  float: left;
  margin-left: 5px;
  width: 250px;
  text-align: center;
}

#profile-header .user-info {
  float: left;
  margin-right: -1000px;
  margin-left: 10px;
  width:400px;
  line-height: 1.5;
}

#profile-header .user-info .username {
  margin-bottom: 5px;
}

#profile-header .user-info .actions {
  font-size: 0.9em;
}

#profile-header .user-details {
  font-size: 1.1em;
}

#profile-header .user-basics {
  margin-top: 2px;
}

#activity-stream-profile {
  width: 350px;
  margin: 30px 0 10px 675px;
}

span.help {
  font-size: 0.8em;
}

#profile-header .user-blurb {
  margin-top: 30px;
  margin-left: 6px;
  border-left: 3px solid #efefef;
  padding-left: 15px;
}

#user-edit-template {
  display: none;
}

#sign-up input[type=text],
#user-edit input[type=text],
#sign-up input[type=password],
#sign-up select,
select[id$=country] {
  width: 200px;
}

#user-show .edit-link {
  margin-top: 30px;
}

#user-sites {
  clear: both;
  border-top: 1px solid black;
  margin-top: 15px;
  padding-top: 10px;
}

div#subscribed-sites {
  margin: 5px auto;
  width: 975px;
}

div#subscribed-sites .tile,
#new-meetup .tile,
#edit-meetup .tile {
  float: left;
  margin: 0px 7px 7px 0px;
}

.tile {
  width: 210px;
  padding: 7px;
  background-color: #f5f5f5;
  border: 1px solid #aaa;
}

li.tile {
  list-style-type: none;
}

.tile a.remove,
.tile a.add {
  float: right;
}

.tile.in-common,
.suggestions .tile {
  background-color: #fdfdfd;
  border-width: 2px;
  padding: 6px;
}

.tile .tile-name,
.tile .tile-content {
  overflow: hidden;
  white-space: nowrap;
}

.participates-as {
  font-weight: bold;
}

.participates-as.unset,
.participates-as.unset a,
.participates-as.unset a:visited {
  color: red;
}

.tile .tile-add,
.tile .tile-remove {
  float: right;
  padding-left: 2px;
}

#user-sites #add-site {
  display: none;
}

.modal {
  display: none;
  text-align: center;
  border: 4px solid #333;
  padding: 2px;
  background-color: white;
  width: 400px;
  margin-left: -200px;
}

.modal .content {
  padding: 10px;
}

.modal .close-x {
  float: right;
  padding: 10px;
}

div.progress {
  margin-bottom: 10px;
  font-style: italic;
  color: #666;
}

/**
 * Site Completions
 */

.autocompletions {
  border: 1px black solid;
  margin: 0px;
  padding: 0px;
  display: none;
  position: absolute;
  background-color: white;
  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  opacity: 0.95;
}

.autocompletions table {
  border-collapse: collapse;
}

.autocompletions td,
.autocompletions li {
  text-align: left;
  padding: 3px;
}

.autocompletions .name {
  min-width: 200px;
} 

.autocompletions .odd {
  background-color: #f9f9f9;
}

.autocompletions ul {
  padding: 0px;
  margin: 0px;
}

.autocompletions li {
  list-style-type: none;
}

.autocompletions li:hover,
.autocompletions tr:hover {
  background-color: #ccc;
  cursor: pointer;
}

.autocompletions span.url {
  font-weight: normal;
  font-size: 0.8em;
}

.autocompletions .name {
  color: black;
}

/**
 * Site Management
 */

table#add-site {
  width: 100%;
}

table#add-site td {
  text-align: center;
}

table#subscribed-sites td.new,
#user-sites span.new {
  font-size: 0.8em;
  color: #FF2828;
}

.site.tile.deleted,
.site.tile.deleted span,
.site.tile.deleted a,
.site.tile.deleted a:visited {
  color: gray;
  font-style: italic;
}

.site.tile.deleted .tile-content {
  text-decoration: line-through;
}

table#add-site table {
  margin-left: auto;
  margin-right: auto;
}

span.url {
  font-weight: bold;
}

 /**
  * Sites
  */

#sites-page #sites-list {
  float: left;
}

#site-add {
  float: right;
  width: 270px;
}

#sites-all {
  clear: left;
  float: left;
}

#site-show h2 {
  display: inline-block;
  margin-right: 10px;
}


/**
 * Search
 */

#search-page {
  margin-top: 15px;
}

#search-page h2 {
  margin-top: 0px;
}

#search-fields {
  background-color: #f9f9f9;
  padding: 5px;
  width: 200px;
  float: left;
}

#search-results {
  margin-left: 230px;
}

#search-results table {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#search-results td {
  padding-bottom: 15px;
}

#search-results .user-photo {
  float: left;
}
#search-results .user-info {
  margin-left: 120px;
  line-height: 1.5;
}

#search-fields input[type=text] {
  width: 173px;
}

ul.tile-list {
  padding-left: 0px;
}

#search-page li.tile {
  width: 160px;
}

#search-page li.tile a.name {
  color: black;
}

#search-page li.tile a.name:hover {
  text-decoration: none;
  cursor: default;
}

span.match-score {
  font-weight: bold;
}

/**
 *  User activity listings
 */
 
#activity-stream {
  float: left;
  width: 60%;
  margin-bottom: 10px;
}

.activity-row {
  border-bottom: 1px gray solid;
  padding: 5px 5px 5px 5px;
}
  
 /**
 * Tools
 */

#tools-page .center {
  text-align: center;
}

#tools-page img {
  border: 1px solid #ddd;
}

#gm-images {
  float: right;
  margin-left: 15px;
}

#download {
  font-weight: bold;
  font-size: 2em;
  text-align: center;
}

/**
 * Messages
 */

#inbox .unread {
  font-weight: bold;
}

table.messages {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.messages .odd {
  background-color: #ffffdd;
}

table.messages img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

table.messages h2 {
  font-size: 1.4em;
  margin: 0;
}

table.messages h3 {
  font-weight: normal;
  margin: 0;
}

table.messages h4 {
  font-weight: normal;
  color: grey;
  margin: 0;
}

table.messages .img-cell {
  width: 70px;
}

table.messages .date-cell {
  width: 175px;
}

table.messages .reply-cell {
  width: 50px;
}

table.messages .read-cell {
  width: 100px;
}

table.messages .del-cell {
  width: 50px;
}

table.messages .action {
  font-weight: normal;
}

table.messages .data:hover {
  cursor: pointer;
}


/**
 * Intro Page
 */

#intro-page {
  text-align: center;
}

#hook {
  font-size: 2.5em;
  font-weight: bold;
  padding: 15px;
  background-color: #fbfbfb;
  border: 1px solid #ddd;
}

#hook p.credit {
  font-size: 0.3em;
  font-weight: normal;
  margin: 0px;
}

#hook.vertical p.credit {
  text-align: right;
}

#hook p.credit a {
  color: #888;
}

#hook.vertical {
  display: table;
  margin: 0px auto;
}

#hook.vertical > div {
  display: table-row-group;
}

#hook.vertical > div > * {
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
  padding-right: 30px;
}

#sic-desc {
  font-size: 2em;
}

#entry-actions a {
  display: inline-block;
  padding: 10px;
  background-color: #fbfbfb;
  border: 1px solid #ddd;
  font-weight: bold;
  font-size: 2em;
  margin: 0px 10px;
}

#popular-metros {
  font-size: 1.2em;
}

#popular-metros ul {
  padding: 0px;
}

#popular-metros li {
  list-style-type: none;
}

/**
 * Meetups
 */

.field-name {
  font-weight: bold;
}

td.field-name {
  text-align: right;
}

.meetup span.sites,
.meetup span.metros {
  font-weight: bold;
}

.meetup h3 {
  display: inline;
}

.meetup {
  line-height: 1.5;
  margin-bottom: 10px;
}

.meetup span.interested {
  color: green;
  font-weight: bold;
}

#meetup-fields .tile {
  margin-bottom: 0px;
}

#meetup-fields ul {
  margin: 0px;
}