/*  
Theme Name: Scrapbook
Theme URI: http://www.repeatwhiletrue.com/scrapbook
Description: RWT
Version: 1
Author: Philipp Seifried
Author URI: http://repeatwhiletrue.com/

*/

img {
	border:0px;
	margin:0px;
	padding:0px;
	border-spacing:0px; 
	background-color: rgb(133,64,0);
}


#head {
	position: absolute;
	z-index: 10;
	top:0px;
	left:57px;
	background-color: rgb(222,236,247);
	line-height: 0;
}
#bump {
	position: absolute;
	z-index: 8;
	top:269px;
	height:159px;
	width:15px;
	background: url("interface/bump.gif");
}
#bumpContainer {
	position: absolute;
	z-index: 7;
	top:0px;
	left:93px;
	height:100%;
	width:15px;
	overflow:hidden;
}
#edge {
	position: absolute;
	z-index: 10;
	top:-20px;
	left:34px;
	height:16px;
	width:4px;
	background-repeat: no-repeat;
	background: url("interface/eck.gif");
}

html, body, #contentContainer,#projContentContainer {
	min-height: 100%;
	height: 100%;
}

body {
	margin: 0;
	line-height: 180%;
	font-family: Tahoma, Helvetica, Trebuchet MS, sans-serif;
	font-size: 11px;
	color: rgb(64,64,64);
	letter-spacing: 0px;
	word-spacing: 1px;
	background: url("interface/bg.png");
}


html>body.projectPage,html>body>div#contentContainer,html>body>div#projContentContainer {
	min-height: 100%;
	height: auto;
}


#contentContainer {
	border-collapse: collapse; 
	position: relative;
	left: 49px;
	width: 678px;
	background-color: rgb(255,255,255);
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-spacing:0px; 
	margin-bottom: -27px;
}

.leftTD {
	width: 50px;
	min-width: 50px;
	vertical-align: top;
	border: 0px;
	margin: 0px;
	border-spacing:0px; 
	padding: 0px;
	background:none;
}
.rightTD {
	width: 9px;
	min-width: 9px;
	vertical-align: top;
	border: 0px;
	margin: 0px;
	border-spacing:0px; 
	padding: 0px;
	background:none;
}

#menu {
	position: absolute;
	left: 99px;
	top: 211px;
	width:480px;
	z-index:15;
}
#headline {
	position: absolute;
	left: 130px;
	top: 249px;
	width:570px;
	z-index:17;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(133,64,0);
	letter-spacing: 0px;
	word-spacing: 1px;
}

#contents {
	border: 0px;
	margin: 0px;
	border-spacing:0px; 
	width:619px;
	max-width:619px;
	vertical-align: top;
	padding: 0px;
	text-align: justify;
	background-color: rgb(242,247,222);
	background:url("interface/contentBG.png");
}
table.iHateYouCSS, td.iHateYouCSS {
	border: 0px;
	margin: 0px;
	border-spacing:0px; 
	width:619px;
	max-width:619px;
	vertical-align: top;
	padding-top: 284px;
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: justify;
}

table.iHateYouCSS {
	padding:0px;
	line-height: 20px;
	font-size: 11px;
	letter-spacing: 0px;
	word-spacing: 1px;
}
.iHateYouCSS b, .projIHateYouCSS b  {
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: rgb(64,96,96);
	word-spacing: 0px;
}
p + p {
	margin-top: -5px;
}

span {
/*	background-color: rgb(255,255,255);*/
}

.table-spacer {
	background-color: rgb(242,247,222);
	background:url("interface/contentBG.png");
	border-spacing:0px; height:27px;border:0px;padding:0px;margin:0px;
}

#footer {
	position:relative;
	left: 59px;
	width: 659px;
	height: 27px;
	z-index:10;
	background-color: rgb(198,204,175);
	background:url("interface/foot.png");
}


