*                       { margin: 0; padding: 0; font-weight: normal; }
body {
	font-size: 11px;
	color: #4d2b1a;
	font-family: georgia;
}

@font-face {
	font-family: 'LoveYaLikeASisterRegular';
	src: url('Love_Ya_Like_A_Sister.eot');
	src: local('Love Ya Like A Sister Regular'), local('LoveYaLikeASister'), url('Love_Ya_Like_A_Sister.ttf') format('truetype');
}

@font-face {
	font-family: 'TypoSlabserif-LightRegular';
	src: url('typoslabserif-light_regular.eot');
	src: local('TypoSlabserif-Light Regular'), local('TypoSlabserif-Light'), url('typoslabserif-light_regular.ttf') format('truetype');
}


img                     { border: none; }
h1, h2, p               { margin: 0 0 10px 0; }
a                       { text-decoration: none; color: #d24c26; border-bottom: 2px dotted #c2a38e; outline: 0;}
h1                      { font-size: 2.2em; font-family: 'BenTestFont','LoveYaLikeASisterRegular', 'LoveYaLikeASister', 'Georgia'; }
h2                      { font-size: 1.2em; }
ol, ul                  { list-style-type: none; }
ul li                   { margin: 0 0 10px 0; }
strong                  { font-weight: bold; }
#page                   { padding: 0; width: 100%; margin: 0; overflow: hidden; background: url(/_images/glass.png) repeat-x center 120px; }
#header,
#content,
#footer                 { margin: 0; padding: 10px 10px 0 10px; position: relative; }
#content                { margin: 0 auto; width: 1040px; position:relative;}
#footer                 { padding: 15px; }
#navigation             { margin-bottom: 0; padding-left: 7px;}
#header .logo                   { margin: 0 0 0 40px; }
abbr                    { border: 0;}
.hidden					{ display: none; }

/* Footer */
#footer                 { padding: 2px 10px; }
#login_page #footer,
#about #footer,
#places #footer,
#events #footer,
#blog #footer		{ margin-top: 165px; }
/* End of footer */

#header                 { height: 162px; background: url(/_images/header2.png) top center no-repeat; width: 100%; }
#footer                 { height: 180px; background: url(/_images/footer2.png) top center repeat; width: 100%; padding-top: 80px; color: #fff; }

#header .container,
#footer .container      { margin: 0 auto; width: 1080px; }
#footer .container      { float: none; }


#header .logo,
#header .links,
#header .loginregister li,
#navigation li,
#navigation li a, 
#header .links li { float: left; }
#header .loginregister  { padding: 2px 0 0 7px; float: right; margin-right: 60px; }
#header .loginregister li { margin: 0 10px 0 0; }
#header .loginregister li a      { border: 0; -moz-border-radius: 3px; padding: 5px 10px; float: left; background: #fff; color: #62c4cf; padding: padding: 10px; }
#header .links          { float: right; margin: 0 40px 0 0; }
#header .links li       { margin: 0 10px 0 0; border-right: 1px solid #fff; padding: 0 10px 0 0; }
#header .links li.last  { border-right: none; } 
#header .links li a     { color: #fff; border: 0; }
#header .logo a         { border: 0; }

#navigation             { float:left; position: relative; left: 50px; top:39px; width: 820px;}
#navigation li          { margin: 0 5px 0 0; height: 35px; }
#navigation li a        { border: 0; }
#navigation li span,
.grid .profile .controls li a span,
.list .profile .controls li a span,
#home .join a span { position: relative; top: -999em; }
#navigation a { height: 35px; background-position: left top; background-repeat: no-repeat; background-image: url(/_images/matchmaker-menu.png); }

#navigation #menu-home a { width: 88px; background-position: 0 top; }
#home #navigation #menu-home a,
#navigation #menu-home a:hover { background-position: 0 bottom; }

#navigation #menu-search a { width: 160px; background-position: -88px top; }
#search #navigation #menu-search a,
#navigation #menu-search a:hover { background-position: -88px bottom; }

#navigation #menu-about a { width: 121px; background-position: -248px top; }
#about #navigation #menu-about a,
#navigation #menu-about a:hover { background-position: -248px bottom; }

#navigation #menu-blog a { width: 82px;  background-position: -369px top; }
#blog #navigation #menu-blog a,
#navigation #menu-blog a:hover { background-position: -369px bottom; }

#navigation #menu-events a { width: 102px; background-position: -452px top; }
#events #navigation #menu-events a,
#navigation #menu-events a:hover { background-position: -452px bottom; }

#navigation #menu-places a { width: 155px; background-position: -553px top; }
#places #navigation #menu-places a,
#navigation #menu-places a:hover { background-position: -553px bottom; }

#navigation #menu-treehouse a { width: 164px; background-position: -707px top; }
#message_centre #navigation #menu-treehouse a,
#navigation #menu-treehouse a:hover { background-position: -707px bottom; }


#mainContent                { margin: 0 0 0 35px; }
#mainContent .mainBody      { background: url(/_images/maincontent.png) no-repeat bottom left; float: left; width: 990px; padding-bottom: 35px; }
#mainContent .heading       { background: url(/_images/maincontent.png) no-repeat top left; float: left; width: 930px; height: 30px; padding: 30px 25px; }
#menuSection                { padding: 0 0 0 20px; float: left; width: 230px; }
#menuSection h2             { color: #d24c26; font-size: 16px; text-transform: uppercase; margin: 0 0 10px 5px; }
#mainSection                { float: left; width: 705px; padding-bottom: 10px; }
#mainSection .inner         { padding: 0 9px; }


#sidebar                            { float: left; width: 300px; }


/* Home page */
#home #videoSection                 { float: left; background: url(/_images/matchmaker-videosection.png) no-repeat top left; width: 965px; height: 293px; margin-bottom:34px; }
#home #mainContent .mainBody        { background: none; width: 730px; }
#home #videoSection .video          { position: absolute; top: 50px; left: 72px; height: 190px; width: 195px; border-bottom: 0; }
#home #videoSection .content        { float: left; width: 470px; padding: 0 0 16px 0; margin:36px 0 0 260px; position:relative; background:url(/_images/matchmaker-dashes.png) left bottom no-repeat;}
#home #videoSection .content h1 {
	margin-bottom:0;
}
#home #videoSection .content p {
	font-size:1.5em;
	margin:0;
}


