/*
Theme Name: Richmond Oval
Theme URI: 
Description: Richmond Oval Microsite Interactive theme
Version: 1.0
Author: FCV
Author URI: http://www.fcv.ca
Tags: blue, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #8c9e9c url(images/oval_background.jpg) no-repeat center top;
	color: #4e4d4d;
	text-align: center;
	line-height:1.5em;
}

#headerimg {
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
}

#content {
	font-size: 1.2em;
}

.widecolumn .entry p {
	font-size: 1.05em;
}

.narrowcolumn .entry,
.widecolumn .entry {
	line-height: 1.4em;
}

.widecolumn {
	line-height: 1.6em;
}

.narrowcolumn .postmetadata {
	text-align: center;
}

.thread-alt {
	background-color: #f8f8f8;
}

.thread-even {
	background-color: white;
}

.depth-1 {
	border: 1px solid #ddd;
}

.even,
.alt {
	border-left: 1px solid #ddd;
}

#footer {
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

h1,
h2,
h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h1 {
	text-align: center;
}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
}

h2 {
	font-size: 1.6em;
}

h2.pagetitle {
	font-size: 1.6em;
}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
}

h3 {
	font-size: 1.3em;
}

h1,
h1 a,
h1 a:hover,
h1 a:visited,
#headerimg .description {
	text-decoration: none;
	color: white;
}

h2,
h2 a,
h2 a:visited,
h3,
h3 a,
h3 a:visited {
	color: #333;
}

h2,
h2 a,
h2 a:hover,
h2 a:visited,
h3,
h3 a,
h3 a:hover,
h3 a:visited,
#sidebar h2,
#wp-calendar caption,
cite {
	text-decoration: none;
}

.entry p a:visited {
	color: #b85b5a;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}

.sticky h2 {
	padding-top: 10px;
}

.commentlist li,
#commentform input,
#commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite,
.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small,
#sidebar ul ul li,
#sidebar ul ol li,
.nocomments,
.postmetadata,
blockquote,
strike {
	color: #777;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym,
abbr,
span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

a,
h2 a:hover,
h3 a:hover {
	color: #06c;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #147;
	text-decoration: underline;
	outline: none;
}

#wp-calendar #prev a,
#wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

p {
	text-align: left;
	margin: 0;
	padding: 0;
}

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
}

ul,
ol {
	list-style-type: none;
}

ul li,
ol li {
	list-style-type: none;
}

#page {
	width: 960px;
	height: 535px;
	margin: 0 auto;
	position: relative;
}

#header {
	float: left;
	position: relative;
	z-index:200;
	width: 100%;
	padding-top: 26px;
	padding-bottom: 20px;
	text-align: right;
}

#logo-richmondoval {
	float: left;
	width: 186px;
	height: 51px;
	margin-left: 25px;
}

#logo-richmondoval a {
	display: block;
	width: 186px;
	height: 51px;
	background: url(images/logo_richmond.png) no-repeat;
}

#logo-morethanmeetstheice {
	float: right;
	width: 300px;
	height: 17px;
	background: url(images/logo_tagline.png) no-repeat;
	padding-right: 25px;
}

#flashcontent {
	float: left;
	position: relative;
	width: 960px;
	height: 475px;
	background: url(images/flashbackground.png) no-repeat center;
	z-index: 10;
}

#flashvideo {
	float: left;
	position: absolute;
	top: 8px;
	left: 79px;
	width: 800px;
	height: 450px;
	z-index:15;
}

.theOval {
	width: 960px;
	height: 510px;
	float: left;
	position: absolute;
	z-index:2;
	top: -97px;
	left: -2px;
}

.theOval img.ovalBg {
	position: absolute;
	top: 0;
	left: 12px;
	float: left;
	width: 960px;
	height: 510px;
	z-index:-1;
	display: none;
}

#mainContent {
	float: left;
	position: relative;
	height: 510px;
	width:960px;
	top: 0;
	z-index:50;
}

.postContent {
	display: none;
}

.dummyBox {
	float: left;
	display: none; /* don't show at beginning */
	width: 915px;
	height: 390px;
	position: relative;
	left:20px;
	top: 27px;
	background:red;
}

