/*
  Theme Name:   Wordpress Style der Deutsch-Kroatische Gesellschaft Freiburg e.V.
  Theme URI:    http://www.dkg-freiburg.de/style.css
  Description:  
  Version:      1.0
  Author:       Christian Köhler 
*/

body {
/*	font                   : 62.5%/1.6em sans-serif; */
	font                   : 70.0%/1.6em sans-serif;
	color                  : #111;
   background-color       : white;
	background-attachment  : fixed; 
	margin                 : 0;
	padding                : 0;
}

a {
   color                  : #0033aa; /* DKG dark blue */
   background-color       : white;
}

a:hover {
   color                  : red;
   background-color       : white;
}

#PagePictureHeader {
  height                  : 80px;
  width                   : 1000px;
  color                   : black;    /* not used but needed for valid warning free CSS */
  background-color        : #ececff;
  overflow                : hidden;
  background:url(images/h1.bmp) top left no-repeat;
}

#nav {
   margin-right           : 240px;
   padding-right          : 50px;
/*   clear : both; */
}

#nav ul {
  border                  : none;
}

#nav li {
  text-align              : center;
  float                   : left;
  list-style              : none;
  color                   : black;
  background              : white;
}

#nav li a {
  display                 : block;
  padding-top             : 10px;
  padding-right           : 10px; 
  padding-bottom          : 10px;
  padding-left            : 10px;
  background              : #fff;
  color                   : #0033aa; /* DKG dark blue */

  text-decoration         : none;
  text-transform          : uppercase;
}

#nav a {
/*  border                  : 1px solid silver; */
  border                  : none;
}
  
#nav li a:hover {
  color                   : red;
  background:url(images/nav_a_hover.jpg) top center no-repeat #fff;
}

  
#header {
  top                     : 81px;
  left                    : 0px;
  margin-right            : 240px;
  padding-right           : 50px;
}

#header h1 {
  font                    : 2.7em sans-serif;
  color                   : #000;
  background-color        : white;
  text-align              : right;
/*   background: url("images/DeutscheFlagge.jpg") top left no-repeat; */ 
/*   background: url("images/KroatischeFlagge.jpg") bottom right no-repeat; */ 
}

#header h1 a {
  color                   : #222;
  background-color        : white;
  text-decoration         : none;
  border                  : none;
}

#header h1 a:hover {
	color                  : red;
   background-color       : white;
}

#header h1 span {
	font-size              : .8em;
	color                  : #ccc;
   background-color       : white;
	text-transform:uppercase;
}

#container {
	clear:both;
}

p.description {
	padding                : 10px 10px 40px 10px;
	color                  : #fff;
   background-color       : white;
	font-size              : 1.5em;
	line-height            : 25px;
	border-top             : 4px solid #003C64;
}

p.description a {
   color                  : #0033aa; /* DKG dark blue */
   background-color       : white;
	text-decoration        : none;
	font-weight            : bold;
	border-bottom          : 1px dotted #8CD1FF;
}

p.description a:hover {
   color                  : red;
   background-color       : white;
	border-bottom          : 1px dotted #8CD1FF;
}

#content {
  margin                  : 0 260px 0 5px;
  padding-top             : 10px;
  padding-right           : 0px;
  padding-left            : 30px;
  padding-bottom          : 0px;
}

#content h2 {
  font                    : 1.8em sans-serif;
  text-decoration         : none;
  color                   : #121212;
  background-color        : white;
  letter-spacing          : -1px;
  margin                  : 10px 0;
  border-bottom           : 2px solid #eee;
  background:url(images/h2.jpg) bottom left no-repeat;
  clear                   : left;
}

#content h2 a {
  color                   : #121212;
  background-color        : white;
  text-decoration         : none;
  border                  : none;
}

#content h2 a:hover {
  color                   : red;
  background-color        : white;
  text-decoration         : none;
}

#content span.postmeta
{
  float                   : left;
  color                   : #444;
  background-color        : white;
  display                 : block;
  border-top              : 2px solid #eee;  
  width                   : 100%; 
  margin                  : 0 0 40px 0;
  font-size               : 110%;
}

#content span.postmeta a {
  color                  : #0033aa; /* DKG dark blue */
  background-color       : white;
  text-decoration        : none;
  border                 : none;
}

#content span.postmeta a:hover {
  color                  : red;
  background-color       : white;
}

#content p {
  text-align              : justify;
  margin                  : 15px 30px;
  font-size               : 110%;
  line-height             : 1.35em;
}

#sidebar {	
  position                : absolute;
  top                     : 0px;
  right                   : 0px;
  width                   : 240px;