#home #videoSection .content li.current a {
	background:#32a6b3;
}

#home .tab-callout {
	width: 440px;
	height: 145px;
	position: absolute;
	top: 110px;
	left: 0;
}

#home .tab-callout .tabs {
	overflow: hidden;
	height: 80px;
	background:url(/_images/matchmaker-arrows.png) no-repeat 66px 40px;
}

#home .tab-callout .tabs li {
	width: 70px;
	height: 80px;
	display: block;
	float: left;
	margin-right:20px;
}

#home .tab-callout .tabs li a {
	color: #fff;
	width: 70px;
	height: 80px;
	display: block;
	text-decoration: none;
	background: url('/_images/steps.png') left bottom no-repeat;
	text-align: center;
	border-bottom: none;
	text-indent:-9999px;
}
#home .tab-callout .tabs li a.tab2 {
	background-position:-90px bottom;
}
#home .tab-callout .tabs li a.tab3 {
	background-position:-180px bottom;
}
#home .tab-callout .tabs li.selected a,
#home .tab-callout .tabs li a:hover,
#home .tab-callout .tabs li a:focus {
	background: url('/_images/steps.png') left top no-repeat;
}
#home .tab-callout .tabs li.selected a.tab2,
#home .tab-callout .tabs li a:hover.tab2,
#home .tab-callout .tabs li a:focus.tab2 {
	background-position:-90px top;
}
#home .tab-callout .tabs li.selected a.tab3,
#home .tab-callout .tabs li a:hover.tab3,
#home .tab-callout .tabs li a:focus.tab3 {
	background-position:-180px top;
}



#home .tab-callout .tab-content {
	height: 0px;
	line-height: 1.5em;
	font-size: 1.5em;
}

#home #videoSection .content h1 span		{ color: #d24c26; }

#home #sidebar .join                { position: relative; left: -122px; top: -23px; background: url(/_images/jointree.png) no-repeat top left; width: 417px; height: 280px; }
#home #sidebar .join a              { border: 0; margin: 130px 0 0 90px; float: left; width: 220px; height: 150px; }
#home .component                    { float: left; width: 205px; min-height: 338px; background: url(/_images/panel.png) no-repeat top left; margin-right:16px; padding:15px 15px 0 15px; }
#home .component h2,
#home .latest h2 { margin: 0 0 20px 0; }
#home .buzzing h2 { margin: 0 0 10px 0;}
#home .component h2 a,
#home .latest h2 a { font-size: 14px; line-height: 22px;}
#home #mainContent                  { width: 1035px; }
#home .matchmaking                  { background: url(/_images/matchmaker-board.png) no-repeat left top; float: left; width: 199px; height: 332px; padding:30px 26px 0 26px; position:relative;}
#home .component h2,
#home .latest h2                    { text-transform: uppercase; text-align: center; }
#home .component .rss               { position: relative; top: 10px; left: 10px; }
#home .upcoming h2, #home .latest h2                  { margin-left: -15px; }
#home .upcoming .rss, #home .latest .rss                { position: relative;  border: 0; float: left; }
#home .upcoming .rss                { top: -8px; left: 180px; }
#home .latest .rss                  { top: -31px; left: 172px; }
#home .latest ul 					{ margin-top: 30px; margin-bottom: 10px; overflow: hidden;}
#home .latest li, #home .latest .more                    { float: left; width: 200px; margin: 0; }
#home .latest .date,
#home .upcoming .date { display: block; font-style: italic; color: #33a6b4; }
#home .upcoming a { line-height: 1.5em; }
#home .latest h2, #home .upcoming h2                    { margin-bottom: -15px; }

