body
{
	margin:					0px;
	padding:				0px 0px;
	
	background-color:		black;

	/*	Default text styles	----------------------------*/
	font-family:			"Open Sans","Palatino Linotype","Book Antiqua",Palatino,sans-serif;
	color:					#bbccdd;
	font-size:				18px;
	line-height:			28px;
	color:					#acc1cc;
/*
	background-image:		url( /site2/images/fpo/bg_clubservatory2.jpg );
	background-image:		url( /site2/images/fpo/bg_clark.jpg );
	background-image:		url( /site2/images/fpo/bg_clubservatory2.jpg );
	background-image:		url( /site2/images/fpo/bg_moon.png );
	background-image:		url( /site2/images/fpo/bg_m104.jpg );
	background-position:	top center;
	background-repeat:		no-repeat;
	background-attachment:	fixed;
*/
	-webkit-font-smoothing:	antialiased;

}

header small
{
	color:					white;
}

body.popup
{
	max-width:				800px;
	margin:					0px;
	padding:				20px 40px;
	background-color:		white;
}

/*	default link style	*/
a{			color:	#dddd99;	}
a:hover	{	color:	#ffffcc;	}

.notice,
.alert,
.alert2
{
	margin:					-30px -40px 30px;
	padding:				20px 30px 10px 40px;

	background-color:		rgba(255,0,0,0.25);

	line-height:			18px;
	font-family:			"trebuchet ms",arial,sans-serif;
	font-size:				14px;
	color:					white;

}
.notice h2,
.alert h2
{
	line-height:			24px;
}

.alert,
.alert2
{
	background-color:		rgba(255,0,0,0.25);
}

.alert2
{
	margin:					30px 0px;
	padding:				20px 20px 10px 20px;
}
.alert2 .item
{
	overflow:				hidden;
	margin-bottom:			20px;
}
.alert2 h2
{
	float:					left;
	margin-right:			20px;
}

.alert2 .item>p
{
	margin:					7px 0px 0px!important;
	overflow:				hidden;
}

h2
{
	text-shadow:					1px 1px 4px #00192b;
}

.subtitle
{
	margin-top:						30px;
	line-height:					48px;
	font-family:					"open Sans","MyriadProLight","MyriadProSemibold","trebuchet ms",sans-serif;
	font-weight:					300!important;
	font-size:						32px;
/*	color:							rgba(221,221,153,0.25);	*/
	color:							#37676f;
	border-bottom:					1px solid #225577;
	padding-bottom:					10px;
	text-shadow:					1px 1px 4px #00192b;
	color:							white;
	color:							rgba(255,255,255,0.85);
}
section#comments .subtitle
{
	margin-top:						60px;
	line-height:					38px;
	font-size:						28px;
}

.col,.col2
{
	margin:						0px 40px 0px 0px;

	float:						left;
	width:						310px;
}
.col2
{
	margin-right:				0px!important;
}

.col article,.col2 article
{
	margin:						20px 0px!important;
}

.col figure,.col2 figure
{
	margin-right:				15px!important;
}


a.featuredownload,
button
{
	display:					block;
	margin:						30px 40px 30px 0px;

	background-color:			rgba(221,221,153,.25);
	padding:					10px 15px;

	line-height:			24px;
	font-family:			"Open Sans","MyriadProSemibold","trebuchet ms",sans-serif;
	font-weight:			700;
	font-size:				22px;

	color:						white;
	color:						rgba(255,255,255,0.75);
	border-radius:				6px;
	box-shadow:					1px 2px 6px #00192B;

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.26, rgb(0,51,87)),
    color-stop(1, rgb(36,78,98))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,51,87) 26%,
    rgb(36,78,98) 100%
);

}

a.featuredownload
{
	float:						left;
	width:						280px;

}

a.featuredownload:hover,
button:hover
{
	-webkit-transition:	all .1s linear 0s;
	transition:			all .1s linear 0s;

	box-shadow:					0px 0px 1px 1px #00192B,
								0px 0px 5px 5px rgba(255,255,255,0.15);
}

a.featuredownload small
{
	display:				block;
	line-height:			18px;
	font-family:			"Open Sans","trebuchet ms",sans-serif;
	font-weight:			normal;
	font-size:				16px;
	color:					#FFC;

}
a#newmemberguide
{
	margin-right:			0px!important;
	background-color:			rgba(0,0,0,0.55);
}