/*	heigth                   : 1000px; */
  z-index                 : 2;
	
  float                   : right;
  padding                 : 10px 10px 10px 10px;
	
  color                   : black;
  background-color        : white;
}

#sidebar h2 {
  color                   : #333;
  background-color        : white;
  margin                  : 10px 0;
  font-size               : 1.3em;
}

p.news {
  color                   : black;
  background              : #f4f4f4;
  padding                 : 10px;
  margin                  : 0 0 10px 0;
  border-left             : 5px solid #f0f0f0;
}

p.news a.more {
  display                 : block;
  color                   :#333;
  background-color        : white;
  text-decoration         : none;
  text-align              : right;
  border                  : none;
}

#sidebar ul {
  list-style              : none;
/*	border-top               : 1px solid #eee; */
  border                  : none;
  padding                 : 0;
  margin                  : 0;
}

#sidebar ul li {
  border-bottom           : 1px solid #eee;
  padding                 : 5px;
  margin                  : 0;
}

#sidebar ul#search li {
  border                  : none;
} 

#sidebar ul#recently li {
  color                   : black;
  background              : #fff url("images/redbullet.jpg") center left no-repeat;
  padding-left            : 22px;
}

#sidebar ul#feeds li {
  color                   : black;
  background              : #fff url("images/rss.jpg") center left no-repeat;
  padding-left            : 22px;
}

#sidebar ul#search {
  color                   : black;
  background              : #fff url("images/search.png") center left no-repeat;
  padding-left            : 22px; 
}

#sidebar ul#search li {
  margin-left             : -5px;
}

#sidebar ul li a {
  color                   : #0033aa; /* DKG dark blue */
/*	color                    : #0066dd; /* DKG light blue */
  background-color        : white;
  text-decoration         : none;
  border                  : 0;
}

#sidebar ul li a:hover {
  color                   : red;
  background-color        : white;
/*	background-color : #eee; */
}

input {
  padding                 : 5px;
  border                  : 1px solid #eee;
  color                   : #555;
  width                   : 200px;
}

#content h3 {
  font                    : 1.8em sans-serif;
  color                   : #555;
/*   color  : red; */
  background-color        : white;
  margin                  : 10px 0;
}
blockquote {
  padding                 : 0 0 0 10px;
  border-left             : 5px solid #eee;
}

ul {	
  margin                  : 10px 10px 10px 0;
  padding                 : 0 0 0 15px;
  border                  : 1px solid #eee;
}

li {
  margin                  : 0 0 0 10px;
  padding                 : 5px;
}

#content img {
  margin                  : 2px 8px;
  padding                 : 10px;
  border                  : 1px dotted #eee;
}

#comments .comment {
  clear                   : left;
}

#comments .commentname {
  border-bottom           : 1px solid #eee;
  width                   : 100%;
  display                 : block;
  text-indent             : 0px;
}

#comments .commentname a {
  color                   : #0033aa; /* DKG dark blue */
  background-color        : white;
  border                  : 0;
  line-height             : 21px;
}

#comments .commenttext {
  padding-right             : 30px;
}

#comments .gravatar {
  float                   : left;
  margin-top              : 10px;
}

a {
  color                   : #222;
  border-bottom           : 1px dotted #ccc;
  text-decoration         : none;
}

label {
  display                 : block;
  font-weight             : 700;
  width                   : 100%;
}

textarea {
  width                   : 250px;
  height                  : 175px
}

input, textarea {
  color                   : black;
  background              : #f2f2f2;
  border                  : 1px solid #ccc;
  padding                 : 3px;
}

input:focus, textarea:focus {
  color                   : black;
  background              : #fff;
  border                  : 1px solid #005a97;
}

p a {
  color                   : #0033aa; /* DKG dark blue */
  background-color        : white;
}

/* IE-6.0 Bugfixing Verschiebeeffekt bei Hover Kommentarname */
p a:hover {
  border-bottom           : 1px solid #ccc; 
}
/* /IE-6.0 Bugfixing Verschiebeeffekt bei Hover Kommentarname */
#footer {
  text-align              : center;
  padding                 : 10px;
  margin                  : 30px 0 0 0;
  color                   : #ccc;
  background-color        : white;
  width                   : 760px;
/*  margin                  : 0 auto; */
}

#footer a {
  color                   : #eee;
  background-color        : white;
}

/* IE-6.0 Bugfixing Positionierung Kommentare/Formular */
* html #comments .commentname, * html label {
  width                   : 98%;
}
* html .commenttext p {
  width                   : 90%;
}
* html #comments ol li {
  margin                  : 0 0 0 10px;
  padding                 : 5px 0 5px 0;
}