.dummyBox .close {
	display:block;
	position:absolute;
	background: url(images/Btn_close.png) no-repeat;
	width: 72px;
	height: 30px;
	text-indent: -2500px;
	overflow: hidden;
	right:8px;
	top:10px;
	cursor: pointer;
	z-index:100;
}

.dummyBox ul.sliderbox {
	float: left;
	height: 390px;
	width: 913px;
	overflow: auto;
	position: relative;
	background: white;
	margin: 0;
	padding: 0;
	font-size: 1em;
	border: 1px solid #00447c;
}

.dummyBox ul.sliderbox li.slide {
	float: left;
	width: 865px;
	height: 390px;
	padding: 15px 15px 0 15px;
	display: inline;
}

.dummyBox ul.sliderbox li.slide strong {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #00447c;
	text-align: left;
}

.dummyBox ul.sliderbox li.slide p {
	margin-bottom: 10px;
}

.dummyBox ul.sliderbox li h1 {
	display: none;
}

.dummyBox ul.sliderbox li ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 215px;
	text-align: left;
	padding-left: 15px;
}

.dummyBox ul.sliderbox li ul li {
	float: left;
	padding-left: 5px;
	margin-bottom: 5px;
	list-style-type:disc;
}

.pointContent {
	padding-top: 34px;
}

#slideInner li.slide img {
	float: left;
	margin-right: 10px;
}

.closeBox {
	position: absolute;
}

#rightControl {
	float: left;
	position: absolute;
	bottom: 25px;
	right: 13px;
	z-index: 100;
	cursor: pointer;
	background: url(images/SPRITE_next_page.png) no-repeat 0 -20px;
	width: 96px;
	height: 33px;
	text-indent: -2500px;
	overflow: hidden;
}

#rightControl:hover {
	background-position: 0 -70px;
}

#leftControl {
	float: left;
	position: absolute;
	bottom: 25px;
	right: 147px;
	cursor: pointer;
	background: url(images/SPRITE_previous_page.png) no-repeat 0 -20px;
	width: 113px;
	height: 33px;
	text-indent:-2500px;
	overflow: hidden;
}

#leftControl {
	background-position: 0 -70px;
}

#homeNav {
	float: left;
	width:455px;
	position: absolute;
	bottom:5px;
	left: 261px;
	z-index:5;
}

#yourOvalContent {
	float: left;
	width: 915px;
	height: 390px;
	position: absolute;
	left: 22px;
	top: 33px;
	z-index:500;
}

#yourOvalContent a.fbConnect {
	float: left;
	width: 208px;
	background: url(images/SPRITE_fbConnect.png) no-repeat;
	height: 45px;
	position: absolute;
	bottom: -65px;
	right: 0px;
	text-indent: -2500px;
}

#yourOvalContent a.fbConnect:hover {
	background-position: 0 -49px;
}

#yourOvalContent a.drawAgain {
	float: left;
	width: 165px;
	background: url(images/SPRITES_dAgain.png) no-repeat;
	height: 45px;
	position: absolute;
	bottom: -65px;
	left: 0px;
	text-indent:-2500px;
}

#yourOvalContent a.drawAgain:hover {
	background-position: 0 -54px;
}

.page-template-share_facebook-php a.fbConnect {
/*display: none;*/
}

#yourOvalContent a.drawAgain:hover {
}

.page-template-make-it-yours-php #yourOvalContent {
	float: left;
	background: #fff;
	border: 1px solid #00447C;
	width: 915px;
	height: 390px;
	position: absolute;
	left: 20px;
	top: 27px;
	z-index:55;
}

.page-template-share_facebook-php #yourOvalContent {
	background: none;
	border: none;
}