/*---------------------------------------------------------------------------------------------------------
//	Site structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
#wrapper
{
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	width:					1000px;
}

#header
{
	margin:					40px 0px 0px 0px;
	clear:					both;

	height:					120px;
}

a#logo
{
	float:					left;
	margin:					-30px 15px 0px 0px;
}

article#main,
#right
{
	overflow:				hidden;
}


#left
{
	float:					left;
	width:					160px;
	padding:				20px;
}

article#main
{
	float:					left;
	width:					660px;
	min-height:				600px;
	background-color:		#004466;
	background-color:		rgba( 0,68,102,.95);

	padding:				0px 40px 20px;
}
#right
{
	width:					240px;
	padding:				0px;
}

#footer
{
	clear:					both;

	width:					1000px;
	margin:					0px auto 30px;

	font-family:			CartoGothicStdBook,calibri,sans-serif;
	color:					#BBCCDD;

	position:				relative;
}


#footer2
{
	padding:				30px 40px;
	background-color:		#00192b;
	overflow:				hidden;
	width:					660px;
}
#footer2 a.sharebutton:hover,
#footer2 #shareblock #sharesites:hover
{
	-webkit-transition:	opacity .25s linear 0s;
	transition:			opacity .25s linear 0s;
	opacity:				1.0;
}
#footer2 #shareblock #sharesites
{
	-webkit-transition:	opacity .25s linear 0s;
	transition:			opacity .25s linear 0s;
}

#footer2 a.sharebutton
{
	display:				block;
	float:					left;
	margin:					0px 10px 0px 0px;
	-webkit-transition:	opacity .25s linear 0s;
	transition:			opacity .25s linear 0s;
	opacity:				0.5;
	line-height:			0px;
}

#shareblock
{
	border-radius:			6px;
	overflow:				hidden;

	float:					left;
	margin:					-10px 0px -10px 10px;
	padding:				10px;

	width:					500px;
	height:					32px;
}

#shareblock:hover
{
/*	background-color:		#47584e;	*/
}

#sharesites
{
	opacity:				0.5;
	padding:				6px;
}
#shareblock:hover #sharesites
{
	opacity:				1.0!important;
	display:				block!important;
}
#shareblock:hover a.sharebutton
{
	opacity:				1.0!important;
}

/*---------------------------------------------------------------------------------------------------------
//	Header/Global styles
//-------------------------------------------------------------------------------------------------------*/
form#search
{
	position:				relative;
	width:					160px;
}

form#search.active
{

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.26, rgb(0,51,87)),
    color-stop(1, rgb(36,78,98))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,51,87) 26%,
    rgb(36,78,98) 100%
);
}


form#search input#findtext
{
	position:				absolute;
	top:					14px;
	left:					20px;

	display:				inline;
	margin:					0px;
	padding:				0px;
	border:					0px!important;
	outline:				0px none;
	overflow:				hidden;

	width:					120px;
	height:					36px;

	background:				transparent;
	background-image:		url( /site/images/button_search.png );
	background-position:	right center;
	background-repeat:		no-repeat;


	box-shadow:				none!important;

	line-height:				36px;
	font-family:				"MyriadProLight",arial,sans-serif;
	font-weight:				normal;
	font-size:					28px;
	color:						white;
}
form#search.active input#findtext
{
	background:				transparent!important;
}

form#search input#findtext::-webkit-input-placeholder  { padding-top:1px;color:white;text-shadow:				1px 1px 2px black; }
input:-moz-placeholder { color:white; text-shadow:				1px 1px 2px black;}

form#search input#findtext:focus::-webkit-input-placeholder  { opacity:0; }


form#search button
{
	display:				none;
	position:				absolute;
	top:					16px;
	right:					10px;

	overflow:				hidden;
	margin:					0px;

	width:					16px;
	height:					0px;
	background-color:		transparent;
	background-image:		url( /site/images/button_search.png );
	background-repeat:		no-repeat;
	padding-top:			31px;

	border:					0px;
	opacity:				0.55;
}
form#search button:hover,
form#search.active button
{
	opacity:				1.00;
}



#globalnav ul.m0 li
{
	display:				inline;
}

#globalnav ul.m0 a
{
	margin:					0px 10px;
}

ul#socialmedia
{
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
}
ul#socialmedia li
{
	display:				inline;
	margin:					0px 10px 0px 0px;
}

/*---------------------------------------------------------------------------------------------------------
//	Content styles
//-------------------------------------------------------------------------------------------------------*/
article>article
{
	margin:					20px 0px;
}

article#main>header
{
	margin-bottom:			30px;
	font-family:			"MyriadProLight","trebuchet ms",sans-serif;
	font-size:				20px;


	margin:					0px -40px 30px -40px;
	padding:				30px 40px;
/*	width:					660px;	*/
	width:					auto;
	text-shadow:			0px 2px 4px black;
/*	text-shadow:			0px 0px 20px black, 0px 2px 8px black;	*/
	background-color:		#003357;
	background-color:		rgba(0,0,0,0.25);
	background-size:		100%;

}



}
article#main>header .pre
{
	line-height:			28px;
	font-family:			"MyriadProLight","trebuchet ms",sans-serif;
	font-size:				28px;
}
.topic header .pre
{
	line-height:			20px;
	font-family:			"MyriadProLight","trebuchet ms",sans-serif;
	font-size:				20px;
}

article#main>header a
{
	color:					white;
}
article#main>header a:hover
{
	color:					#ffffcc;
}

header#photoheader
{
	width:					100px;
	height:					300px;

	position:				relative;
	z-index:				0;
	box-shadow:				inset 0px -8px 8px -8px black;
}
/*	---	*/
header#titleheader
{

	position:				relative;
	z-index:				0;

}

header#photoheader > img
{
	position:				absolute;
	top:					0px;
	left:					0px;
	z-index:				1;

	width:					740px;
}

header#photoheader>div
{
	position:				absolute;
	bottom:					20px;
	left:					40px;
	z-index:				2;

	width:					660px;
}
h1,h2,h3
{
	line-height:			1.2em;
	font-weight:			bold;
}

