/*
	Theme Name: iRoybotic
	Theme URI: http://www.contact-sheet.de
	Description: Slategray based WordPress-Theme, written for WordPress 1.5x and above, for more information on the Theme, how to customise the Theme and to see what other Versions and Translations of this Theme are available visit the <a href="http://www.contact-sheet.de/blog/">iRoybotic Page</a> in my Blog 
	Version: 0.9.1 
	Author: Erik Poehler 
	Author URI: http://www.contact-sheet.de/blog/ 
*/
html {
	background: #708090;
	}
body {
	background: #708090;
	font: normal normal 0.9em/1.2em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	cursor: default;
  color: #333;
	padding: 0;
  margin: 0;
	text-align: center; /* For IE */
	}
.clearboth {
  clear: both; padding: 0; margin: 0;
  }
#header {
  width: 795px;
  height: 180px;
  background: #D8DDE1 url("images/ldl_header.jpg") no-repeat;
  margin: 0 auto;
  }
#content {
  line-height: 1.6em;
  float: right;
  width: 604px;
  padding: 0px 0px;
  }
p {
  display: block
  margin: 0 0 0px 0;
  }
/* .entrytitle img {
  border: 0px none;
  }
.entrytitle span a img {
  border: 0px none;
  }
*/  
acronym {
  border-bottom: 1px dashed #708090;
  cursor: help;
  }
.paragraph code {
  cursor: text;
  text-align: left;
  letter-spacing: -0.08em;
  width: auto; 
  padding: 0 4px;
  margin: 0;
  font-size: 1.4em;
  line-height: 1.6em;
  background: #F4F6F7;
  
  }
code.block {
  display: block;
  }

div.paragraph a {
  border: 0;
  }
div.paragraph a img {
  border: 0;
  }  
/* IMAGE REPLACEMENT */
#content h3 {
  padding: 0;
  margin: 0 0 6px 0;
  clear: both; 
  overflow: hidden;
  }
#content h3 a {
  position: relative;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  background: #d8dde1;
  overflow: hidden;
  }
#content h3 span {
  position: absolute;
	width: 100%;
	height: 100%;
  }  
/* END IMAGE REPLACEMENT */

#content h4 {
  color: #4d5863;
  font-size: 1.37em;
  padding: 0 0 0 14px;
  margin: 10px 0 4px 0;
  background: url("images/bullet.jpg") no-repeat 0 50%;
  }

p.postmetadata {
  font-size: 0.97em;
  clear: both;
  text-align: right;
  display: block;  
  padding-top: 3px;
  padding-left: 100px;
  margin-right: 20px;
  border-top: 1px dashed #708090;
  }

a {
  font-weight: 600;
  text-decoration: none;
	padding: 0 2px;
  }
a:link {
	color: #708090;
	}
a:visited {
  color: #333;
  }
a:hover, a:active {
	color: #fff;
	background: #708090;
	}
ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	line-height: 1.2em;
	}

li {
	padding-bottom: 7px; 
	}

acronym {
	font-style: normal;
	border-bottom: 1px dotted #666;
	cursor: help;
  }

.accesskey {
	text-decoration: underline;
	}

/* Container Styles */

#container {
	position: relative; 
	width: 795px;
	background: #D8DDE1 url("images/middle_bg.gif") repeat-y ;
	margin: 0 auto;
	text-align: left; /* For IE, see above */
	}

/* Intro Styles */
h1, h2 {
	text-indent: -999em;
	margin: 0;
	}

#quickSummary {
	width: 772px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff; 
	background: #C4CBD2;
	margin-left: 10px;
	}

#quickSummary h3 span {
  display: none;
  
  }
#quickSummary h3 {
  text-indent: -999em;
  width: 160px;
  margin: 0;
  padding: 5px 0;
  height: 35px;
  background: url("images/quicksummary_bg.gif") no-repeat top left;
  }

#quickSummary a:link, #quickSummary a:visited {
	font-size: 0.85em;
  font-weight: normal;
  margin-left: 10px;
  text-decoration: none;
	color: #6A0909;
	
	}

