body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:88%;
  background:#FFF;
}

p, h1, h2, h3, h4, h5, h6, block, a{
}

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

#main {
  width:1540px;
  margin:0px 16px;
  /*background:url('/fnssite/whiteoverlay.png');*/
  background:#FFF;
}

body.collapse #main {
  width:1040px
}

#main-left {
  width:500px;
  float:left;
  border:1px dotted #000;
  border-top:none;
}

#infovis {
  border-bottom:1px dotted #000;
}

#main-content {
  float:left;
}
#content, #content-listing {
  width:660px;
  padding:48px;
  float:left;
}

body.collapse #content, body.collapse #content-listing {
}
#content_meta, #content-listing_meta {
  float:left;
  padding:0px;
  width:280px; 
  border-left:1px dotted #000;
  font-size:88%;
}
#listing-content {
  display:none;
  float:left;
}

#main-buttons {
  border-bottom:1px dotted #000;
  border-left:1px dotted #000;
  font-size:11px;
  padding: 0px;
}
#button-content {
  border-left:1px dotted #000;
}
#button-content, #button-listing, #button-tagmap {
  border-right:1px dotted #000;
  text-transform:uppercase;
  padding:3px 14px;
  background:#FFF;
  color:#666;
  width:100px;
  cursor:pointer;cursor:hand;
  font-weight:bold;
  display:inline-block;
  line-height:16px;
  text-align:center;
}

#button-tagmap {
  margin-right:371px;
  background:#EEE;
  color:#000;
}

#button-tagmap:after {
content:" (on)";
}
body.collapse #button-tagmap {
  margin-right:0px;
  background:#FFF;
  color:#666;
  border-right:none;
}
body.collapse #button-tagmap:after {
content:" (off)";
}
#button-content.selected, #button-listing.selected,
#button-content.selected:hover, #button-listing.selected:hover {
  background:#F00;
  color:#FFF;
}
#button-content:hover, #button-listing:hover {
/*
  background:#EEE;
  color:#666;
*/
}

#history {
border-top:1px dotted #000000;
clear:both;
font-size:11px;
padding:10px;
}

#legend {
  padding:10px;
  border-top:1px dotted #000;
  font-size:11px;
  height:80px;
  line-height:16px;
}
#legend-content, #legend-tags, #legend-special {
  width:160px;
  float:left;
}
#legend-tags span, #legend-special span {
 padding-left:20px;
}
#legend-tags span, #legend-special span, #legend-content span {
  display:block;
}

#header {
  border-bottom:1px dotted #000;
  width:1540px;
  margin:0 16px;
}
body.collapse #header {
  width:1040px;
}
#header h1 {
  font-size:300%;
  float:left;
  margin:8px 0 22px 0;
  width:430px;
}

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


#search {
  float:right;
  margin:8px 0 0 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:20px;
  height:20px;
  background:#F30;
  cursor:pointer;
  color:#fff;
  padding-bottom:3px;;
}
.searchadvanced {
  font-size:78%;
}
#bodysearch {
margin-bottom:10px;
}
#bodysearch #searchbutton{
padding-bottom:2px;
}

.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:88%;
}
.listItem {
  margin-bottom:1em;
}


img {border:none;}

.author_wrap {margin-bottom:1em;}

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

#footer {
  clear:both;
  width:1540px;
  margin:3em 16px;
  font-size:11px;
  text-align:center;
  padding-top:1em;
  border-top:1px dotted #000;
}
body.collapse #footer {
  width:1040px;
}
#footer img {
margin-bottom:3px;
margin-right:5px;
vertical-align:middle;
}
#footer a {
  color:black;
}

.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;
}




#meta-filter div.filter {
background-position:2px 2px;
border:1px dotted #CCCCCC;
cursor:pointer;
height:14px;
margin-bottom:2px;
padding:2px 2px 4px 20px;
display:inline-block;
width:auto;
}

#meta-filter div.filter {
  opacity:0.4;
}
#meta-filter div.filter:hover{
  border-color:#f00;
  color:#f00;
}
#meta-filter div.selected {
  opacity:1;
}
#meta-filter div.init {
  opacity:1;
}


.ascr_text {
  background:url('/fnssite/mediaType_text.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_video {
  background:url('/fnssite/mediaType_video.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_image {
  background:url('/fnssite/mediaType_image.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_singleimage {
  background:url('/fnssite/mediaType_singleimage.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_author {
  background:url('/fnssite/mediaType_author.gif') no-repeat 0px 2px;
  padding:2px 2px 4px 20px;
}
.ascr_project {
  background:url('/fnssite/mediaType_project.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:0px;
left:0px;
width:660px;
}

.home_video, .home_text {
width:320px;
float:left;
font-size:88%;
margin-bottom:20px;
margin-right:10px;
}
.home_video {
/*height:130px;*/
}
.home_text {
  padding:0 0 0 20px;
  width:300px;
}
.home_video a, .home_text a {
  font-weight:bold;
}

.home_video .ascr_video a {
display:block;
float:right;
width:164px;
}

.home_video_still {
display:block;
float:left;
width:126px;
margin-top:3px;
margin-bottom:2px;
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:1px;
}

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

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

.home_video_meta {
clear:right;
font-size:88%;
color:#999;
padding-left:136px;
}

#home_texts {clear:left;}

.tmp-author {
color:#999;
}

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


/* batching */

.listingBar span.current, .listingBar a {border: 1px dotted #CCCCCC;padding:1px 4px;margin-right:2px;}


/*--------------------------------------*/
/*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;
}

.hidden {
  display:none;
}