body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:88%;
  background:#FFF;
}
#wrap_all {
  width:981px;
  margin:20px auto;
  background:url('/fnssite/whiteoverlay.png');
  background:#FFF;
}
p, h1, h2, h3, h4, h5, h6, block, a{
}

#header {
  border-bottom:1px dotted #000;
}
#header h1 {
  font-size:400%;
  float:left;
  width:430px;
}

#header h2 {
  display:block;
  float:left;
  margin:36px 0 0 0;
  font-size:11px;
}

#search {
  float:right;
  margin:0; 
  padding:0;
}
#search table {
  padding:0;
  margin:0;
  border-collapse:collapse;
  border:none;
}
#search table td {
  border:none;
  padding:0;
  margin:0;
  text-align:right;
}
#searchquery {
  width:200px;
  border:1px solid #F30;
  border-right:0;
  height:16px;
  font-size:88%;
}
#searchbutton {
  border:none;
  width:18px;
  height:18px;
  background:#F30;
  cursor:pointer;
}
.searchadvanced {
  font-size:78%;
}

.tagcloud {
  text-align:center;
}
.tagcloud a {
  padding:4px 10px;
  line-height:25px;
  white-space:nowrap;
}
.tagcloud a:hover {
  background-color:#F00 !important;
  color:#FFF !important;
}

#tagSphere {
  border:1px dotted #000;
  background:url(/tagcloudback.gif) -80px -85px no-repeat;
  left:-20px;
  position:relative;
  top:-35px;
}

#tagSphere ul li a{
	text-decoration:none;
	color:#000;
	border:none;
	padding:1px 6px;
        white-space:nowrap;
        font-weight:bold;
}

#tagSphere ul li a:hover{
	padding:0px 4px;
	border:solid 1px #F00;
        color:#F00;
}


hr {
  height:1px;
  border:none;
  border-top:1px dotted #000;
  margin:1em 0 1em 0;
}

a {
  color:#F00;
  text-decoration:none;
}
a:hover {
  color:#000;
}

#content p {
  margin:0 0 2em 0;
  line-height:140%;
}
#content h1, h2, h3, h4 {
  margin: 0 0 1em 0;
}

.small {
  font-size:88%;
}
#content .small {
  font-size:78%;
}
.listItem {
  margin-bottom:1em;
}


img {border:none;}

#content {
  width:660px;
  padding:40px 20px 20px 20px;
}
#content_meta {
  float:right;
  padding:0px;
  width:280px; 
  border-left:0px dotted #000;
  font-size:88%;
}

.author_wrap {margin-bottom:1em;}

#header h1 span {
  color:#ccc;
  font-size:16pt;
  vertical-align: text-top;
}

.description, .appendix { 
  width:640px;
  background:#EEEEEE;
  border:1px dotted #AAAAAA;
  color:#333333;
  font-size:88%;
  margin-bottom:2em;
  padding:1em;
}

.related_content {
}

#content_meta form {
  font-size:88%;
}
#content_meta form input {
  margin:2px 0;
}
#content_meta form label {
  border:1px dotted #000;
  background:#eee;
  padding:0px 10px;
  cursor:pointer;
}

#content_meta form .submit {
  border:1px dotted #F00;
  background:#FFF;
  color:#FF0000;
  font-size:96%;
  cursor:pointer;
  font-weight:bold;
  margin-left:16px;
  float:right;
}

#content_meta h3 {
  font-size:100%;
  font-weight:bold;
  margin:0;
  padding:3px 0;
}
#boxtranslations, #boxtags, .boxrelateditems {
  border:1px dotted #000;
  border-width:0px 0px 1px 0;
  padding: 10px 20px;
  font-size:88%;
}

#boxmeta {
  font-size:88%;
  border-collapse:collapse;
  width:281px;
}
#boxmeta th {white-space:nowrap;}
#boxmeta th,td {
  text-align:left;
  vertical-align:top;
  font-weight:normal;
  padding:3px 10px;
  border:1px dotted #000;
  border-left:none;
  border-top:none;
}

#related_form {
  border:1px dotted #000;
  border-width:0px 1px 1px 0;
  padding: 10px 20px;
}

#boxmediatype {
  font-weight:bold;
}
#boxprojects {
  font-weight:bold;
}
#boxrelated {
  padding:0px;
}

#boxtags a {
  /*white-space:nowrap;*/
}
#boxtags a:hover {
  background:#EEE;
}

.ascr_text {
  background:url('http://future-nonstop.org/mediaType_text.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_video {
  background:url('http://future-nonstop.org/mediaType_video.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_image {
  background:url('http://future-nonstop.org/mediaType_image.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_singleimage {
  background:url('http://future-nonstop.org/mediaType_singleimage.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_author {
  background:url('http://future-nonstop.org/mediaType_author.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}

.related a {
  display:block;
  margin:0;
}

.related_image { width:32px; height:32px;}

#image_gallery {}

.image_thumb {
  background:#000;
  width:200px;
  min-height:250px;
  border:0px solid #ccc;
  margin:0 2px 2px 0;
  display:block;
  float:left;
  padding:6px;
}
.image_thumb_image {
}
.image_thumb_subtitle {
  color:#FFF;
  font-size:76%;
}

/* homepage videos */
/* 126img 10 78 20leer 126img 10 78 20leer 126img 10 78 18leer */

#home_videos {
position:relative;
top:-20px;
left:-20px;
width:700px;
}

.home_video {
width:330px;
float:left;
font-size:88%;
margin-bottom:20px;
margin-right:10px;
}

.home_video_still {
display:block;
float:left;
width:126px;
margin-top:3px;
margin-right:10px;
}

.home_video_teaser {
display:inline;
width:194px;
}

.home_video_teaser .ascr_video {
display:inline;
}

.home_video_teaser span {
display:block;
padding-top:3px;
}

#home_videos h3 {
font-size:88%;
}

.home_video img {
border:3px double #999999;
}

.home_video_meta {
font-size:88%;
color:#999;
}

.tmp-author {
color:#999;
}

/*--------------------------------------*/
/*StringBall base                       */
/*--------------------------------------*/
ul#stringball{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}
ul#stringball li{
	position:absolute;
	margin:0;
	padding:0;


}


/*--------------------------------------*/
/*StringBall design                     */
/*--------------------------------------*/
ul#stringball{
	width:600px;/*..*/
	height:400px;/*..*/
	border:solid 1px #333;
	font-size:14px;
	font-weight:bold;
}
ul#stringball li a{
	text-decoration:none;
	color:#000;
	border:none;
	padding:6px;
        white-space:nowrap;
}

ul#stringball li a:hover{
	padding:5px;
	border:solid 1px #F00;
        color:#F00;
}