@charset "utf-8";
/* CSS reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	
	margin: 0; padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* BODY STYLES  */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #000;
	background:#ef7bf1 url(../img/header-nav-bar.jpg) repeat-x;
}
@font-face {
	font-family: 'DesyrelRegular';
	src: url('../fonts/desyrel.eot');
	src: local('☺'), url('../fonts/desyrel.ttf') format('truetype'), url('../fonts/desyrel.svg#webfont') format('svg');
}

h1.fontface {
font-family: 'DesyrelRegular', Arial, sans-serif;
font-size:30px;
padding-bottom:15px;
}
h1.fontface-small {
font-family: 'DesyrelRegular', Arial, sans-serif;
font-size:20px;
padding-bottom:15px;
}

h1.fontface-url {
font-family: 'DesyrelRegular', Arial, sans-serif;
font-size:20px;
padding-bottom:15px;
}
h1.fontface-body {
font-family: 'DesyrelRegular', Arial, sans-serif;
font-size:22px;
padding-bottom:10px;
}



h2, p {
	padding-bottom:15px;
}

/* HEADER  */
#header {
	width: 1000px;
	height: 120px;
	margin:0 auto;
	background:url(../img/divider.jpg) no-repeat top right;
}
#logo-login {
	float: left;
	width: 225px;
	padding-top: 4px;
}
#logo-login h1 {
	display: block;
	width: 225px;
	height: 50px;
	text-indent: -9999px;
}
#logo-login h1 a {
	display: block;
	width: 225px;
	height: 50px;
	background:url(../img/logo.png) no-repeat 0 0;
}
ul.main-nav-links {
	padding-left:400px;
}
.main-nav-links li {
	background:url(../img/divider.jpg) no-repeat;
	float: left;
}
.main-nav-links li a {
	float: left;
	width: 100px;
	height: 120px;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding-top: 51px;
	}
.main-nav-links li a:hover {
	color: #f07bf1;
	background:url(../img/hover-triangle.png) no-repeat center 96px;
}

#home ul.main-nav-links a.nav_home,
#join ul.main-nav-links a.nav_join,
#photos ul.main-nav-links a.nav_photos,
#videos ul.main-nav-links a.nav_videos,
#about ul.main-nav-links a.nav_about,
#contact ul.main-nav-links a.nav_contact {
	color: #f07bf1;
	background:url(../img/hover-triangle.png) no-repeat center 96px;
}

/* LOGIN FORM  */
#header form {
	padding-top:8px;
}
#header label {
	display:block;
	float:left;
	width:100px;
	margin:2px 4px 2px 0;
	text-align:right;
	color:#fff;
}
#header input {
	width:100px;
	margin:2px 0;
}
#header #submit {
	margin-left:220px;
	position:relative;
	top:-22px;
	width:60px;
}

/* PANORAMA   */
#panorama {
	display:block;
	background:url(../img/panorama.jpg) no-repeat;
	width:1000px;
	margin:0 auto;
	height:280px;
}

/* CONTENT   */
#content {
	clear:both;
	width:1000px;
	margin:0 auto;
	padding-top:40px;
	background:url(../img/body-bg.jpg) no-repeat top center;
}
#content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#content h1 {
	margin:18px 0;
}

/* SECONDARY NAV   */
#secondary-nav {
	float:left;
	list-style-type:none;
	width:200px;
	margin:10px 0 0 0;
	padding-left:5px;
	line-height:1.4;
}
#secondary-nav li {
	background:url(../img/sec-nav-divider.png) no-repeat left bottom;
	padding:15px 0;
}
#secondary-nav li a {
	text-decoration:none;
	color:#000;
	background:url(../img/hover-triangle-black.png) no-repeat left center;
	display:block;
	padding-left:25px;
}
#secondary-nav li a:hover {
	color:#fcbbf2;
	background:url(../img/hover-triangle-pink.png) no-repeat left center;
}

#webdesign #secondary-nav a.nav_webdesign,
#golden-thoughts #secondary-nav a.nav_golden_thoughts,
#newsletter #secondary-nav a.nav_newsletter,
#articles #secondary-nav a.nav_articles,
#health-news #secondary-nav a.nav_health-news,
#favorites #secondary-nav a.nav_favorites,
#links #secondary-nav a.nav_links {
	color:#fcbbf2;
	background:url(../img/hover-triangle-pink.png) no-repeat left center;
}



/* SECONDARY NAV BOX   */
#box-sec-nav {
	float:left;
	width:210px;
}

/* BODY TEXT   */
#body-text {
	float:left;
	width:530px;
	padding-left:30px;
}

#body-text a {
color:#FFFFFF;
text-decoration:underline;
}

#body-text a:hover {
text-decoration:none;
}


/* MEMBER UPDATES BOX   */
#box-member-updates {
	float:right;
	width:210px;
}

