body {

	
/*letter-spacing: 0.07em;*/
	font-family:Georgia, "Apple Chancery","Monotype Corsiva", "Times New Roman", Times;
	font-size:.8em;
	font-weight:normal;
	color:#fff;
	background-color:#eee;
	overflow:hidden !important;
	
/* needed to eliminate scrollbars caused by the background image */
	padding:0;
	margin:0;

	
/* necesarry for the raster to fill the screen */
	height:100%;
	width:100%;
}

 {
	margin:0;
	padding:0;
}

#content {
	margin:0 auto;
	height:100px;
	width:100%;
	bottom:5%;
	z-index:3;
	background:#262626 no-repeat 90%;
	border-top:1px solid #000;
	border-bottom:1px solid #4F4F4F;
	position:absolute;
}

#slidecounter {
	float:left;
	color:#4F4F4F;
	font:50px "Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	margin:18px 20px;
}

#slidecaption {
	overflow:hidden;
	float:left;
	color:#FFF;
	font:26px "Helvetica Neue", Arial, sans-serif;
	font-weight:bold;
	margin:33px 0;
}


	
/*Supersized Stamp*/
.hidden {
	display:none;
}

.stamp {
	float:right;
	margin:25px 20px 0 0;
}


	
/*Supersize Plugin Styles*/
#navigation {
	float:right;
	margin:22px 20px 0 0;
}

#loading {
	position:absolute;
	top:49.5%;
	left:49.5%;
	z-index:3;
	width:24px;
	height:24px;
	text-indent:-999em;
	background-image:url(images/progress.gif);
}

.stageLoader {
	width:50px;
	height:30px;
	background-color:#333;
	padding-top:5px;
	text-align:center;
	opacity:0.6;
}
	
		
#supersize {
position:fixed;


}

#supersize img,#supersize a {
	height:100%;
	width:100%;
	position:absolute;
	z-index:0;
	text-decoration:none;
	outline:none;
	padding:0;

}

#supersize .prevslide,#supersize .prevslide img {
	z-index:1;
}

#supersize .activeslide,#supersize .activeslide img {
	    z-index: 2; 

}

a,a:visited,a:active,a:link,.iLink {
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
	color:#fff;
	background-color:#ff0066;
}

a:hover,.selected,.iLink:hover {
	color:#ff0066!important;
	background-color:#fff!important;
}

.pager {
	cursor:pointer;
}

.pager,.current {
	width:10px;
	padding-left:1px;
	padding-right:1px;
}

.current {
	color:#ff0066;
	font-weight:bold;
}

.pagerTitle {
	padding-right:4px;
}

.pagination div {
	float:left;
}

.pagination a {
	background-color:#333;
	padding:0;
}

.readon {
	background-color:#333;
	padding:0;
	color:#fff!important;
}

.readon:hover {
	background-color:#333;
	color:aqua;
}

a:hover.tag {
	background-color:#fff;
}

#tagcloud .active {
	color:#ff0066;
	background-color:white;
}

a.tag {
	margin-bottom:2px;
	margin-right:2px;
	float:left;
	background-color:#666;
	display: inline;
	
}

.logo {
	cursor:pointer;
	margin-bottom:20px;
	float:left;
	clear:both;
}

.overlogo {
	margin-bottom:20px;
	padding-top:50px;
	float:left;
}

#bgimg {
	position:absolute;
	z-index:-1;
}

#topbody {
	position: fixed;
	z-index:3 !important;
	overflow:auto;

	
/* Place the new body above the background image */
	height:100%;
	width:100%;

	
/* Make the new body fill the screen */
	background:url(../images/raster.png) 0px 0px;

	
/* this is just a fancy raster, you can remove it; I kinda like it though */
}

#news h1 {
	margin-bottom:2px;
}

.loader {
	padding:5px;
}

.newsitem {
	padding-left: 5px;
	padding-bottom: 7px;
	padding-right: 5px;
	padding-top: 7px;
}

#left,#right {
	width:182px;
	padding-top:50px;
	margin-right:20px;
}
#wrap,#overlay {
	padding-top:20px;
	padding-left:20px;
	width:960px;
	height:100%!important;
	margin:0 auto;
}

#overlay {
z-index: 4 !important;

}

