/**
 ____   ____    __  __  _  ____    ___   _      _     
|    \ l    j  /  ]|  l/ ]|    \  /   \ | T    | T    
|  D  ) |  T  /  / |  ' / |  D  )Y     Y| |    | |    
|    /  |  | /  /  |    \ |    / |  O  || l___ | l___ 
|    \  |  |/   \_ |     Y|    \ |     ||     T|     T
|  .  Y j  l\     ||  .  ||  .  Yl     !|     ||     |
l__j\_j|____j\____jl__j\_jl__j\_j \___/ l_____jl_____j

* rickrolldb css
* by jamie wilkinson <http://tramchase.com> 2007
*
*/


* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #fff;
  background: #fff url(../images/bg-stripes-pastel-white-fade.png) repeat;
}

a {
  color: #f98;
  text-shadow: #666 5px 5px 5px;
  text-decoration: none;
  border-bottom: 1px dotted #cbc;
}
a:hover {
/*  color: #4d9b12;*/
  color: #fcb;
/*  background-color: #f0f;*/
  text-decoration: underline;
}
a img {
  border: 0;
  text-decoration: none;
  margin-bottom: 2px;
}

em {
  padding: 1px 1px;
  font-style: normal;
  background-color: #635c55;
  color: #ffefdf;
  line-height: 1.3em;
}

h1, h2, h3 {
  font-family: Arial, Verdana, sans-serif;
  font-weight: 300;  
  color: #ff5;  
}  

h1 {
  font-size: 18pt;
}
h2 {
  font-size: 12pt;
}
h3 {
  font-size: 12pt;
  margin-top: 5px;
}

p {
/*  line-height: 20px;*/
  padding: 5px;
}



/******** helpers ********/
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.floatRight { float: right; }
.floatLeft { float: left; }
.clear, .clearer { clear: both; }

/******** status ********/
#loading, #flash {
  display: none;
}
#loading {
  position: absolute;
  right: 15px;
  top: 5px;
  text-align: center;
  text-align: right;
  color: #fff;
}
#loading img {
  width: 32px;
}
#flash {
}

/********* layout ********/
#container {
  width: 550px;
  text-align: left;
  background-color: #6c6666;
  margin-right: auto;
  margin-left: auto;
  border: 3px solid #999;
  border-top: none; border-bottom: none;
}


#left {
  /* goodbye */
  display: none;
  float: left;
  width: 250px;
  background-color: #FFFFFF;
  color: black;
}

#left h3 {
  color: #c55;
}

#main {
/*  margin: 5px 5px 5px 260px;*/
  margin: 15px 0 15px 0;
  padding: 0 15px 0 15px;
  min-height: 400px;
}

#footer {
  clear: both;
  text-align: right;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
  padding: 10px 20px 20px 0;
}

#header {
  padding: 5px 0 20px 15px;
/*  text-align: center;*/
}

#header #title {
  width: 440px;
  margin: 0 auto;  
}

/******* infoz *******/
#header img.logo {
  border: 1px solid #cca;
  margin-right: 12px;
  margin-top: 8px;
}
#header h1 {
  font-size: 20pt;
  text-transform: uppercase;
}
#header h2 {
  font-size: 11pt;
  color: #fff;
}
#header h1 a {
  border: 0;
  color: #ff5;
}
#header h1 a:hover {
  color: #ffd;
  background-color: transparent;
  text-decoration: none;
}

#about {
  margin-top: 26px;
  font-size: 9pt;
  color: #eee;
  float: left;
  width: 320px;
}
#about a, #header h2 a {
  color: #eee;
  border-bottom: 1px dotted #eee;
}

#about ul {
  margin-top: 5px;
  list-style-type: none;
  
}
#about ul li {
  margin-bottom: 12pt;
  padding-left: 22px;
  background: url(../images/star.gif) no-repeat 0 2px;
  min-height: 20px;  
  line-height: 1.3em;
}


#ricklist {
  float: right;
  margin-top: 30px;
  width: 190px;
  margin-right: 10px;
}
#ricklist a {
  display: block;
  margin-bottom: 8px;
  width: 140px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
#ricklist a.subscribe {
  padding: 10px;
  background-color: #ecc; 
  color: #922;
  border: 2px solid #a55;
  font-size: 12pt;
}  
#ricklist a.ricklist {
  width: 120px;
  font-size: 10pt;
  padding: 5px 2px;
  border: 2px solid transparent;
  background-color: #baa;
  color: #722;
}
#ricklist a:hover {
  text-decoration: none;
  background-color: #fee;
  color: #a55;
  border: 2px solid #a99;
}

.news {
  margin-top: 30px;
  margin-left: 10px;
  font-size: 9pt;
}

