/*  
Theme Name: al - RedWhite
Theme URI: http://www.sportima.ch/
Description: RedWhite-Theme, 2 Spalten, 750 Pixel breit, von sportima.ch.
Version: 1.0
Author: Andreas litscher
Author URI: http://www.sportima.ch/
*/

/* ####################### Voreinstellungen #################### */
html {
  height			: 100.01%; 	
  margin			: 0; 
  padding			: 0;
}

* {
  margin			: 0;
  padding			: 0;
  border			: none;
}

body        { color: #000; font: 100.01%/1.5 "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif; background: #e2001a; text-align: center; height: 100.01% }

/* ####################### Seitenaufbau #################### */
#mantel           { background: #fff url("images/kopf.jpg") no-repeat; text-align: left; margin: 0 auto; width: 750px }

/* ####################### allgemeine Gestaltung #################### */
h1, h2, h3, h4, h5, h6   { color: #e2001a; font-size: 1.3em; font-family: "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif; font-weight: normal; margin: 20px 25px 3px; padding: 1px 5px 2px 0 }

h2 {font-size		: 1.3em;}
h3 {font-size		: 1.1em;}
h4 {font-size		: 0.9em;}
h5 {font-size		: 0.85em;}
h6 {font-size		: 0.8em;}

p {
  font-size			: 0.885em;
  line-height		: 1.5;
  margin			: 0 25px 8px;
}

small {
  font-size			: 0.7em;
  margin			: 0 25px 8px;
}

a      { color: #e2001a; text-decoration: none }

a:hover      { color: #4d4d4d; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

blockquote    { color: #ccc; font: italic 1em/1.6 Georgia, "Times New Roman", "Times Roman", Times, serif; background: #470101; letter-spacing: 1px; margin: 10px 30px 10px 40px; padding: 5px 0; border-left: 5px solid #e2001a }

/* ####################### Seiten-Kopf #################### */
#seitenkopf            { padding-top: 20px; width: 750px; height: 280px }

#seitenkopf h1      { font-size: 1.8em; font-weight: normal; margin: 0; padding: 170px 0 0 400px }

#seitenkopf h1 a        { color: #fff; font-size: 1.3em; font-weight: normal; margin: 0; padding-top: 1px; padding-right: 5px; padding-bottom: 2px }

#seitenkopf h1 a:hover      { color: #4d4d4d; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

#seitenkopf p            { color: #fff; font-size: 1.3em; font-family: "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif; font-weight: bold; margin: 0; padding: 0 0 0 400px }

/* ####################### Inhalte #################### */
#inhalte {
  width				: 530px;
  float				: left;
}

#inhalte .postmetadata   { font-size: 0.7em; line-height: 1.3; padding: 2px 0 4px; border-top: 1px solid #e2001a; border-bottom: 1px solid #e2001a }

#inhalte .dlft {
  width				: 230px;
  float				: left;
  margin			: 10px 0 0 25px;
  text-align		: left;
  font-size			: 0.8em;
}

#inhalte .drgt {
  width				: 230px;
  float				: right;
  margin			: 10px 25px 0 0;
  text-align		: right;
  font-size			: 0.8em;
}

#inhalte .navigation {
  width				: 530px;
  margin			: 15px 0 0;
  height			: 2.5em;
  line-height		: 1.1;
}

#inhalte .lft   { background: #fff; margin: 7px 15px 8px 0; padding: 3px; float: left; border: solid 1px #e2001a }

#inhalte .rgt   { background: #fff; margin: 7px 0 8px 15px; padding: 3px; float: right; border: solid 1px #e2001a }

#inhalte ol,
#inhalte ul {
  font-size			: 0.8em;
  margin			: 10px 25px 10px 50px;
}

#inhalte ol {
  margin-left		: 55px;
}

#inhalte ol li,
#inhalte ul li {
  line-height		: 1.2;
  padding-bottom	: 4px;
}

#inhalte ol li code {
  font-size			: 1.2em;
  background		: #ccc;
}

#inhalte table   { font-size: 0.8em; margin: 10px 25px 15px; border-top: 1px solid #e2001a; border-left: 1px solid #e2001a; border-collapse: collapse  }

#inhalte table th,
#inhalte table td   { padding: 0 5px; border-right: 1px solid #e2001a; border-bottom: 1px solid #e2001a }
 
#inhalte img   { margin: 6px 10px 3px 0; float: left; border: solid 1px #e2001a } 

#inhalte #sucheingabe      { color: #000; font: 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif; background: #fff; margin: 0 0 5px 25px; padding: 1px 5px 3px; width: 180px; border: inset 1px #e2001a }

#inhalte #suchsubmit       { color: #000; font: 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif; background: #fff; margin: 5px 0; padding: 0 3px 2px; width: 53px; border: outset 1px #e2001a }

#inhalte #suchsubmit:hover     { color: #e2001a; background: #fff }

/* ####################### Kommentare #################### */
#commentform input     { color: #000; font: 1.1em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif; background: #fff; margin: 5px 0 5px 5px; padding: 1px 5px 3px; border: inset 1px #e2001a }

#commentform input#submit      { color: #000; font: 1.1em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif; background: #fff; margin: 0 0 10px 5px; padding: 0 3px 2px; border: outset 1px #e2001a }

#commentform input#submit:hover    { color: #e2001a; background: #fff }

#commentform textarea     { color: #000; font: 1.1em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif; background: #fff; margin: 5px 0 5px 5px; padding: 1px 5px 3px; border: inset 1px #e2001a }

