@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);

body {
  font-family: 'Verdana', 'Arial', Sans-serif !important;
}

textarea {
  margin-bottom: 5px;
}

.button {
  margin: 8px 0px 2px 0px;
  
  border-bottom: 1px solid #aaa;
  -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.05);
  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.05);
  box-shadow: 0px 3px 6px rgba(0,0,0,.05);  
}

a.button{
  color: #6c71c4 !important; 
}

a, a:visited { 
  color: #268bd2; 
  text-decoration: none; 
}


/*--------------------------------------------------------------------------------------------------
 */

#UIAvatarImageTemp { position: absolute; top: 1px; left: 1px; }

.lst-avatar-img
{
  background: white; 
  border: 1px solid #ddd; 
  padding: 4px; 
  margin: 0px auto; 
  display: block;
  width: 380px !important;
  height: 300px !important;
}

@media only screen and (min-width: 0px) and (max-width: 479px) 
{
.lst-avatar-img
{
  width: 266px !important;
  height: 210px !important;
}
}


/*--------------------------------------------------------------------------------------------------
 */

.opacity-75 div { 
  -moz-opacity:.75; 
  filter:alpha(opacity=75); 
  opacity:.75; 
}

.opacity-50 div { 
  -moz-opacity:.50; 
  filter:alpha(opacity=50); 
  opacity:.50; 
}

.opacity-25 div { 
  -moz-opacity:.25; 
  filter:alpha(opacity=25); 
  opacity:.25; 
}

.harsh-goose {
  background-image: url("../images/harsh-goose.png") !important;
  background-repeat: no-repeat !important;
}

.harsh-goose  div {
  -moz-opacity:.50; 
  filter:alpha(opacity=50); 
  opacity:.50; 
}

.tragedy-eagle {
  background-image: url("../images/tragedy-eagle.png") !important;
  background-repeat: no-repeat !important;
  min-height:100px;
}

.tragedy-eagle  div {
  -moz-opacity:.40; 
  filter:alpha(opacity=40); 
  opacity:.40; 
}

.crowmageddon {
  background-image: url("../images/crowmag.png") !important;
  background-repeat: no-repeat !important;
  min-height:100px;
}

.crowmageddon  div {
  -moz-opacity:.40; 
  filter:alpha(opacity=40); 
  opacity:.40; 
}

.crowalert {
  background-image: url("../images/crow-alert.png") !important;
  background-repeat:no-repeat;
  background-size:80px;
  background-position:right bottom; 
}

.tragedy-horse {
  background-image: url("../images/tragedy-horse.png") !important;
  background-repeat: no-repeat !important;
  min-height:100px;
}



/* the goose don't fit on an iPhone screen with the 'harsh goose' text in place - so switch
 * to the version that just has the furious avian
 */
@media only screen and (min-width: 0px) and (max-width: 479px) 
{
.harsh-goose {
  background-image: url("../images/harsh-goose-narrow.png") !important;
}
.tragedy-eagle {
  background-image: url("../images/tragedy-eagle-narrow.png") !important;
}
.crowmageddon {
  background-image: url("../images/crowmag-narrow.png") !important;
}
}


/*--------------------------------------------------------------------------------------------------
 * LHS COMMON HEADER
 *--------------------------------------------------------------------------------------------------
 */
.smaller-centered
{
  font-size:0.8em; 
  line-height:1.0em; 
  text-align:center;
}

.lst-rejected
{
  font-size:0.8em; 
  line-height:1.5em; 
  text-align:center;
  color: #d33682;
}

ul .lst-sidebar
{
  list-style-type: circle;
  
  padding-bottom: 8px;
}

ul .lst-sidebar p
{
  font-size: 0.9em;
}

h2
{
    font-family: 'Ubuntu' !important;
}

.lst-title
{
  font-family: 'Ubuntu', 'Arial';
  font-size: 3.5em;
  text-align: center;
  font-weight: 700;
  line-height: 0.6em;
}

.lst-title a
{
  color: black;
}

@media only screen and (max-width: 959px) 
{
.lst-title
{
  font-size: 4em;
  margin-bottom: 8px;
}
}

.lst-motto
{
  font-family: 'Ubuntu', 'Arial';
  font-size: 0.9em;
  padding-top: 8px;
  font-weight: 400;
  text-align: center;
  margin: 0px auto 1.6em;
  width: 240px;
}