h1
{
	font-size:				42px;
	color:					white;
/*	font-family:			"Open Sans","MyriadProSemibold","trebuchet ms",sans-serif;
	font-weight:			600!important;*/
	font-family:			"Lato","MyriadProSemibold","trebuchet ms",sans-serif;
	font-weight:			900!important;
	line-height:			44px;
}
/*	---	*/



h1
{
}
h2
{
	margin-bottom:			2px;
	line-height:			26px;
	font-family:			"Open Sans","Lato","MyriadProSemibold","trebuchet ms",sans-serif;
	font-weight:			700!important;
	font-size:				23px;
	color:					white;
}
h2.author
{
	margin-top:				6px;
	font-weight:			300!important;
	font-size:				24px;
/*	text-shadow:			1px 1px 12px black, 1px 1px 0px black;	*/
	text-shadow:			1px 1px 6px black, 1px 1px 0px black, 0px 0px 1px black, 1px 1px 10px black
}

h3
{
	line-height:			20px;
	font-weight:			700;
	font-size:				18px;
}

#right h3
{
	margin-top:				10px;
}


p
{
	margin:					0 0 1em;
}

article#main article
{
	margin:					30px 0px;
	line-height:			20px;
	font-family:			"Open Sans","Lato","trebuchet ms",sans-serif;

	font-size:				15px;
}
article#main article header
{
	margin-bottom:			10px;
}

#statement,#nwfcredit
{
	margin:					30px 0px;

	width:					700px;

	line-height:			18px;
	font-family:			"Open Sans","Lato","trebuchet ms",arial,sans-serif;
	font-weight:			normal;
	font-size:				13px;
	color:					rgba(255,255,255,0.585);
}

small
{
	display:				block;
	line-height:			18px!important;
	font-family:			"Open Sans","Lato","trebuchet ms",sans-serif;
	font-size:				15px;

}



/*---------------------------------------------------------------------------------------------------------
//	Top nav (main nav )
//-------------------------------------------------------------------------------------------------------*/
#content
{
	float:					left;
	overflow:				hidden;
	margin-right:			20px;
	width:					740px;
}

#topnavcontainer
{
	position:				relative;
	height:					60px;

	background-color:		#00192B;

	-webkit-transition:	all .25s linear 0s;
	-moz-transition:	all .25s linear 0s;
	transition:			all .25s linear 0s;

}
#topnavcontainer:hover
{
	-webkit-transition:	all .25s linear 0s;
	-moz-transition:	all .25s linear 0s;
	transition:			all .25s linear 0s;
}
#topnavcontainer:hover nav#topnav
{
	-webkit-transition:	all .1s linear .25s;
	-moz-transition:	all .1s linear .25s;
	transition:			all .1s linear .25s;
	height:					200px;
	box-shadow:			0px 0px 12px black;
}

nav#topnav a.active
{
	color:				white!important;
}

nav#topnav a.a1:hover
{
	color:				#FFC!important;
}


nav#topnav
{
	position:				absolute;
	top:					0px;
	left:					0px;
	z-index:				2000;
	
	padding:				20px 30px;
	width:					680px;
	height:					20px;
	overflow:				hidden;

	padding-bottom:			0px!important;
/*
	background-color:		#003357;
	opacity:				0.5;
*/
	background-color:		#00192b;
	background-color:		rgba(0,25,43,0.9);
	-webkit-transition:	all .1s linear 0s;
	-moz-transition:	all .1s linear .0s;
	transition:			all .1s linear .0s;
}

nav#topnav ul
{
	list-style-type:		none;
	margin:					0px 0px 1em;
	padding:				0px;
	overflow:				hidden;

	line-height:			13px;
	font-family:			"Open Sans",tahoma,arial,sans-serif;
	font-size:				11px;
}
nav#topnav a
{
	color:					white;
	color:					rgba(255,255,255,0.55);
}

nav#topnav a.a0
{
	line-height:			20px;
	font-family:			"Open Sans","MyriadProLight","trebuchet ms",sans-serif;
	font-size:				18px;
}

nav#topnav li.i0
{
	margin:					0px 30px 0px 0px;
	display:				block;
	float:					left;
}

nav#topnav ul.m1,
nav#topnav li.i1
{
	padding:				4px 0px;
}

#topnavcontainer li.i0:hover a
{
	color:					white;
}

/*---------------------------------------------------------------------------------------------------------
//	Footer
//-------------------------------------------------------------------------------------------------------*/
nav#footernav
{
	padding:				20px 30px;
	width:					680px;
/*
	background-color:		#003357;
	opacity:				0.5;
*/
	background-color:		#00192b;
}

nav#footernav ul
{
	list-style-type:		none;
	margin:					0px 0px 1em;
	padding:				0px;
	overflow:				hidden;

	line-height:			13px;
	font-family:			tahoma,arial,sans-serif;
	font-size:				11px;
}
nav#footernav a
{
	color:					white;
	color:					rgba(255,255,255,0.55);
}

nav#footernav a.a0
{
	line-height:			20px;
	font-family:			"MyriadProLight","trebuchet ms",sans-serif;
	font-size:				20px;
}

nav#footernav li.i0
{
	margin:					0px 30px 0px 0px;
	display:				block;
	float:					left;
}

nav#footernav ul.m1,
nav#footernav li.i1
{
	padding:				4px 0px;
}