#quickSummary a:hover, #quickSummary a:active {
	color: #6A0909;
  text-decoration: none;
	background: #fff;
	}

/* Content Text Styles */
div.paragraph {
	margin: 10px 35px 50px 0px;
	padding: 0;
	
  /* margin: 0 50px 0 320px; */
	}
div.paragraph h3 {
  }

#content p {
	/* TEST FORMATIERUNG DES CONTENTS */
  /* float: left; */
  /* ENDE */
  color: #4d5863;
  margin: 5px 0 5px 0;
	}

.p1 {
	margin-right: 0px;
  padding: 0;
  font-size: 0.82em;
	line-height: 1.5em;
	text-align: justify;
  border-top: 1px dashed #708090;
  }
.p2 {
  font-size: 0.95em;
	line-height: 1.3em;
  }
.p3 {
  /* clear: both; */
  }
/* NAVIGATION STYLES */
#navlist {
	font-size: 0.85em;
  float: left;
	width: 160px;
	margin-left: 10px;
  }
#navlist ul {
  margin-right: 10px;
  margin-left: 10px;
  }
#navlist ul li {
  display:block;
  margin: 2px 0;
  }    
#navlist h3 {
	text-indent: -1100px;
	height: 45px;
	margin: 0;
	}
#navlist a {
  font-weight: normal;
  }
#navlist a:hover, #navlist a:active {
	background: #fff;
	}
#navlist acronym {
	border-bottom: none;
	}

/* CATEGORY NAVIGATION */
#nav-topics {
	background: #627a98 url("images/kategori.jpg") no-repeat left top;
  }
#nav-topics ul {
	padding-bottom: 0px;
  }
#nav-topics a:link, #nav-topics a:visited {
	color: #6A0909;
	}
#nav-topics li {
	color: #AC4444;
	}
#nav-topics a:hover, #nav-topics a:active {
	color: #6A0909;
	}
/* ARCHIVES NAVIGATION */
#nav-archives {
  background: #8e676d url("images/arkiv.jpg") no-repeat left top;
  }
#nav-archives ul {
  padding-bottom: 35px;
  }
#nav-archives li {
	color: #D88E57;
	}
#nav-archives a:link, #nav-archives a:visited {
  color: #FECC68;
  }
#nav-archives a:hover, #nav-archives a:active {
	color: #6A0909;
	}


/* SEARCH --- NAVIGATION */    
#nav-search {
  background: #5f667a url("images/sok.jpg") no-repeat left top;
  }
#nav-search form {
  padding:0;
  margin: 10px 10px 10px 10px;
  }
#nav-search #s {
  color: #6A0909;
  background: url("images/topics_foot.gif") left bottom;
  border: 2px solid #AC4444;
  padding: 3px;
  width: 130px;
  }
#nav-search #ssubmit {
  margin-top: 5px;
  border: 2px solid #AC4444;
  background: #AC4444;
  color: #FECC68;
  }
 
#nav-search #ssubmit:hover {
  border: 2px solid #6A0909;
  }  
#nav-search ul {
  clear: left;
  }
#nav-search li {
	text-align: left;
  background: url("archives_bg.gif") repeat-x left bottom;
	} 
#nav-search h3 {
		margin: 0;
	}
#nav-search a:link, #nav-search a:visited {
	color: #6A0909;
	}
#nav-search a:hover, #nav-search a:active {
	color: #6A0909;
	}


#nav-syndicate {
  border-top: 2px solid #fff; 
  background: #C4CBD2;
  }
#nav-syndicate ul {
  padding-top: 1px;
  }
#nav-syndicate a:link, #nav-syndicate a:visited {
	color: #4d5863;
	}
#nav-syndicate li {
  color: #708090;
  background: url("images/photos_bg.gif") repeat-x left bottom;
  display: inline;
  }
/* PAGE FOOTER STYLES (THE BUTTON-SECTION) */
#footer {
  margin: 0 auto;
  float:left;
  width: 795px;
  height: 50px;
  background: url("images/footer.gif") no-repeat;
  }