.page-template-share_facebook-php #yourOvalContent #respond {
	width: 378px;
	height: 429px;
	float: left;
	padding: 15px;
	margin-left: 255px;
	background: url(images/awesomeDesignBg.png) no-repeat;
	top: -37px;
	position: relative;
}

.page-template-share_facebook-php #yourOvalContent #respond .topLine {
	background: url(images/awesomeDesign.gif) no-repeat 15px 0;
	float: left;
	width: 370px;
	height: 219px;
}

.page-template-share_facebook-php #yourOvalContent #respond #commentform {
	float: left;
	margin-left: 23px;
	margin-top:15px;
}

.page-template-share_facebook-php #yourOvalContent #respond #commentform #comment {
	width: 309px;
	height: 105px;
	margin-top: 23px;
}

.page-template-share_facebook-php #yourOvalContent #respond #commentform input {
	float: right;
	border: none;
	background: none;
	padding: 0;
	cursor: pointer;
	width: 128px;
	height: 50px;
	background: url(images/Btn_submit.png) no-repeat;
	text-indent: -2500px;
}

.page-template-share_facebook-php #yourOvalContent #respond #commentform input:hover {
	background-position: 0 -53px;
}

#homeNav .btn a {
	float: left;
	text-indent: -2500px;
	width: 215px;
	height: 95px;
	background: url(images/SPRITE_explore_create.png) no-repeat;
	outline: none;
}

#homeNav .btn a:active {
	outline: none;
}

#homeNav .explore a {
	background-position: -4px -3px;
}

#homeNav .explore a:hover {
	background-position: -4px -114px;
}

#homeNav .explore a:active {
	background-position: -4px -224px;
}

#homeNav .create a {
	background-position: -217px -3px;
}

#homeNav .create a:hover {
	background-position: -217px -114px;
}

#homeNav .create a:active {
	background-position: -217px -224px;
}

#content {
	float: left;
	width: 960px;
	height: 535px;
	position: relative;
}

#subNav {
	float: left;
	width: 957px;
	height: 140px;
	position: relative;
	top: -102px;
	z-index:100;
}

.page-template-share_facebook-php #subNav {
	display: none;
}

#subNav ul {
	float: left;
	width: 957px;
	height:115px;
	background: url(images/SPRITE_subnav.png) no-repeat;
	position: relative;
	margin: 0;
	padding: 0;
}

#subNav ul li {
	float: left;
}

#subNav ul li {
	float: left;
	position: relative;
	top: 50px;
	left: 271px;
}

#subNav ul li a.explore_sub {
	float: left;
	text-indent: -2500px;
	background: url(images/SPRITE_subnav.png) no-repeat -271px -50px;
	width:204px;
	height: 60px;
	margin-right: 6px;
}

#subNav ul li a.create_sub {
	float: left;
	text-indent: -2500px;
	background: url(images/SPRITE_subnav.png) no-repeat -481px -50px;
	width:203px;
	height: 60px;
}

#subNav ul li a.create_sub:hover {
	float: left;
	text-indent: -2500px;
	background: url(images/SPRITE_subnav.png) no-repeat -481px -299px;
	width:203px;
	height: 60px;
}

.page-template-share_facebook-php #subNav ul,
.page-template-your-oval-php #subNav ul,
.page-template-make-it-yours-php #subNav ul {
	background-position: 0 -122px;
}

.page-template-share_facebook-php #subNav ul li a.create_sub,
.page-template-your-oval-php #subNav ul li a.create_sub,
.page-template-make-it-yours-php #subNav ul li a.create_sub {
	background-position: -481px -172px;
}

.page-template-share_facebook-php #subNav ul li a.explore_sub,
.page-template-your-oval-php #subNav ul li a.explore_sub,
.page-template-make-it-yours-php #subNav ul li a.explore_sub {
	background-position: -271px -172px;
}

.page-template-share_facebook-php #subNav ul li a.explore_sub:hover,
.page-template-your-oval-php #subNav ul li a.explore_sub:hover,
.page-template-make-it-yours-php #subNav ul li a.explore_sub:hover {
	background-position: -271px -433px;
}