/*---------------------------------------------------------------------------------------------------------
//	Forms
//-------------------------------------------------------------------------------------------------------*/
.fieldblock
{
	margin:					15px 0px;
}
.fieldblock-error
{
	position:				relative;
	margin:					5px -10px;
	border-radius:			10px;
	background-color:		rgba(255,0,0,0.15);
	padding:				10px;
}

input[type=text],
input[type=number],
input[type=url],
input[type=email],
input[type=text],
input[type=password],
select,
textarea
{
	width:					200px;
	border:					0px;
	padding:				8px;
	font-family:			"open sans","trebuchet ms",sans-serif;
	font-size:				18px;
	color:					white;
	background-color:		#003357;
	background-color:		rgba(0,0,0,0.25);
	border-radius:			3px;
	box-shadow:				inset 0px 0px 8px rgba(0,0,0,0.25);
}

textarea
{
	overflow-y:				auto;
}

input[type=radio],
input[type=checkbox]
{
	margin:					0px;
}

input:focus,
textarea:focus
{
	box-shadow:				0px 0px 8px rgba(204,204,153,0.25);
	outline:				0 none;
}

textarea
{
	width:					100%;
	height:					160px;
}

label
{
	display:				block;

	margin:					10px 0px 2px 4px;
	line-height:			16px;
	font-family:			"open sans","trebuchet ms",sans-serif;
	font-size:				16px;
	color:					rgba(221, 221, 153, 0.85);
}

label.cb
{
	margin-top:				0px!important;
	display:				inline;
}




.fielderror
{
	margin-left:			15px;

	font-weight:			bold;
	color:					yellow;
}

