@import 'form.css';

html, body {
	font : 12px/18px Helvetica, Arial, sans-serif;
	color : #fbfbe6;

	padding : 0;
	background-color : #181b14;
	margin : 0;
	
	cursor : default;
}
body {
	width : 820px;
	
	margin : 0 auto;
}

a img {
	border : 0 none;
}

:link, :visited {
	color : #96c730;
	text-decoration : underline;

	cursor : pointer;
}
:link:hover, :visited:hover {
	text-decoration : none;
}

.alt:link, .alt:visited {
	color : #01af9d;
}

h2 {
	display : none;
}

h3 {
	font : bold 12px/18px Helvetica, Arial, sans-serif;
	color : #96c730;
	text-transform : uppercase;
	
	padding : 0;
	margin : 0 0 2px;
}
h3.sIFR-ignore {
	margin-bottom : 0;
}

h3 + p {
	margin-top : 0;
}

p.more a, a.more {
	text-decoration : none;

	background : transparent url('../../images/bullet.png') no-repeat center left;
	padding-left : 8px;
}
p.more a.alt, a.more.alt {
	background-image : url('../../images/bulletAlt.png');
}
p.more a + a {
	margin-left : 10px;
}
p.more a.alt + a.alt {
	margin-left : 0;
}

a.more {
	white-space : nowrap;
	padding-left : 11px;
	background-position : 3px center;
}
p.more a:hover, a.more:hover {
	color : #fff;
}

a.cofcJoinFacebook span,
a.cofcReadBlog span,
a.bioFriendFacebook span,
a.bioReadBlog span {
	display : block;
	display : -moz-inline-block;
	display : inline-block;
	width : 276px;
	height : 9px;
	
	font-size : 9px;
	line-height : 9px;
	vertical-align : baseline;
	text-indent : -32767em;
	
	background : transparent url('../../images/cofcJoinFacebook.png') no-repeat top left;
}
a.cofcReadBlog span {
	width : 209px;
	background-image : url('../../images/cofcReadBlog.png');
}
a.bioFriendFacebook span {
	width : 140px;
	background-image : url('../../images/bioFriendFacebook.png');
}
a.bioReadBlog span {
	width : 81px;
	background-image : url('../../images/bioReadBlog.png');
}
a.cofcJoinFacebook:hover span,
a.cofcReadBlog:hover span,
a.bioFriendFacebook:hover span,
a.bioReadBlog:hover span {
	background-position : bottom left;
}

a.bioFriendFacebook span {
	margin-right : 10px;
}

ul.errors {
	list-style : square;
	padding : 0;
	margin : 1em 0 2em;
}
ul.errors li {
	padding : 0;
	margin : 0 0 0 1.5em;
}

img.block {
	display : block;
	
	margin-top : 0.5em;
}

.articleTitle {
	font-style : italic;
}

p.intro {
	font-size : 120%;
}

#head {
	width : 798px;
	
	padding-top : 52px;
	margin : 0 auto;
}

#foot {
	clear : both;
	
	color : #666;
	font-size : 10px;
	
	text-align : center;

	padding-top : 30px;
	margin : 0 auto;
}
#foot :link, #foot :visited {
	color : #669700;
}

#logo {
	display : block;
	width : 162px;
	height : 75px;
	
	text-indent : -32767em;
	
	padding : 0;
	background : transparent url('../../images/logo.png') no-repeat top left;
	margin : 0 auto;
}
#logo a {
	display : block;
	width : 100%;
	height : 100%;
}

#menu {
	height : 25px;
	float : left;

	padding : 0 39px 25px;
	border-bottom : 1px solid #2f3329;
	margin : 29px 0;
}

#menu li {
	display : block;
	float : left;
	
	height : 11px;
	
	padding : 9px 9px 5px;
	background : transparent url('../../images/menuVr.png') no-repeat top left;
}
#menu li:first-child {
	padding-left : 53px;
	background : transparent url('../../images/menuPrefix.png') no-repeat 0 9px;
}
#menu li.last {
	padding-left : 35px;
	background : transparent url('../../images/menuSuffix.png') no-repeat 11px 9px;
}

#menu li a {
	display : block;
	height : 11px;
	
	text-indent : -32767em;
	
	background : transparent none no-repeat top left;
}
#menu li.active a, #menu li a:hover {
	background-position : bottom left;
}
#menu li.about a {
	width : 49px;
	background-image : url('../../images/menuAbout.png');
}
#menu li.video a {
	width : 162px;
	background-image : url('../../images/menuVideo.png');
}
#menu li.promotional a {
	width : 146px;
	background-image : url('../../images/menuPromotional.png');
}
#menu li.accolades a {
	width : 85px;
	background-image : url('../../images/menuAccolades.png');
}
#menu li.contact a {
	width : 99px;
	background-image : url('../../images/menuContact.png');
}