.box {
	height:100%;
	float:left;
}

.left {
	float:left;
}

.right {
	float:right;
}

.osbox {
	float:left;
	clear:both;
	padding-top:20px;
}

#network {
	padding-top:20px;
}

#network h1 {
	background-color:aqua;
	color:#333;
}

.external {
	padding-right:12px!important;
	white-space: nowrap;

}

.external:hover,.externalHover,#page .external:hover {
	text-decoration:underline!important;
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url(../images/external.gif)!important;
}
#page .external{
color: #666 !important;
text-decoration: underline !important;
line-height: 1.5em;
}
#page .external:hover{
color: #666 !important;
text-decoration: underline !important;
background-color: transparent !important;
}
#newsbox a,#network a,#page .external {
	background-color:transparent;
	color:aqua;
	font-style:italic;
}


#network a:hover {
	color:aqua!important;
	text-decoration:underline;
	background-color:transparent!important;
	font-style:italic;
}

#newsbox {
	background-color:#333;
	padding-right:0!important;
	margin-right:0!important;
		margin-bottom: 20px;

}

#pagerContainer {
	min-height:23px;
}

.pagination {
	background-color:#333;
	display:block;
	padding:4px;
	clear:both;
	float:left;
}

#stage {
	float:left;
	clear:both;
}


.boxbody {
	background-color:#333;
	float:left;
	width:183px;

	padding:5px;
	margin-bottom:20px;
	clear:both;
}

h1,h3 {
	padding-left:4px;
	padding-bottom:2px;
	padding-right:4px;
	padding-top:2px;
	clear:both;
	font-weight:normal;
	background-color:#333;
	float:left;
	margin-top:1px;
	margin-bottom:1px;
	white-space: nowrap;
}

h2 {
	padding-left:4px;
	padding-bottom:2px;
	padding-right:4px;
	padding-top:2px;
	clear:both;
	font-weight:normal;
	background-color:#ff0066;
	color:#fff;
	float:left;
	margin-top:1px;
	margin-bottom:1px;
	font-size:1em;
}

#page {
	width:510px;
	padding-top:0;
	float:left;
	padding:0!important;
}

.nameBadge {
	width:300px!important;
}

.about {
	background-position:0 30px;
	background-repeat:no-repeat;
	background-image:url(../images/about_portrait.jpg);
}

.about h1 {
	margin-bottom:248px;
}

.about h2 {
	display:block;
	width:100%;
	background-color:transparent!important;
	font-weight:normal;
	color:#ff0066;
	margin-bottom:5px;
	font-size:1.2em;
	padding:0;
}

.about p {
}

.about h3 {
	margin-bottom:300px;
	margin-bottom:0;
	font-size:1em;
	background-color:transparent!important;
	padding:0;
}

cite {
}

.pArticle {
	color:#5e5e5e;
	width:490px;
	background-color:#d8d8d8;
	float:left;
	clear:left;
	margin-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

h1 {
	font-size:1.5em;
}

#main-content {
	padding-left:20px;
	padding-right:10px;
	width:525px;
}

#tagcloud {
	font-size:1em;
	float:left;
	clear:both;
	width:160px;


}

.articles,#page {
	padding-top:29px;
	margin-bottom:35px;
	float:left;
}

#news h1 {
	margin-top:0;
}

.newsbody {
	float:left;
	overflow:auto;
}

.article {
	margin-bottom:20px;
	float:left;
}

#tagcloud,#mainnav {
	float:left;
	padding-top:20px;
}

#mainnav {
	clear:both;
	font-size:1.5em;
}

.aTitles {
	color:#333;
}

.aTitles,.aContent {
	float:left;
	list-style-type:none;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:5px;
	margin:0;
}
.aContent{

}
.article p {
	clear:both;
	float:left;
	width: 210px;

}

.articleTitle {
	font-size:1.5em;
	margin-bottom:2px;
	float:left;
	clear:both;
}

.fArticleTitle {
	width:690px;
}

.articletags {
	float:left;
	clear:both;
}

.articleBody {
	width: 513px;
	background-color:#ff0066;
	float:left;
	clear:left;
	margin-bottom:2px;
	padding-top:0;
}

.articleTxt {
	padding:5px;
	width:210px;
	float:left;
}

