/******************************************
RESET CSS SO ALL BROWSERS ARE EQUAL
******************************************/
@import url('reset.css');

/******************************************
BASED ON "HOLY GRAIL" 
http://matthewjamestaylor.com/blog/fixed-width-or-liquid-layout.htm
******************************************/
@import url('holygrail.css');

/******************************************
USING JQUERY UI
******************************************/
/* demo styles */
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
/* overrides */
#datepicker {
	font-size: 10px;
}

/******************************************
TAG STYLES
******************************************/
body {
	font-family: Lucida Sans, Arial, sans-serif;
	font-size: 12px;
	background: #cecece;
}

p, h1, h2, h3, h4 {
	padding: 2px 0 2px 0;
	margin: 2px 0 2px 0;
}


/******************************************
ID STYLES
******************************************/
#test {
	font-family: Acapulco;
	color: #f00;
	font-size: 20px;
}


/******************************************
CLASS STYLES
******************************************/
.holygrail {
	background: #fff;
}
.colleft {
	background: #fff;
}

.colmid {
	background: #ccc;
}

.fakelink {
	cursor: pointer;
	text-decoration: underline;	
}

.white {
	color: #fff;
}