#content {
	clear : both;
}

#subMenu {
	float : left;
	width : 132px;
	list-style : none;
	
	font-weight : bold;
	font-size : 11px;
	line-height : 15px;

	padding : 0 5px 0 0;
	margin : 0;
}
#subMenu li {
	text-transform : uppercase;
	list-style : none;
	
	padding : 0 0 0 8px;
	background : transparent url('../../images/bullet.png') no-repeat 0 3px;
	margin : 0;
}
#subMenu > li {
	padding-bottom : 19px;
}
#subMenu a {
	text-decoration : none;
}
#subMenu li.active a, #subMenu a:hover, #subMenu a.active {
	color : #fbfbe6;
}
#subMenu .w {
	display : block;

	font-style : normal;
	color : #fbfbe6;
}
#subMenu ul {
	padding : 0;
	margin : 0.5em 0 0 1em;
}

.col1 {
	float : left;
	width : 258px;
	
	padding-right : 44px;
}
.col2 {
	float : left;
	width : 321px;
}

.col1 > div, .col2 > div {
	padding-top : 29px;
	border-top : 1px solid #2f3329;
	margin-top : 29px;
}
.col1 > div:first-child, .col2 > div:first-child {
	padding-top : 0;
	border-top : 0 none;
	margin-top : 0;
}

.col1.fakeMargin {
	margin-left : 105px;
}

.col1.video {
	width : 480px;
	padding-right : 16px;
}
.col2.video {
	width : 178px;
}

.col1.bio {
	width : 288px;
	padding-right : 21px;
}
.col2.bio {
	padding-top : 0.5em;
}

.col1.fullList {
	float : none;
	width : 620px;
	
	padding-right : 0;
	margin : 0 auto;
}
.col1.fullList h3 {
	padding-top : 1em;
	border-top : 1px solid #2f3329;
}
.col1.fullList h2 + h3 {
	padding-top : 0;
	border-top : 0 none;
}
.col1.fullList h2 + p {
	margin-top : 0;
}

#video {
	display : block;
	width : 480px;
	height : 360px;

	background-color : #000;
	margin-bottom : 1em;
}

.flipList {
	padding : 0;
	margin : 0 -14px 0 0;
}
.flipList li {
	display : block;
	float : left;
	list-style : none; /* ie */
	width : 82px;
	height : 53px;
	
	padding : 0;
	background : transparent url('../../images/flipBg.png') no-repeat top left;
	margin : 0 14px 17px 0;
}

.flipList img {
	display : block;
}
.flipList li:not(.hasFlash):hover img {
	display : none;
}
.flipList a {
	position : relative;
	display : block;
	width : 82px;

	color : #fbfbe6;
	text-decoration : none;
}
.flipList.bio img {
	margin-bottom : 6px;
}
.flipList.bio li {
	height : auto;
	
	text-align : center;
	
	overflow : hidden;
}
.flipList.bio li:hover a {
	padding-top : 59px;
}
.flipList.bio li.hasFlash:hover a {
	padding-top : 0 !important;
}

.flipList:not(.bio) li.hasFlash a {
	display : none;
}
.flipList.bio li.hasFlash img {
	display : none;
}

.flipList a span.flipFrame {
	display : block;
	position : absolute;
	top  : 0;
	left : 0;
	width : 82px;
	height : 53px;
	z-index : 2;
	
	background : transparent url('../../images/flipFrame.png') no-repeat top left;
}

.video .flipList {
	margin-top : 10px;
}

.flipList li.earth {
	background-image : url('../../images/flip/earth.png');
}
.flipList li.fire {
	background-image : url('../../images/flip/fire.png');
}
.flipList li.heaven {
	background-image : url('../../images/flip/heaven.png');
}
.flipList li.lake {
	background-image : url('../../images/flip/lake.png');
}
.flipList li.mountain {
	background-image : url('../../images/flip/mountain.png');
}
.flipList li.thunder {
	background-image : url('../../images/flip/thunder.png');
}
.flipList li.water {
	background-image : url('../../images/flip/water.png');
}
.flipList li.wind {
	background-image : url('../../images/flip/wind.png');
}

ul.friends {
	padding : 0;
	margin : 1em 0 0;
}
ul.friends li {
	display : block;
	list-style : none; /* ie */
	padding : 0;
	margin : 0;
}

#contact dl {
	margin : 11px 0;
}
#contact dt {
	float : left;
	width : 100px;
	
	padding : 0;
	margin : 0 0 9px;
}
#contact dd {
	padding : 0;
	margin : 0 0 9px;
}