/* Global styles */

/** The holy grail layout with IE7 fix
 ** from http://www.gerd-riesselmann.net/examples/paddedholygrail.html
 ** based on http://alistapart.com/articles/holygrail/ 
 **/
body {
  min-width: 630px;      /* 2x (LC fullwidth +
                            CC padding) + RC fullwidth */
}
#container {
  padding-left: 200px;   /* LC fullwidth */
  padding-right: 190px;  /* RC fullwidth + CC padding */
}
#container .column {
  position: relative;
  float: left;
}
#main {
  padding: 0px 20px;    /* CC padding */
  width: 100%;
}
#sidebar {
  width: 180px;             /* LC width */
  padding: 0 10px;          /* LC padding */
  margin-left: -100%;
  left: 150px;              /* RC fullwidth for IE6 */
}
#container > #sidebar {
  left: -240px;             /* -(LC fullwidth + CC padding) */
  margin-left: expression(
    document.all.main.offsetWidth * -1 +
    parseFloat(document.all.main.currentStyle.paddingLeft) +
    parseFloat(document.all.sidebar.currentStyle.paddingLeft) +
    parseFloat(document.all.sidebar.currentStyle.paddingRight)
  ); /* Fix for IE7 */
}
#ads {
  width: 130px;          /* RC width */
  padding: 6em 10px;     /* RC padding */
  margin-right: -100%;
/*  margin-right: -190px;*/  /* RC fullwidth + CC padding */
}
#footer { clear: both; }

/* Center header and footer on main column */
#header, #footer { padding-left: 50px; }

/*** Modify the holy grail for looks ***/
#header { text-align: center; padding-bottom: 2em; }
#footer { text-align: center; padding-top: 2em; }

/* Main page is single-column */
#onecolumn .row { width: 845px; border-color: #1e62d4; border-width: 1pt; border-style: none; padding: 1em; margin: 2.5em auto; background-color: white; }
#onecolumn .headline { width: 255px; text-align: center; float: left; padding-left: 43px; }
#onecolumn .headline h1 { margin: 0px; }
#onecolumn .col { width: 540px; float: left; }

#mmlink { background: transparent url(/images/major_miner.gif) no-repeat scroll 3em center; height: 50px; }

.clear { clear: both; }
.col ul { list-style: none; margin-left: -3em; }
.col li { padding: 1pt 0pt; }

#sheader, #sfooter { text-align: center; }

/*** The error box ***/
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#notice, #errors { font-size: 1.2em; padding: 5px 15px; margin: 10px 2px; }
#notice { border: solid 1px #60e9ff; background-color: #c6f7ff; }
#errors { border: 2px solid red; background-color: #f0f0f0; }
#errors p { color: #333; margin-bottom: 0; }
#errors ul li { list-style: square; }

.new { color: #cd8989; }

/*** For scored tags ***/
.points-0  { color: #cd8989; }
.points-no { color: #888; }
.points-1  { color: black; font-style: italic; }
.points-2  { color: black; font-weight: bold; }


.clip {
  border: solid 1px #ddd;
  background-color: #f8f8f8;
  margin: 4px 0px;
  padding: 3px;
}
#tagform {
  margin: 8px 0px 0px;
}
.tags a { color: #444; }
.tag-find { margin-top: 1em; text-align: center; }
.tag-find, .tag-find input { font-size: 13pt; }
.important-link { font-size: 2em; font-weight: bold; }

/*** Styles for general elements ***/
body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #2e2e2e;
}
h1, h2, h3 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
}
h1 {
  margin-top: 0em;
  font-size: 3em;
  text-align: center;
}
h2 { font-size: 2.1em; }
h3 { font-size: 1.6em; }
table {
  margin-left: auto;
  margin-right: auto;
}
#main, #onecolumn {
  font-size: 1.2em;
}
ul.nav {
  font-size: 1.2em;
}
a { color: #1e62d4; text-decoration: none; }
.headline a, .nav a, #header a, #sheader a { color: #2e2e2e; }
.nav-buttons {
  margin-top: .7em;
  text-align: center;
}
.nav-buttons a {
  color: #444;
  font-size: 1.3em;
  font-weight: bold;
  margin-right: 1em;
}
#theClip {
  font-size: 1.3em;
}
#theTags {
  vertical-align: top;
}
.stats td, .stats th {
  padding-left: 1em;
  padding-right: 1em;
}

ul {
  margin-top: 5px;
}
ul.nav {
  list-style: none;
  margin-left: 0;
  padding-left: 0em;
}
.options { text-align: right; font-size: .8em; }
.query { margin: -2em 0 2em; }

.pagination { text-align: center; padding: .3em; padding-top: 1.5em; }
.pagination a, .pagination span { padding: .2em .5em; }
.pagination span.disabled { color: #AAA; }
.pagination span.current { font-weight: bold; }
.pagination a { border: 1px solid #DDDDDD; }
.pagination a:hover, .pagination a:focus { border-color: #dddddd; background: #ccc; }
.pagination .page_info { color: #aaa; padding-top: .8em; }
.pagination .prev_page, .pagination .next_page { border-width: 1px; }
.pagination .prev_page { margin-right: 1em; }
.pagination .next_page { margin-left: 1em; }

.indent { text-indent: 1.5em; margin-top: -1em; }
.centered { margin-left: auto; margin-right: auto; text-align: center; }

.trinfo { margin-bottom: 0.5em; }
.playbutton { margin-bottom: -0.25em; }

a.sim { font-weight: bold; }

div.auto_complete { width: 350px; background: #fff; }
div.auto_complete ul { border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none; }
div.auto_complete ul li { margin:0; padding:3px; display: list-item; }
div.auto_complete ul li.selected { background-color: #ffb; }
div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; }

ul.autotag { margin-left: -3em; display: inline; }
.autotag li { display: inline; padding: 0px 1px; line-height: 150%; }
.autotag a { background: #edf2fc; padding: 0px 2px; margin: 0px 1px; border: 1pt solid #dbe6f8; }
.autotag a:hover, .autotag a:focus, .autotag .selected { border-color: #dddddd; background: #ccc; }

.inline_tag_form { display: inline; }
.tag_field { font-size: 100%; border: 1pt inset #dbe6f8; background-color: #edf2fc; margin-top: 1pt; }