.articleImage {
	float:left;
	position:absolute;
}

.imageContainer {
	float:left;
	width:293px;
	height:203px;
}

.articleLink {
	position:relative;
	top:184px;
	float:right;
	padding:2px;
}
.topLink {
	position:relative;
	float:right;
	padding:2px;
	clear: both;
	margin-right: 12px;
}
.topLink2 {
	float:right;
	padding:2px;
	clear: both;
	margin-right: 12px;
}

#mainnav a,#network a {
	float:left;
	clear:both;
	margin-bottom:2px;
}

h3 {
	font-weight:normal;
	font-size:.9em;
}

.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	height:100%;
	background:#666666;
}

.jScrollPaneDrag {
	position:absolute;
	background:#999999;
	cursor:pointer;
	overflow:hidden;
}

.holder {
	float:left;
	margin:0;
}

.scroll-pane {
	width:200px;
	height:227px;
	overflow:auto;
	background:#666666;
	float:left;

}

.jScrollPaneContainer {
	width:195px!important;
	position:relative;
	overflow:hidden;
	z-index:3;
			margin-bottom: 20px;

}

#earthfaves {
	
	float:left;
	text-align:center;
}

#earthfaves .boxbody {
	padding-top:15px;
}

#earthfaves a,#earthfaves a:hover {
	background-color:transparent!important;
}

#earthfaves h1 {
	background-color:#e56534;
	float:left;
	clear:both;
}

.wide {
	width:400px;
}

.super-wide {
	width:700px;
}

.tall {
	height:400px;
}

#newsbox {
	font-size:1em;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
}

h4 {
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	color:#ff0066;
	font-size:1.1em;
	font-variant:bold;
	margin-bottom:0;
	padding-top:10px;
}

.newsitem:hover {
	cursor:pointer;
	background-color:#7b7b7b;
}

.alternate {
	background-color:#464646;
}

.nDate {
	font-size:.7em;
	color:#ccc;
}

.nTitle {
	color:aqua;
}

.nUrl {
	display:none;
}

.fullview {
	padding-top:50px;
	padding-left:70px;
	float:left;
	width:730px;
}


	
/* styling for the image wrapper  */
#image_wrap {
	float:left;
	clear:both;

	display: block;

	height: 450px;
/* dimensions */
	width:686px;

	
/* centered */
	text-align:center;
}

.thumbpanel {
	float:left;
	clear:both;
	width:743px;
	padding-left:199px;
	padding-top:5px;
}


	
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/
#overlay .scrollable {

	
/* required settings */
	position:relative;
	overflow:hidden;
	width:690px;
	height:120px;
	float:left;
}


	
/* 
    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. 
*/
#overlay .scrollable div.items {

	
/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items img {
	margin-right:2px;
}

.fClose {
	float:right!important;
	font-size:1.25em;
	margin-bottom:2px;
}

h2.eTitle {
	font-size:1.4em;
	background-color:#fff;
	color:#ff0066;
	float:none;
	display:inline;
}	
}


	
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/
#overlay .scrollable #overlay .items div {
	float:left;
}

#overlay .items {
	cursor:pointer;
	margin-right:2px!important;
}


	
/* you may want to setup some decorations to active the item */
#overlay .active {
	border:2px solid #ff0066;
}

a.nextPage {
	background-position:6px 3px;
	background-repeat:no-repeat;
	float:right;
	width:20px;
	height:28px;
	margin-top:40px;
	cursor:pointer;
	background-image:url(../images/right.png);
	padding:2px!important;
}

a:hover.nextPage {
	background-image:url(../images/o_right.png)!important;
}

a:hover.prevPage {
	background-image:url(../images/o_left.png);
}

a.prevPage {
	background-image:url(../images/left.png);
	background-repeat:no-repeat;
	padding:2px!important;
	float:left;
	width:20px;
	height:28px;
	margin-right:2px;
	margin-top:40px;
	cursor:pointer;
	background-position:4px 3px;
}

.aWork {
	width:160px;
}

.eDescription {
	color:#555;
	width:690px;
	padding-left:26px;
	line-height:1.35em;
	float:left;
	clear:both;
	margin-bottom:50px;
}

.first {
	margin-right:25px;
}