/*
 *
 *	source.css
 *	CSS Stylesheet for source.php
 *	Created by Ian White
 *	Copyright 2008.
 *
 */

body {
	font-family: Courier, "Courier New", "Anadale Mono";
	font-size:10px;
	margin:0px;
	padding:0px;
}

table {
	border-spacing: 0px 0px;
	border-collapse: collapse;
	margin:0px;
	width:100%;
	margin-top:2px;
	border-bottom:1px solid #777;
}

div.toolbar {
	position:fixed;
	width: 100%;
	line-height: 3.8em;
	height: 3.8em;
	border-bottom: 1px solid #777;
	background-image: url('http://www.ianowhite.com/css/../images/source-bg.png');
	font-family: "Lucida Grande", "Verdana";
	z-index: 100;
	margin-top:-2px;
}

div.toolbar > div{
	margin-left: 10px;
	margin-right:10px;
}


tr + tr + tr:hover {
	background-color: #F3F3F3;
}

td {
	font-size: 1.2em;
	line-height: 1.4em;
	padding-right:5px;
	padding-left: 5px;
	height: 1.4em;
	white-space:pre;
}

td.line-number {
	font-size: 1em;
	border-right: 1px solid #777;
	text-align:right;
	width:0%;
	color: #555;
	
}

td.code {
	padding:2px;
	padding-left:5px;
	width:100%;
}

input {
	display:inline;
	width: 35px;
	border: 1px solid #999;
	text-align:center;
	font-family: "Lucida Grande", "Verdana";
	font-size: 0.9em;
	color: #333;
}

div.toolbar > div > div {
	float: left;
	padding-left:10px;
	padding-right:10px;
	color:#555;
}

div.title {
	font-size: 1.8em;
	margin-right: 10px;
	font-weight: bold;
}

div.function_button {
	margin-top: 0.9em;
	width:124px;
	height:18px;
	background-image: url('http://www.ianowhite.com/css/../images/func_button.png');
	background-position:0px 18px;
	margin-right: 10px;
	margin-left: 10px;
}

div.comment_button {
	margin-top: 0.9em;
	width:124px;
	height:18px;
	background-image: url('http://www.ianowhite.com/css/../images/comment_button.png');
	background-position:0px 18px;
	margin-right: 10px;
	margin-left: 10px;
}

div.line {
	border-left: 1px solid #777;
}

div.file {
	position: absolute;
	right: 20px;
	margin-top:1em;
}

div.file > a {
	text-decoration:none;
	color: #505050;
	font-weight:bold;
	font-size: 1.2em;
}

div.file img {
	display:block;
	float:left;
	padding-top 1em;
	border:none;
}

div.file span.filename {
	display:block;
	float:left;
	margin-top: -0.7em;
	margin-left: 5px;
}

div.file > a:hover > span.filename {
	text-decoration: underline;
}

div.functions {
	margin-top: -0.1em;
}

select {
	border: 1px solid #999;
	padding-bottom:1px;
	color: #333;
	font-family: "Lucida Grande", "Verdana";
	font-size: 0.9em;
}

span.comment {
	color: #666666;
}

span.block-comment {
	color: #666666;
}

span.variable {
	color: #FFA500;
}



span.reserved {
	color: #054e97;
}

span.css_unit {
	color: grey;
	text-decoration: underline;
}

span.block-comment span.quote {
	color:#d48484;
}

span.quote {
	color:#FF0000;
}

span.operator { 
	color: #966e18;
}

span.comment > span.reserved {
	color:#666666;
}

span.block-comment > span.reserved {
	color:#666666;
}