body { 
  background-color: #222233; 
	text-align:center; /* This is needed to fix bug in IE - set back to left in container */
  }
 
#container {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: black;
	background: #ffffff; 
	width: 1006px;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-left:3px;
	padding-right:0px;
	/*float:center;*/
	text-align:left;
	overflow:hidden;
	}

#header{
	/*width: 1000px;*/
	background: #ffffff;
	margin:0px;
	height:auto;
	padding:0px;
	border:0px;
	display:inline;
	/*overflow: hidden;*/
	
	padding-bottom:10px;
	
}

#rightbarcontainer {
    float: left;
    width: 1000px;
    background: url(ColumnBackgroundDarkShort.gif);
	background-position: 842px 0px; 
    overflow:hidden;
    position: relative;
}
#middlecontainer {
	float: left;
    width: 1000px;
    background: white;
    position: relative;
    right: 158px;
}
#leftbarcontainer{
    float:left;
    width:1000px;
    background: url(ColumnBackgroundDark.gif);
	background-position: 820px 0px;
    position:relative;
    right:662px;
}

#leftBar{
	float: left;
	width: 170px;
	position: relative;
	left: 825px;
	margin:0px;
	border:0px;
	padding:0px;
	padding-top:10px;
/*	padding:5px; */
	overflow:hidden;
}

#content{
	float: left;
	width: 650px;
	position: relative;
	left: 836px;
	/*padding:6px;*/
	margin:0px;
	border: 0px;
	padding: 0px;
	padding-top:10px;
	overflow: hidden;
}

#lotbcontent{
	/*float: center;*/
	width: 900px;
	position: relative;
	/*padding:6px;*/
	margin:50px;
	border: 0px;
	padding: 0px;
	padding-top:10px;
	overflow: hidden;
	background: url(LOTB/LordOfTheRings_Texture.jpg);
}

#errorcontent{
	/*float: center;*/
	width: 900px;
	position: relative;
	/*padding:6px;*/
	margin:50px;
	border: 0px;
	padding: 0px;
	padding-top:10px;
	overflow: hidden;
	background: url(http://sqcomic.com/errors/SadBackground.jpg);
}

#singlecolumncentering{
	float: left;
	width:810px;
	padding: 45px;
}

#rightBar{
	float: left;
	width: 148px;
	position: relative;
	left: 847px;
	padding: 0px;
	margin:0px;
	border: 0px;
	padding-top:10px;
	/*padding:5px;*/
	/*but div inside gives extra 5px of padding*/
	overflow:hidden;
}

#footer{
	clear:both;
	background: #ffffff;
}	

#finalfooter{
	clear:both;
	background: black;
	height:0px;
	padding:0px;
	margin:0px;
	border:0px;
	visibility:hidden;
}

/*///////////////////////////////
/////////// Special styles ////////////
///////////////////////////////////////////
*/


.nopadding{
	padding:0px;
	margin:0px;
	border:0px;
}

.fineprint{
	font-size: 10px;
	color:black;
	padding:0px;
	margin:0px;
	border:0px;
}

div.footnote {
   font-size: 8pt;
} 	


.newsdateheading{
	font-style: italic;
	font-weight:bold;
	font-size: 16px;
	padding-left:5px;
	padding-right: 5px;
}

.paddedtext{
	padding-left: 5px;
	padding-right: 5px;
}

.bigheading{
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom:10px;
}

.tinyheading{
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom:5px;
}

.preformatted{
	white-space:pre-wrap;
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	background: #eeeeee;
}

.clockclass{
	white-space:pre;
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	margin:10px;
	margin-top:2px;
	padding:5px;
	color:#ff0000;
	background:#eeeeee;
}

.adLeaderboard{
	position: relative;
	/*float: center;*/
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 729px;
	height: 90px;
}

.adSkyscraper{
	position: relative;
	float: left;
	padding: 3px;
	margin: 0px;
	margin-top:10px;
	border: 0px;
	width: 162px;
	height: 600px;
	text-align:center;
	
}

.nobutton{
	position:relative;
	left:0px;
	width:0px;
	height:0px;
	font-size:40px;
	border:0px;
	}


