@font-face {
    font-family: "Impact";
    font-style: normal;
    font-weight: normal;
    src: local("Impact"), url("/templates/precocious_main/fonts/impact.ttf") format("ttf");
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('http://themes.googleusercontent.com/static/fonts/oswald/v5/-g5pDUSRgvxvOl5u-a_WHw.woff') format('woff');
}

/*
	Archive Pages
*/

ul.archive { 
	list-style-type:none;
	padding-left:5px;
}
li.archive_item { 
}

h4.archive_title {
	margin:0px;
	margin-left:-5px;
	margin-top:30px;
	font-size:14pt;
	font-face:Oswald;
	font: 14pt Oswald;
	font-variant:small-caps;
	font-weight:normal;
	letter-spacing:1px;
}

#idc-cover {
	font-family: Arial;
}

h4.black {
	color: #000;
}

.archive_item_id {
	display:block;
	width: 50px;
	margin-left:5px;
}

.archive_item_showtime {
	display:none;
}




/*
	Alerts
*/

.alert_block {
	margin-left:10px;
	padding:5px;
}

.alert_block h2 {
	margin:0px;
}

.share {
	margin-left: 4px;
}

h3.title {
	margin:0px;
	font-size:18pt;
	font-face:Oswald;
	font: 18pt Oswald;
	text-transform:uppercase;
}

h4.title {
	margin:0px;
	font-size:14pt;
	font-face:Oswald;
	font: 14pt Oswald;
	text-transform:uppercase;
	font-weight:normal;
letter-spacing:1px;
}

h5.title {
	margin:0px;
	font-size:14pt;
	font-face:Oswald;
	font: 12pt Oswald;
	text-transform:uppercase;
	font-weight:normal;
letter-spacing:1px;
}

body {	
/*	
	background: #314131;
	background-color: #314131;
*/
	background: #114;
	background-color: #114;
font-family: "Arial";
	font-size:10pt;
	margin:0px;	
}

#bgimage {
	position:absolute;
	z-index:1;
	background-image:url("../images/bg.php");
	background-repeat:no-repeat;
	height:200px;
	width:600px;
}

h3 {
	margin:0px;
}

.rss_feed_text {
	margin-top: 20px;
}

.rss_feed_text img {
	border: 1px #000 solid;
}

#header_block {
	margin-top:30px;
}

#comic_title {
	font-weight:bold;
}

#precocious_title {
	position:relative;
	margin-top: 12px;
	margin-left:0px;
	margin-top:0px	;
	margin-bottom:-2px;
	z-index:100;
}

#precocious_tagline {
	margin-top:60px;
	margin-right:19px;
	margin-bottom:5px;
	z-index:100;
}

#precocious_tagline img {
	opacity:0.5;
	filter:alpha(opacity=50);
}

#navigation_menu {
	margin:auto;
	height:30px;
}

#navigation_menu ul li a {
	z-index: 10000;
}

.panel {
	background-color:#fff;
	color: #000;
}

.greypanel {
	background-color:rgba(255,255,255,0.5);
	color: #fff;
}

.greypanel a {
	color: #03f;
	font-weight:bold;
	text-decoration:none;
}

.panel a {
	color: #03f;
	text-decoration:none;
}

#newsadvert {
	margin-top:24px;
	margin-bottom:10px;
}

#newsadvert table {
	margin:auto;
}

.smallText {
	color: #006600;
	font-size: 8pt;
	font-variant: small-caps;
}

#newsposts {
	margin-top:20px;
	padding:5px;
	margin-left:20px;
	margin-right:-4px;
	font-family: Arial;
}

#archive_advert {
    margin-top:20px;
    padding:5px;           
	margin-right:-5px;
	text-align:center;
}

#archive_paypallink {
    margin-top:20px;
    padding:5px;
    margin-right:-5px;
    text-align:center;
}


#archive_advert table {
	margin:auto;
}

