/* 

Theme Name: Fanboy and Goth Girl Custom Theme

Version: 1.0

Author: bj novack, Kickass Web Design for Barry Lyga, ALL rights reserved

Author URI: http://www.kickasswebdesign.com/ 

*/

* {margin: 0; padding: 0;}
body {
	background: #c92625 url(images/keyhole70x135.gif) no-repeat 1.0em 1.0em;
	color: #000000;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
}
body a:link {
	color: #000000;
}
body a:visited {
	color: #000000;
}
body a:hover {
	color: #ffffff;
}
body a:active {
	color: #bbbbbb;
}
img a {
	border: none;
}
a img {
	border: none;
}
	#header {
	text-align: right;
		}

	#main1 {
		margin:0; padding:0;
		/*background:yellow url("red.gif") top left repeat-y;*/
		}
	#main2 {
		margin:0; padding:0;
		/*background:url("blue.gif") top right repeat-y;*/
		}
	#left {
		float:left;
		width:190px;
		margin:0; padding:0 0 0 5px;
		font-size:80%;
		text-align: left;
		}
	#right {
		float:right;
		display: inline;
		width:190px;
		margin:0; padding:0;
		font-size:80%;
		text-align: left;
		}
	#middle {
		margin:0 200px;
		font-size:80%;
		text-align: left;
		}
	.column-in {
		margin:0; padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
	h1 a{ color: #000000; }
		
	h1,h2,h3,h4 { margin: 0.2em 0 }
	p { margin: 0.5em 0 }
	a { color:black }
	
	.copy { text-align:center; font-size:80% }
.boxtop {
	margin: 0;
	width: 180px;
	padding-top: 6px;
	background: url(images/sideshoutboxtop.gif) no-repeat top center;
}
.boxbottom {
	padding-bottom: 48px;
	overflow: hidden;
	border-right: 1px solid #c92625;
	background: url(images/sideshoutboxbottomleft.gif) no-repeat bottom center;
}
.boxmiddle {
	border-left: 4px solid #000000;
	border-right: 4px solid #000000;
	background: #ffffff;
	padding: 0;
}
.boxmiddle h2 {
	text-align: center;
}
.boxmiddle p {
	padding: 0 7px 15px 7px;
	margin: 0;
}
.archivewrapper {
	width: 180px;
	background: url(images/sideshoutboxtop.gif) no-repeat top center;
	margin: 0;
	padding: 7px 0 0 0;
	overflow: hidden;
}
.archivewrapper p {
	margin: 0;
	clear: both;
	min-height: 52px;
}
.archivewrapper h3 {
	font-size: 100%;
	padding: 20px 0 15px 0;
	text-align: center;
}
.archivewrapper h2 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.archivewrapper li h2 {
	background: url(images/rightlibg.gif) repeat-y center top;
	padding: 0 0 10px 0;
	font-size: 130%;
}
.archivewrapper ul {
	margin: 0;
	width: 180px;
	background: #ffffff;
}
.archivewrapper li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.archivewrapper li {
	padding: 0;
	/*font-size: 95%;*/
	background: url(images/rightlibg.gif) repeat-y center top;
	line-height: 1.0;
}
.archivewrapper p {
	padding: 10px;
}
.archivewrapper ul a {
	display: block;
	padding: 3px 15px;
	text-decoration: none;
	/*font-size: 90%;*/
}
.archivewrapper ul a:link {
	color: #666666;
}
.archivewrapper ul a:visited {
	color: #000000;
}
.archivewrapper ul a:hover {
	color: #ffffff;
	background: #000000;
}
.archivewrapper ul a:active {
	color: #ffffcc;
}
.archivewrapper ul li ul {
	background: transparent;
	padding: 0 0 10px 0;
}
.boxmiddle ul {
	margin: 0;
	padding-bottom: 15px;
}
.boxmiddle ul {
	width: 100%;
}
.boxmiddle li{
	list-style-type: none;
	padding: 5px 0 0 0;
}
.boxmiddle ul a {
	display: block;
	padding: 3px 8px;
	text-decoration: none;	
}
.boxmiddle ul a:link {
	color: #8e8eb5;
}
.boxmiddle ul a:visited {
	color: #666666;
}
.boxmiddle ul a:hover {
	color: #ffffff;
	background-color: #c92625;
}
.boxmiddle ul a:active {
	color: #ffff00;
}
/*blogstuff from here down*/
h1.bloginfo a{
	margin-left: 12px;
}
.description {
	margin: 8px 0 20px 18px;
}
.navigation {
	font-size: 70%;
	width: 90%;
	margin: 0 auto 10px auto;
	padding: 5px 0;
	background: #ffffff;
	color: #000000;
	border: 2px solid #000000;
	overflow: hidden;
}
.navigation a:hover {
	color: #c92625;
}
/*last entry and next entry link classes */
.alignleft {
	float:left;
	width: 45%;
	margin: 0 15px 0 0;
	display: block;
}
.alignright {
	float:right;
	text-align: right;
	width: 45%;
	margin: 0 0 0 15px;
	display: block;
}

.postmetadata {
	padding-bottom: 10px;
	font-size: 85%;
}
.post {
	padding: 20px 15px 18px 15px;
	width: 86%;
	margin: 0 auto;
	background: #ffffff url(images/lips40x23onwht.gif) no-repeat top right;
	border: 4px solid #000000;
	margin-bottom: 15px;
}
.post h2 a:link, .post h2 a:visited {
	text-decoration: none;
}
.post a {
	font-weight: bold;
}
.post a:link {
	color: #777777;
}
.post a:visited {
	color: #000000;
}
.post a:hover {
	color: #c92625;
}
.post a:active {
	color: #bbbbbb;
}

.entry {
	padding: 6px 0;
}	
.bloginfo {
	margin: 0; padding: 0;
}
#searchform {
	margin: 20px 0 10px 5px;
}
.searchbox {
	width: 120px;
	background: #ffffff;
}
#searchsubmit {
	background: #dddddd;
	color: #242424;
	margin: 2px 0 0 1px;
}
/*this is the class for the display box containing the random quote*/
.pullquote {
	width: 200px;
	float: right;
	margin: 2px 5px 2px 7px;
	border: 2px solid #c92625;
	padding: 5px;
}
.pullquoteleft {
	width: 200px;
	float: left;
	margin: 2px 5px 2px 7px;
	border: 2px solid #c92625;
	padding: 5px;
}
.pullquoteblank {
	width: 200px;
	float: right;
	margin: 2px 5px 2px 7px;
	border-style: none;
	padding: 5px;
}
.pullquoteleftblank {
	width: 200px;
	float: left;
	margin: 2px 5px 2px 7px;
	border-style: none;
	padding: 5px;
}
.pullquote h2, .pullquoteleft h2, .sidebox h2 {
	text-align: center;
	color: #c92625;
}
.textbox {
	width: 250px;
}
ol.commentlist {
	padding: 30px;
	background: #ffffff;
	width: 80%;
	margin: 0 auto;
}
.commentlist li{
	margin-top: 5px;
	border-bottom: 1px solid #c92625;
}
.commentlist a {
	font-weight: bold;
}
.commentlist a:link {
	color: #777777;
}
.commentlist a:visited {
	color: #000000;
}
.commentlist a:hover {
	color: #c92625;
}
.commentlist a:active {
	color: #bbbbbb;
}
#footer {
	font-size: 70%;
	text-align: center;
	clear: both;
	background: url(images/lips40x29onred.gif) no-repeat top left;
	padding-top: 40px;
}
.centering {
	text-align: center;
	margin: 0 auto;
}
li.linkcat h2 {
	padding-top: 8px;
}
blockquote {
	padding: 15px;
	background: #eeeeee;
}
.indent {
	padding-left: 20px;
}
.imageleft {
	float: left;
	margin: 8px;
}
.imageright {
	float: right;
	margin: 8px;
}
.clearA {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
.fixthebrokenbrowser {
	margin: 0;
	padding: 0;
	height: 0;
	border-left: 4px solid #000000;
	border-right: 4px solid #000000;
	background: #ffffff;
	display: none;
}

#wpg2content {
   width:740px;
   float:left;
   padding:5px;
   margin:0;
   overflow:hidden;
   display:inline;
}

/*feed IEMac the dimensions it needs to work */
 /*\*//*/
.archivewrapper p {
	height: 52px;
}  
/**/
/* The Opera filter - fixes spacing anomaly in Opera only */

@media screen and (min-width: 0px) {

.boxbottom {
	padding-bottom: 44px;
}

}

/* WPG2 alignment classes */

.g2image_normal {
   margin: 4px;
}

.g2image_float_left {
   float: left;
   clear: left;
   margin: 4px;
}

.g2image_float_right {
   float: right;
   clear: right;
   margin: 4px;
}

.g2image_centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.post ul { padding-left: 25px; }