/* SeCommerce Zen theme/custom.css
** http://www.silverearth.com/
**
** Place your custom styles here. These will override the default Zen CSS.
*/

/************************************
** Use a 924px fixed width layout
*/
body {
	padding: 0 462px;
}

#container {
	width: 0;
	max-width: 0;
}

#page {
	margin: 0 -462px;
	min-width: 924px;
}

/************************************
** General styles
*/
body {
	background: #777;
}

#container {
	line-height: 1.231em; /* 16px */
}

#main {
	background: #ebebeb url('images/notre-dame-bands.jpg') right bottom no-repeat;
	border: 1px solid #000;
	border-top: none;
	height: 449px;
}

h1 {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #700;
	margin: 0;
	letter-spacing: 3px;
}

#content-inner {
	margin-left: 18px;
}

a:link, a:visited {
	color: #700;
}

a:hover, a:active {
	color: #900;
}

img.border {
	border: solid 1px #666;
}
img.float-left {
	margin-right: 1em;
}

dt {
	font-weight: bold;
	background: #333;
	color: #fff;
}
dd {
	margin: 0;
}

/************************************
** Header section
*/
#header {
	background: #000 url('images/header-bg.jpg') right top repeat-y;
	padding-left: 18px;
	margin-top: 48px;
	position: relative;
	border: 1px solid #000;
	border-bottom: none;
}

#logo {
	height: 84px;
}

#header-blocks {
	padding: 0;
	line-height: 1em;
}

#login {

	color: #fff;
}

#login a:link, #login a:visited {
	color: #fff;
}

/************************************
** Navbar
*/
#navbar {
	font-size: 1.231em;
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 1em;
}

#navbar a {
	padding-left: 2em;
}

#navbar a:link, #navbar a:visited, #navbar a:hover, #navbar a:active {
	border: none;
	background: transparent;
	color: #900;
}

#navbar a:hover, #navbar a:active {
	color: #fff;
}

/************************************
** Content area
*/
#content-inner {
	position: relative;
}

#contentwrapper {
	position: absolute;
	/*margin: 6px 0 12px 0;*/
	top: 36px;
	left: 0;
	font-size: 0.923em;
	width: 611px;
	height: 401px;
	clip: rect(0 auto auto 0);
	overflow: hidden;
}

#contentscroller {
	position: absolute;
	width: 611px;
	top: 0;
	left: 0;
}

#up-arrow, #down-arrow {
	position: absolute;
	left: 660px;
	visibility: visible;
	width: 20px;
	height: 40px;
}

#up-arrow {
	top: 20px;
}

#down-arrow {
	top: 408px;
}

#image-bar {
	position: absolute;
	left: 632px;
}

.column {
	padding: 12px;
	width: 179px; /* 203px including padding */
	height: 375px; /* 399px including padding */
	float: left;
	overflow: hidden;
	border: 1px solid #666; 
}

.column-border {
	float: left;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 0;
	height: 399px;
}

#seTitle {
	font-weight: bold;
	padding-bottom: 1em;
}
#seDescription {
	width: 179px;
	padding: 0;
}



#sidebar-right-inner {
	text-align: left;
	font-size: 1.167em;
}

#sidebar-right ul {
	list-style: none;
	margin-top: 0;
	padding: 0;
}

#sidebar-right ul ul {
	padding-left: 1em;
}

#sidebar-right ul li {
	font-weight: bold;
}

#sidebar-right ul ul li {
	font-weight: normal;
}

#sidebar-right ul a {
	color: #000;
	display: block;
	padding: 1px 0;
}

#sidebar-right ul ul a {
	color: #999;
	display: block;
	padding: 1px 0;
}


#sidebar-right ul a:hover, #sidebar-right ul a:active {
	color: #fff;
	text-decoration: none;
}

#footer {
	color: #fff;
}

#footer a {
	color: #900;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
}