/*	/////////////////////////////////
//////////////////////////Main header and footer 
/////////////////////////////////////*/

.sqheader { 
	position: relative; 
	float: left;
	background: url(SQHeadFoot.gif) no-repeat; 
	padding: 0px;
	margin: 0px;
	border: 0px;
	color: #00ff00;
	/*white-space:pre;*/
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	font-weight: bold;	
	display:inline-block;
	overflow: hidden;
}


#mainnav { 
	height: 24px; 
	padding: 0px;
	float: left;
	margin: 0px;
	border: 0px;
	display:inline-block;
}

#mainnav li { 
	display: block; /*inline;*/
	float:left;
	display:inline-block;
	overflow: hidden;
}

#mainnav li a { 
	/*display: block; */
	position: relative; 
	float: left; 
	height: 24px; 
	background: url(SQHeadFoot.gif) no-repeat; 
	text-decoration: none; 
	padding: 0px;
	margin: 0px;
	border: 0px;
	display:inline-block;
	text-indent: -99999px;
}

#mainnav li.comics a{
	background-position: -384px -138px;
	width:89px;
	height:24px;
}
#mainnav li.comics a:hover{background-position: -384px 0px;}
#mainnav li.comicsSel a{
	background-position: -384px -24px;
	width:89px;
	height:24px;
}
#mainnav li.comicsSel a:hover{background-position: -384px -48px;}

#mainnav li.books a{
	background-position: -473px -138px;
	width:78px;
	height:24px;
}
#mainnav li.books a:hover{background-position: -473px 0px;}
#mainnav li.booksSel a{
	background-position: -473px -24px;
	width:78px;
	height:24px;
}
#mainnav li.booksSel a:hover{background-position: -473px -48px;}

#mainnav li.videos a{
	background-position: -551px -138px;
	width:91px;
	height:24px;
}
#mainnav li.videos a:hover{background-position: -551px 0px;}
#mainnav li.videosSel a{
	background-position: -551px -24px;
	width:91px;
	height:24px;
}
#mainnav li.videosSel a:hover{background-position: -551px -48px;}

#mainnav li.minions a{
	background-position: -642px -138px;
	width:103px;
	height:24px;
}
#mainnav li.minions a:hover{background-position: -642px 0px;}
#mainnav li.minionsSel a{
	background-position: -642px -24px;
	width:103px;
	height:24px;
}
#mainnav li.minionsSel a:hover{background-position: -642px -48px;}

#mainnav li.series a{
	background-position: -745px -138px;
	width:86px;
	height:24px;
}
#mainnav li.series a:hover{background-position: -745px 0px;}
#mainnav li.seriesSel a{
	background-position: -745px -24px;
	width:86px;
	height:24px;
}
#mainnav li.seriesSel a:hover{background-position: -745px -48px;}

#mainnav li.misc a{
	background-position: -831px -138px;
	width:144px;
	height:24px;
}
#mainnav li.misc a:hover{background-position: -831px 0px;}
#mainnav li.miscSel a{
	background-position: -831px -24px;
	width:144px;
	height:24px;
}
#mainnav li.miscSel a:hover{background-position: -831px -48px;}


/*
////////////////////////////////////////
//////////// SideBar buttons ////////////////
/////////////////////////////////////////////////////////
*/

#sidebarbutton { 
	/*height: 132px; 
	width: 164;*/ 
/*	padding-left: 14px;
	padding-right: 14px;*/
	float: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align:center;
	overflow: hidden;
}

#sidebarbutton li { 
	display: block; /*inline;*/
	float:left;
	text-align:left;
}

#sidebarbutton li a { 
	/*display: block; */
	position: relative; 
	float: left; 
	height: 44px; 
	background: url(SQSidebarButtons.gif) no-repeat; 
	text-decoration: none; 
	padding: 0px;
	margin: 1px;
	margin-left: 13px;
	border: 0px;
	text-align:center;
}

#sidebarbutton li.share a{
	background-position: 0px 0px;
	width:144px;
	height:44px;
	text-align:left;
}
#sidebarbutton li.share a:hover{background-position: -144px 0px;}