#page-footer {
	clear: both;
  margin: 0 auto;
  font-size: 0.72em;
  height: 120px;
  width: 795px;
	background: #708090;
	text-align: right;
	}

#page-footer ul {
  padding-top: 10px;
  margin: 0px 20px;
  }  
#page-footer li {
  padding: 0px;
  border-top: 3px solid #8091A3;
  border-right: 2px solid #616F7D;
  border-left: 2px solid #616F7D;
  border-bottom: 3px solid #47515B;
  margin: 0 2px;
  margin-bottom: 0px;
  display: inline;
  }
  
#page-footer a {
  font-weight: normal;
  }
#page-footer a:link, #page-footer a:visited {
	text-transform: uppercase;
	color: #4D5863;
	border:2px solid #708090;
  padding: 0 15px 0 0px;
  background: url("images/checked.gif") 100% -20px no-repeat;
  }
#page-footer a strong {
  width: 29px;
  padding: 0 3px;
  color: #708090;
  background: #4d5863;
  
  }
/* W3C BUTTONS */
#page-footer a.w3c b {
  display: none;
  }
#page-footer a:link.w3c, #page-footer a:visited.w3c {
  padding-right: 0px;
  padding-left: 32px;
  background-image: url("images/w3c.gif");
  background-position: 0px 50%;
  background-repeat: no-repeat;
  }
#page-footer a:hover.w3c, #page-footer a:active.w3c {
	border:2px solid #CFB375;
  background-color: #FECC68;
  background-image: url("images/w3c.gif");
  background-position: -33px 50%;
  background-repeat: no-repeat;
  }
#page-footer a:link.w3c strong, #page-footer a:visited.w3c strong {
  font-weight: normal;
  padding: 0 15px 0 3px;
  background-color: #708090;
  color: #4d5863;
  }  
#page-footer a:hover.w3c strong, #page-footer a:active.w3c strong {   
  background-color: #FECC68;
  background-image: url("images/checked.gif");
  background-position: 100% 50%;
	background-repeat: no-repeat;
  color: #000;
  }


/* HOVER-STATE OF THE OTHER BUTTONS */   
#page-footer a:hover strong, #page-footer a:active strong {
  color: #00428C;
  background: #F4F6F7;
  }  
#page-footer a:hover, #page-footer a:active {
	color: #000;
	border:2px solid #CFB375;
  background-image: url("images/checked.gif");
  background-position: 100% 50%;
	background-repeat: no-repeat;
  background-color: #FECC68;
	}

/* CREATIVE COMMONS BUTTON */
#page-footer a.cc b {
  display: none;
  }
#page-footer a:link.cc, #page-footer a:visited.cc {
  padding-right: 0px;
  padding-left: 32px;
  background-image: url("images/cc.gif");
  background-position: 0px 50%;
  background-repeat: no-repeat;
  }
#page-footer a:hover.cc, #page-footer a:active.cc {
	border:2px solid #B3B9B3;
  background-color: #C0C8C0;
  background-image: url("images/cc.gif");
  background-position: -33px 50%;
  background-repeat: no-repeat;
  }
#page-footer a:link.cc strong, #page-footer a:visited.cc strong {
  font-weight: normal;
  padding-left:3px;
  background: #708090;
  color: #4d5863;
  }  
#page-footer a:hover.cc strong, #page-footer a:active.cc strong {   
  background-color: #C0C8C0;
  color: #000;
  }
/* TEXT IN THE PAGES' FOOTER */
#page-footer p {
  color: #4D5863;
  margin: 0px 20px;
  }
  
/* THUMBNAIL STYLING - the ones shown in content*/
div#thumbwrapper {
	clear: both;
  width: 560px; 
	text-align: center;
	border-bottom: 0;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
div.thumbcontainer {
	float:left;
  margin: 0 auto;
	width: 140px;
	background: transparent url("images/mitte.gif") repeat-y;
}
div.thumbtop {
	width: 140px;
	height: 35px;
	background: url("images/oben.gif") no-repeat; 
}
div.thumb {
	width: 100px;
	padding: 0 0 15px 0; 
	margin: -21px 15px -15px 18px;
	text-align: center;
  font-size: 90%;
	font-weight: 700;
	}
