/*
	Global Stylesheet for TechAmerica Oregon Tech Awards
	Rules in this file should be applied to every page on the site.
	If a rule will only apply to one or two, add it to pages.css instead.
	Be polite to future developers, and label any hex colors you use! - SV
*/

/* Universal Rules -------------------------------------------------- */
body {
	background: #ccc url("../images/bg-page.png") repeat-x;
	font: 76%/1.5 arial, helvetica, sans-serif;
}
.ahem, hr { display: none; }
a, a:link, a:visited { color: #09c; } /* blue */
a:hover, a:focus, a:active { color: #693; } /* green */
.floatleft { float: left; margin: 0 1em 1em 0; }
.floatright { float: right; margin: 0 0 1em 1em; }
.clearboth { clear: both; }
.fpo,
#content .fpo a,
#content .fpo th,
#content .fpo td,
#content .fpo {
	color: #f00 !important;
	background: #ff0 !important;
	padding: .25em;
}

/* Layout -------------------------------------------------- */
#container {
	width: 975px;
	margin: 0 auto;
}
#header {
	margin-top: 19px;
	background: transparent url("../images/bg-header.png") no-repeat;
	height: 172px;
	padding: 7px;
}
#outer-wrapper {
	float: left;
	width: 961px;
	background: transparent url("../images/bg-shadow.png") repeat-y;
	padding: 0 7px;
}
#content {
	background: #000;
	color: #fff;
	padding: 33px 30px 33px 75px;
	width: 410px;
	float: left;
}
#sidebar {
	background: #000;
	color: #fff;
	padding: 33px 36px 33px 0;
	width: 390px;
	float: right;
}
#sponsors {
	float: left;
	clear: both;
	background: #fff url("../images/bg-sponsors.gif") no-repeat;
	padding: 65px 0 40px;
	width: 961px;
}
#footer {
	background: transparent url("../images/bg-footer.png") no-repeat;
	padding-top: 32px;
}

/* Header Styles -------------------------------------------------- */
#header {
	position: relative;
}
#header p {
	margin: 0;
}
#header .logo a {
	position: relative;
	top: 20px;
	left: 30px;
}
#header a:link, #header a:visited { color: #666; text-decoration: none; }
#header a:hover, #header a:focus, #header a:active { color: #09c; } /* blue */

/* Navbar Styles -------------------------------------------------- */
#nav {
	width: 705px;
	height: 12px;
	background: transparent url("../images/nav.gif") no-repeat;
	position: absolute;
	top: 96px;
	left: 52px;
	margin: 0;
}
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	line-height: 1;
}
#nav a {
	display: block;
	height: 12px;
	text-indent: -9999px;
	background: transparent url("../images/nav.gif") no-repeat;
}
#nav a:active,
#nav a:focus {
	outline: 0;
}
/* Navbar Placement */
#nav-about		{ left: 0; width: 133px; }
#nav-techexec	{ left: 138px; width: 226px; }
#nav-award		{ left: 364px; width: 68px; }
#nav-sponsor	{ left: 432px; width: 80px; }
#nav-purchase	{ left: 512px; width: 90px; }
#nav-press		{ left: 602px; width: 47px; }
#nav-archive	{ left: 649px; width: 60px; }

/* Navbar Images */
#nav-about a	{ background-position: 0 0; }
#nav-techexec a	{ background-position: -138px 0; }
#nav-award a	{ background-position: -364px 0; }
#nav-sponsor a	{ background-position: -432px 0; }
#nav-purchase a	{ background-position: -512px 0; }
#nav-press a	{ background-position: -602px 0; }
#nav-archive a	{ background-position: -649px 0; }
/* Selected Navbar Item */
#nav-about a:hover,		#nav-about a:focus		{ background-position: 0 bottom; }
#nav-techexec a:hover,	#nav-techexec a:focus	{ background-position: -138px bottom; }
#nav-award a:hover,		#nav-apply a:focus		{ background-position: -364px bottom; }
#nav-sponsor a:hover,	#nav-sponsor a:focus	{ background-position: -432px bottom; }
#nav-purchase a:hover,	#nav-purchase a:focus	{ background-position: -512px bottom; }
#nav-press a:hover,	#nav-press a:focus		{ background-position: -602px bottom; }
#nav-archive a:hover,	#nav-archive a:focus		{ background-position: -649px bottom; }
/* Current Navbar Item */
#ota-about #nav-about a			{ background-position: 0 bottom; }
#ota-techexec #nav-techexec a	{ background-position: -138px bottom; }
#ota-apply #nav-award a			{ background-position: -364px bottom; }
#ota-sponsors #nav-sponsor a	{ background-position: -432px bottom; }
#ota-purchase #nav-purchase a	{ background-position: -512px bottom; }
#ota-press #nav-press a		{ background-position: -602px bottom; }
#ota-archive #nav-archive a		{ background-position: -649px bottom; }

#nav #nav-directions {
	top: -40px;
	right: 35px;
}
#nav #nav-contact {
	top: -40px;
	left: 760px;
	padding-left: .75em;
	border-left: 1px solid #999;
}
#nav-directions a,
#nav-contact a {
	text-indent: 0;
	height: auto;
	background: none;
	text-transform: uppercase;
	font-size: .8em;
}


/* Sidebar Styles -------------------------------------------------- */

/* Container Styles -------------------------------------------------- */
#container {
}
#wrapper {
}