.lst-subtitle
{
  font-style: italic;
  font-size: 1.0em;
  margin-bottom: 10px;
}



/*--------------------------------------------------------------------------------------------------
 * SIDEBAR
 *--------------------------------------------------------------------------------------------------
 */
.lst-options
{
  border-top: 1px solid #fff;
}

.lst-fixnav
{
  position: fixed; 
  width: 300px; 
  display: block;
  border-bottom: 1px solid #DDD;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .lst-fixnav {
    width: 236px; 
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .lst-fixnav {
    width: auto;
    position: static;
  }
}

.block-divider
 {
  display: block;
  padding: 5px 0px 10px 0px;
  margin: 0px auto;
}

/*--------------------------------------------------------------------------------------------------
 * divider object that only appears on small screens; we disable the border line on the navigator
 * block on the sidebar and replace it with a chunkier image-based divider
 *--------------------------------------------------------------------------------------------------
 */
.lst-divider
{
  display: none;
}

@media only screen and (min-width: 0px) and (max-width: 767px) 
{
  .lst-divider
   {
    display: block;
    padding: 5px 0px 10px 0px;
    margin: 0px auto;
  }
  .lst-fixnav
   {
    border-bottom: 0px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 959px) 
{
  .lst-countdown
   {
    display: none;
  }  
}

/*--------------------------------------------------------------------------------------------------
 * MESSAGING SYSTEM
 *--------------------------------------------------------------------------------------------------
 */
.lst-message
{
  border-top: 1px solid #002b36;
  border-left: 1px dashed #C0CBCE;
  border-right: 1px dashed #C0CBCE;
  border-bottom: 1px dashed #C0CBCE;
  
  background: #fefefe;
  margin-bottom: 14px;
}

.lst-message p
{
  margin-bottom: 0px;
  padding: 4px 4px 4px 4px;
}

/* dark block header area */
.lst-message-header
{
  font-family: 'Verdana', 'Arial', Sans-serif;
  font-size: 0.9em;
  margin: 0px 8px 4px 8px;
  background: #002b36;
  color: #eee;
  padding: 2px;
  padding-left: 8px;
}

.lst-message-header a
{
  font-weight: 800 !important;
}

/* date display */
.lst-message-header code
{
  font-family: monospace;
  float:right;
  color: #ddd;
  font-size: 0.9em;
  padding-right: 8px;
}

/* archive / unarchive */
.lst-message-header img
{
  position:relative;
  top:-1px;
  vertical-align: middle;
  padding-left: 8px;
  cursor: pointer;
}

.lst-message a
{
  color: #268bd2;
}

.lst-more
{
  font-size: 0.8em;
}

/* we don't display the 'date' component on messages when on the smallest screens, it just
   doesn't fit when the longer usernames are in use
*/
@media only screen and (min-width: 0px) and (max-width: 479px) 
{
.lst-message-header img
{
  top:2px;
}
.lst-message-header code span
{
  display: none;
}
}


/*--------------------------------------------------------------------------------------------------
 * LIST VIEW
 *--------------------------------------------------------------------------------------------------
 */
.lst-listinfo
{
  font-size: 0.9em !important;
  padding: 10px !important;
  height: auto;
}

.lst-listinfo #rules
{
  font-size: 0.8em !important;
  border-bottom: 1px dashed #bbb;
  margin-bottom: 8px;
}

.lst-listinfo #stats p
{
  margin-bottom: 2px;
}

.lst-listinfo a
{
  color: #268BD2 !important;
}

.lst-list-sortopts
{
  font-size: 0.8em;
  text-align: center;
  display: block;
}

.lst-entry
{
  -moz-box-shadow: 0px 6px 10px rgba(0,0,0,.1);
  -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,.1);
  box-shadow: 0px 6px 10px rgba(0,0,0,.1);

  border-top: 1px solid #BBB;
  border-left: 1px dashed #DDD;
  border-right: 1px dashed #DDD;
  
  background: #fcfcfc;
}

.lst-entry-today
{
  background: #fffef0;
}

.lst-entry-lastlogin
{
  background: #fffff2;
}

.lst-entry p
{
  margin-bottom: 0px;
  padding: 4px 4px 4px 4px;
}

