/*
	REC TEC LIVE, Inc.
	
	designer: Nathan Edwards
	type: CSS
	file: main.css
	purpose: Main CSS for recteclive.com
*/



/*
	REC TEC YELLOW: #f5c123
*/


/*---------------|PAGE ELEMENTS */
html
{
	height: 100%;
  	margin: 0 0 1px;	/* always show scrollbar */
	border: 0;
	color: #f5c123;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../imgs/background.png) repeat #000;
	-webkit-text-size-adjust:none
}

body
{
	text-align: center;
	margin: 0;
}

#container
{
	width: 800px;
	text-align: left;
	/*
	background: url(../imgs/sideBars.png) repeat-y #000 bottom;
	*/
	border: 1px solid #f5c123;
	background: #000;
	font-size: 100%;
	margin: auto;
	overflow: hidden;
	padding: 2px;
}

#doubleBorder
{
	border: 1px solid #f5c123;
	margin: auto;
	overflow: hidden;
	padding: 5px;
	height: 100%;
	width: auto;
}

#banner
{
	width: 760px;
	margin: auto;
	margin-top: 5px;
	cursor: pointer;
	z-index: 40;
}

#fullPage
{
	margin: 2px;
	margin-top: 5px;
	padding: 0;
	padding-bottom: 15px;
	padding-top: 5px;
	border-top: none;
}

/* fullPage wrap float fixes */
#fullPage:after
{
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}
html #fullPage { height: 1% }
#fullPage{ display: block; }
/* end of fix */

.halfPage
{
	width: 50% !important;
	width: 49%;
	float: left;
}

.section
{
	width: auto;
	height: 100px;
	margin: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px #f5c123 solid;
	background: url(../imgs/background.png) repeat #000;
}

.section img
{
	border: 1px solid #fff;
	padding: 3px;
	float: left;
	margin: 3px;
	margin-right: 10px;
}

.divBox0, .divBox1, .divBox2, .divBox3
{
	float: left;
	width: 355px !important;
	width: 342px;
	border: 1px solid #f5c123;
	margin: 5px;
	padding: 10px;
	overflow: hidden;
}
.divBox1
{
	background: url(../imgs/divHeader1.png) no-repeat;
}
.divBox2
{
	background: url(../imgs/divHeader2.png) no-repeat;
}
.divBox3
{
	background: url(../imgs/divHeader3.png) no-repeat;
}
.divBox0 h4, .divBox1 h4, .divBox2 h4, .divBox3 h4, #gear h4
{
	border-bottom: 1px solid #666;
}

#footer
{
	width: 800px;
	margin: auto;
	/*
	background: url(../imgs/footer.png) no-repeat;
	padding-top: 32px;
	*/
	padding-top: 5px;
	height: 30px;
	text-align: center;
	font-size: 80%;
}

#gear
{
	float: left;
	width: 355px !important;
	width: 352px;
	border: 1px solid #f5c123;
	margin: 5px;
	padding: 10px;
	overflow: hidden;
}

#gear th
{
	color: #f5c123;
	font-size: 120%;
}

#gear tr
{
	cursor: pointer;
}

#gear tr:hover
{
	background: rgba(245,193,35,0.1);
}

#gear .yellow
{
	color: #f5c123;
}

#gear .white
{
	color: #fff;
}


/*---------------|FORM ELEMENTS */
.yellowForm
{
	border: 2px solid #f5c123;
}


/*---------------|IMAGE ELEMENTS */
img
{
	border: none;
}
.clearness
{
	/* have quotes img in this, need ie fix*/
	behavior: url(http://new.recteclive.com/css/iepngfix.htc);
	width: auto;
	height: auto;
	background: none;
	padding: 0;
	margin: 0;
}

img.yellowBorder
{
	border: solid 1px #f5c123; 
}



/*---------------|FONT ELEMENTS */
p
{ 
	margin-top: 0; 
	text-align: justify;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}

.gray
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

.white
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.yellow
{
	color: #f5c123;
	font-family: Arial, Helvetica, sans-serif;
}

.yel
{
	color: #f5c123;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
}

.admin
{
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{ 
	font-size: 90%;
	display: inline; 
	color: #fff;
}

h2
{ 
	font-size: 100%; 
	display: inline; 
	color: #fff;
}

h3
{ 
	font-size: 125%;
	color: #fff;
	display: inline; 
	text-align: justify;
}

h4
{ 
	font-size: 200%;
	display: inline; 
	color: #fff;
}

h5
{ 
	font-size: 200%;
	text-align: center;
	color: #fff;
	margin: auto;
	margin-top: 10px;
}


/*---------------|LINK FONT ELEMENTS */
a:link
{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #f5c123;
}

a:visited
{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #f5c123;
}
	
a:hover, a:active
{ 
	text-decoration: none; 
	color: #fff;
}

a h1
{
	color: #333;
}

a:hover h1
{
	color: #f5c123;
}