/* for google search */
@import url(http://www.google.com/cse/api/branding.css);

/* zero off all elements to start clean */
html, body, ul, ol, dl, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a, img { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}
body {
	margin: 0px;
	background: #f1f1f1;
	color: #333;
	font-family: Tahoma,Verdana,geneva,sans-serif;
	font-size: 100.01%;
	line-height:1.1em;
	}
#pagewrapper {
	font-size: .8em;
	margin: auto;
	position: relative;
	overflow: visible; /* fix for IE italics bug */
	}

.bluetrimbead {
	height: 8px;
	width: 100%;
	background: #ebeff7 url(/images/topmenubead.gif);
	}
#sitelogobar {
	text-align: right;
	height: 44px;
	width: 100%;
	background: #fff;
	}
#svsitenavbar {
	text-align: left;
	height: 24px;
	width: 100%;
	background: #eeeeee url(/images/navmenubg.gif);
	}
#svsitenavbar img {vertical-align: middle}	

#svsitenavbarbottom {
	text-align: left;
	height: 24px;
	width: 100%;
	background: #eeeeee url(/images/navmenubg.gif);
	}
#svsitenavbarbottom img {vertical-align: middle}	

#locationbar {
	background: #ebeff7 url(/images/navpic.gif);
	height: 22px;
	width: 100%;
	padding-top: 2px;
	}
#locbar {
	background: #eeeeee;
	height: 26px;
	width: 100%;
	padding-top: 2px;
	}
/*	oldbannerarea background: #455d7b url(/images/topbanbg.jpg); */
#bannerarea {
	background: url(/images/bluesun.jpg) no-repeat scroll right bottom #000000;;
	text-align: center;
	width: 100%;
	padding: 0;
	}
	
/*--------*\
|* footer *|
\*--------*/
#svsitefooter {
  margin-top:3px;
  margin-bottom: 4px;
  border: none;
  background: #eee url(/images/footertrim.gif) bottom repeat-x;
  text-align: center;
}
#svsitefooter p {
  margin: 0;
  padding: 5px;
  color: #666;
  font: 11px tahoma,geneva,verdana,sans-serif;
}	
	
.leftmenu {
	width: 200px;
	text-align: left;
	background: #fff url(/images/ltmenublockbk.gif) repeat-y;
	}
#rtsidebar {
	width: 200px;
	text-align: left;
	background: #fafafa url(/images/contentblockbk.gif) repeat-y;
	}

	
#contentarea {padding: 0px; margin: 15px 15px 15px 30px;}
#rnsearchbox {text-align: left;}
#randgalleryimage,#lastestmoviepics {text-align: center;}
.artfrontpagetext {font-size: .85em; font-weight:600}
#skybanners {text-align: center;}

.recentforumposts {margin-bottom: 8px;}

.forumbylines {font-size: .9em;}
.headerback {
	padding: 0px 6px;
	background-color:#ebeff7;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#socialnetlinks {
	text-align:center;
	font-size: 0.8em;
	font-weight:600;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	background: #fafafa url(/images/contentblockbk.gif) repeat-y;
	padding: 6px 15px;
	}

#socialnetlinks img {margin-top: 6px; padding: 0 6px; border: none;}

/* links */
a {
	text-decoration: none;
	color: #33f;
	}