.lst-entry code
{
  font-family: 'Verdana', 'Arial', Sans-serif;
  display: block;
  font-size: 0.8em;
  padding: 2px 0px 6px 0px;
  text-align: right;
}

@media only screen and (min-width: 0px) and (max-width: 479px) 
{
.lst-entry code
{
  margin-top: 28px;
  text-align: right;
  padding-right: 6px;
}
}

.lst-entry code a
{
  padding-right: 6px;
}

.lst-post-author
{
  font-size: 0.9em;
  padding-left:6px;
  float: left;
}

.lst-stats:after
{
  content: ".";
  display: block;
  line-height: 1px;
  font-size: 1px;
  padding-bottom:5px;
}

ul.lst-stats
{
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  font-size: 0.8em;
}

ul.lst-stats li
{
  display: block;
  width: 33%;
  margin: 0;
  padding: 0;
}

.lst-not-open-yet
{ 
  border: 1px solid #687419;
  margin-top: 20px; 
  padding: 8px;
  text-align: center; 
  background: #859900; /* i dedicate this colour choice to MarvellousMissO */
}

.lst-not-open-yet p
{
  text-shadow: 1px 1px #555;
  color: #fff;
}

.lst-not-open-yet p strong
{
  font-size: 1.25em;
  color: #fff;
}

.lst-comment-pile-list
{
  border-top: 1px solid #BBB;
  margin-top: 12px;
}

.lst-comment-pile-entries
{
  display: none;
  margin: 0px 4px 0px 4px;
  border-top: 1px solid #BBB;
  padding-bottom: 12px;
}

.lst-comments
{
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  background: #F9FbF9;
}

.lst-comment-entry
{
  border-bottom: 1px dashed #ccc;
}

.lst-comment-addbox
{
  border-bottom: 1px solid #BBB;
}

.lst-comments p
{
  color: rgb(20, 90, 20);
  margin-bottom: 0px;
  padding: 4px 4px 4px 4px;
}

.lst-comments code
{
  display:block;
  font-family: 'Verdana', 'Arial', Sans-serif;
  font-size: 0.8em;
  text-align:right;
  padding: 0px 6px 2px 6px;
  margin: 0px;
}

.lst-comment-lastlogin
{
  font-weight: 800 !important;
}


p.lst-edit-help
{
  background: #FCFBEF;
  
  font-size: 0.8em !important;
  padding: 2px 0px 2px 35px !important;
  margin: 0px 0px 6px 0px !important;
}

.thumb-button
{
  margin: 0px 5px 0px 2px;
  padding: 2px 4px 2px 4px;
 
  border: 1px solid #ccc;
  background: #ddd;
  
  font-size:1.0em;
}

.thumb-button-own  { 
  -moz-opacity:.50; 
  filter:alpha(opacity=50); 
  opacity:.50; 
}

.thumb-button:hover,
.thumb-button:active
{
  background: #ccc;
}

.thumb-down span
{
  color: black !important;
}
.thumb-up span
{
  color: black !important;
}

.thumb-down
{
  float: right;
}
.thumb-down img
{
  margin-right: 4px;
  vertical-align: text-bottom !important;  
}
.thumb-up
{
  float: right;
  padding-left:6px;
}
.thumb-up img
{
  margin-left: 4px;
  vertical-align: text-bottom !important;  
}


/*--------------------------------------------------------------------------------------------------
 * FRONTPAGE
 *--------------------------------------------------------------------------------------------------
 */
.lst-fp-suggestion
{
  clear: both;
  border-top: 1px solid #f6f6f6;
  border-left: 5px solid #f6f6f6;
  padding-left: 5px;
  padding-bottom: 1.5em;
}

.lst-fp-suggestion #type
{
  font-size: 0.75em;
  margin: 0px;
}
.lst-fp-suggestion #headline
{
  font-weight: 600;
  font-size: 1.25em;
  margin: 0px;
}
.lst-fp-suggestion #desc
{
  font-size: 1.0em;
  font-style: italic;
  margin: 0px;
}
.lst-fp-suggestion #factoid
{
  font-size: 0.75em;
  float:right;

  margin-top: 0.7em;
  padding: 0px 8px 0px 8px;
  background: #f6f6f6;
}



