/* ------------ Basic Style ---------------- */
body, html {background-color: rgb(0, 0, 102); margin: 0; padding: 0; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;}

#tags {margin: 10px 0 30px 0;}
#tags img{display: inline;}
a {color: rgb(202, 52, 38);}

a:hover {color: white; background-color: rgb(202, 52, 38); text-decoration: none;}

hr, .hidden {display: none;}

h2, h3, h4 {color: rgb(202, 52, 38); padding: 0; margin: 5px 0;}

h2 {font-size: 18px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

#sidebar h3 {padding: 0; margin: 0 0 5px 0;}
#sidebar h4 {padding: 0; margin: 10px 0 5px 0;}
#sidebar ul {margin-bottom: 15px;}
#sidebar p {margin: 4px 0 20px 0; padding: 0;}
#sidebar img {margin: 5px 0; padding: 4px; border: 1px solid #eee;}

p {line-height: 18px;}
img {display: block; border: 0; padding: 0; margin: 0;}
h1 {display: none;}


.leftsplit {width: 49%; text-align:left; float: left; margin:15px 0; font-size: 16px;}
.rightsplit {width: 49%; text-align: right; float: right; margin: 15px 0; font-size: 16px;}

/* ------------- Layout ------------------- */		
#container {
    width: 760px;
	\width: 780px;
	w\idth: 760px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: white;
position: relative;
	}

#content_shell{
	position: relative;
	margin: 0;
	padding: 0;
	width: 760px;
	}

#banner {
	padding: 5px;
	margin: 0 0 10px 0;
	background-color: rgb(255, 210, 90);
    color: rgb(0, 0, 102);
	background: url(/goldenboy/images/19.jpg) bottom no-repeat;
height: 110px;
position: relative;
	}

#content {
	padding: 0 20px 0 0;
	margin-left: 260px;
height: 100%
	background-color: white;
    font-size: 12px;
	}
#content img {border: 1px solid rgb(0, 0, 102);}

#content_read {
	padding: 0 20px 0 0;
	margin-left: 260px;
height: 100%
	background-color: white;
    font-size: 12px;
	}
#content_read img {border: 0;}

#content_comic {
	padding: 0 20px 0 0;
	margin: 20px;
	background-color: white;
    font-size: 12px;
	text-align: left;
	width: 500px;
	}
#content_comic img {margin: 0; padding: 5px; border: 1px solid #eee;}
#content p {margin: 5px 0 16px 0; line-height: 20px; font-size: 12px;}
#content blockquote {line-height: 18px; font-size: 12px;}
#content ol, ul {margin-bottom: 10px; line-height: 18px; font-size: 12px;}
#sidebar {
	float: left;
	width: 220px;
	\width: 230px;
	w\idth: 220px;
	margin: 0;
	margin-right: 5px;
	padding: 0 10px;
	background-color: white;
    font-size: 11px;
	}

#hard_sell {
background: url(/goldenboy/images/33.gif) top repeat;
height: 365px;
width: 100%;
padding: 0;
margin: 0;
}

#seller {
float: right;
margin: 5px 10px 0 10px;
padding:10px;
width: 325px;
background: #FFCC66;
border: 1px solid red;
font-size: 12px;
/* background: #9999CC; */
/*background: url(/goldenboy/images/30.gif) repeat; */
}

#footer {
	clear: both;
	padding: 10px;
	margin-top: 15px;
	background-color: rgb(255, 210, 90);
    font-size: 11px; 
    color: rgb(0, 0, 102);
	background: url(/goldenboy/images/19.jpg) top no-repeat;
	}

/* ----------- Titles & Headlines -------------- */	

div.swap {
  height:14px;
  background-repeat:no-repeat;
  padding: 0; margin: 0;
  }

div.swap span {display:none; padding: 0; margin: 0;}
div#t-search{background-image:url("/goldenboy/images/20.gif");}

#headlines{
margin: 0;
padding:0;
white-space: nowrap;
list-style-type: none; 
color: rgb(40, 37, 109);}
#headlines li {padding: 2px 0 0 25px;}

.title {background: url(/goldenboy/images/18.gif) no-repeat left top; padding:2px 0 0 25px; color: rgb(40, 37, 109); margin:10px 0;}

p.news_date {padding: 0; margin: 0; color: rgb(40, 37, 109);}

.post {margin: 0 0 5px 0; padding: 0 0 4px 5px; border-bottom: 1px solid #ccc;}

.left {
float: left;
text-align: left;
width: 49%;
margin: 5px 0;
} 



.right {
float: right;
text-align: right;
width: 49%;
margin: 5px 0;
}

div.spacer {clear: both;}


#imagenav {font-size: 9px;}

/*----------- Banner ---------------- */
#logo {position: absolute; top: 0; width: 300px; z-index: 1;}

#navigation {
float:right; 
text-align: right;
margin: 0px 5px;
width: 300px;
z-index: 2;
}



#tabs {
	margin: 5px 0;
	padding: 0;
	height: 40px;
	list-style: none;
	display: inline;
	overflow: hidden;
        width: 425px;
position: absolute;
bottom: 14px;
left: 320px;
	}

ul#navigation li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#tabs li {
	margin: 0; 
	padding: 0;
   list-style-type: none;
	display: inline;
	}
	
#tabs a {
	float: left;
	padding: 40px 0 0 0;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win only */
	}
	
#tabs a:hover {
	background-position: 0 -40px;
	}

#tabs a:active, #tabs a.selected {
	background-position: 0 -80px;
	}
	
#thome a  {
	width: 64px;
	background: url(/goldenboy/images/goldenboy_site_nav2_01.gif) top left no-repeat;
	}

#tabout a  {
	width: 56px;
	background: url(/goldenboy/images/goldenboy_site_nav2_02.gif) top left no-repeat;
	}
	
#tread a  {
	width: 143px;
	background: url(/goldenboy/images/goldenboy_site_nav2_03.gif) no-repeat top left ;
	}
	
#tblog a  {
	width: 60px;
	background: url(/goldenboy/images/goldenboy_site_nav2_04.gif) top left no-repeat;
	}

	
#tdownload a  {
	width: 102px;
	background: url(/goldenboy/images/goldenboy_site_nav2_05.gif) top left no-repeat;
	} 