#commentform label {
  font-size			: 0.9em;
}

#commentform small {
  font-size			: 0.8em;
}

ol.commentlist p {
  font-size			: 1.0em;
}

ol.commentlist li   { margin: 0 0 10px; padding: 5px 5px 3px; border: solid 1px #e2001a }

ol.commentlist li.alt   { border: solid 1px #e2001a }

ol.commentlist .commentmetadata {
  font-size			: 0.9em;
  margin			: 0;
  padding			: 0;
}

/* ####################### Kontaktformular #################### */
#inhalte div.contactform {
  margin			: 20px 0 10px 25px;
  font-size			: 0.8em;
}
  
#inhalte div.contactform label {
  width				: 15em;
}

#inhalte div.contactform input,
#inhalte div.contactform textarea     { color: #000; font: 1em/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, sans-serif; background: #fff; margin-bottom: 2px; padding: 2px 3px; width: 220px; border: inset 1px #e2001a }
  
#inhalte div.contactkopie {
  width				: 18em;
  float				: left;
}

#inhalte div.inputkopie {
  width				: 13em;
  float				: left;
}

#inhalte div.inputkopie input {
  width				: 2em;
  margin-top		: 5px;
}
  
#inhalte div.contactform textarea {
  width				: 420px;
}

#inhalte .contactsubmitl {
  clear				: both;
}

#inhalte #contactsubmit     { color: #000; background: #fff; margin: 40px 0 0; width: auto; border: outset 1px #e2001a }
  
#inhalte #contactsubmit:hover   { color: #e2001a; background: #fff }

/* ####################### Navigation #################### */
#navi     { padding: 33px 0 10px; width: 220px; float: right }

#navi h2    { color: #000; font: 1em/1.6 "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 10px 5px 2px; border-bottom: 1px solid #fff; zoom: 1   }

#navi ul   { font-size: 1em; list-style-type: none; margin: 0 25px 0 0; padding: 0; zoom: 1  }

#navi ul li ul       { font-size: 0.8em; background-color: #fff; margin: 0; padding: 0; zoom: 1      }

#navi ul li ul li ul {
  padding			: 0;
  margin			: 0;
  zoom				: 1;
  font-size			: 1.0em;
}

#navi ul li.cal {
  padding			: 0;
  margin			: 0;
  zoom				: 1;
}

#navi ul li ul li a {
  display			: inline-block;
}

#navi ul li ul li a   { display: block; padding: 1px 5px 2px; border-bottom: 1px solid #fff }

#navi ul li.recentcomments   { display: block; padding: 1px 5px 2px; border-bottom: 1px solid #fff }

#navi ul li.recentcomments a  { display: inline; padding: 1px 0 2px; border-bottom: medium none }

#navi ul li ul li.current_page_item a,
#navi ul li ul li.current-cat a     { color: #4d4d4d; background: #fff; display: block; padding: 1px 5px 2px }

#navi ul li ul li a:hover    { color: #4d4d4d; background: #fff }

#navi #suche   { margin: 8px 0 0; padding: 0; border-bottom: 1px solid #fff }

#navi #suche h2#suchhead {
  border-bottom		: none;
}

#navi #search br {
  display			: none;
}

#navi #suche .si,
#navi #search #si     { color: #000; font: 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif; background: #fff; margin: 0 0 5px; padding: 1px 5px 3px; width: 125px; border: inset 1px #e2001a }

#navi #suche .ss,
#navi #search #ss      { color: #000; font: 0.8em "Lucida Sans Unicode", "Lucida Grande", "Trebutchet MS", Arial, Helvetica, sans-serif; background: #fff; margin: 5px 0; padding: 0 3px 2px; width: 53px; border: outset 1px #e2001a }

#navi #suche .ss:hover,
#navi #search #ss:hover    { color: #e2001a; background: #fff }

#navi ul#themeswitcher li.current_theme    { color: #fff; background: #e2001a; padding: 1px 5px 2px; border-bottom: 1px solid #fff }

/* ####################### Kalender #################### */
#wp-calendar         { font-size: 0.8em; font-family: "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif; line-height: 1em; background-color: #c0c0c0; margin: 5px 0 5px 5px; width: 190px; border-top: 1px solid #e2001a; border-left: 1px solid #e2001a; border-collapse: collapse        }

#wp-calendar caption       { line-height: 16px; background-color: #e2001a; text-transform: uppercase; letter-spacing: 1px; margin: 5px auto }

#wp-calendar #today       { color: #fff; font-weight: bold; background: #c0c0c0 }

#wp-calendar th,
#wp-calendar td         { font-weight: normal; background-color: #c0c0c0; text-align: center; text-transform: uppercase; padding: 2px; border-right: 1px solid #e2001a; border-bottom: 1px solid #e2001a }

#wp-calendar .pad       { background: #c0c0c0 }

#wp-calendar a        { color: #fff; font-weight: bold; background-color: #c0c0c0 }

#wp-calendar a:hover        { color: #e2001a; background-color: #c0c0c0 }

/* ####################### Seiten-Fuss #################### */
#seitenfuss      { background: #c0c0c0; width: 750px; clear: both; border-top: 1px solid #e2001a }

#seitenfuss p {
  padding			: 5px 0;
  text-align		: center;
  font-size			: 0.6em;
  font-family		: "Lucida Sans Unicode", "Lucida Grande", Candara, Corbel, Helvetica, Arial, "Trebutchet MS", Tahoma, sans-serif;
}