#comments {
	margin-top:20px;
	padding:5px;
	margin-left:-5px;
}

#twitter {
	margin-top:20px;
	padding:5px;
	margin-left:-5px;
}

#sidebarLinks {
	margin-top:20px;
	padding:5px;
	margin-left:-5px;
}

#copperroadlink {
	margin-top:20px;
	padding:5px;
	margin-left:-5px;
}

#paypallink {
	margin-top:20px;
	padding:5px;
	margin-left:-5px;
}

#twitterBlock {
	max-height:350px;
}

.tweetBlock {
	margin-top:16px;
}

#spiderforest {
	position:absolute;
	top:0px;
	width:100%;
	margin:auto;
}

.sfdrop {
	background-color:rgba(125,134,139,0.8);
}

div.sfheader {
	position:relative;
	z-index: 10000;
	background-color:rgba(255,255,255,0.5);
	margin:auto;
	width:950px;
}

div.sfheader a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

div.sfheader a:hover {
	color: #F9EACC;
	font-weight:bold;
	text-decoration: none;
}



#projectwonderful {
	width: 160px;
    text-align: center;
	color: #E4C96C;
}

#sidebarTitle {
	position:relative;
	left:-20px;
	top:-20px;	
	margin-bottom:0px;
}

#sidebarTagline {
	margin-right:100px;
	margin-bottom:10px;
}

.centered {
    margin: auto;
    text-align: center;
}

div.wrap {	
	position:relative; 
	padding:5px;
	text-align: left;
	margin:auto;
	z-index:100;
	width:980px;
}

div.advertisement {
	width: 898px;
	height:102px;	
	text-align:center;
	margin:auto;
	margin-left: 13px;
	padding:5px;
}


div.comicMenuLeft { float:left; margin-bottom:10px;	}

div.comicMenuLeft a { float:left; }

div.comicMenuRight { float:right;  margin-top:10px;}
div.comicMenuRight a { float:right; }

div.comicImage { width:680px; }

div.comicNews {
	float:left;
	margin-top:15px;
	width: 660px;
	text-align:left;
	padding:10px;
}

div.comicNews a {
	color: #232627;
	font-weight:bold;
	text-decoration:none;
}

div.comicNews a:hover {
	color: #000099;
	font-weight:bold;
	text-decoration:none;
}


.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearBoth { clear:both; }

.centered { margin:auto; text-align:center;}

div.staticPage {
	float:left;
	margin-left:10px;
	padding: 30px;
	padding-top:10px;
	padding-bottom:20px;
	width:680px;
	margin-top:5px;
}

#static_title {
	font-size:16pt;
	font-weight:bold;
}

#static_text {
	margin-top: 30px;
}

#static_postdate {
	font-style:italic;
}


div.comicContent {
	padding: 5px;
	padding-bottom:20px;
	margin:auto;
}

div.staticContent {
	padding: 8px;
	padding-bottom:20px;
	margin:auto;
}

div.menuBar {
	margin-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
}

div.sidebarItem {
	width: 160px;
	font-size: 10pt;
	margin:auto;
	margin-bottom:20px;
	
}

div.sidebarItemSchedule {
	background: url("/media/ThisWeekBG.png");
	width: 160px;
	font-size: 10pt;
	margin-bottom:20px;
	float:right;
}
	
#sidebarContent {
	margin-left:5px;
	padding:5px;
}

.blue_trans {
	background-color:rgba(125,134,139,0.5);
}

.blue_comic {
	background-color:rgba(243,250,254,0.5);
}

#content {
	margin:auto;
	margin-top:20px;
	width:800px;
}

div.newsBlock {
	margin-top:10px;
}

div.newsWrap {
	text-align:left;
}

div.externalContent {
	width: 340px;
	float:right;
	margin-top:20px;
	margin-right:10px;
}

div.vers1Content {
	text-align:left;
	padding: 10px;
}

