/*
	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.82em/1.2em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	cursor: default;
  color: #4d5863;
	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/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: #AC4444;
	}
a:visited {
  color: #6A0909;
  }
a:hover, a:active {
	color: #fff;
	background: #AC4444;
	}
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: #FECC68 url("images/topics_foot.gif") no-repeat left bottom;
	border-bottom: 2px solid #fff; 
  }
#nav-topics ul {
	padding-bottom: 35px;
  }
#nav-topics a:link, #nav-topics a:visited {
	color: #6A0909;
	}
#nav-topics h3 {
	background: url("images/topics3.gif"); 
	}

#nav-topics li {
	color: #AC4444;
	background: url("images/topics_bg.gif") repeat-x left bottom;
	}

#nav-topics a:hover, #nav-topics a:active {
	color: #6A0909;
	}

/* TWITTER NAVIGATION */
 #nav-twitter {
	background: #AC4444 url("images/twitter_bottom.gif") no-repeat right bottom;
	/* border-bottom: 2px solid #fff; */
  }

 #nav-twitter h3{
	background: url("images/twitter.gif") 0 0;
	}

#nav-twitter ul {
  padding-bottom: 35px;
  }

 #nav-twitter li {
	color: #D88E57;
	background: url("images/twitter_bg.gif") repeat-x left bottom;
	}
#nav-twitter a:link, #nav-twitter a:visited {
 color: #FECC68;
  }
#nav-twitter a:hover, #nav-twitter a:active {
	color: #6A0909;
	}

/* ARCHIVES NAVIGATION */
#nav-archives {
	background: #AC4444 url("images/archives_foot.gif") no-repeat right bottom;
	/* border-bottom: 2px solid #fff; */
  }

#nav-archives h3{
	background: url("images/archives2.gif") 0 0;
	}

#nav-archives ul {
  padding-bottom: 35px;
  }

#nav-archives li {
	color: #D88E57;
	background: url("images/archives_bg.gif") repeat-x left bottom;
	}
#nav-archives a:link, #nav-archives a:visited {
  color: #FECC68;
  }
#nav-archives a:hover, #nav-archives a:active {
	color: #6A0909;
	}

/* PHOTOS NAVIGATION */
#nav-photos {
	border-top: 2px solid #fff;
  background: #B0BAC2;
	}
#nav-photos h3 {
	height: 45px;
  background: #B0BAC2 url("images/photos2.gif");
	}

#nav-photos ul {
  clear: left;
  margin-top: 6px;
  margin-bottom: 0;
  }
#nav-photos li {
	text-align: left;
  color: #708090;
	background: url("images/photos_bg.gif") repeat-x left bottom;
	}
#nav-photos li a:hover {
  background: #fff;
  }	
#nav-photos a:link, #nav-photos a:visited {
	color: #4d5863;
	}
#nav-photos a:hover, #nav-photos a:active {
	color: #4d5863;
	background: transparent;
  }
/* JUST THE THUMB - SECTION */ 
#nav-thumb {
  background: #B0BAC2;
  text-align: center;
  padding: 0 15px 15px 15px;
  }
#nav-thumb a:link, #nav-thumb a:hover, #nav-thumb a:visited {
  width: 126px; height: 126px; display: block;
  margin: 0 0 0px 0;
  padding: 0px;
  background: url("images/thumbs_bg.gif") no-repeat;
  } 
#nav-thumb a:link img, #nav-thumb a:visited img, #nav-thumb a:active img, #nav-thumb a:focus img {
  
  
  margin-top: 12px;
  border: 0;
  opacity: .5;
  }
#nav-thumb a:hover img {
  opacity: .999;
  
  } 
#nav-thumb a img {
  /* margin-bottom: 15px; */
  }  


/* SEARCH --- NAVIGATION */    
#nav-search {
  background: #D88E57 url("images/quicksummary_bg.gif") no-repeat left top;
  border-bottom: 2px solid #fff;
  }
#nav-search form {
  padding:0;
  margin: 0 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 {
	background: url("images/search2.gif");
  color: #18d;
	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: 10px;
  }
#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;
}
a:link img, a:visited img, a:active img, a:focus img {
  opacity: .5;
  }
a:hover img {
  opacity: .999
  }  
/* 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: 10px solid #C4CBD2;
  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;
  }