/* ====================================================================================================================
General
===================================================================================================================== */

BODY             { background-color: #FFFFFF; scrollbar-base-color:#ffffff; scrollbar-highlight-color:#000000; 
				   scrollbar-arrow-color:#000000; }


#question { margin-left: 10px; font-weight: bold; }

/* Interesting colours: E6E6FA, EEEEE0 See about using these.  ORIGINAL: FBFCFD */
#date { margin-top: 12px; color: #115991; font-size: 85%; }
a:link    		 { text-decoration: none; color: #00008B; border-bottom: 1px dotted #004899; }
a:active  		 { text-decoration: none; color: #00008B; border-bottom: 1px dotted #004899;}
a:visited 		 { text-decoration: none; color: #00008B; border-bottom: 1px dotted #004899; }
a:hover   		 { text-decoration: none; color: #FF8C00; border-bottom: 1px dotted #FF8C00;}

a.nobold:link    		 { text-decoration: none; color: #00008B; border-bottom: 0px; }
a.nobold:active  		 { text-decoration: none; color: #00008B; border-bottom: 0px; }
a.nobold:visited 		 { text-decoration: none; color: #00008B; border-bottom: 0px; }
a.nobold:hover   		 { text-decoration: underline; color: #FF8C00; border-bottom: 0px; }

a.white:link    		 { text-decoration: none; color: #FFFFFF; border-bottom: 0px; }
a.white:active  		 { text-decoration: none; color: #FFFFFF; border-bottom: 0px; }
a.white:visited 		 { text-decoration: none; color: #FFFFFF; border-bottom: 0px; }
a.white:hover   		 { text-decoration: underline; color: #FFFFFF; border-bottom: 0px; }

a.image:link    		 { text-decoration: none; font-weight: normal; border-bottom: 0px; }
a.image:active  		 { text-decoration: none; font-weight: normal; border-bottom: 0px; }
a.image:visited 		 { text-decoration: none; font-weight: normal; border-bottom: 0px; }
a.image:hover   		 { text-decoration: none; font-weight: normal; border-bottom: 0px; }

a.left:link    		 { text-decoration: none; color: #C1CDCD; border-bottom: 0px;}
a.left:active  		 { text-decoration: none; color: #C1CDCD; border-bottom: 0px;}
a.left:visited 		 { text-decoration: none; color: #C1CDCD; border-bottom: 0px;}
a.left:hover   		 { text-decoration: none; color: #FF8C00; border-bottom: 0px;}

.nobold a {
text-decoration: none; color: #00008B; border-bottom: 0px; 
}
.nobold a:visited {
text-decoration: none; color: #00008B; border-bottom: 0px; 
}
.nobold a:hover {
text-decoration: none; color: #FF8C00; border-bottom: 1px dotted #FF8C00;}
}


/* This makes offsite links have a little arrow after them. The colour simply changes the colour. 
Never worked on IE though.. bit ugly too, especially after image links.

a[href^="http"]:after {
	color: #ADADAD;
	content: "\21D7";
	font-size: 10px;
	}

a[href^="http://bridgetothestars.net"]:after,
a[href^="http://www.bridgetothestars.net"]:after {
	content: "";
	}

a[href^="http://www.icra.org"]:after {
	content: "";
	}
*/

/* This controls the footer's links' colours! */
A:link.color1    { color: #888888; }
A:hover.color1   { color: #888888 }
A:active.color1  { color: #888888 }
A:visited.color1 { color: #888888 }
#expand
{
  margin: 0px 20px 0px 20px;
  display: none;
}

#comment { padding: 10px; border: 1px solid #E7F0F5; background: #FBFCFD; margin-left: 30px; margin-right: 30px; margin-bottom: 20px;}

#comment_official { padding: 10px; border: 10px solid #E7F0F5; background: #FBFCFD; margin-left: 30px; margin-right: 30px; margin-bottom: 20px;}

#standout { padding: 20px; background: #7b859c; color: #FFFFFF; font-size: 18px; text-align: center; }

#fansgreen { padding-left: 40px; background-image: url(/images/icon_bubble_green.png); background-position: 
 left;  background-repeat: no-repeat; width: 250px; font-family: Verdana; font-size: 11px; float: right; }

#fansred { padding-right: 40px; background-image: url(/images/icon_bubble_red.png); background-position: 
 right; background-repeat: no-repeat; width: 250px; ; font-family: Verdana; font-size: 11px; float: right; }

HR { clear: both; height: 0px; border: 0px; border-top: 1px solid #ccc; margin-top: 10px; padding: 0px; }
TABLE            { font: normal 13px "arial",verdana, sans-serif; }
P                { font: normal 13px "arial",verdana, sans-serif; text-align: justify;  }
FORM             { padding: 0px; margin: 0px; }
.content         { font: normal 13px "arial",verdana, sans-serif; }
.head     		 { font: bold 12pt Arial,verdana; color: #115991; text-decoration: none; }

td.coverart {   font-family: "Trebuchet MS";
   font-size: 18px;
   text-decoration: bold;
text-align: center;
}

.imagethumb a {
	display: block;
	padding: 1px;
	margin: 18px;
	background: #000000;
	height: 87px;
	width: 87px;
}

.imagethumb a:hover {
	background: #7b859c;
}

/* =====================
Fanart
===================== */

.imgnav {
	float: right;
	width: 140px;
	text-align: center;
	border: 2px solid #115991;
	background: #FFFFFF;
	margin-top: 13px;
	_margin-top: 8px; /* IE Only */
}

.imgnav .imgprevious a, .imgnav .imgnext a {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	padding: 4px 0;
	font-size: 120%;
	text-decoration: none;
	line-height: 120%;
	color: #237898;
}

.commentdate {
	margin-top: 12px;
	color: #00008B;
	font-size: 85%;
}

.image { 
	margin: 0;
	padding: 0;
	border: 0;
}
#image {
	text-align: center;
	line-height: 0;
}

/* ====================================================================================================================
To make sure the layout tables/images don't get messed up
===================================================================================================================== */

img { border-style: none; }

/* ====================================================================================================================
Navbar-related stuff
===================================================================================================================== */

.menuitem       { font: 10pt arial,verdana; margin-left: 10px; }
.menuhead       { font: normal 11pt arial,Trebuchet MS,verdana; color: #000000; }

.menuitem2       { font: 10pt Verdana; margin-left: 1px; color: #000000; }

#nav              { position: absolute; top: 180px; left: 50px; width: 170px; height: 690px; font: 13px; Arial; 
					color: white; overflow: visible; }
#nav *.heading    { margin-top: 5px; font-size: 16px; color: black; font-family: -1px Arial Special G1; 
					overflow: visible; }
#nav div.links    { font-size: 13px; margin-left: .75em; color: #115991; line-height: 1.2em; overflow: visible; }
#nav div.sublinks { font-size: 13px; margin-left: 1em; padding-left: .5em; color: #115991; line-height: 1.2em; 
					overflow: visible; border-left: solid #115991 thin; }
#art-copyright	  { position: relative; top: 5em; }


/* ====================================================================================================================
Headings
===================================================================================================================== */

h1, h2, h3, h4, h5, h6
   { color: #00008B; font: normal "Copperplate Gothic Light",verdana; text-decoration: none; margin-top: 1px; margin-bottom: 1px; }
h1 { font-size: 35px; }
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 16px; }
h6 { font: 11px Trebuchet MS,verdana; color: black; margin-bottom: 1px; margin-top: 1px; }

.h4m { color: #115991; font-size: 22px; text-decoration: none; }
.h5m { color: #115991; font-size: 16px; text-decoration: none; }

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black
   { color: #000000; font: normal "Copperplate Gothic Light",verdana; text-decoration: none; margin-top: 1px; margin-bottom: 1px; }
h1.black { font-size: 35px; }
h2.black { font-size: 30px; }
h3.black { font-size: 25px; }
h4.black { font-size: 22px; }
h5.black { font-size: 16px; }
h6.black { font: 11px Trebuchet MS,verdana; color: black; margin-bottom: 1px; margin-top: 1px; }

h1.margin , h2.margin , h3.margin , h4.margin , h5.margin , h6.margin 
   { color: #000000; font: normal "Copperplate Gothic Light",verdana; text-decoration: none; margin-top: 0px; margin-bottom: 0px; }
h1.margin { font-size: 35px; }
h2.margin { font-size: 30px; }
h3.margin { font-size: 25px; }
h4.margin { font-size: 22px; }
h5.margin { font-size: 16px; }
h6.margin { font: 11px Trebuchet MS,verdana; color: black; }

f1, f2, f3, f4, f5, f6
   { color: #000000; }
f1 { font-size: 35px; }
f2 { font-size: 30px; }
f3 { font-size: 25px; }
f4 { font-size: 22px; }
f5 { font-size: 16px; }
f6 { font: 11px Trebuchet MS,verdana; color: black; margin-bottom: 1px; margin-top: 1px; }



/* ====================================================================================================================
News
===================================================================================================================== */

#news    { line-height: 15pt; text-align: justify; }

/*.footer { visibility: hidden; }*/


/* ====================================================================================================================
Star Rater  
==================================================================================================================== */
              
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(star_rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}

.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
.widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
.widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}		
/* ====================================================================================================================
END © BridgeToTheStars.Net
===================================================================================================================== */