/* admin styles */

/* messages */
.message {
  background-color: #FFEC03;
  border: 1px solid #FF7006;
  color: #A21A1A;
  padding: 0.2em 0.8em 0.15em 34px;
  background: url("http://www.knallgrau.tv/static/icon_message_24.gif") 2px -1px no-repeat #FFEC03;
  margin: 1em 0;
}

div.admin ul li {
  list-style: none;
  background: url("http://www.knallgrau.tv/static/bg_listicon16.gif") 0 0px no-repeat;
  padding: 0 0 5px 22px;
}

div.admin ul {
  margin: 0 0 1em 0;
  padding: 0;
}

.listItem ul.taskList li {
  background: url("http://www.knallgrau.tv/static/bg_listicon16_simple.gif") 0 2px no-repeat;
}

.listNavigation {
  margin-top: 1.5em;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 2px;
  padding-left: 7px;
}

.listNavigation span {
  color: #cccccc;
}

.listNavigation a.active {
  font-weight: bold;
}

div.admin small, div.admin .small, .addComment small, .addComment .small   {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Geneva, Helvetica, sans-serif;
  font-size: 0.8462em;
  line-height: 1.55em;
  color: #666666;
}

div.admin .small input {
  font-size: 10px;
}

/* lists */

div.pageNav {
  margin: 5px 0 13px 0;
  width: 100%;
  overflow: hidden;
}

div.pageNavSummary {
  float: left;
}

div.pageNavBar {
  float: right;
  text-align: right;
}

span.pageNavItem,
span.pageNavSelItem  {
  margin-left: 3px;
  margin-right: 3px;
}

table.listItem td.leftCol {
  width: 70%;
  vertical-align: top;
}

table.listItem td.rightCol {
  width: 30%;
  vertical-align: top;
}


/* forms */

div.admin fieldset {
  border: 1px solid #cccccc;
  padding: 10px;
}

div.admin fieldset legend {
  font-weight: bold;
  font-size: 1em;
  left: 1em;
  padding: 0 0.6em;
  color: #333333;
}

div.admin fieldset.formList {
  padding: 0 1em 0 1.5em;
}

div.admin .formList p {
  border-bottom: 1px solid #333333;
  margin-top: 0.5em;
  padding-bottom: 0.8em;
}

div.admin .formTitle {
  font-size: 1.6923em;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Geneva, Helvetica, sans-serif;
  padding: 1px;
  color: #333333;
  width: 632px;
}

div.admin  .formText {
  line-height: 1.55em;
  color: #333333;
  width: 632px;
  height: 250px;
}

div.admin .intend {
  display: block;
  margin-left: 1.8em;
}

p.buttons {
  text-align: right;
}

p.buttons input {
  text-align: center;
}


* {
  margin: 0;
  padding: 0;
}

body {
  background: #333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  text-align: center;
  color: #FFF;
}

body * {
  font-size: 100.01%;
}


a {
  color: #AAA;
}

a:hover {
  color: #EEE;
  text-decoration:none;
}

p {
  margin:  0 0 1em 0;
}

li {
  list-style: none;
}

img, fieldset {
  border: 0;
}

input, select, textarea {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  color: black;
  font-size: 13px;
  vertical-align: middle;
  padding: 0 10px 0 10px;
}

ins {
  text-decoration:none;
}

label {
  vertical-align: middle;
}

.left {
  float: left;
}

.right {
  float: right;
}

.small {
  font-size: 0.8462em;
}

#sidebar .small {
  font-size: 0.9167em;
}

.wrapper {
  width: 100%;
  font-size: 0.8125em;
  line-height: 1.55em;
}

.wrapper-inner {
  width: 961px;
  overflow: hidden;
  margin: 0 auto;
  text-align: left;
}

ul {
  list-style-type:square;
}


/* HEADER */

#header {
  background-color: #FFF;
  border-bottom: 1px solid white;
}

#header-inner {
  position: relative;
  overflow: visible;
  padding: 24px 0 16px 0;
}

#header ul {
  position: absolute;
  left: 240px;
  top: 24px;
}

#header ul li {
  float: left;
}

#header ul li a {
  float: left;
  background-color:#000;;
  margin: 0;
  padding: 18px;
  text-decoration: none;
  color: #FFF;
  font-size:3em;
}

#header ul li a.inactive {
  background-color:#FFF;
  border-bottom: 1px solid white;
  color: #333;
}

#header ul li a.inactive:hover {
  background-color:#DDD;
  border-bottom: 1px solid #DDD;
}

#header ul li a span {
  display: block;
  background-color:#000;
  padding: 0;
}

#header ul li a.inactive span {
  background-color:#FFF;
}

#header ul li a.inactive:hover span {
  background-color:#DDD;
  color:#000;
}

/* PAGEBODY */

#pagebody {
  background-color:#000;
  padding: 16px 0 4em 0;
  color: #888;
}

#pagebody-inner {

}

#content {
  width: 640px;
  float: left;
  padding: 10px 0 0 0;
}

#sidebar {
  width: 256px;
  float: right;
  padding: 20px 15px 0 20px;
  background-color:#222;
  font-size: 0.9231em;
  line-height: 1.5em;
  border-left:1px solid #444;
  margin-top:16px;
}

/* CONTENT */

#content h2 {
  color: #EEE;
  line-height: normal !important;
  font-size: 1.3846em;
  font-family: "Helvetica Neue", sans-serif;
  margin: 0 0 1em 0;
  font-weight: normal;
}

/* story */

div.story {
  width: 100%;
  overflow: hidden;
  margin: 0 0 2.5em 0;
}

div.story h3 {
  color: #AAA;
  font-size: 2em;
  font-family: "Helvetica Neue", sans-serif;
  line-height: normal !important;
  font-weight: bold;
  margin: 0 0 0.25em 0;
}