#home .upcoming .frame              { margin: 0 0 10px 0; float: left; width: 200px; height: 80px; border: 3px solid #dacdb4; -moz-border-radius: .25em; -webkit-border-radius: .25em; border-radius: .25em; }
#home .upcoming p              { float: left; width: 200px; }
                  
#home .component h2 a {
	font-size:1em;
}

#home .tour p, #home .tour .frame, #home .tour li   { float: left; }
#home .tour .frame                  { border: 3px solid #dacdb4; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; width: 54px; height: 54px; margin: 0 10px 0 0; }
#home .tour li                      { width: 200px; }
#home .tour li p 					{ line-height: 45px; font-size: 1.1em;}
#home .tour p                       { width: 130px; line-height: 20px; padding: 5px 0 0 0; }
#home .tour p a, #home .tour p.more                     { width: 200px; }

#home .buzzing blockquote                    { background: url(/_images/quotes.png) no-repeat left top; float: left; padding: 5px 25px 5px 22px; }


#home .buzzing {
	width:204px;
	margin-right:20px;
	padding:15px 8px 0 8px;
}
#home .latest {
	width:190px;
	margin-right:0;
}

#home .buzzing .buzzing {
	padding:0;
}
#home .buzzing li                   { margin: 0 0 15px 0; float: left; }
#home .buzzing li p                 { float: left; margin: 0 0 0 22px; font-style: italic; color: #33a6b4; }
#home .buzzing li p img             { display: block; margin: 5px 0 0 0; }

#home .matchmaking h2               { margin: 5px 0 10px 0; color: #fff; text-align: center; text-transform: uppercase; border-bottom: 2px dotted #715548; }
#home .matchmaking p                { color: #cbb2a5; margin: 0 0 8px 0; text-align:center; }
#home .matchmaking em {
	color: #cbb2a5;
}
#home .matchmaking a { border-bottom: 2px dotted #715548; position:absolute;
	left:30px;
	bottom:46px;
}
/* End of home page */

div.clear {
	clear:both;
	line-height:0;
	height:0;
	font-size:0;
}


#home .tab_content {
	display:none;
	font-size:1.1em;
	width:350px;
	line-height:1.4em;
}
#home div.buzzing {
	position:relative;
}

#home #sidebar {
	margin-top: 320px;
}

#home a {
	position: relative;
	z-index: 100;
}

#join-the-tree {
	width: 1022px;
	height: 1064px;
	background: url('/_images/matchmaker-join-the-tree.png') left -10px no-repeat;
	position: absolute;
	top: 0;
	right: -670px;
	z-index:20;
}

#join-the-tree a {
	position: absolute;
	display: block;
	height: 100px;
	width: 200px;
	top: 157px;
	left: 85px;
	border-bottom: 0;
	text-decoration: 0;
}

#join-the-tree a span {
	display: none;
}





#birds {
	height: 144px;
	width: 126px;
	background: url('/_images/funky-birds.png') left top no-repeat;
	position: absolute;
	top: -10px;
	right: 60px;
}


#footer .container 				{ background: url('/_images/footer-divider.png') center left no-repeat;}
#footer div             { float: left; width: 210px; text-align: center; background: url('/_images/footer-divider.png') center right no-repeat; height: 180px; position: relative; }
#footer h2              { text-transform: uppercase; color: #fff; }
#footer label           { margin: 0 0 15px 0; }

#footer li {
	margin: 0;
}

#footer a {
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	border-bottom: 0;
}

#footer a:focus,
#footer a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#footer p {
	padding: 0 15px;
	text-align: justify;
	color: #fff;
	font-size: .95em;
	line-height: 1.5em;
}

#footer p.center {
	text-align: center;
	font-size: 1.1em;
}

#footer li {
	line-height: 1.5em;
}

#colorbox.lightbox_video {
	background:url(/_images/colorbox/lightbox2.png);
}
#colorbox.lightbox_video #cboxContent {
	width:496px !important;
	height:370px !important;
	margin-left:10px;
}
#colorbox.lightbox_video #cboxClose {
	width:55px;
	height:19px;
	background:url(/_images/colorbox/close2.png);
	right:0;
	top:8px;
}

.sparkle {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#sparkle_container {
	position:relative;
	width:1040px;
	margin:0 auto;
	z-index:1000;
}

.twitter-link {
	background: url('/_images/twitter-icon.png') 45px center no-repeat;
	display: block;
	height: 16px;
	padding-left: 20px;
}


#home #made-by-float {
	position: absolute;
	bottom: 10px;
	right: 10px;
}