#sidebarbutton li.rss a{
	background-position: 0px -44px;
	width:144px;
	height:44px;
	text-align:left;
}
#sidebarbutton li.rss a:hover{background-position: -144px -44px;}

#sidebarbutton li.facebook a{
	background-position: 0px -88px;
	width:144px;
	height:44px;
	text-align:left;
}
#sidebarbutton li.facebook a:hover{background-position: -144px -88px;}

.addthis_toolbox .custom_images a {
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
}
.addthis_toolbox .custom_images a img {
    opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}       	

/*
////////////////////////////////////////
//////////// Date Navigation Bar ////////////////
/////////////////////////////////////////////////////////
*/


#datenav { 
	height: 25px; 
	width: 600px; 
/*	padding-left: 14px;
	padding-right: 14px;*/
	/*float: top;*/
	padding:0px;
	/*padding: auto;*/
	margin: 0px auto;
	border: 0px;
	text-align:center;
}

#datenav li { 
	display: block; /*inline;*/
	float:left;
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	text-align:left;
}

#datenav li a { 
	/*display: block; */
	position: relative; 
	float: left; 
	height: 25px; 
	background: url(DateNavBar.gif) no-repeat; 
	text-decoration: none; 
	color: white;
	text-shadow: black 1.5px 1.5px 1px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}


#datenav li a:hover{
	text-shadow: black 3px 3px 3px;
}

#datenav li.first a{
	background-position: 0px 0px;
	width:132px;
	height:25px;
	text-align:left;
	text-indent: 78px;
}
#datenav li.first a:hover{background-position: 0px -25px;}


#datenav li.prev a{
	background-position: -132px 0px;
	width:72px;
	height:25px;
	text-align:left;
	text-indent: 25px;
}
#datenav li.prev a:hover{background-position: -132px -25px;}


#datenav li.date a{
	background-position: -204px 0px;
	width:200px;
	height:25px;
	text-align:center;
	text-indent: 0px;
	font-style: italic;
	font-size:17px;
}
#datenav li.date a:hover{background-position: -204px -25px;}
	 
#datenav li.next a{
	background-position: -404px 0px;
	width:70px;
	height:25px;
	text-align:left;
	text-indent: 10px;
}
#datenav li.next a:hover{background-position: -404px -25px;}

#datenav li.last a{
	background-position: -474px 0px;
	width:126px;
	height:25px;
	text-align:left;
	text-indent: 10px;
}
#datenav li.last a:hover{background-position: -474px -25px;}


/*
////////////////////////////////////////
//////////// Ring Navigation Bar ////////////////
/////////////////////////////////////////////////////////
*/


.ringnav { 
	height: 25px; 
	width: 566px; 
/*	padding-left: 14px;
	padding-right: 14px;*/
	/*float: top;*/
	padding:0px;
	/*padding: auto;*/
	margin: 0px auto;
	border: 0px;
	text-align:center;
}

.ringnav li { 
	display: block; /*inline;*/
	float:left;
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	text-align:left;
}

.ringnav li a { 
	/*display: block; */
	position: relative; 
	float: left; 
	height: 25px; 
	background: url(RingNavBar.gif) no-repeat; 
	text-decoration: none; 
	color: white;
	text-shadow: black 1.5px 1.5px 1px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}


.ringnav li a:hover{
	text-shadow: black 3px 3px 3px;
}


.ringnav li.prev a{
	background-position: 0px 0px;
	width:69px;
	height:25px;
	text-align:left;
	text-indent: 25px;
}
.ringnav li.prev a:hover{background-position: 0px -25px;}


.ringnav li.keyword a{
	background-position: -69px 0px;
	width:427px;
	height:25px;
	text-align:center;
	text-indent: 0px;
	font-style: italic;
	font-size:17px;
}
.ringnav li.keyword a:hover{background-position: -69px -25px;}
	 
.ringnav li.next a{
	background-position: -496px 0px;
	width:70px;
	height:25px;
	text-align:left;
	text-indent: 10px;
}
.ringnav li.next a:hover{background-position: -496px -25px;}