/******* usrrr *********/
#user-info {
  clear: both;
  font-size: 8pt;
  text-align: right;
}
#user-info .editable {
  border-bottom: 1px dotted #fcc;
  cursor: pointer;
}


/******** submit ********/
#add {
  display: block;
  clear: both;
  padding: 5px 3px;
  background-color: #ccc;
  color: #555;
  border: 1px dotted #aaa;  
}

#add label {
  margin-right: 5px;
  font-size: 12pt;
}
#add input {
  display: inline;
  border: 1px solid #fcf;
  padding: 2px 3px;
  color: #999;
  font-size: 15pt;
}
#add input.submit {
  margin-left: 2px;
  color: #f00;
  background-color: #aaa;
  color: #555;
  border: 1px solid #888;
}
#add input.large {
}
#add input.required {
}
#add input.optional {
}




/********** entries (index) **********/

#entries {
  margin-top: 30px;
}

#entries h2 {
  text-align: center;
  margin-bottom: 12px;
  padding: 3px 0 1px 0;
  border: 1px solid #992;
  border-left: 0;
  border-right: 0;
}

#entries ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
/*  width: 420px; */
  
}
#entries ul li {
  height: 200px;
  overflow: hidden;
  padding-right: 10px;
  margin-top: 12px;
}
#entries ul li img {

  float: left;
  border: 1px solid #999;
  margin-right: 10px;
  height: 180px; /* sometimes up to 60px */
  width: 180px;
}
#entries ul .info {
  margin-left: 200px;
  font-size: 120%;
}
#entries ul /*.info*/ span {
  display: block;
  margin-bottom: 4px;
}
/* some colors */
#entries li, .box {
  background-color: #69635a;
  padding: 3px 2px;
  border: 1px solid #645d55;
}  

#entries .title, #entries .created_at, 
#entries .flags, #entries .comments {
  text-align: left;
}
#entries .flags a {
  border: 0;
}
#entries .title {
  font-size: 12pt;
}
#entries .flags {
  margin-top: 12px;  
  padding: 3px 0;
  height: 55px;
}
#entries .created_at {
  font-size: 8pt;
}
#entries .comments {
}
.title {
  font-weight: bold;
  font-size: 11pt;  
}  
.dispute, .confirm, .dispute a, .confirm a {
  width: 152px;
  height: 30px;
  float: left;
}


.dispute a, .confirm a { 
  padding-left: 24px;
  font-size: 11pt;
}
.confirm {
  padding-top: 12px;
}
.confirm a {
  color: #aca;
  background: url(../images/rickroll.gif) no-repeat 1px 1px;
}
.dispute {
  margin-top: 12px;
}  
.dispute a {
  font-size: 13pt;
  color: #faa;
  background: url(../images/no.gif) no-repeat 2px 1px;  
}

.stats {
  clear: right;
  padding-top: 10px;
  padding-bottom: 20px;
}
#entries .comments {
  float: right;
  font-size: 1.2em;
  margin-top: 10px;
  text-transform: lowercase;
}
#entries .comments a {
  background: url(../images/comments.gif) no-repeat top right;
  padding-right: 23px;
}  
.comments, .permalink {
  display: inline;
}

.count {
  margin-left: 5px;
  font-size: 120%;
  color: #eef; 
}

ul.entry-info {
  padding: 3px 0 20px 20px;
}
ul.entry-info li {
  padding: 0 0 2px 0px;
  font-size: 1.1em;
}


/* prev/next & pagination */
.navigation {
  margin-bottom: 20px;
}  
.navigation h2 {
  height: 42px;
  width: 300px;
  margin: 0 auto;
  padding-top: 5px;
}
div.prevnext {
  margin-top: -8px;
  font-size: 30pt;
  display: inline;
  float: right; 
  color: #737073; 
}
div.prevnext a {
  border: 0;
  padding-bottom: 4px;
  padding-top: 0;
  color: #ff0;
}
div.prevnext a:hover {
  text-decoration: none;
  background-color: #ff0;
  color: #f0f;
}
div.prev {
  margin-right: 25px;
  padding-right: 5px;
}
div.next {
  margin-left: 20px;  
  padding-left: 5px;  
}
a.rss-link {
  position: relative;
  top: 7px;
  left: 50px;
}


.pagination {
  font-size: 80%;
}

.pagination a {
  text-decoration: none;
  border: solid 1px #AAE;
  color: #15B;
}

.pagination a, .pagination span {
  display: block;
  float: left;
  padding: 0.3em 0.5em;
  margin-right: 5px;
  margin-bottom: 5px;
}

.pagination .current {
  background: #26B;
  color: #fff;
  border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
  color:#999;
  border-color:#999;
  background:#fff;
}

#page-info { margin-top: 10px; }