/* Content Styles -------------------------------------------------- */
#content {
}
p, table, ul, ol, dl, pre {
	margin: 1em 0 1.25em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	line-height: 1;
	text-transform: uppercase;
}
h1, h2 {
	color: #fc921f; /* orange */
	font-size: 1.25em;
}
h3 {
	color: #693; /* green */
	font-size: 1.15em;
	margin: .5em 0;
}
h4 {
	color: #09c; /* blue */
}
h5 {
	text-transform: none;
	color: #09c; /* blue */
	font-size: .9em;
}
/*
	Headlines have no bottom margin.
	Set text elements to have minimal top margin to pull them together.
	Tables get set down below. - SV
*/
#content ul ul,
#content ol ol {
	margin: 0;
}
.leadtxt {
	font-size: 1.2em;
}
ul {
	list-style-image: url("../images/bullet.gif");
}
ul.alt li {
	list-style: none;
	margin-left: 0;
}
ul.alt li.odd {
	color: #058cbd; /* blue */
}

/* actions */
.actions {
}
.actions li {
	float: left;
	margin: 0 10px 0 -5px;
	list-style: none;
	background: transparent url("../images/bg-action.gif") no-repeat;
	width: 190px;
	height: 46px;
	padding: 8px 0 0 7px;
}
.actions li.big {
	background-image: url("../images/bg-action-big.gif");
	width: 293px;
	height: 71px;
	padding: 12px 0 0 11px;
}
.actions li a {
	background: transparent url("../images/btn-action-apply.gif") no-repeat;
	width: 180px;
	height: 34px;
	display: block;
	text-indent: -9999px;
}
.actions li#action-nominate {
	width: 210px;
	padding: 8px 0 0 0;
	margin: 0 5px 0 0;
}

.actions li#action-purchase {
	margin-right: 0;
}
.actions li#action-nominate a {
	background-image: url("../images/btn-action-nominate-co-prod.gif");
	width: 210px;
}
.actions li#action-apply a {
	/*background-image: url("../images/btn-action-award-finalists.gif");*/
	height: 36px
	background-image: url("../images/btn-action-apply.gif");
}
.actions li.big a {
	background-image: url("../images/btn-action-nominate-big.png");
	width: 279px;
	height: 54px;
}
.actions li small {
	display: block;
	text-align: right;
	margin: .25em 60px 0 0;
	font-size: .8em;
}
.actions li a:hover {
	background-position: left bottom;
}
.actions #action-apply.alt a {
	/*background-image: url("../images/btn-action-apply-alt.gif");*/
	width: 180px;
	height: 36px;
	background-image: url("../images/btn-action-award-finalists.gif");
}
.actions #action-purchase a {
	background-image: url("../images/btn-action-purchase.gif");
}
.actions #action-finalist a {
	background-image: url("../images/btn-action-award-finalists.gif");
}
.actions #action-sponsor a {
	background-image: url("../images/btn-action-sponsor.gif");
}
.actions #action-sponsor.big a {
	background-image: url("../images/btn-action-sponsor-big.png");
}
.actions #action-table.big a {
	background-image: url("../images/btn-action-table-big.png");
}
.actions #action-tickets.big a {
	background-image: url("../images/btn-action-tickets-big.png");
}

/* Tables -------------------------------------------------- */
table {
	width: 100%;
	margin: .5em 0 1em;
}
th, td {
	padding: .5em .75em;
	text-align: left;
	vertical-align: top;
	line-height: 1.1;
}
th {
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}
td {
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}
tr th:first-child,
tr td:first-child {
	border-left: none;
}

/* Sponsors Styles -------------------------------------------------- */
#sponsors {
	color: #09c; /* blue */
	height: 100px;
	position: relative;
	font-size: 12px;
}
#sponsors ul {
	margin: 0 auto;
	width: 910px;
	list-style: none;
}
#sponsors ul li {
	list-style: none;
	position: absolute;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 15px;
}
#sponsors h4 {
	margin: 0 0 10px 60px;
	display: none;
}
#sponsors a {
	margin: 1em 1.2em 0 1.2em;
	float: left;
	text-indent: -9999px;
}
#sponsors #sponsor-brought {
	top: 50px;
	left: 40px
}
#sponsors #sponsor-brought a {
	position: absolute;
	top: 40px;
	left: 55px;
	margin: 0;
	float: none;
	text-indent: 0;
}
#sponsors #sponsor-presented {
	top: 50px;
	left: 355px;
}
#sponsors #sponsor-presented a {
	position: absolute;
	top: 50px;
	left: -25px;
	margin: 0;
	float: none;
	text-indent: 0;
}
#sponsors #sponsor-presented2 {
	top: 75px;
	left: 660px;
}
#sponsors #sponsor-presented2 strong {
	display: block;
	text-indent: -9999px;
}
#sponsors #sponsor-presented2 a {
	position: absolute;
/*	top: 10px;
	left: 100px;*/
	margin: 0;
	float: none;
	text-indent: 0;
}
#sponsors #sponsor-additional {
	top: 150px;
	left: 50%;
	margin-left: -90px;
}
#sponsors #sponsor-additional a {
	text-indent: 0;
	float: none;
	margin: 0;
	text-decoration: none;
}


/* Footer Styles -------------------------------------------------- */
#footer {
	clear: both;
	font-size: .8em;
	color: #666;
	text-align: center;
}
#footer a:link, #footer a:visited { color: #666; text-decoration: none; border-bottom: 1px solid #bbb; }
#footer a:hover, #footer a:focus, #footer a:active { color: #09c; } /* blue */
#footer ul {
	margin: 1em 0;
	list-style: none;
}
#footer li {
	display: inline;
	margin: 0 1em;
}
#footer #copyright {
	margin-top: 0;
}