/* Igor Wojnicki, GNU GPL, CSS based on StarTrek LCARS interface */

body {
	margin: 0px 3px 0px 3px;
	background: #000000;
	color: #FFFF9C;
	border-left: 65px solid #F7BD5A;
	padding-left: 5px;
	font-family: "Future", "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
}


h1 {
	font-family: "Future", "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
	text-align: right;
	color: #C6B5EF;
	margin-top: 0;
}

h1:after { 
	text-align: left;
	margin:-36px 0px -40px -70px;
	display:block;
	content: url(h1.gif);
	background: url(horiz.gif) repeat-x top center;
	height: 100px;
	min-height: 100px;
}


h2 {
	font-family: "Future", "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
	/* color: #C6B5EF;*/
	padding-left:70px;
	background: url(h2.gif) no-repeat left ;
	min-height: 50px;
	position: relative;
	left: -70px;
	margin: 0px 0px -10px 0px;
	padding-top: 15px;
}

h3 {
	font-family: "Future", "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
	/* color: #C6B5EF;*/
	padding-left:70px;
	background: url(h3.gif) no-repeat left ;
	min-height: 50px;
	position: relative;
	left: -70px;
	margin: 0px 0px -10px 0px;
	padding-top: 15px;
}

p {
	font-family: "Future", "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
	/* color: #C6B5EF;*/
	padding-left:70px;
	background: url(h2.gif) no-repeat left ;
	min-height: 50px;
	position: relative;
	left: -70px;
	margin: 0px 0px -10px 0px;
	padding-top: 15px;
}


body:after {
	margin:0px 0px -40px -70px;
	display:block;
	color:#FF9C00;
	content: url(eot.gif) ;
}

/* from lcars2.css */

A { color: #000000; text-decoration: none; 
	padding-left: 5px;
	padding-right: 5px;
	background: #646DCC;
	font-size: 90%;
	font-weight: bold;
  	border-radius: 10px;
  	-khtml-border-radius: 10px;
  	-opera-border-radius: 10px;
  	-moz-border-radius: 10px;
	/* cursor: crosshair; */
}

A:link { 
}
A:visited { 
	color: #67264B; 
}
A:active { 
	background: #FFFFFF; 
}
A:hover	{ 
    color: #000000;
	text-decoration: none;
	background: #AE697D;
}

/* colors, from: http://lcarsmania.com/design.htm */

/*
#FF9C00		orange
255,156,0
#F7BD5A		less orange
247,189,90
#FFFF9C		yellow
255,255,156
#CD6363		dark tuna
206,99,99
#FF9C63		tuna
255,156,99
#646DCC		dark blue
100,109,204
#9C9CFF		blue
156,156,255
#C6B5EF		light blue
198,181,239
#FFFFFF		white
255,255,255
#FF0000		red
255,0,0
#C198B0		light violet
193,152,176
#AE697D		violet
180,103,87
#97567B		dark violet
151,86,123

*/



/* added for background resizing */

.background-size {
	width: 100px;
	height: 100px;
	color: #fff;
	background: url(bg.jpg) no-repeat;
	border: 1px solid #0080ff;
	margin-bottom: 20px;
	padding: 10px;
	
	/* Firefox */
	-moz-background-size: 100px 50px;
	/* WebKit */
	-webkit-background-size: 100px 50px;
	/* Opera 9.5+, later Google Chrome */
	background-size: 100px 50px;
}

.background-size-stretch {
	width: 310px;
	height: 200px;
	color: #fff;
	background: url(bg.jpg) no-repeat;
	border: 1px solid #0080ff;
	margin-bottom: 20px;
	padding: 10px;
	
	/* Firefox */
	-moz-background-size: auto 100%;
	/* WebKit */
	-webkit-background-size: auto 100%;
	/* Opera 9.5+, later Google Chrome */
	background-size: auto 100%;
}

.background-size-cover {
	width: 200px;
	height: 400px;
	color: #fff;
	background: url(bg.jpg) no-repeat;
	border: 0px solid #0080ff;
	margin-bottom: 20px;
	padding: 10px;
	
	/* Firefox */
	-moz-background-size: cover;
	/* WebKit */
	-webkit-background-size: cover;
	/* Opera 9.5+, later Google Chrome */
	background-size: cover;
}

img {
    max-heigh: 100%;
    height: auto\9;
    width: auto; /* ie8 */
}
