/*
	Filename: main.css
	Date: March 20, 2007
	Location: ./includes/templates/creatiworks/css/
	Site: http://www.dildodorygrill.com/
	*********************************************************
	>>Details:
		> Root css template file.
	*********************************************************
	>>Update Log:
		> (7.7.06) Log Started.
		> (7.7.06) Copy of standard variables from general css files.
		> (3.18.07) Set forth the style naming guidelines.


	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
		S T Y L E   N A M I N G   G U I D E L I N E S
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	Every style name will follow this format (all lowercase) : 
	
	.[element]-[identifier]-[descriptor] 
	
	
	element would be the html element that you are targeting 
	identifier would be the general identifying name of the style 
	descriptor would be a specific unique trait 
	
	[element] examples: text, table, cell, div, img 
	[identifier] examples: header, main, sales-border, catalogue-background 
	[descriptor] examples: large, small, red, blue, bold, dark, wide, top, bottom, etc... 
	
	
	sample style names: 
	.text-subheader-grey 
	.cell-productsitem-right 
	.div-mouseover-top 
	-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=



	Global CSS Features
	*******************
*/
A:link {
	text-decoration: none;
	color: #333333;
}

A:visited {
	text-decoration: none;
	color: #666666;
}

A:hover {
	text-decoration: underline;
	color: #6a88a0;
}

#motioncontainer a:hover {
color: blue; /* Dummy definition to overcome IE bug */
}

body{
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;

	margin: 0px;
	padding: 0px;
	overflow: auto;

	background-image: url(../graphics/outertable_background.jpg);
	background-repeat: repeat-x;
	background-color: #92b2cb;
}

html,body,img{
	display: block;
}


/* 
	External CSS Features
	*********************
*/

.text-bullet {
	letter-spacing: 0px; 
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 24px;
	font-weight: bolder;
	font-style: italic;
	line-height: 20px;
}

.text-small {
	font-size: 13px;
	font-style: normal;
}

.text-normal-bold {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}

.text-normal-bold-light {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}

.text-normal {
	font-size: 15px;
}

.text-menu-heading {
	font-size: 18px;
}

.text-menu-main {
	font-size: 20px;
	font-weight: normal;
}

.cell-menu-main {
	padding: 0px;
	text-align: center;
}

.table-menu-main { 
	padding: 0px;
	width: 90%;
}


.text-heading {
	font-size: 22px;
	font-weight: bold;
	color: #EEEEEE;
}

.text-heading-dark {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
}

.text-subheading {
	font-size: 11pt;
	font-weight: bold;
}

.text-subheading-dark {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.text-normal-button {
	font-size: 14px;
	font-weight: bold;
	color: #000000;

	border: 1px solid #000000;
	vertical-align: middle;
}

/* CSS for table mouseover events */
/* ****************************** */
.tableRollOverEffect{
	/*background-color:#62656C;*/
	color:#5F5F5F;
}
	
.tableRowClickEffect{
	/*background-color:#53565D;*/
	color:#FF6F6F;
}

.tableRollOverEffect1{
	/*background-color:#62656C;*/
	color:#5F5F5F;
}
	
.tableRowClickEffect1{
	/*background-color:#53565D;*/
	color:#FF6F6F;
}

/* CSS for Homepage Obituary float images */
/* ************************************** */
.content {/* style grouping for content divs */
	margin: 0.2em 3%;
	font: 1em Arial, Verdana, sans-serif;; 
	/*padding: 0.2em;*/
	/*border: 8px groove #c0c0c0;*/
	/*background: #f5f5f5;*/
}

p.float-left {/* header element float */
	float: left;
	/*width: 20em;*/
	margin: 0 0.2em 0 0;
	/*background: #eee8aa;*/
	/*border-right: 2px dotted #cd853f;*/
	/*border-bottom: 2px dotted #cd853f;*/
}

p.top {/* after header margin adjustment */
	margin-top: 0;
	padding: 0.2em;
	/*border-top: 3px dotted #696969;*/
	/*background: #ffffe0;*/
}
/* END */