.lst-searchresult #factoid
{
  font-size: 0.75em;
  float:right;

  margin-top: 0.7em;
  padding: 0px 8px 0px 8px;
  background: #f6f6f6;
}

/*--------------------------------------------------------------------------------------------------
 * PROFILE
 *--------------------------------------------------------------------------------------------------
 */
.lst-pf-block
{
  border-top: 1px solid #f0f0f0;
  border-left: 5px solid #f0f0f0;
  border-right: 1px dashed #f0f0f0;
  border-bottom: 1px dashed #f0f0f0;
  
  background: #fefefe;
  margin-bottom: 14px;
}

.lst-pf-block #pf-title
{
  font-size: 1.0em;
  background: #f0f0f0;
  display: inline-block;
  text-shadow: 0 1px white;

  padding: 4px 12px 4px 6px;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.pf-guide
{
  background-image: url("../images/guidebook.png") !important;
  background-repeat: no-repeat !important;
  
  padding: 8px 12px 10px 40px !important;
}



.lst-pf-content
{
  padding: 8px;
}

.lst-pf-content h5
{
  padding-bottom: 4px;
}

.lst-pf-content h2
{
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  color: #d33682;
}

.lst-pf-content ul
{
  list-style-type: circle;
  padding-left: 18px;
}

.lst-pf-content img
{
  padding-right: 6px;
}

.lst-pf-thumbscore
{
  color: black;
  font-size: 2.5em;
  font-weight: 600;
}

.lst-pf-right-edge-alt
{
  position:absolute; 
  right:20px;
}
@media only screen and (min-width: 960px)
{
  .lst-pf-right-edge
  {
    position:absolute; 
    right:20px;
  }
  .lst-pf-right-edge-alt
   {
    position:static; 
    right:0;
  }  
}

.lst-pf-rating
{
  padding-top: 10px;
  display: block;
  margin: 0px auto;
  text-align: center;
}

.lst-pf-rating strong
{
  font-size: 1.25em;
  color: #d33682;
}


.lst-pf-lists
{
  list-style-type: circle;
  padding-left: 18px;
}

.lst-pf-lists li
{
  margin-bottom: 0px;
}





/* a centered block used to show simple messages in the middle of the rhs view */
.lst-message-block
{
  font-family: 'Verdana';
  margin:20px; 
  padding:10px; 
  background: #fefefe;
  border:1px solid #f0f0f0;
}

.lst-message-datelrg
{
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 800;
  text-align:right; 
  color:#d33682; 
  padding: 6px 0px 6px 0px;
}

.lst-ui-edit-item
{
  vertical-align: text-bottom;
  padding-right: 6px;
}

/*--------------------------------------------------------------------------------------------------
 * LIST CREATION TABLE LAYOUT
 *--------------------------------------------------------------------------------------------------
 */
#list-creation-table
{
  width: 100%;
  text-align: center;
}
#list-creation-table td
{
  padding: 4px;
}
#list-creation-table td img
{
  margin: 0px auto 0px auto; 
  border: 1px solid black; 
  margin-bottom: 4px;
}
#list-creation-table td p
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 0.9em;
  padding: 0px 10px 0px 10px;
  line-height: 1.1em;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#list-creation-table td img
{
  width: 100px;
}
}

/*--------------------------------------------------------------------------------------------------
 * ADMIN TABLE LAYOUT
 *--------------------------------------------------------------------------------------------------
 */
#box-table-a
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 0.8em;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
#box-table-a th
{
  font-weight: 600;
  font-size: 1.2em;
  padding: 4px;
  background: rgb(230, 230, 230);
  border-top: 4px solid rgb(210, 210, 210);
  border-bottom: 1px solid #fff;
}
#box-table-a td
{
  padding: 4px;
  background: rgb(240, 240, 240);
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  border-right: 1px dashed rgb(200, 200, 200);
}
#box-table-a tr:hover td
{
  background: rgb(250, 250, 255);
  color: #339;
}

.guide-desc
{
  font-size:0.8em; 
  line-height: 120%;
  padding-left:6px;
  padding-bottom: 8px;
  font-style: italic;
}

.guide-entry
{
  font-size:0.9em; 
  background: rgb(245, 245, 255);
  padding: 5px ;
  margin-bottom:4px;

  border: 1px solid rgb(200, 200, 210);
}