img.thumb {
	position: relative;
	height:40px;width:40px;
	left: -5px;
	border: 2px;
	margin: 2px;
	border-color: rgb(198,204,175);
	
}

a {
	text-decoration: underline;
	color: rgb(133,64,0);
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	background-color: rgb(133,64,0);
	color: rgb(255,255,255);
}

/** Project elements */
a.project {
	cursor:pointer;
	text-decoration:none;
	display: block;
	height:100px;
	width: 550px;
	padding: 2px;
	margin: 2px;
	background-color: rgb(32,32,32);
	line-height:130%;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-weight:normal;
	color: rgb(92,92,92);
}

a.project:hover {
	background-color: rgb(133,64,0);
	margin-left: -10px;
	margin-right: 2px;
	padding-left: 14px;
	padding-right: 2px;
	color: rgb(128,128,128);
}
div#projMenu a:hover, div#menu a:hover {
	background-color: transparent;
	text-decoration: default;
}
div.thumb {
	position:absolute;
	height:100px;
	width: 100px;
}
div.description {
	position:relative;
	left:101px;
	height:88px;
	width: 425px;
	background-color: rgb(255,255,255);
	padding: 6px;
	padding-left:12px;
	padding-right:12px;
}
.projectName {
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(133,64,0);
	letter-spacing: 0px;
	word-spacing: 1px;
}

/** Project page */

#projFooter {
	position:relative;
	left: 55px;
	width: 664px;
	height: 0px;
	z-index:5;
/*	background-color: rgb(222,236,247);*/
}
table.projIHateYouCSS, td.projIHateYouCSS {
	z-index:10;
	border: 0px;
	margin: 0px;
	border-spacing:0px; 
	width:619px;
	max-width:619px;
	vertical-align: top;
	padding-top: 50px;
	padding-left: 46px;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: justify;
}
table.projIHateYouCSS {
	padding:0px;
	line-height: 20px;
	font-size: 11px;
	letter-spacing: 0px;
	word-spacing: 1px;
}
#projContentContainer {
	border-collapse: collapse; 
	position: relative;
	z-index:3;
	left: 0px;
	width: 678px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-spacing:0px; 
	margin-bottom: -25px;
	background-color: rgb(222,236,247);
	background: url("interface/projfoot.png");
	background-repeat: no-repeat;
	background-position: 6px 100% ;
}

#projBG {
	position:relative;
	top: 0;
	left: 51px;
	width: 678px;
	height:100%;

	padding:0px;
	margin:0px;
	border:0px;
	background-color: rgb(222,236,247);
	z-index:1;
}

#projMenu {
	position: absolute;
	left: -7px;
	top: 5px;
	width:480px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	z-index:15;
}
#projContents {
	z-index:10;
	border: 0px;
	margin: 0px;
	border-spacing:0px; 
	width:663px;
	max-width:663px;
	vertical-align: top;
	padding: 0px;
	text-align: justify;
/*	background-color: rgb(242,247,222);*/
}
.projLeftTD {
	width: 6px;
	min-width: 6px;
	vertical-align: top;
	border: 0px;
	margin: 0px;
	border-spacing:0px; 
	padding: 0px;
	background:rgb(255,255,255);
}
.projRightTD {
	width: 9px;
	min-width: 9px;
	vertical-align: top;
	border: 0px;
	margin: 0px;
	border-spacing:0px; 
	padding: 0px;
	background:rgb(255,255,255);
}

.projTable-spacer {
	border-spacing:0px; height:80px;border:0px;padding:0px;margin:0px;
}


/* Tutorials */
 h1 {
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size: x-large;
	color: rgb(64,96,96);
 }
 h2 {
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size: medium;
	color: rgb(64,96,96);
	text-decoration: none;
 }
 .post h2 a {
	text-decoration: none;
 }
 code, i {
	color: #A04020;
 }



.reference {
	line-height: 30px;
}
h2.reference, h2.scrapbook {
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	color: rgb(64,96,96);
	word-spacing: 0px;
}