div.formspringContent {
	margin-top:20px;
	text-align:left;
	padding: 10px;
}

p.formspringQuestion a {
	text-decoration: none;
	color: #fff2cc;
}

div.bloggerContent {
	margin-top:20px;
	text-align:left;
	padding: 10px;
}

div.bloggerContent .bloggerItem  a.bloggerTitle {
	text-decoration: none;
	color: #fff2cc;
}

div.bloggerItem {
	margin-top: 25px;
}

/*
Above this is good 
*/

div.content {  
	position:relative;
	z-index:100; 
	margin: 5px; 
	margin-top:0px;
}

div.menuWrap {
	width:730px;
	padding:5px;
	margin-left:10px;
	margin-bottom:10px;
}
div.menuWrap div.centered{
	color: #fff;
	width:650px;
}

div.menu { 
	z-index:400;
}

a.nav img {
	margin:0px;
}

a.menuItem {
	color: #fff;
	text-decoration:none;
	font-family: "Verdana";
	font-size:9pt;
	margin-left:7px;
	margin-right:7px;
}

div.menuItem a.small {
	font-size:9pt;
	color: #fff2cc;
}


	
ul.menu { 
	margin: 0px;
	margin-top:-2px; 
	list-style: none; 
	float:right;
}

ul.menu li { 
	display: inline; 
	font-variant:small-caps;
	font-weight:bold;
}

ul.menu li a {
	color: #fff;
	font: 11pt Oswald;
	font-face: Oswald;
	font-size: 11pt;
	text-transform:uppercase;
}

ul.menu li.dot {
	font-size:18pt;
}

td.comicarchive  {
	width:140px; 
	text-align:center;
	background-color:#fff; 
	padding:5px; 
	font-size:9pt;
}

td.comicarchive2  {
	width:140px; 
	text-align:center;
	padding:5px; 
	font-size:9pt;
}

div.footerWrap {
	margin-top:15px;
	margin-bottom:15px;
	color: #FFF;
	font-size: 8pt;
}

#copyright_footer h4 {
	color: #FFF;
	margin-left:10px;
}

#clickthulu_footer {
	margin-right:10px;
}

div.footerOffset {
	margin-top:15px;
	margin-bottom:15px;
	color: #FFF;
	font-size: 8pt;
	display:none;
}


div.footerWrap .clickthulu {
	float:left;
}

div.footerWrap .copyright {
	float:right;
	text-align:right;
}

div.footerWrap a {
	color: #FFF;
	font-weight:bold;
	font-size: 8pt;
	text-decoration:none;
}

a h3, a h4, h3 a, h4 a, a h5, h5 a {
	color: #fff;	
}


.floatLeft { float:left; }
.floatRight { float:right; }



div.pageWrap {
	width:710px;
	background-color: #fff;
	float:left;
	text-align:left;
	padding: 5px;
	margin-left:10px;
	border: 1px #E4C96C solid;
}

div.pageWrap a {
	color: #333355;
	font-weight:bold;
	text-decoration:none;
}

div.gridArchive {
	border: 2px #000 solid;
	width: 710px;
	margin-left:10px;
	padding:5px;
	background-color:#fff;
	float:left;
	text-align:center;
}

div.gridArchive table {
	margin:auto;
}


td.gridArchive {
	text-align:center;
	color: #E4C96C;
	font-weight:bold;
}

table.archive_menu td a {
	text-align:center;
	color: #E4C96C;
	font-weight:bold;
	text-decoration: none;
}

td.contentWrap {
	position:relative;
	background-color:#899291;
	margin:3px;
}

div.comicWrap {
	position:relative;
	left:20px;
	width:706px;
}


p { }


img {
	border:0; 
}

img.archive {
	float:left; 
	padding: 15 0 15 0;
}

#clickthulu_container {
	background-color: #fff;
	width: 950px;
	margin: auto;
	padding:5px;
}