/*---------------------------------------------------------------------------------------------------------
//	Popup area
//-------------------------------------------------------------------------------------------------------*/
#emailform
{
	background-color:			rgba(0,64,128,0.25);
	width:						600px;
	height:						580px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap
{
	margin:					0px;
	padding:				0px;
}

iframe#emailthis
{
	width:			600px;
	height:			580px;
}

/* the overlayed element */
.overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url( /site/images/close.png );
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/*---------------------------------------------------------------------------------------------------------
//	Share widget
//-------------------------------------------------------------------------------------------------------*/
#share
{
	position:				absolute;
	right:					10px;

	z-index:				400;
	width:					100px;

	border:					1px solid #cccccc;
}

#share label
{
	display:				block;
	margin:					0px;
	background-color:		#eeeeee;
	padding:				0px 0px 0px 28px;

	white-space:			nowrap;
	line-height:			24px;
	font-weight:			bold;

	background-image:		url( /site/images/icons/16/share.png );
	background-position:	4px 4px;
	background-repeat:		no-repeat;

	cursor:					pointer;
}

#share ul
{
	display:				none;

/*	position:				absolute;	*/

	list-style-type:		none;
	margin:					0px;
	padding:				0px;
	overflow:				hidden;

	background-color:		#003357;
}

#share a
{
	display:					block;
	background-position:		4px 4px;
	background-repeat:			no-repeat;
	padding:					0px 12px 0px 28px;

	white-space:				nowrap;
	line-height:				24px;
}

#share a:hover
{
	background-color:			white;
}
a#share-twitter{	background-image:		url( /site/images/icons/16/twitter.png );	}
a#share-linkedin{	background-image:		url( /site/images/icons/16/linkedin.png );	}
a#share-facebook{	background-image:		url( /site/images/icons/16/facebook.png );	}
a#share-email{		background-image:		url( /site/images/icons/16/email.png );	}





/*---------------------------------------------------------------------------------------------------------
//	page links
//-------------------------------------------------------------------------------------------------------*/
nav#pagelinks
{
	overflow:					hidden;
	margin-top:					20px;
	padding:					20px 0px;
	border-top:					1px solid #225577;

	font-family:				"MyriadProSemiBold","ms trebuchet",sans-serif;
	line-height:				24px;
	font-size:					20px;
}

nav#pagelinks ul,
nav#pagelinks li
{
	display:					inline;
	margin:						0px;
	padding:					0px;
}
nav label
{
	float:						left;
	margin-right:				1em;
}

nav#pagelinks a
{
	display:					block;
	float:						left;

	background-color:			rgba(255,255,255,0.05);

	text-align:					center;
	line-height:				30px;
	width:						30px;
	height:						30px;

	margin:						0px 10px 0px 0px;
	padding:					0px;
	color:						white;

}

nav#pagelinks a.currentpage,
nav#pagelinks a:hover

{
	background-color:			rgba(255,255,255,0.25);
	color:						rgb(0,51,102);
}








#jquery-live-search
{
	z-index:					5000;
}


#search-result-box
{
	margin-left:			-20px;
	width:					292px;
	background-color:		#003357;

	border-radius:			0px 15px 15px 15px!important;
	padding:				20px;

	line-height:			16px;
	font-family:			"trebuchet ms",arial,sans-erif;
	font-size:				13px;

	z-index:				35;
}


#search-result-box h3
{
	line-height:			24px;
	font-family:			"MyriadProSemibold","trebuchet ms",arial,sans-serif;
	font-weight:			normal;
	font-size:				24px;
/*	color:					rgba(211,211,153,0.55);	*/
}

#search-result-box ul,
.menublock ul,
.topwidget ul
{
	list-style-type:		none;
	margin:					5px 0px 15px;
	padding:				0px;
}
#search-result-box li,
.menublock li,
.topwidget li
{
	margin:					0px;
	padding:				2px 0px;
	border-top:				1px solid #225577;
}

#search-result-box .search-results-title
{
	padding:				8px 14px;

	font-weight:			bold;
	text-transform:			uppercase;
}

#search-result-box a,
.menublock li a
{
	display:				block;
	padding:				4px 0px;
	line-height:			14px;
}

#search-result-box a:hover
{
}

#photo-quickfind
{
	margin:					5px -5px 0px 0px;
	overflow:				hidden;
	border-top:				1px solid #225577;
}

a.photoresult
{
	display:				block;
	overflow:				hidden;
	float:					left;
	margin:					7px 7px 0px 0px;
	padding:				0px!important;
}

#photo-quickfind figure
{
	width:					67px;
	height:					67px;
}

#photo-quickfind figure img
{
}


a#search-results-more
{
	line-height:			24px;
	background-color:		rgba(0,0,0,0.25);
	margin:					10px -20px -20px -20px;
	text-align:				center;
}





.widget
{
	margin:					20px 0px;
	background-color:		rgba(0,51,87,0.75);
	padding:				15px 20px;
	border-radius:			5px;
	box-shadow:					0px 0px 4px rgba(0,0,0,0.85);

	overflow:				hidden;
}






article#main article
{
	overflow:				hidden;
}

article#main article>figure
{
	float:					left;
	overflow:				hidden;

	margin:					2px 16px 0px 0px;
}
article#main article>div
{
	overflow:				hidden;
}

article#main article > figure img,
article.gallery img
{
	border:					1px solid rgba(255,255,255,0.15);

	-webkit-transition:	hover .25s linear 0s;
	-moz-transition:	hover .25s linear 0s;
	transition:			hover .25s linear 0s;
}

article#main article > figure img:hover,
article.gallery img:hover
{
	border:					1px solid rgba(255,255,204,0.25);
}

article#main
{
	overflow:				visible!important;
}

#right
{
	line-height:			18px;
	font-family:			"Open Sans","trebuchet ms",sans-serif;
	font-size:				13px;

	color:					#96a9ba;
}

#right h2
{
	line-height:			32px;
	font-family:			"Open Sans","trebuchet ms",sans-serif;
	font-weight:			300!important;
	font-size:				28px;
	color:					white;
}
#right h2 a
{
	color:					white;
}

.bigwidget
{
	margin:					0px 0px 40px;
	color:					#BCD;
	color:					#dddddd;
}
.bigwidget small
{
	line-height:			20px!important;
	font-family:			"Open Sans","trebuchet ms",sans-serif;
	font-size:				18px;
}
.bigwidget h2
{
	margin-bottom:			10px;
	border-bottom:			1px solid #003049;
	border-bottom:			1px solid #257;
	padding-bottom:			10px;
	line-height:			36px!important;
	font-size:				36px!important;
	color:					white;
}

.bigwidget h2 a
{
}


#right figure,
figure.sq100,
img.sq100
{
	width:					100px;
	height:					100px;

	float:					left;
	margin:					0px 20px 20px 0px;

	overflow:				hidden;

	text-align:				center;

	background-color:		black;

	position:				relative;
}
img.sq150
{
	width:					150px;
	height:					150px;
}

#right figure img,
figure.sq100 img
{
	position:				absolute;
	top:					0px;
	left:					0px;
}

#right figure figcaption
{
	display:				none!important;
}

#right figure:hover
{
}

#right h2
{
	clear:					both;
	text-shadow:			0px 0px 4px black;
}


#right button
{
}

#right .slides
{
	margin-right:			-20px;
}









/*---------------------------------------------------------------------------------------------------------
//	Archive navigation
//-------------------------------------------------------------------------------------------------------*/

nav#archivenav
{
/*	margin:					-30px -40px 20px -40px;	*/
	font-family:			"MyriadProSemibold","trebuchet ms",arial,sans-serif;
	font-weight:			normal;
	font-size:				16px;

}
nav#archivenav a
{
	position:				absolute;
/*
	top:					150px;
*/
	bottom:					32px;
	z-index:				3;

	overflow:				hidden;
	opacity:				0.55;

	background-color:		rgba(0,0,0,0.55);
	width:					40px;
	height:					40px;

	background-repeat:		no-repeat;

	white-space:			nowrap;
	text-indent:			100px;
	text-shadow:			none;

	-webkit-transition:	all .1s linear 0s;
	-moz-transition:	all .1s linear 0s;
	transition:			all .1s linear 0s;

	border-radius:			20px;

	padding:				0px 0px 0px;
}
header#titleheader a.previous,
header#titleheader a.next
{
}


nav#archivenav a.previous
{
	left:					-10px;

	background-image:		url( /site/images/arrow_prev.png );
	background-position:	8px 9px;
}
nav#archivenav a.next
{
	right:					-10px;

	background-image:		url( /site/images/arrow_next.png );
	background-position:	13px 9px;
}


nav#archivenav a:hover
{
	background-color:		rgba(255,255,255,0.55);
	opacity:				1.0;
}


/*
{
	margin:					-30px -40px 20px -40px;
	font-family:			"MyriadProSemibold","trebuchet ms",arial,sans-serif;
	font-weight:			normal;
	font-size:				16px;
	clear:					both;
	overflow:				hidden;
	background-color:		#011722;
	background-color:		rgba(0,0,0,0.55);

	position:				absolute;
	top:					0px;
	left:					0px;
	z-index:				2;
}
nav#archivenav a
{
	color:					rgba(255,255,255,0.55);
	color:					white;
}

nav#archivenav a.previous
{
	float:					left;
	padding-left:			22px;
}
nav#archivenav a.next
{
	float:					right;
	padding-right:			22px;
}
*/



a#the-skyscraper
{
	color:					white;
}
a#the-skyscraper h2
{
	margin-bottom:			0px;
	line-height:			28px;
}
a#the-skyscraper small
{
	display:				block;
	color:					#749483;
}

a#the-skyscraper img.pdf
{
	float:					left;
	margin:					3px 8px 0px 0px;
	width:					32px;
	opacity:				0.5;
}


a#the-skyscraper h2
{
	clear:					none!important;
}








#right input[type=text],
#right input[type=number],
#right input[type=url],
#right input[type=email],
#right input[type=text],
#right input[type=password],
#right select,
#right textarea
{
	width:						180px;

}
#right label
{
}

#librarysearch
{
	background-color:		rgba(221,221,153,0.25);
}






#right table.data
{

}

article#main table
{

}

article#main table td
{
	padding:					4px 16px 4px 2px;
	border-bottom:				1px solid #225577;
}

article#main table th
{
	border-bottom:				1px solid #225577;
	padding:					2px 8px 2px 2px;
	text-align:					left;
	font-weight:				bold;
}


.features
{
	clear:						both;
	overflow:					hidden;
	margin:						40px -30px -10px 0px;

	border-top:					1px solid #225577;
	padding-top:				30px;

}


.features article
{
	position:					relative;
	float:						left;
	margin:						0px 30px 30px 0px!important;
	width:						200px;
	height:						200px;
	background-color:			black;

	box-shadow:					0px 0px 4px rgba(0,0,0,0.25);
}

.features article header
{
	width:						175px;
	display:					block;
	position:					absolute;
	bottom:						0px;
	left:						0px;
	margin:						0px!important;

	background-color:			rgba(0,0,0,0.55);
	padding:					10px 10px 10px 15px;

	color:					white;
	text-shadow:			0px 0px 20px black, 0px 2px 8px black;
}

.features article small
{
	display:		block;
	position:		relative;
	height:			0;
	overflow:		hidden;
	width:			175px;
	opacity:		0;
	-webkit-transition:	opacity .25s linear 0s, height .1s ease-out .1s;
	-moz-transition:	opacity .25s linear 0s, height .1s ease-out .1s;
	transition:			opacity .25s linear 0s, height .1s ease-out .1s;
}

.features article:hover small
{
	height:			130px;
	opacity:		1;
	-webkit-transition:	opacity .25s linear 0s,  height .1s linear 0s;
	transition:			opacity .25s linear 0s,  height .1s linear 0s; 
}






section#comments
{
	background-color:				rgba(0,0,0,0.25);
}


section#comments article
{
	font-size:						12px;
	color:							rgba(255,255,204,0.55);

}
section#comments article p
{
	margin-bottom:					8px;
}
section#comments article header,
section#comments article time
{
	display:						inline;
	line-height:					16px;
}
section#comments article time
{
	font-weight:					bold;
}
section#comments h3
{
	display:						inline;

	margin:							0px 8px 0px 0px;

	line-height:					16px;
	font-size:						14px;
}

.expandable
{
	display:						none;
}

.expanded
{
	color:							lightblue;
}



#monthlyobserving .larger
{
	line-height:					32px;
	font-weight:					normal!important;
	font-size:						42px;
}




section.topics
{
	margin:							0px -30px 20px 0px;
	overflow:						hidden;
}


section.topics h2.subtitle
{
	margin-right:					30px;
}


article.topic
{
	position:						relative;
	float:							left;
	margin:							30px 30px 0px 0px!important;;

	width:							315px;
	height:							153px;

	background-color:				rgba(255,255,255,0.15);
	box-shadow:						0px 0px 4px rgba(0,0,0,0.55);
}
article.topic figure img
{
	position:						absolute;
	top:							0px;
	left:							0px;
	z-index:						1;
	width:							100%;
	height:							100%;

	margin:							0px!important;
	padding:						0px;
}
article.topic header
{
	position:						absolute;
	bottom:							0px;
	left:							0px;
	z-index:						2;
	width:							285px;
	height:							123px;

	margin:							0px!important;
	padding:						15px;

	background-color:				rgba(0,68,102,0.45);

	transition:						background-color .25s linear;
	-webkit-transition:				background-color .25s linear;
	-moz-transition:				background-color .25s linear;

	text-shadow:					0px 0px 12px rgba(0,0,0,0.95);
	-webkit-text-shadow:					0px 0px 12px rgba(0,0,0,0.95);
	-moz-text-shadow:					0px 0px 12px rgba(0,0,0,0.95);

}
article.topic h2
{
	position:						absolute;
	bottom:							10px;
	left:							15px;
	z-index:						2;
	width:							285px;

	text-shadow:					0px 0px 12px rgba(0,0,0,0.95);
	-webkit-text-shadow:			0px 0px 12px rgba(0,0,0,0.95);
	-moz-text-shadow:				0px 0px 12px rgba(0,0,0,0.95);
}
article.topic a
{
	color:							white;
}

article.topic:hover header
{
	background-color:				transparent;
}

blockquote
{
	margin-bottom:					15px;
	padding:						25px 0px;

	line-height:					32px;
	font-family:					"MyriadProSemiBold","trebuchet ms",sans-serif;
	font-size:						20px;
	color:							rgba(221,221,153,0.65);
	color:							rgba(255,255,204,0.55);
/*	color:							rgba(255,255,255,0.55);	*/
	border-top:						1px solid #225577;
	border-bottom:					1px solid #225577;
}

blockquote .credit
{
	margin-top:						22px;
	line-height:					24px;
	text-align:						right;

	font-family:					"MyriadProLight","trebuchet ms",sans-serif;
	font-size:						22px;
	color:							rgba(255,255,255,0.55);

}
/*
#tweets
{
	position:						fixed;
	bottom:							0px;
	right:							0px;

	text-align:						right;

	width:							55px;
	
	opacity:						0.25;

	-webkit-transition:	opacity .25s linear 0s;
	transition:			opacity .25s linear 0s;
}
*/

#tweetbar
{
	margin:							20px -40px -20px;
	background-color:				rgba(255,255,255,0.15);
	padding:						20px 40px 15px;
}

#tweets:hover
{
	opacity:						1.0;

}

/*	observatory log	*/
time.log,
div.log
{
	display:	block;
	margin-bottom:					4px;

	white-space:					nowrap;
	line-height:					24px;
	font-family:					"open Sans","MyriadProLight","trebuchet ms",sans-serif;
	font-weight:					300;
	font-size:						23px;
	color:							white;
	color:					rgba(255,255,255,0.75);
}

.count
{
	float:					right;
	margin:					0px 0px 0px 0px;
	height:					22px;

	margin-bottom:					4px;
	line-height:					24px;
	font-family:					"MyriadProBold","trebuchet ms",sans-serif;
	font-weight:					normal;
	font-size:						24px;
	color:							rgba(255,255,255,0.25);
}

article.blog-post,
article.gallery,
article.article,
article.feature-small
{
	margin:							20px 0px!important;
	border-bottom:					1px solid #225577;
	padding-bottom:					20px;
}

article.feature-small figure img,
article.blog-post figure img
{
	width:							180px;
}

article.feature-small:last-child,
article.gallery:last-child,
article.blog-post:last-child
{
	border-bottom:					0px;
}


nav#blognav a.previous,
nav#blognav a.next
{
	font-family:					"MyriadProSemibold","trebuchet ms",sans-serif;
	font-weight:					normal;
	font-size:						24px;
	color:							white;

	background-repeat:				no-repeat;
}

nav#blognav a.previous
{
	float:					left;

	background-image:		url( /site/images/arrow_prev.png );
	background-position:	left center;
	padding-left:			30px;
}
nav#blognav a.next
{
	float:					right;

	background-image:		url( /site/images/arrow_next.png );
	background-position:	right center;
	padding-right:			30px;
}


nav#blognav a:hover
{
	background-color:		rgba(255,255,255,0.55);
	opacity:				1.0;
}


article#main > header img#mask
{
	position:				absolute;
	top:					0px;
	left:					0px;
	z-index:				1;
}

/*	small moon phase on observatory logs	*/
img.moonphase
{
	float:					right;
	margin:					0px 0px 0px 0px;
	height:					22px;
}

#welcome
{

	line-height:				18px;
	font-family:				"MyriadProSemiBold",arial,sans-serif;
	font-weight:				normal;
	font-size:					16px;
	color:						white;
}


/*---------------------------------------------------------------------------------------------------------
//	Tab subnav links
//-------------------------------------------------------------------------------------------------------*/
ul.tabs
{
	list-style-type:			none;
	margin:						-30px -40px 30px -40px;
	padding:					5px 0px 0px 25px;

	background-color:		#003357;
	background-color:		rgba(0,0,0,0.25);

	width:					715px;
	height:					33px;

}
ul.tabs li
{
	display:				block;
	float:					left;
}

ul.tabs a
{
	outline:					0px;

	float:						left;
	margin:						0px 6px 0px 0px;
	padding:					10px 16px 5px;

	box-shadow:					0px -2px 2px rgba(0,0,0,0.25);
	-moz-box-shadow:			0px -2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:			0px -2px 2px rgba(0,0,0,0.25);

	border-radius:			6px 6px 0px 0px;

	background-color:		rgb(0,59,95);
	background-color:		rgba( 0,68,102,.35);

	background-image:			url( /site/images/bg_tab.png );
	background-position:		bottom left;
	background-repeat:			repeat-x;

	color:					#749483!important;

	line-height:				18px;
	font-family:				"Open Sans","MyriadProSemibold","trebuchet ms",arial,sans-serif;
	font-weight:				700;
	font-size:					18px;

	text-shadow:				1px 0px 1px #000000;
}
ul.tabs a.current,
ul.tabs a:hover
{
	background-image:			none;
	background-color:			rgb(0,68,102);
	background-color:			rgba( 0,68,102,.95);
	background-color:			#004061;
	color:						white!important;
}

article.gallery p
{
	margin:						0px!important;

}
article.gallery img
{
	margin-bottom:				0px!important;
}


section#complete
{
	margin:						0px -40px -20px;
	background-color:			#00373a;
	background-color:			#0e3b52;
	padding:					30px 40px;
}

section#complete form
{
	display:					none;
}

#complete h2
{
	cursor:						pointer;
}


ul#constellations
{
	display:					inline-block;
	list-style-type:			none;
	margin:						10px -12px 30px 0px;
	padding:					0px;
}

ul#constellations li
{
	margin:						10px 0px;

	float:						left;
	display:					inline-block;

	width:						300px;
}

ul#constellations a
{
	margin:						0px 12px 12px 0px;


/*	background-color:			#003245;	*/




	line-height:				22px;
	font-family:				"open sans","trebuchet ms",arial,sans-serif;
	font-weight:				300;
	font-size:					22px;
	color:						white;

}

ul#constellations a > span
{
	display:					inline-block;

	width:						65px;

	padding:					20px 00px;

	border-radius:				6px;
	background-color:			rgba(255,255,204,0.15);
	box-shadow:					1px 1px 8px #00192b;

	margin-right:				10px;

	text-align:					center;
}


/*
ul#constellations a
{
	display:					inline-block;
	margin:						0px 12px 12px 0px;

	width:						139px;

	border-radius:				6px;
	background-color:			rgba(255,255,255,0.15);
	background-color:			#00192b;
	background-color:			#003245;	


	background-size:			100%;
	background-position:		center center;
	background-repeat:			no-repeat;

	padding:					150px 5px 10px 12px;

	line-height:				22px;
	font-family:				"MyriadProLight","trebuchet ms",arial,sans-serif;
	font-size:					22px;
	color:						white;
	box-shadow:					1px 1px 8px #00192b;

}
*/

ul#months
{
	display:					block;
	list-style-type:			none;
	margin:						20px -12px 30px 0px;
	padding:					0px;
	overflow:					hidden;
}

ul#months li
{
	float:						left;
	display:					inline-block;
}

ul#months a
{
	display:					inline-block;
	margin:						0px 12px 12px 0px;

	width:						44px;
	height:						44px;

	border-radius:				6px;
	background-color:			rgba(0,0,0,0.15);

	padding:					0px 0px;

	text-align:					center;
	line-height:				44px;
	font-family:				"MyriadProLight","trebuchet ms",arial,sans-serif;
	font-size:					19px;
	color:						white;
	box-shadow:					1px 1px 8px #00192b;
}
ul#months a.active
{
	background-color:			rgba(255,255,204,0.15);
}


#skyevents
{
	position:				relative;

	margin:					40px 0px;

	width:					240px;
	height:					360px;
	background-color:		#002641;
}
#skyevents > div
{
	display:				none;
	position:				absolute;
	top:					0px;
	left:					0px;
}

#skyevents > div > div
{
	position:				absolute;
	bottom:					0px;
	left:					0px;
	z-index:				2;
	width:					210px;
	padding:				15px 10px 20px 20px;
	background-color:		rgba(0,0,0,0.55);
	color:					white;

}
#skyevents > img
{
	position:				absolute;
	top:					0px;
	left:					0px;
	z-index:				1;
}

#skyevents h2
{
	line-height:					24px!important;
	font-family:					"MyriadProLight","trebuchet ms",sans-serif!important;
	font-weight:					normal!important;
	font-size:						24px!important;
	color:							white!important;
}
#skyevents p
{
	margin:							0px;
}
ul#skyevents-buttons
{
	display:						none;
}


.note
{
	font-family:					"trebuchet ms",sans-serif;
	font-size:						14px;
	color:							white;
}

#imgcredit
{
	border-top:						1px solid #225577;
	padding-top:					20px;

	line-height:					15px;
	font-size:						12px;
}


form#categoryselector label
{
	float:							left;
	width:		140px;
	white-space:					nowrap;
	margin-right:					12px;
/*
	line-height:					24px!important;
	font-family:					"MyriadProLight","trebuchet ms",sans-serif!important;
	font-weight:					normal!important;
	font-size:						20px!important;
	color:							white!important;
*/
}
form#categoryselector .sbHolder
{
	margin-left:	150px;
}






.admin
{
}
.admin a
{
	margin:			0px 8px 0px 0px;
}

article#main > header p
{
	margin:							8px 0px;
}


/*	resources - external links	*/
section#resources
{
	margin:							0px -40px -40px -40px;
	border-top:						1px solid rgba(0,0,0,0.25);
	padding:						30px 40px 40px;
	background-color:				rgba(0,0,0,0.25);
}
section#resources h2
{
	font-weight:					300!important;
	font-size:						26px;
}
section#resources article
{
	margin:							20px 0px;
}
section#resources h3
{
	margin-bottom:					2px;
	font-weight:					700;
	font-size:						18px;
}
section#resources small
{
	font-size:						13px!important;
}


section.position
{
	margin-bottom:					20px;
}
section.position p
{
	margin:							0px;
}

sup
{
	line-height:					10px;
}

hr
{
	margin:							20px 10px;
	border:							0px;
	border-bottom:					1px dotted #ACC1CC;
}

article#main p img[align=left]
{
	float:					left;
	margin:					6px 12px 2px 0px;
}

article#main p img[align=right]
{
	float:					right;
	margin:					6px 0px 2px 12px;
}

img
{
	max-width:				100%;
	height:					auto;
}

/*	fix for Google Map icons	*/
#map_canvas img,
.gmap img
{
	max-width: none;
}