#subNav ul li ul {
	float: left;
	position: absolute;
	height: 30px;
	background: none;
	left: -537px;
	top: -110px;
}

.page-template-your-oval-php #subNav ul li ul,
.page-template-make-it-yours-php #subNav ul li ul,
.page-template-share_facebook-php #subNav ul li ul {
	display: none;
}

/*.page-template-share_facebook-php #subNav ul li ul{
	left: -707px;
	top: -108px;
}*/

#subNav ul li ul li {
	margin: 0 4px;
}

ul.exploreSub_sub li a {
	float: left;
	text-indent: -2500px;
	background: url(images/SPRITES_explore.png) no-repeat;
	overflow: hidden;
}

ul.exploreSub_sub li.membership a {
	float: left;
	width: 153px;
	height: 55px;
	background-position: -5px -74px;
}

ul.exploreSub_sub li.membership a:hover,
ul.exploreSub_sub li.membership a.active {
	background-position: -5px -2px;
}

ul.exploreSub_sub li.sports a {
	float: left;
	width: 111px;
	height: 55px;
	background-position: -164px -74px;
}

ul.exploreSub_sub li.sports a:hover,
ul.exploreSub_sub li.sports a.active {
	background-position: -164px -2px;
}

ul.exploreSub_sub li.fitness a {
	float: left;
	width: 106px;
	height: 55px;
	background-position: -280px -74px;
}

ul.exploreSub_sub li.fitness a:hover,
ul.exploreSub_sub li.fitness a.active {
	background-position: -280px -2px;
}

ul.exploreSub_sub li.oval_kids a {
	float: left;
	width: 144px;
	height: 55px;
	background-position: -391px -74px;
}

ul.exploreSub_sub li.oval_kids a:hover,
ul.exploreSub_sub li.oval_kids a.active {
	background-position: -391px -2px;
}

ul.exploreSub_sub li.meetings_events a {
	float: left;
	width: 232px;
	height: 55px;
	background-position: -540px -74px;
}

ul.exploreSub_sub li.meetings_events a:hover,
ul.exploreSub_sub li.meetings_events a.active {
	background-position: -540px -2px;
}

ul.exploreSub_sub li.legacy a {
	float: left;
	width: 151px;
	height: 55px;
	background-position: -779px -74px;
}

ul.exploreSub_sub li.legacy a:hover,
ul.exploreSub_sub li.legacy a.active {
	background-position: -779px -2px;
}

.page-template-explore-php #subNav ul li ul.createSub_sub,
.page-template-share_facebook-php #subNav ul li ul.exploreSub_sub,
.page-template-your-oval-php #subNav ul li ul.exploreSub_sub,
.page-template-make-it-yours-php #subNav ul li ul.exploreSub_sub {
	display: none;
}

ul.createSub_sub li a {
	float: left;
	height: 55px;
	background: url(images/SPRITES_create.png) no-repeat 0 -78px;
	overflow: hidden;
	text-indent: -2500px;
}

ul.createSub_sub li.skating a {
	width: 111px;
	background-position: 0 -77px;
}

ul.createSub_sub li.skating a:hover {
	background-position: 0 -5px;
}

ul.createSub_sub li.racquet_sports a {
	width: 194px;
	background-position: -118px -77px;
}

ul.createSub_sub li.racquet_sports a:hover {
	background-position: -118px -5px;
}

ul.createSub_sub li.court_sports a {
	width: 171px;
	background-position: -318px -77px;
}

ul.createSub_sub li.court_sports a:hover {
	background-position: -318px -5px;
}

ul.createSub_sub li.fitness a {
	width: 104px;
	background-position: -496px -77px;
}

ul.createSub_sub li.fitness a:hover {
	background-position: -496px -5px;
}

ul.createSub_sub li.meetings a {
	width: 128px;
	background-position: -606px -77px;
}

