/* -- Left navigation -- */

ul#left-navigation li.selected {
  padding-left: 1em;
}

ul#left-navigation li#notice {
  border: 1px solid #ff0099;
  background-color: #ffefef;
}

ul#left-navigation li#notice a:link,
ul#left-navigation li#notice a:hover,
ul#left-navigation li#notice a:active,
ul#left-navigation li#notice a:visited {
  font-weight: bold;
  color: #0099bb;
}


/* -- Main body: two column (left nav + body) in 1024 layout -- */

div.two-column-1024 {
  width: 47em;
  padding: 0 0 0 16px;
  margin: 0 0 2em 0;
  position:relative;
  float:left;
  z-index: 108;
  background-color: #ffffff;
  color:#333;     
}

div.two-column-1024 h2 {
  font-size: 1.25em;
  margin: 0 0 0.75em 0;
  padding: 0;
}

div.two-column-1024 p {
  line-height: 1.25em;
  clear: left;
}

div.two-column-1024 p.jump-text {
  font-weight: bold;
  text-align: center;
  color: #666666;
}

/* -- Main body: center column in 1024 layout -- */

div.center-column-1024 {
  width: 530px;
  padding: 0 0 0 16px;
  margin: 0 0 16px 0;
  position:relative;
  float:left;
  z-index: 108;
  background-color: #ffffff;
  color:#333;     
}

div.center-column-1024 h3 {
}

/* -- Main body: right column in 1024 layout -- */

div.right-column-1024 {
  font-size:0.8em;
	line-height: 1.25em;
  width: 15em;
	margin: 0 0 2em 16px;
  padding: 0 0 0 8px;
  border-left:1px solid #B7B9B3;
  position: relative;
  float: left;
  z-index:200;
  background-color:#ffffff;
}

div.right-column-1024 h3 {
  font-size: 1em;
  padding: 0.75em 0 0.25em 0;
  border-top: 1px solid #0099bb;
  margin: 1.5em 0 0.25em 0;
  clear: both;
}

div.right-column-1024 h3 a {
  border-bottom: 1px dashed #cccccc;
}

div.right-column-1024 h3 a:link,
div.right-column-1024 h3 a:hover,
div.right-column-1024 h3 a:active {
  color: #333333;
}

div.right-column-1024 h3 a:visited {
  color: #8c9263;
}

div.right-column-1024 p {
  padding: 0;
  margin: 0 0 1em 0;
}

div.mid-right-column-1024 {
  font-size:0.8em;
  width: 14.125em;
  padding: 0 0 0 0.78125em;
  border-left:1px solid #B7B9B3;
  margin: 0 0 2em 0;
  position: relative;
  float: left;
  z-index:200;
  background-color:#ffffff;
}

/* -- Account Management Form -- */

img#profile-pic-for-greeting {
  padding: 0;
  margin: 0 0.5em 0 0;
}

form#account-form p.explanation {
  padding: 0.5em 0.5em 1em 0.5em;
  border: 1px solid #ff0099;
  margin: 0;
  background-color: #ffefef;
}

form#account-form p.explanation span.heading {
  font-weight: bold;
  color:#ff0099;
}

form#account-form fieldset {
  font-size: 1em;
  width: 45em;
  padding: 1em 1.5em 0 0.5em;
  border-style: none;
  margin: 0 0 2em 0;
  background-color: #ecf9ff;
  color: #666666;
  font-weight: bold;
}

form#account-form label {
  font-size: 1em;
  width: 11em;
  padding: 0 3em 1em 0;
  margin: 0;
  float: left;
  clear: left;
}

form#account-form input,
form#account-form textarea {
  font-size: 1em;
  width: 18em;
  padding: 0.25em;
  margin: 0 0 2em 0;
  font-weight: normal;
}

form#account-form div#screen-name-feedback {
  width: 18em;
  padding: 0;
  margin: -1em 13em 1.5em 14em;
  font-weight: normal;
}

form#account-form input.gray-button {
  font-size: 0.9em;
  width: 12em;
  padding: 0.25em;
  margin: 0 0 2em 0;
  background-color: #666666;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  float: right;
  clear: both;
}

form p.checkbox-and-label {
  width: 45em;
  padding: 0;
  margin: 0;
}

/* -- Delete account page -- */

form#account-form fieldset#account-delete {
  text-align: center;
}

