/*

IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

1. DO NOT MODIFY the system styles section, it is generated by the system,
   your modifications will be overwritten. If you want to change the stylesheet
	 template, modify the ew.css in the "src" subfolder under the installed
	 directory. Only modify the ew.css if you have the necessary knowledges in
	 CSS.
	 
2. DO NOT REMOVE THE FOLLOWING COMMENTS:
   
   BEGIN_USER_STYLES
   END_USER_STYLES
	 
	 You MUST write your styles between these two comment lines below, styles
   outside this user styles section will be discarded.
	 
3. If you want to override the system styles, you can copy the styles to the
   User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/

body {
	background-color: #145958; /* background color */
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	margin: 0px 0px 0px 0px; /* top right bottom left */
}

body {
    font-size: 72.5%;
    font-family: 'Lucida Sans Unicode', Arial, sans-serif;
    	background: #145958;
	color: #aaaaaa;
	width: 100%;
	height: 100%;

}

.phpmaker {
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	/*added this line to pull header, page stuff left */
	margin-left: 10px;	
}

input, textarea, select {	
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
} 

a:active {
	color: #aaaaaa; /* active link color */
}

a:link {
	color: #aaaaaa; /* link color */
}

a:visited {
	color: #777777; /* visited link color */
}

/* template layout */
.ewLayout {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	width: 100%;
	height: 100%;
}

.ewHeaderRow {
	background-color: #145958; /* background color */	
}

.ewContentTable {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */	
	width: 100%;
	height: 100%;
	margin-left: 10px;	
}

.ewMenuColumn {
/*	this was */ 
/*background-color: #145958; */
background-color: #145958;
	color: #aaaaaa;
/*width was 150 */
	width: 200px;
	vertical-align: top;
	align: left;
	padding: 4px;
		
}

.ewContentColumn {
	background-color: #145958; /* background color */
	vertical-align: top;
	padding: 10px;
	/*and this was added to pull headers left*/
	margin-left: 10px;
}

.ewFooterRow {
	background-color: #000000; /* background color */
	color: #888888; /* footer font color */	
	padding: 2px;

}

.ewFooterText {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

.ewFooterText a {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	text-decoration: none;
	font-size: 0.9em;
}

/*page table has been added to center overall table in page*/
/*page table */
table { 
margin-left: auto;
margin-right: auto;
}

/* main table */
.ewTable {
	width: inherit; /* table width */	
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 1px outset; /* border */
	border-collapse: collapse;
/*added to pull main table to left*/
margin-left: 10px;
/*added to give clearance at bottom*/	
/*height: 92%;*/
}

/* main table data cells */
.ewTable td {
	padding: 3px; /* cell padding */
	border: 0px solid; /* cell spacing */
	border-color: #CCCCCC;  /* table background color */
}

.ewBasicSearch {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	border-collapse: collapse;
	/*and this was added to pull headers left*/
	margin-left: 10px;
}

.ewBasicSearch td {
	border: 0px;
	padding: 1px;
}

.ewSearchOpr {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	color: maroon;
}

.ewListAdd {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewListAdd td {
	border: 0px;
	padding: 2px;
}

.phpmakerlist td {
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

.ewAddOption td {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	padding: 2px; /* cell padding */	
	border: 0px;	
}

/* main table header cells */
.ewTableHeader {
	background-color: #145958; /* header color */
	color: #FFFFFF; /* header font color */	
	vertical-align: top;	
}

.ewTableHeader a:link {	
	color: #FFFFFF; /* header font color */	
}

.ewTableHeader a:visited {	
	color: #FFFFFF; /* header font color */	
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #FFED96; /* alt row color 2 */	
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #FFFF99; /* edit mode color */
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #CCFF99; /* highlight color */
}

/* main table select color */
.ewTableSelectRow {
	background-color: #99FFFF; /* select color */
}

/* main table footer section */
.ewTableFooter {
	background-color: #FFFFFF; /* footer color */
}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewmsg {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */	
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Ajax */
.ewAstList {
	border: 1px solid black;
	background: #ffffff;
	position: absolute;
	padding: 0;
	white-space: nowrap;
}

.ewAstListBase {
	position: absolute;
	padding: 1;
}

.ewAstListItem {
	color: black;
	background: #ffffff;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding: 1;
}

.ewAstSelListItem {
	color: white;
	background: Highlight;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding: 1;
}

/* MultiPage pager table */
.ewMultiPagePager {
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px; /* border */	
}

.ewMultiPagePager td {
	padding: 2px; /* cell padding */	
}

/*END_SYSTEM_STYLES*/


* {
    margin: 0;
    padding: 0;
}

/* ----------------------------------------- */
/* PAGE STRUCTURE, PAGE HEADER, PAGE FOOTER */
/* ----------------------------------------- */







/*header is used only as container for upper part of page*/

#header {
    border-bottom: 0px solid #f2e73a;
    width: 950px;
	margin: 0 auto;
    height: 310px;
    position: relative;
background: #ffffcc url(http://www.thebikeframe.com/images/pagephotoheader.jpg) no-repeat center top;
z-index: 50;
}


/*LOGO, PIX BUTTONS and PRIME AD and MENU ICON POSITIONS and MENU ROLLOVERS*/

#logo	{
	position: absolute;
	top: 16px;
	left: 165px;
	height: 94px;
	width: 300px;
}

#framepix	{
	position: absolute;
	top: 15px;
	left: 520px;
	height: 30px;
	width: 36px;
}

#wheelpix	{
	position: absolute;
	top: 15px;
	left: 560px;
	height: 30px;
	width: 36px;
}

