#content
{
	width:	1000px;
}
article#main
{
	width:	100%;
}

#features-row
{
	overflow:				hidden;
	margin:					10px 0px 0px 18px;
}

#features-row .item
{
	width:					213px;
	float:					left;
	margin:					0px 0px 0px 10px;
	padding:				0px;
	
	line-height:			25px;
	font-family:			arial,sans-erif;
	font-weight:			bold;
	font-size:				13px;
}

#features-row .item h2 a
{
	display:				block;
	width:					191px;
	height:					103px;
	margin:					0px;
	padding:				9px 11px 0px;
	
	background-position:	top left;
	background-repeat:		no-repeat;
	
	line-height:			26px;
	font-family:			arial,sans-erif;
	font-weight:			bold;
	font-size:				24px;
}

#hometext
{
	float:					left;
	width:					277px;
	background-color:		#fdfcf1;
	padding:				20px;
	
	line-height:			28px;
	font-family:			arial,sans-serif;
	font-size:				16px;
	color:					#91c1c8;
}

.itemcontent
{
	padding:				8px 10px;
}



/*---------------------------------------------------------------------------------------------------------
//	Tab animation
//-------------------------------------------------------------------------------------------------------*/
/* root element for tabs  */
ul.slidebuttons { 
	list-style-type:	none; 
	margin:				0px auto;
	padding:			0px;
}

/* single tab */
ul.slidebuttons li
{ 
	margin:				0px;
	padding:			5px 0px;
}

ul.slidebuttons a {
outline: none;
}

ul.slidebuttons a img {
	margin-right:10px;
	margin-bottom:0px;
	opacity: 0.4;
	filter: alpha(opacity=40)
}

ul.slidebuttons a.current img {
	margin-right:10px;
	margin-bottom:0px;
	opacity: 1;
	filter: alpha(opacity=100)
}



div.panes{
	margin-top: 0px;
	border:	none;
	
	width:			828px;
	height:			418px;
	
	float:			left;
	clear:			right;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
	padding:	0px;
	
	width:		828px;
	height:		418px;
}

div.panes div.pane img.main {
}