/* FOOTER  */
#footer {
	text-align: center;
	background:url(../img/footer.jpg) no-repeat;
	width: 1000px;
	height: 125px;
	margin:20px auto 0 auto;
	padding-top:10px;
}
#footer ul.footer-main-nav {
	width:1000px;
	padding:0;
	list-style-type:none;
}
#footer li {
	display:inline;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
}
#footer li  span {
	margin:0 3px;
}
#footer li a {
	color:#000;
	text-decoration:none;
}
#footer li a:hover {
	color:#fff;
}

#join ul.footer-main-nav a.nav_footer_join,
#photos ul.footer-main-nav a.nav_footer_photos,
#videos ul.footer-main-nav a.nav_footer_videos,
#about ul.footer-main-nav a.nav_footer_about,
#webdesign ul.footer-main-nav a.nav_footer_webdesign,
#golden-thoughts ul.footer-main-nav a.nav_footer_golden_thoughts,
#newsletter ul.footer-main-nav a.nav_footer_newsletter,
#articles ul.footer-main-nav a.nav_footer_articles,
#healthnews ul.footer-main-nav a.nav_footer_healthnews,
#favorites ul.footer-main-nav a.nav_footer_favorites,
#contact ul.footer-main-nav a.nav_footer_contact,
#home ul.footer-main-nav a.nav_footer_home {
	color:#fff;
}
	
#footer p {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:15px;
}
#footer p a {
	color: #666;
	text-decoration: underline;
}
#footer p a:hover {
	color:#666;
	text-decoration:none;
}


/* SIDEBAR BOXES  */

#box-sec-nav {
	width: 210px;
	background: url(../img/box-tile.jpg) repeat-y;
	margin-top:20px;
}

#box-sec-nav h1 {
margin-top:-50px;
margin-left:7px;
}

#box-sec-nav h1.fontface-small {
margin-top:-50px;
margin-left:23px;
}

#box-sec-nav ul {
margin-top:-30px;
margin-left:15px;
}
#box-sec-nav h3 {
	background: url(../img/box-top.jpg) no-repeat center top;
	padding: 30px 20px 20px 20px;
	font-size: 1.5em;
	font-weight: normal;
	color:#000000;
	margin:0;
}
#box-sec-nav p {
	padding:0 20px 10px 20px;
	margin:0;
	font-size:13px;
	line-height:1.4;
}

#box-sec-nav em {
font-style:italic;
font-weight:bold;
}

#box-sec-nav .last {
	background: url(../img/box-bottom-rightFold.jpg) no-repeat left bottom;
	padding:0 20px 60px 20px;
}

#box-sec-nav img {
margin-top:-30px;
padding-left:7px;
}
#box-sec-nav a {
color:#fff;
text-decoration:none;
}
#box-sec-nav a:hover {
text-decoration:underline;
}


#box-member-updates {
	width: 210px;
	background: url(../img/box-tile.jpg) repeat-y;
	margin-top:20px;
}

#box-member-updates h1 {
margin-top:-50px;
margin-left:0;
}

#box-member-updates h3 {
	background: url(../img/box-top.jpg) no-repeat center top;
	padding: 30px 20px 20px 20px;
	font-size: 1.5em;
	font-weight: normal;
	color:#000000;
	margin:0;
}
#box-member-updates p {
	padding:0 20px 10px 20px;
	margin:0;
	font-size:13px;
	line-height:1.4;
}
#box-member-updates a {
color:#fff;
text-decoration:none;
}
#box-member-updates a:hover {
text-decoration:underline;
}

#box-member-updates em {
font-style:italic;
font-weight:bold;
}
#box-member-updates .last {
	background: url(../img/box-bottom-leftFold.jpg) no-repeat left bottom;
	padding:0 20px 60px 20px;
}

#box-member-updates img {
	margin-left:30px;
	border:#000000 thin solid;
}



/* DROP SHADOW  */
.img-wrapper {
  background: url(img/shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
	margin-right:15px;

}
 
.img-wrapper img {
	background:#fff;
	padding:4px;
	border:1px solid #a9a9a9;
	position:relative;
	left:-5px;
	top:-5px;
}

#bottomLink {
padding-left:300px;
}

/* MIEMBER UPDATES ARCHIVE PAGES  */

#updates-thumbs h5 {
font-size:13px;
padding-bottom:6px;
}

#updates-thumbs p {
font-size:14px;
padding-bottom:10px;
}

#latest h1.fontface {
padding-left:70px;
}

#updates-thumbs img {
border:#000000 thin solid;
}

#updates-thumbs .video-screens {
width:360px;
margin:0 0 25px 90px;
}

.video-screens img {
margin-top:12px;
}

.single-videoscreen img {
margin-top:12px;
margin-bottom:15px;
}

.video-length {
padding-left:190px;
}

.video-screens .1 {
float:left;
width:150px;
}

.video-screens .2 {
float:right;
width:150px;
}

table {
margin:10px 0 10px 70px;
border:none;
}

.single-img {
margin-left:170px;
margin-bottom:30px;
}

#member-updates-link a{
color:#1031fa;
}

#box-sec-nav p.date {
padding-bottom:0;
}