a:visited {color: #06c;}
a:active {color: #336;}
a:hover {text-decoration: underline; color: #00c;}
#svsitefooter a:visited {color: #33f}
.bold {font-weight: bold;}
.mainmenu {
	color: #06c;
	text-decoration: none;
	margin: 0 2px;
	padding: 2px 3px;
	font-weight: bold;
	font-size: .8em;
	}
a.mainmenu:visited {color: #06c;}
a.mainmenu:active {color: #039;}
a.mainmenu:hover {color: #039; text-decoration: none; background: url(/images/hovermenu2.jpg);}

a.ltsidemenu {color: #06c;
	text-decoration: none;
	font-weight: bold;
	z-index: 3;
	font-size: .8em;
	}
a.ltsidemenu:visited {color: #06c;}
a.ltsidemenu:active {color: #039;}
a.ltsidemenu:hover {color: #039;
	text-decoration: none;
	background: #eee;
	}

a.test {color: #06c;
	text-decoration: none;
	display: block;
	height: 22px; 
	font-weight: bold;
	z-index: 3;
	padding: 3px;
	font-size: .85em;
	margin-left: 5px;
	}
a.test:visited {color: #06c;}
a.test:active {color: #039;}
a.test:hover {color: #039;
	text-decoration: none;
	background: url(/images/hovermenu3.jpg) no-repeat;
	}

/* This formats thumbshots from links directory random feed */
.tshot {border:0; margin: 2px;}

.ltmarginbar {width: 18px; background: #ffffff url(/images/ltmarginback.gif) repeat-y;}
.topcontentframe {
	background: #eeeeee url(/images/toppagebar.gif) repeat-x;
	width: 100%;
	height: 15px;
	text-align:left;
	}

/* library specific */
a.libnavlinks {font-weight: bold;}
.libchaptertext {color:#000; font-size: 1em; line-height: 1.3em;}
#booklist {border: 1px solid #000; list-style-position: inside; line-height: .9em;}
.bookthumbs {padding: 2px 4px;}
hr {height:2px;border-width:0;color:#666;background-color:#666;}
.libsubtext {font-size: .85em; line-height: 1.1em; text-align:justify}

/* shadows below content tables */
.tbl{height:4px; width:100%}
.tbll{background: url(/images/tb4_l.gif) no-repeat; height:4px; width:8px}
.tblbot{background: url(/images/tb4_m.gif) repeat-x; height:4px; width: auto;}
.tblr{background: url(/images/tb4_r.gif) no-repeat; height:4px; width:8px}

/* header backgrounds for content tables */
.tbt {width: 100%; height: 22px;}
.tbtmid {background: url(/images/tbtitle_m.gif) repeat-x; width: 100%; color: #333;}
.tbtl {text-align: center; background: url(/images/tbtitle_l.gif) no-repeat; width: 22px;}
.tbtr {background: url(/images/tbtitle_r.gif) no-repeat; width: 120px;}

/* content sections */
.contentline {border: #b5bdc6 1px solid;}
.rtmarginblock {width: 180px;}
.leftcontentblock {margin-left: 10px; margin-right: 10px;}
.contentblockbk {background: #fafafa url(/images/contentblockbk.gif) repeat-y;}
.innercontent {padding: 6px 12px;}
.nonblockcontent {
	padding: 6px;
	background: #ffffff;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	}
.sidebartext {font-size: .85em;}
.centered {text-align: center;}
.clear {clear: both;}
.hide {display: none;}


/* set base element font sizes and margins */
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin: 12px 0px;
	padding-top: 0;
	padding-bottom: 0;
	}
h1 {font-size: 210%;}
h2 {font-size: 190%;}
h3 {font-size: 160%;}
h4 {font-size: 130%;}
h5 {font-size: 100%;}
h6 {font-size: 80%;}
li {margin: 6px 20px;}
pre.storyoutline {font-family: geneva, verdana, sans-serif; font-size: .8em;}

/* random link from resource network */
#randomlink {border: 1px solid #b5bdc6; margin: 0 8px; padding: 2px; background: #efefef;}
#randomlink h4.linktitle a {font-size: 12px; font-weight: bold; margin: 0; display: inline;}
#randomlink .linkdescription img {clear: both;}
#randomlink p.linkurl,#randomlink p.linkrating {font-size: 9px; font-weight: normal; margin: 0;}
#randomlink div.linklisting {margin: 0 20px 20px 20px;}
#randomlink h4.linktitle a {font-size: 12px; font-weight: bold;}
#randomlink p.linkactions {font-size: 9px;}
#randomlink p.linkactions a {color: #06c; margin: 0 3px; padding: 1px;}
#randomlink p.linkactions a:visited {color: #445599; text-decoration: none; margin: 0 3px;}
#randomlink p.linkactions a:active {color: #36c; text-decoration: none; margin: 0 3px;}
#randomlink p.linkactions a:hover {color: #00c; text-decoration: underline;  background: #fff; margin: 0 3px;}


#flashgameslist,#javagameslist {list-style-type:none;}
#flashgameslist li,#javagameslist li {
	background-image:url("images/met_arrow.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 18px;
	border:none;
	margin: 0}
	


/* Science Fiction Today Tumblr feed basic version */
ol.tumblr_posts {list-style-type: square;}
ol.tumblr_posts li {clear: both; border-bottom: 1px dotted #ccc; margin-bottom: 26px;}
.tumblr_video_post {}
.tumblr_video {}
.tumblr_caption {}
.tumblr_text_post {}
.tumblr_title {}
.tumblr_body {}
.tumblr_body blockquote {border-left:2px solid #666; margin:0; padding:3px 12px;}
.tumblr_description {}
.tumblr_photo_post {}
.tumblr_photo {}
.tumblr_link_post {}
.tumblr_link {
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:solid 1px #ccc;
	background: #fff;
	display:block;
	padding:6px 3px 6px 8px;
	font-size: 1.1em;
	font-weight: bold;
}

/* Mail Form Anti-Spam */
.confirmation-field {display: none;}


/* Science Fiction Today Tumblr feed Badge version */
#tumblr-badge blockquote {border-left:2px solid #666; margin:0 30px 3px; padding:3px 12px;}
#tumblr-badge .tumblr li {clear: both}

.tumblr {
        list-style: disc;
        margin-bottom: 1em;
        padding: 0;
}

.tumblr li {
		border-bottom: 1px dotted #ccc;
        margin-bottom: 2.5em;
}
.tumblr li li {
		border-bottom: none;
        margin-bottom: 2px;
}
.tumblr img {
        padding: 3px;
}
a.tumblrlink {
		border-radius: 3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		display: block;
		background:none repeat scroll 0 0 #fff;
		border:1px solid #ccc;
		font-size:1.1em;
		font-weight:bold;
		padding:4px 3px;
}

.tumblr {
        display: block;
        font-size: .9em;
        margin-top: .3em;
}
.tumblr-post-date {
		display: block;
		font-size: 1em;
		clear: right;
		margin-bottom: 3px;
}
.tumblr .caption {
}
.quote {
display: block;
background: #eee;
border: 1px solid #ccc;
padding: 10px;
width: 350px;
}
.sftvideo {display: block; position: relative;}
.bqstart {
     float: left;
     margin-top: 20px;
     padding-top: 4px;
	 margin-right: 6px;
     margin-bottom: 0;
     font-size: 800%;
	 font-family: 'Trebuchet MS',arial,serif;
     color: #ccc;
 }