/*
http://ajaxload.info/
*/

* {margin:0;padding:0;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

body {
  background: #111111 none repeat scroll 0 0;
  color: #dddddd;
  line-height: 1;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #dddddd; }

h1 { font-size: 2.25em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.75em; font-weight: bold; margin-bottom: 0.75em; }
h3 { font-size: 19px; line-height: 1.1; margin-bottom: .75em; }
h4 { font-size: 17px; line-height: 1.1; margin-bottom: .75em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: .75em; }
h6 { font-size: 1em; font-weight: bold; }

p { font-size: 15px;}
p {  margin: 0 0 0.8em; line-height: 1.25;  }
.small { font-size: 13px; margin: inherit; line-height: 1.1; }
.large { font-size: 2.0em; }

a, .notice a, .error a  {
  color: #3192B5;
  text-decoration: none;
}

a:hover {
  color: #BA2121;
}

a.kissfist { /* KISSFIST links */
  color: #ffd85c;
}

input[type=text], input[type=password],
textarea, select {
  background-color: black;
  border:1px solid #eee;
  color: white;
}

input[type=text]:focus, input[type=password]:focus,
textarea:focus, select:focus {
  border-color: white;
}

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


input[type=text], input[type=password],
input.title   { width: 300px; padding:5px; font-size:1.3em;  }

input[type=text]#id_url {
  width: 450px;
}

input.invalid    {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4;
}

input.validating     {
  background: #444444;
  color: #eeeeee;
  border-color: #FFD324;
}

input.valid {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880;
}

ul.errorlist {
    list-style-type: none;
   display: inline;
}

ul.errorlist li {
   border:2px solid #DDDDDD;
  padding:0.8em;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#FBE3E4 none repeat scroll 0 0;
  border-color:#FBC2C4;
  color:#8A1F11;
}

.error, .notice., .success {
  padding-bottom: 0em;
}

.notice h2 {
  color: black;
}

div.buttons { clear: both; }

a.button {
  /* changing button border maybe */
  border: 1px solid #3192B5;
}

/*
 * HEADER FORMATTING
 * ***************** */

div.header {
  padding-top: 5px;
  margin-bottom: 40px;
}

ul.header {
  list-style-type: none;
  margin: -10px 0 0 0;
  padding: 1px 0;
  font-size: 14px;
}
ul.header li {
  display: inline;
  margin: 0;
  padding: 0 2px;
}
ul.header li.link a {
  margin: 0;
  padding: 3px 8px;
  text-decoration: none;
  text-transform: uppercase;

  background: white;
  background-color: #333;

  -moz-border-radius: 5px; /* mozilla */
  -webkit-border-radius: 5px; /* safari */
  border-radius: 5px; /* global ? */

  background: -webkit-gradient(linear, 0% 15%, 0% 85%, from(#444), to(#222), color-stop(.5,#000));
  background: -moz-linear-gradient(0% 100% 90deg,#444444, #222222, #000000 50%,#444444 100%);

}

ul.header li.link a:hover {
  background-color: #BA2121;
  background: -webkit-gradient(linear, 0% 15%, 0% 85%, from(#BA2121), to(#BA2121), color-stop(.5,#BA4949));
  background: -moz-linear-gradient(0% 100% 90deg,#BA2121, #BA2121, #BA4949 50%,#BA4949 100%);

  color: white;
}
ul.header li img {
  position: relative;
  top: 8px;
}


/**********************
 * SIDEBAR FORMATTING *
 **********************/

#sidebar-detail div {
  text-align: center;
}

#sidebar-detail .title {
  background-color: #222222;
  padding: 5px 0;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#sidebar-detail .count {
  padding: 15px;
  font-size: 3em;
  font-weight: bold;
  margin-bottom: 15px;
}

#user-vote-icon-div {
  float: right;
  position: relative;
  top: -17.5px;
}

/* pagination & sort formatting */

.nav-link {
  margin: 3px;
  padding: 4px 6px;
  border: 2px solid #3192B5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

a.nav-link:hover {
  border-color: #BA2121;
}

.nav-link.current {
  border: 2px solid #ddd;
}

.nav-link.disabled {
  border: 2px solid #444;
  color: #444;
}

#pagination {
  text-align: right;
}

#sort-options {
  list-style-type: none;
  margin: 0 0 25px 0;
}

#sort-options li {
  display: inline;
}


/* comment formatting */

.comment {
  margin-bottom: 15px;
}

.comment-header {
  padding: 3px 3px;
  margin: 0 0 5px 0;
  height: 40px;
}

.comment-header-odd {
  background-color: #333333;
}

.comment-header-even {
  background-color: #555555;
}

.comment-respond-parent {
  float: right;
}

.comment-respond-parent textarea {
  height: 100px;
  width: 250px;
}

.comment-respond-parent .buttons {
  float: right;
}

.comment-header img {
  float: left;
  margin-right: 5px;
}

.comment-header p {
}

.text-right { text-align: right; }
.center { text-align: center; }

/*
 * MESSAGES
 *          */

#noscript-warning {
  background-color: #AE0000;
  color: #FFFFFF;
  font-size: 1.25em;
  font-weight: bold;
  left: 0;
  padding: 5px 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 101;
}

#noscript-padding {
  padding-top: 3em;
  background-color: blue;
}

.message-container {
  background-color: blue;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
  clear: both;
  margin: 0;
}

.message-container p {
  margin: 0;
}

.message-clear {
  position: relative;
  float: right;
  top: -15px;
  clear: both;
}

/*
 * VIDEO TABLE FORMATTING
 * ********************** */

table#video-list-table td {
  padding-bottom: 10px;
}

table#video-list-table td.details {
  width: 100%;
}

table#video-list-table td.details h3,
table#video-list-table td.details h4 {
  margin-bottom: 0.25em;
}

/*
 * LIST ITEM FORMATTING
 * ********************** */

ul.item-list {}

li.news-item {
  list-style-image: url(img/yellow-star.png);
  margin: 0 0 10px 5px;
}

li.comment {
  list-style-image: url(img/comment.png);
  margin: 0 0 10px 5px;
}

li h3,
li h4 {
  margin-bottom: 0.25em;
}


/* FLAT PAGES
 * **************************/

#flatpage_faq h1#top {
  font-size: 2em;
  font-weight: bold;
  border: none;
}

#flatpage_faq h1 {
  font-size: 1.75em;
  font-weight: normal;
  border-bottom: 1px #555 dotted;
}

#flatpage_faq p,
#flatpage_faq ul {
  margin: 10px 35px;
  font-size: 1.4em;
}
#flatpage_faq ul { margin-left: 55px; }

/* FOOTER
 * **************************/
#main {padding-bottom: 100px;}

#footer {
  position: relative;
  margin-top: -40px;
  height: 40px;
  clear:both;
  text-align: center;
}

#footer hr {
  margin-bottom: 5px;
}

#footer a {
  color: #ddd;
}


/*
 * SS_SPRITE
 * *************************/

.ss_sprite {
  padding-bottom: 1px;
}