@import url(rmw_additions.css);

/*
	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 {
	margin: 0;
	padding: 0;
	background: #708090;
	font: normal normal .82em/1.2em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	color: #4D5863;
	text-align: center; /* For IE */
}
.clearboth {
	clear: both;
	margin: 0;
	padding: 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:0;
}
p {
	display: block;
	margin: 0;
}
acronym {
	border-bottom: 1px dashed #708090;
	cursor: help;
}
.paragraph code {
	cursor: text;
	text-align: left;
	letter-spacing: -.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;
}  

#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 {
	display: block;  
	font-size: .97em;
	clear: both;
	text-align: right;
	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: 762px;
	margin-left: 10px;
	padding: 5px;
	background: #C4CBD2 url(images/quicksummary_bg.gif) 0 0 no-repeat;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	text-align: right;
}

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

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

.p1 {
	margin-right: 0;
	padding: 0;
	font-size: .82em;
	line-height: 1.5em;
	text-align: justify;
	border-top: 1px dashed #708090;
}
.p2 {
	font-size: .95em;
	line-height: 1.3em;
}
.p3 {
	/* clear: both; */
}
/* NAVIGATION STYLES */
#navlist {
	font-size: .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 {
	border-top: 2px solid #FFF; 
	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;
}

/* 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;
	padding: 0;
	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;
}

#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: .72em;
	height: 120px;
	width: 795px;
	background: #708090;
	text-align: right;
}

#page-footer ul {
	padding-top: 10px;
	margin: 0 20px;
}  
#page-footer li {
	padding: 0;
	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: 0;
	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 0;
	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: 0;
	padding-left: 32px;
	background-image: url(images/w3c.gif);
	background-position: 0 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: 0;
	padding-left: 32px;
	background-image: url(images/cc.gif);
	background-position: 0 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: 0 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;
	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;
	margin-top: 0;
	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: 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: .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;
	width: 300px;
	margin: 10px 10px 0 10px;
	padding: 0;
	text-align: right;
	font-family: Georgia, Verdana, sans serif;
	font-size: 1.5em;
	font-weight: bolder;
	line-height: 1.5em;
}