div.story h3 a {
  text-decoration: none;
  color: #AAA;
}

div.story h3 a:hover {
  text-decoration: none !important;
  color: #EEE;
}

div.story .storyContent {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1.25em 0;
}

div.story .storyContent img {
  margin: 5px 0 5px 0;
}

div.story .storyContent li {
  list-style-type:square;
  padding: 0 0 0 14px;
}

div.story .storyContent img.left {
  float: left;
  margin: 5px 10px 5px 0;
}

div.story .storyContent img.right {
  float: right;
  margin: 5px 0 5px 10px;
}

div.story .storyLinks {
  width: 100%;
  overflow: hidden;
 /* white-space: nowrap; */
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 0.8462em;
  color: #777;
  padding: 4px 0 4px 0;
}

div.story .storyLinksTop {
  border-bottom: 1px solid #444;
}

div.story .storyLinks a {
  color: #777;
}

div.story .storyLinks a:hover {
  color: #EEE;
}

div.story .storyLinks .storyTags a {
  margin: 0 3px 0 3px;
}

div.story .storyLinks p {
  margin: 0 !important;
}

/* comments */

.comment-wrapper {
  padding: 10px 0 0 0;
  margin: 0 0 2.5em 0;
  background-color:#222;
  border-top:1px solid #444;
}

.comment-wrapper-inner {
  padding: 0 0 10px 0;
  width: 100%;
  overflow: hidden;
}

.comment-wrapper-inner h2 {
  margin: 0 !important;
  padding: 9px 16px 0.8em 16px;
}

.comments {
  padding: 0 16px 0 16px;
  line-height: 1.4em;
}

.comments-inner {
  border-top: 1px solid #000;
  padding: 19px 0 0 0;
}

.comments .reply {
  margin: 0 0 0 45px;
}

.comments .commentLinks {
  padding: 3px 0 22px 0;
  margin: 0 !important;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Geneva, Helvetica, sans-serif;
  font-size: 0.8462em;
  color: #666666;
}

.comments .commentLinks a {
  color: #666666;
}

.addComment {
  padding:0 20px;
}

.comment-wrapper h2 small {
  font-size:0.8em;
  font-style:italic;
  color:#999;
}

/* SIDEBAR */

#sidebar .sidebarItem {
  margin: 0 0 2.75em 0;
}

#sidebar li {
  list-style-type:square;
  padding: 0 0 0 0px;
}

#sidebar p.about {
  margin: 0 0 0.75em 0;
}

#sidebar a.feed {
  background: url("img/bg_feed.gif") 0 0 no-repeat;
  padding: 0 0 0 22px;
}

#sidebar .sidebarItem h4 {
  color: #666;
  line-height: normal !important;
  font-size: 1em;
  font-family: "Helvetica Neue", sans-serif;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  text-transform:uppercase;
}

/* tagcloud */

#sidebar a.tagsize01 { font-size: 1em; font-weight: normal; line-height: 225%; margin: 0 4px 0 0; }
#sidebar a.tagsize02 { font-size: 1.0833em; font-weight: normal; line-height: 210%; margin: 0 4px 0 0; }
#sidebar a.tagsize03 { font-size: 1.1667em; font-weight: normal; line-height: 195%; margin: 0 4px 0 0; }
#sidebar a.tagsize04 { font-size: 1.25em; font-weight: normal; line-height: 180%; margin: 0 4px 0 0; }
#sidebar a.tagsize05 { font-size: 1.3333em; font-weight: normal; line-height: 165%; margin: 0 4px 0 0; }
#sidebar a.tagsize06 { font-size: 1.4167em; font-weight: normal; line-height: 150%; margin: 0 4px 0 0; }
#sidebar a.tagsize07 { font-size: 1.5em; font-weight: normal; line-height: 135%; margin: 0 4px 0 0; }
#sidebar a.tagsize08 { font-size: 1.5833em; font-weight: normal; line-height: 120%; margin: 0 4px 0 0; }

/* historyItem */

#sidebar .historyItem span {
  font-size: 0.9167em;
  color: #999999;
  line-height: normal;
}

/* search */

#sidebar .sidebarItemSearch {
  
  margin: 3.25em 0 3.5em 0;
}

#sidebar .sidebarItemSearch p {
  margin: 0;
}

#sidebar .sidebarItemSearch p input.text {
  padding: 1px 0 1px 0;
  margin: 0 0 0.75em 0;
  width: 240px;
}

#sidebar .sidebarItemSearch h4 {
  padding: 11px 14px 0 0px;
}

#sidebar .sidebarItemSearch .sidebarItemBody {
  
  padding: 0 14px 15px 0px;
}


/* FOOTER */

#footer {
  background-color:#FFF;
  color:#333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Geneva, Helvetica, sans-serif
}

#footer a {
  color: #002D69;
}

#footer p {
  margin: 0;
}

#footer-inner {
  font-size: 0.8462em;
  padding: 1.25em 0 1.25em 0;
  line-height: 2.2em;
}

#footer .left {
  width: 320px;
  padding: 0 25px 0 0;
}

#footer .right {
  width: 271px;
}

/* BADGE */

p#badge {
  height: 150px;
  right: 0px;
  margin: 0;
  position: absolute;
  top: 20px;
  width: 150px;
}

p#badge a {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(http://www.knallgrau.tv/static/knallgrautv/layouts/knallgrautv/Badge-Beste.png?tmp=1645) no-repeat scroll left bottom;
  display:block;
  height:150px;
  width:150px;
}

.twitter-share-button {
  vertical-align: -4px;
}

.console {
  font-family:"Lucida Console", monospace;
  font-size:1.15em;
  font-style:normal;
}

.gplusone {
  float:right;
}