form#account-form fieldset#account-delete-area input.gray-button {
  width: auto;
  margin-left: 18em;
  float: none;
}

/* -- Edit photo page -- */

p#profile-pic-label {
  width: 14em;
  padding: 0 0 1em 0;
  border-bottom: 1px solid silver;
  margin: 0.25em 0 1.5em 0;
  float: left;
  clear: left;
}

p#no-profile-pic {
  width: 31em;
  padding: 0 0 1em 0;
  border-bottom: 1px solid silver;
  margin: 0.25em 0 1.5em 0;
  float: left;
  clear: none;
  font-weight: normal;
}

p#current-profile-pic {
  width: 31em;
  height: 3.25em;
  padding: 0 0 0em 0;
  border-bottom: 1px solid silver;
  margin: -0.75em 0 1.5em 0;
  float: left;
  clear: none;
  font-weight: normal;
}

p#new-profile-pic-label {
  width: 12em;
  padding: 0 2em 2em 0;
  margin: 0;
  float: left;
  clear: left;
}       
        
div#moocrop-preview {
  width: 10em;
  padding: 0;
  margin: 0;    
}       
      
img#moocrop-preview-img {
  height: 48px;
  width: 48px;
}       
      
p#moocrop-instructions {
  width: 20em;
  padding: 0;
  margin: 0;
  float: right;
  font-weight: normal;
}

p.checkbox-and-label input#tos {
  width: 1em ! important;
  padding: 0 ! important;
  margin: 0.25em 0 2em 0 ! important;
  float: left;
  clear: left;
}

p.checkbox-and-label label#tos-label {
  width: 41em;
  padding: 0;
  margin: 0 0 1em 1em;
  clear: none ! important;
  font-weight: normal;
}

/* -- Error popups -- */

div#error-display-x a {
  cursor: pointer;
}

/* -- Profile page -- */

div#tab_contents {
  margin-right: 0.5em;
  /* border-top: 1px solid #999999; */
}

p.top-zipper {
  font-size: 0.8em;
  margin: 0.5em 0;
  font-weight: bold;
}

p.top-zipper img {
  margin-top:3px;
  margin-bottom: -3px;
}

p.top-zipper span.new {
  font-size: 0.9em;
  color: #ff0099;
}

p.tab-permalink,
p.tab-tools {
  font-size: 0.8em;
  margin: 0.5em 0;
  font-weight: bold;
}

p.tab-permalink img,
p.tab-tools img {
  margin-top: 3px;
  margin-bottom: -3px;
  margin-left: 0;
}

p.tab-tools span.separator {
  padding: 0 0.5em;
}

h3.subhead {
  font-size: 1em;
  font-weight: bold;
  margin: 3em 0 0.5em 0;
}

div#my-faves {
  padding: 0.25em 0;
}

div#my-tags {
  padding: 0 0.5em 0 0;
  margin: 0 0 1em 0;
}

div#my-tags .tag-cloud li {
  font-size:0.98em;
  width:150px;
  float:left;
  margin-right:15px;
}


/* Start new tag cloud style */
#main-body .tag-cloud { 
  padding: 0;
	margin-left: 0;
  margin-top:0.5em;
  list-style:none;
	font-weight: bold;
}

.tag-cloud li {
	font-size: 1.1em;
  padding: 0;
  margin: 0 5px 10px 0;
  display: block;
	overflow: hidden;
	width: 100%;
} 

#main-text .tag-cloud li {
	width: 150px;
	float: left;
	margin-right: 15px;
}

.tag-cloud img {
	margin: 0;
	float: left;
}

.tag-cloud a {
	display: block;
}

.tag-cloud div {
	display: block;
	float: left;
	width: 93px;
	margin-left: 6px;
}
/* End new tag cloud style */

/* Start old tag cloud style
ul.tag-cloud {
  padding: 0;
  margin: 0.5em 0 0 0;
  line-height:1.6em;
  text-align:justify;
  list-style:none;
}

ul.tag-cloud li {
  display:inline;
  margin-right:1em;
  padding-bottom:0em;
}
  End old tag cloud style */

div#my-comments {
}

.comment-zipper {
  padding: 0.5em 0 0 66px;
  margin: 0 0 1.5em 0;
  clear: left;
}

.comment-zipper img.comment-zipper-img {
  margin: 0 0 0 -66px;
  padding: 0 1em 0 0;
  float: left;
  clear: left;
}

