/*
    b2bcore.css -- CSS for raZor's "B2B core"
*/

/*
	COLOR DEFINITIONS:
	#7094ff;  - light blue
	#3366ff; - medium blue
	#24008f; - dark blue
	#ffdb70; - yellow/tan
*/

/***************** BODY, CONTAINER **************/

body {
    font-family: Verdana, Georgia, Helvetica, Sans-serif;
	font-size: 1em;
	margin: 0;
	background: #24008f url('images/metal2.jpg') top left repeat; /* dark blue */
	/*background: #24008f;*/
	text-align: center;
	color: #24008f; /* dark blue */
}

#container {
	margin: 0 auto; /* centers in FF */
	margin-top: 15px;
	margin-bottom: 15px;
	width: 80%; /* margin on either side */
	text-align: left;
	background-color: white;
	padding: 10px;
}

/***************** HEADER, SLOGAN, NAVBAR **************/

#header {
	padding: 0;
}

#navbar {
	font-size: 0.7em;
	border-bottom: solid 1px #3366ff; /* medium blue */
}

#slogan {
	margin: 0;
	float: left;
}

#navbar a {
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #3366ff; /* medium blue */
}

#navbar a:hover {
	/*text-decoration: underline;*/
	background-color: #ffdb70; /* yellow/tan */
}

#navbar ul { 
	margin: 0;
	padding: 0;
	text-align: right;
}

#navbar li {
	display: inline;
	margin: 0;
	padding: 0;
}

/***************** MAIN, CONTENT **************/

#main {
	margin-top: 10px;
}

#feature {
	float: left;
	width: 71%;
	border: solid 1px #3366ff; /* medium blue */
	background-color: #7094ff; /* light blue */
	padding: 0px 5px 5px 5px; /* top right bottom left */
	font-size: 0.7em;
	color: white;
}

#content {
	/*border: solid 1px #3366ff; *//* medium blue */
	float: left;
	/*margin-right: 220px;*/
	/*width: 400px;*/
	width: 72%;
	font-size: 0.9em;
	margin-bottom: 10px;
}

#content h1 {
	margin: 5px 5px 10px 5px; /* top right bottom left -- CCW */
	font-size: 1.1em;
	/*color: white;*/
	border-bottom: solid 1px #3366ff; /* medium blue */
	font-variant: small-caps;
	padding-left: 16px;
	background: url('images/icons/applications-other.png') center left no-repeat;
	/*background: url('images/content_gradient.jpg') top left repeat-y;*/
}

#content p {
	text-indent: 25px;
}

#content a {
	text-decoration: none;
	border-bottom: solid 1px #24008f;
	color: #24008f;
}

#content a:hover {
	border-bottom: dashed 1px #24008f;
}

#content li {
	list-style-image: url('images/arrow-blue.gif');
}

/***************** SIDEBAR, etc **************/

#sidebar {
	float: right;
	border: solid 1px #3366ff; /* medium blue */
	width: 25%;
	background-color: #7094ff; /* light blue */
	padding: 0px 5px 5px 5px; /* top right bottom left */
	font-size: 0.7em;
	color: white;
	margin-bottom: 1%;
}

/* styles shared between sidebar, feature, and services */
#sidebar p, #feature p, #services p {
	text-indent: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#sidebar p.right, #feature p.right, #services p.right {
	text-align: right;
}

#sidebar p.date, #feature p.date, #services p.date {
	font-size: 0.8em;
	font-style: italic;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 0;
}

#sidebar a, #feature a, #services a {
	color: white;
	text-decoration: underline;
}

#sidebar a:hover, #feature a:hover, #services a:hover {
	color: red;
}

#sidebar h1 {
	color: white;
	margin: 0px -5px 5px -5px; /* top right bottom left, CCW order */
	font-size: 1em;
	/*text-transform: uppercase;*/
	font-variant: small-caps;
	padding-left: 5px;
	background: url('images/sidebar_gradient.jpg') top left repeat-y;
}

#sidebar h1 img {
	vertical-align: middle;
	margin-left: 5px;
}

#feature h1, #services h1 {
	color: white;
	margin: 0px 0px 5px 0px; /* top right bottom left, CCW order */
	font-size: 1em;
	/*text-transform: uppercase;*/
	font-variant: small-caps;
	padding-left: 5px;
	background: url('images/sidebar_gradient.jpg') top left repeat-y;
}

#feature h1 {
	margin-left: -5px;
}

#feature h3 {
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
}

#sidebar h2, #feature h2, #services h2 {
	color: white;
	margin: 0; /* top right bottom left, CCW order */
	font-size: 1em;
	padding-left: 5px;
}

#sidebar ul, #feature ul, #services ul {
	padding: 0;
	margin: 0;
	margin-left: 25px;
}

#sidebar ul a, #feature ul a {
	display: block;
	font-weight: normal;
	margin-top: 5px;
}

#sidebar li, #feature li, #services li {
	margin-bottom: 5px;
	font-weight: bold;
	list-style-image: url('images/arrow.gif');
}

#searchbar input {
}

#searchbar input.button {
	background-color: #7094ff; /* light blue */
	border: solid 1px #aaa;
	color: white;
	font-size: 0.8em;
	padding: 2px 0px 2px 0px;
}

/***************** SERVICES **************/

#services {
	clear: both; /* can't have any elements on left or right - pushes to bottom of screen */
	border: solid 1px #3366ff; /* medium blue */
	background-color: #7094ff; /* light blue */
	font-size: 0.7em;
	color: white;
	/*padding: 5px;*/
}

#services p {
	margin-top: 5px;
}

#services a {
	color: white;
	text-decoration: underline;
}

#services a:hover {
	color: red;
}

table.links {
	width: 100%;
}

table.links td {
	height: 50px;
	/*border: solid 1px black;*/
	vertical-align: middle;
	text-align: left;
	padding: 5px 10px 5px 10px; /* top right bottom left */
}

table.links span {
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
}

table.links span img {
	vertical-align: middle;
	margin-left: 5px;
}

/***************** FOOTER **************/

#footer {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.7em;
	border-bottom: solid 1px #3366ff; /* medium blue */
}

#credits {
	margin: 0;
	float: left;
}

#footer a {
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #3366ff; /* medium blue */
}

#footer a:hover {
	/*text-decoration: underline;*/
	background-color: #ffdb70; /* yellow/tan */
}

#footer ul { 
	margin: 0;
	padding: 0;
	float: right;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
}