#primead {
	position: absolute;
	top: 65px;
	left: 710px;
	height: 235px;
	width: 220px;

}



/*MENUS*/


#nav {
	position: absolute;
	left: 25px;
	bottom: 10px;
	list-style: none;
	font: bold 10px/10px Verdana, 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;


}
 
#nav li {
	background: none;
	float: left;
	padding: 0;
	width: 78px;
	text-align: center;
	text-decoration: none;
}
#nav a, #nav a:visited {
	text-decoration: none;
	color: #000;
}

/* this applies to a and child spans */


/* the next command is needed by explorer */

#nav a:hover {
	text-decoration: none;
	background: url(images/transparent.gif) no-repeat;
}

#nav span {
	display: none;
	position: absolute;
}

/*this applies to all spans within a and nav*/

#nav a:hover span {
	display: block;
}

/*each of these applies to the individual span within each li */

#nav-home a:hover span {
	background: url(http://www.thebikeframe.com/images/homerollover.gif) no-repeat;
	width: 60px;
	height: 78px;
	top: -78px;	
	left: 3px;
}
#nav-frames a:hover span {
	background: url(http://www.thebikeframe.com/images/framesrollover.gif) no-repeat;
	width: 72px;
	height: 77px;
	top: -78px;	
	left: 72px;
}

#nav-wheels a:hover span {
	background: url(http://www.thebikeframe.com/images/wheelsrollover.gif) no-repeat;
	width: 69px;
	height: 75px;
	top: -70px;	
	left: 172px;
}

#nav-fbuilders a:hover span {
	background: url(http://www.thebikeframe.com/images/fbuildersrollover.gif) no-repeat;
	width: 82px;
	height: 115px;
	top: -120px;	
	left: 240px;
}

#nav-wbuilders a:hover span {
	background: url(http://www.thebikeframe.com/images/wbuildersrollover.gif) no-repeat;
	width: 80px;
	height: 115px;
	top: -120px;	
	left: 319px;
}

#nav-components a:hover span {
	background: url(http://www.thebikeframe.com/images/componentsrollover.gif) no-repeat;
	width: 75px;
	height: 110px;
	top: -110px;
	left: 401px;
}

#nav-glossary a:hover span {
	background: url(http://www.thebikeframe.com/images/glossaryrollover.gif) no-repeat;
	width: 88px;
	height: 105px;
	top: -82px;
	left: 490px;
}

#nav-abouttbf a:hover span {
	background: url(http://www.thebikeframe.com/images/tbfrollover.gif) no-repeat;
	width: 90px;
	height: 126px;
	top: -138px;
	left: 548px;
}


a img {
	border: 0px solid #f2e3aa;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.description {
    font: 600 1.5em "Courier New", Courier, serif;
    color: #999999 !important;
    margin-left: 10px;
    clear: both;
}
/* posts are within these */

#content, .widecolumn .entry p {
    font-size: 1.2em;
	color: #333333;
}

.alt {
    background: #fff;
    margin: 0;
}
li.alt {
    background: #f8f8f8;
}

small, div.postmetadata {
    font-size: 0.9em;
    line-height: 1.5em;
}


/* footer */
#footer {
    background: #000000;
    border-top: 3px solid #f2e73a;
}
#footer a {
/*    font-size: 0.9em; */
    font-size: 0.9em;
    text-decoration: none;
/*    color: #888888; */
    color: #999999;
}

div#footer {
	position: fixed;
/*	bottom: 15px; */
	bottom: 0px;
	clear: both;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	text-align: center;
	height: 28px;
	border-width: 0px;
	border-style: dotted;
	border-color: #554433;
	z-index: 15;
}




.clear, .commentlist li .avatarfloat p {
    clear: both;
}
div.clear {
    width: 100%;
    clear: both;
}
.whitespace {
    height: 20px;
    background: #fff;
}

.entry {
    clear: both;
    padding-top: 15px;
}




/*temporarily disabled
.postmetadata a, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a:link, h3 a:visited, #sidebar h2, #sidebar2 h2, cite {
    text-decoration: none;
}
*/




/*
temporarily disable this to test other  hovering
a:hover, a:active {
    color: #ffffff;
    text-decoration: underline;
}
*/









/*horizontal rule for ad space*/
 hr.a {
  width: 100%;
height: 2px;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/*BEGIN_USER_STYLES*/

/* your CSS styles here */

/*END_USER_STYLES*/