img#profile-pic-for-profile {
  padding: 0;
  margin: 0 0 0.5em 0.5em;
  float: right;
  clear: none;
}

div.right-column-1024 h3#about-me-headline {
  padding: 0;
  border-top: none;
  margin: 0;
  clear: none;
}

div.right-column-1024 p.profile-zipper {
  padding: 0 0 0.25em 0;
/*  border-bottom: 1px dashed #666666; */
  margin: 0 0 0.25em 0;
}

div.right-column-1024 p.profile-zipper a {
  font-weight: bold;
}

div.right-column-1024 p#flickr_roll {
  margin-top: 0.5em;
}

div.right-column-1024 p#flickr_roll a img {
  padding: 0;
  margin: 0 0.5em 0.5em 0;
}

/* -- Posse member list -- */
 
p.member-listing {
  width: 265px;
  margin: 0;
  padding: 1em 0;
  float: left;
  clear: none ! important;
}

p.member-listing a img {
  width: 48px; 
  height: 48px; 
  border-style: none;
  padding: 0;
  margin: 0 2em 0 0;      
  float: left;
}
  
p.member-listing span.member-screen-name {
  font-weight: bold;
}

p.member-listing span.member-tag-count {
  font-size: 0.9em;
}

/* -- General markup -- */

h3 {
  clear: left;
}

p#first-paragraph {
  padding-top: 0;
  margin-top: 0;
}

/* Overrides */
a {
  text-decoration:none;
  color: #0099BB;
}

.error-message {
  color:#ff0099;
  background-color:#ecf9ff;
  font-weight:bold;
  padding:0.5em 0.5em 1em 0.25em;
  margin-bottom: 0;
}

div.delicious-item {
  border:1px solid #666666;
  margin-bottom:0.5em;
}

div.item-display {
  float:left;
  width:15.25em;
  height:100px;
  margin:0.25em;
  background-color: #eeeeee;
  overflow:hidden;
  border:1px solid #666666; 
}

div.item-info {
  float:left;
  padding:2px;
  font-size:65%;
  width:12em;
}

div.item-thumb {
  float:right;
  padding:2px;
}

div.item-thumb p.faves-add-to-set {
  font-size: 0.65em;
  margin: 5px 0 0 5px;
  width: 50px;
}

div.item-thumb p.faves-add-to-set img {
  float: left;
  margin: 0 3px 0 0;
}

/* Terms */

div#terms-agree {
  padding:1em;
}

ul#terms-terms {
  padding-left:2em;
  padding-bottom:10em;
  list-style-position:inside;
}

/* SETS */

div.set-display {
  background-color: #EEEEEE;
  font-size:100%;
  margin:0.75em 0em;
  width:33em;
}

div.set-title {
  margin:0.5em 0;
  padding:0 0.5em 0 0;
  border-bottom:1px solid #666666;
}

div.set-info {
  float:left;
  padding:2px;
  width:12em;
}

div.set-created {
  font-style:normal;
}

div.set-images {
  float:right;
  padding-right:0.25em;
}

div#transition-display {
  border: 20px solid #666666;
  padding: 1em;
  background-color: white;
  width: 20em;
  position: fixed;
  top: 200px;
  left: 300px;
  z-index: 700;
  display: none;
}

div#transition-display label,
div#transition-display input
{
  display:block;
  float:left;
  width:45%;
  margin:0.25em 0;
}

/* -- Posse profile: favorites tab: popups for adding favorites to sets -- */

div.add-fave-to-set {
  position: absolute;
  border: 5px solid #333333;
  background-color: #ffffff;
  z-index:100;
  display: none;
}


/* Tabs ! */

.variable-width-tabs li {
	font-size: 90%;
}

/* -- from sort_posse.php -- */

p#posse-definition {
  padding: 0.25em;
  background-color: #ecf9ff;
  border-top: 1px solid #cccccc;
  margin: 0 0.5em 0 0;
  line-height: 1.5em;
}
p#view-posse-by {
  padding: 0.25em;
  background-color: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 0 0.5em 1em 0;
  line-height: 1.5em;
} 
p#view-posse-by a {
  font-size: 0.95em;
  padding: 0 5px 0 3px; 
  border-right: 1px solid #cccccc;
}
p#view-posse-by a.last-link {
  border-right: none;
}
p#view-posse-by a span.current-posse-view {
  border-bottom: 2px solid #333;
  font-weight: bold;
  color: #333;
}