ul.createSub_sub li.meetings a:hover {
	background-position: -606px -5px;
}

ul.createSub_sub li.rowing a {
	width: 114px;
	background-position: -740px -77px;
}

ul.createSub_sub li.rowing a:hover {
	background-position: -740px -5px;
}

.post hr {
	display: block;
}

.widecolumn .post {
	margin: 0;
}

.narrowcolumn .postmetadata {
	padding-top: 5px;
}

.widecolumn .postmetadata {
	margin: 30px 0;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: right;
}

#skipBtn a {
	float: left;
	width: 136px;
	height: 52px;
	left: 0px;
	margin-left: 20px;
	overflow: hidden;
	background: url(images/SPRITE_skip_video.png) no-repeat;
}

#skipBtn a {
	background-position: 0px 0px;
	outline: none;
}

#skipBtn a:hover {
	background-position: 0px -53px;
}

#skipBtn a:active {
	background-position: 0px -106px;
	outline: none;
}

#backBtn a {
	float: left;
	width: 165px;
	height: 52px;
	left: 0px;
	margin-left: 20px;
	overflow: hidden;
	background: url(images/SPRITE_back_to_start.png) no-repeat;
}

#backBtn a {
	background-position: 0px 7px;
}

#backBtn a:hover {
	background-position: 0px -47px;
}

#backBtn a:active {
	background-position: 0px -100px;
	outline: none;
}

#enterToWin {
	float: right;
	height: 51px;
	padding-right: 20px;
	width: 130px;
}

#enterToWin a {
	background: url(images/SPRITE_enter_to_win.png) no-repeat;
	display: block;
	height: 33px;
	width: 130px;
}

/* Video Structure */

.membershipVideo {
	float: left;
	width: 640px;
	height: 360px;
	background: black;
	margin-right: 10px;
}

/* FB Thumbs*/

#fbPosts {
	float: left;
	width: 350px;
	height: 300px;
	margin: 46px 10px 0 46px;
}

.creatorThumb {
	float: left;
	width: 175px;
	height: 90px;
	background: url(images/SPRITE_fbThumb.gif) no-repeat;
	margin-bottom: 15px;
}

.creatorThumb:hover {
	background-position: 0 -101px;
}

.creatorThumb:hover .cAuthor {
	color: #000;
}

.fbpPic {
	float: left;
	width: 50px;
	height: 50px;
	margin: 8px 3px 0px 10px;
}

.fbpPic a img {
	border: none;
	float: left;
}

.drawingThumb {
	margin-top: 8px;
	background: #fff;
}

.drawingThumb a,
.drawingThumb {
	float: left;
	width: 92px;
	height: 50px;
	overflow: hidden;
}

.drawingThumb a img {
	border: none;
	float: left;
}

.cAuthor {
	float: left;
	color: #fff;
	width: 133px;
	margin-top: 10px;
	margin-left: 15px;
	color: #4e4d4d;
}

#fbPostright {
	float: left;
	text-align: left;
	width: 490px;
	margin: 75px 0px 0px 0px;
}

#fbPostright .people {
	float: left;
	font-weight: bold;
	font-size: 27px;
	width: 325px;
	color: #00447c;
	line-height:1.2em;
	margin: 0px;
	padding: 0;
	margin-top: 6px;
	margin-left: 7px;
}

#fbPostright .people span {
	font-size: 16px;
	font-weight: normal;
	clear: both;
	float: left;
	line-height: 1.5em;
	color: #4E4D4D;
}

#fbPostright .numbers {
	float: left;
	line-height:normal;
	font-size: 65px;
	padding-right: 15px;
	color: #00447c;
	font-weight: bold;
	height: 235px;
}

#fbPostright a {
	float: left;
	width: 218px;
	height: 59px;
	background: url(images/SPRITES_make_it_yours.gif) no-repeat;
	text-indent: -2500px;
	overflow: hidden;
}

#fbPostright a:hover {
	background-position: 0 -57px;
}

/* End Structure */