div.thumb a {
  display: block;
  width: 100px;
  color: #708090;
  border: 0;
  background: transparent;
  }
div.thumb a:hover {
  color: #6A0909;
  }  
div.thumbbottom {
	width: 140px;
	height: 37px;
	padding-top: -10px;
  margin-top: -5px;
  background: url("images/unten.gif") no-repeat;
  }

/* THUMBNAIL STYLING - the ones shown in content*/
div#thumbwrapper {
	width: 560px; 
	text-align: center;
	border-bottom: 0;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
div.thumbcontainer {
	float:left;
  margin: 0 auto;
	width: 140px;
	background: transparent url("images/mitte.gif") repeat-y;
}
div.thumbtop {
	width: 140px;
	height: 35px;
	background: url("images/oben.gif") no-repeat; 
}
div.thumb {
	width: 100px;
	padding: 0 0 15px 0; 
	margin: -21px 15px -15px 18px;
	text-align: center;
  font-size: 90%;
	font-weight: 700;
	}
div.thumb a, div.thumb a img, div.thumb a:link, div.thumb a:link img, div.thumb a:visited, div.thumb a:visited img {
  display: block;
  width: 100px;
  color: #708090;
  border: 0;
  background: transparent;
  }
div.thumb a:active, div.thumb a:active img, div.thumb a:focus, div.thumb a:focus img, div.thumb a:hover, div.thumb a:hover img {
  color: #6A0909;
  }  
div.thumbbottom {
	width: 140px;
	height: 37px;
	padding-top: -10px;
  margin-top: 0px;
  background: url("images/unten.gif") no-repeat;
}
  
/* EXTRAS - LISTS */
#content ol, #content ul {
  margin-left: 20px;
  color: #4d5863;
  text-align: left;
  }
#content ul {
  list-style: square;
  }
#content ol.down, #content ul.down {
  list-style-type: none;
  list-style-image: url("images/li-down.jpg");
  }
#content ol.down li:hover, #content ul.down li:hover {
  list-style-type: none;
  list-style-image: url("images/li-down-hover.jpg");
  }
ol.square {
  list-style-image: url("images/li-square.jpg");
  }
.square li {
  list-style-type: none;
  list-style-image: url("images/li-square.jpg");
  }
.square li:hover {
   list-style-image: url("images/li-square-hover.jpg");
  }        
/* EXTRAS - COMMENTS */
#content ul.commentlist, #content ul.commentlist li {
  list-style-type: none;
  }
#content ul.commentlist li {
  border: 2px dashed #666;
  padding: 10px;
  margin-bottom: 10px;
  }
#content ul.commentlist li p {    
  clear: right;
  }
div.commentcount {
  text-align: right;
  width: 300px;
  float: right;
  margin-bottom: 20px;
  }
div.commentcount a:link, div.commentcount a:visited {
  line-height: 1.0em;
  font-weight: normal;
  color: #C4CBD2;
  padding: 0 0 4px 4px;
  }
div.commentcount a:hover {
  cursor: pointer;
  color: #4d5863;
  background: transparent;
  }  
div.commentcount a:active, div.commentcount a:focus {
  color: #C4CBD2;
  }  
div.commentcount a strong {
  font-size: 30pt;
  line-height: 1.0em;
  }
div.commentcount a:link span, div.commentcount a:visited span {
  font-size: 0.97em;
  display: none;
  }
div.commentcount a:hover span {
  display: inline;
  }
div.commentcount a:active span, div.commentcount a:focus span {  
  display: none;
  }
h3#comments {
  margin-left: 20px;
  }
cite.authorname a {
  font-weight: bold;
  font-size: 1.5em
  } 
/* EXTRAS - TEXT-FORMATTING */
blockquote.pullquote {
  float: right;
  padding: 0;
  margin: 10px 10px 0 10px;
  display: block;
  width: 300px;
  text-align: right;
  font-family: Georgia, Verdana, sans serif;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: 1.5em;
  }