/*---------------------------------------------------------------------------------------------------------
//	Scroll animation
//-------------------------------------------------------------------------------------------------------*/
.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 160px; 
    height:418px; 

	text-align:			center;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollable .items { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
.scrollable .items div{ 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
.items .active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


h2 a
{
	text-decoration:		none!important;
}




#toparea
{
	position:				relative;
	overflow:				hidden;
	width:							1000px;
	height:							486px;

	background-image:		url( /site/images/observatory_fall2010.jpg );
	background-position:	bottom left;
	background-repeat:		no-repeat;
}

#mainfeatures
{
	position:				absolute;
	bottom:					40px;
	left:					40px;
}


#astroassembly,
.mainfeature
{
	font-family:			"MyriadProSemibold","trebuchet ms",sans-serif;
	font-size:				42px;
	color:					#b7b4af;
}

#mainfeatures a
{
	color:					white;
}

.topwidget
{
/*	background-color:		rgba(0,0,0,0.85);	*/
	background-color:		rgba(0,51,87,0.75);
	padding:				15px 20px;
	margin:					20px;
	box-shadow:				0px 0px 4px #000;

	width:					260px;
	border-radius:			20px;

	line-height:			18px!important;
	font-family:			"trebuchet ms",sans-serif;
	font-size:				14px;
}

.topwidget h3
{
	margin-top:				10px;
}

.topwidget ul
{
	margin-bottom:					0px;
}

.topwidget small a
{
	display:				block;
}




.features
{
	margin-top:					-10px!important;
	border-top:					0px!important;
}


#mainfeatures
{
}

.mainfeature
{
	width:					320px;

	margin:					30px 0px;
	padding:				12px 20px;

	background-color:		rgba(0,0,0,0.5);
}
.mainfeature:first-child
{
}


#mmxii
{
	position:				absolute;
	top:					30px;
	right:					30px;

	width:					380px;
	background-color:		rgba(255,0,0,0.33)!important;
	padding:				20px;

	line-height:			160px;
	font-family:			"MyriadProSemibold","trebuchet ms",sans-serif;
	font-size:				200px;
	letter-spacing:			-20px;
}
#mmxii a
{
	color:					white;
}
#mmxii small
{
	letter-spacing:			0px;
	font-size:				26px;
}

.col ul,
.col2 ul
{
	list-style-type:				none;
	margin:							0px;
	padding:						0px;
}

.col li,
.col2 li
{
	margin:							0px 0px;
	padding:						6px 0px 7px;
	border-bottom:					1px solid #257;
	overflow:				hidden;


}

.col time,
.col2 time
{
	white-space:			nowrap;
	float:					left;
	width:					72px;
	display:				block;
	color:					white;

	line-height: 20px;
font-weight: 300;
font-size: 18px;
	color:					white;
}


.col h3,
.col2 h3
{
	margin:					0px;
	padding:				0px;
	overflow:				hidden;
}




#marquee
{
	width:							1000px;
	height:							486px;
	margin:							0px -40px 40px -40px;
}
ul#slidebuttons
{
	float:							right;

	list-style-type:				none;
	margin:							8px 8px 0px 0px;
	padding:						0px;

	display:						inline-block;
	overflow:						hidden;
}
#marquee .wrapper
{
	width:							auto;
	text-align:						center;
}

ul#slidebuttons li
{
	display:						inline;
	margin:							0px;
	padding:						0px;
}


ul#slidebuttons a
{
	display:						block;
	float:							left;

	border-radius:					3px;
	width:							16px;
	padding:						0px 4px;

	text-align:						center;
	line-height:					24px;
	font-family:					"MyriadProBold",arial,sans-serif;
	font-size:						16px;
	color:							white;
}


ul#slidebuttons a.current
{
	background-color:				rgba(255,255,255,0.25);
	color:							white;
}


#slideshow
{
	position:						relative;

	margin:							0px;

	width:							1000px;
	height:							486px;
	overflow:						hidden;

	box-shadow:						0px 0px 8px black;
}

#slideshow .slide
{
	display:						none;

	position:						absolute;
	top:							0px;
	left:							0px;
	z-index:						1;

	width:							1000px;
	height:							486px;

	overflow:						hidden;
}
.slide img
{
	width:							100%;
}

.slide > a > div
{
	position:						absolute;
	bottom:							20px;
	right:							20px;

	width:							85%;

	padding:						10px 40px 20px;

	text-align:						right;
	line-height:					22px;
	font-size:						16px;
	color:							white;
}

.slide > a > div h1
{
	line-height:					54px!important;
	font-size:						54px!important;
	color:							white;
}

.slide > div a
{
	color:							white;
}

.slide a > div small
{
	margin-top:						8px;
	line-height:					22px!important;
	font-size:						18px!important;
}


.slide
{
	font-family:					calibri,"trebuchet ms",sans-serif;
	text-shadow:					0px 0px 20px black, 0px 2px 8px black, 1px 0px 0px black;
}

#right
{
	margin-top:						40px;
}







/*	new items	*/
#observatorylog time
{
}



.testrow
{
	overflow:						hidden;
}

.testitem
{
	float:		left;
	width:		282px;
	margin-right:	36px;

	line-height:		22px;
	font-family:		"Open Sans",sans-serif;
	font-size:			18px;
}

.testitem p
{
	margin:				8px 0px;
}

.testitem h2
{
	margin-bottom:		10px;
	border-bottom:					1px solid #257;
	padding-bottom:		10px;
	line-height:		32px;
	font-family:		"Open Sans",sans-serif;
	font-weight:		300!important;
	font-size:			32px;
}
.testitem h2 a
{
	color:				white!important;
}





#newsbanner
{
	overflow:			hidden;

	margin:				30px -40px 0px;
	padding:			0px 30px;
	width:				100%;
	background-color:	rgba(0,0,0,0.15);
}

a.featuredownload 
{
	width:				auto!important;
}


#homecontent2
{
	overflow:						hidden;
	margin:							20px 0px 10px;

}
#homecontent2 p
{
	margin:							0px;

}

#footer2
{
	width:							auto!important;
}