/* Base page structure */
body {
margin:0;
padding:0 0 20px;
font-family:"Trebuchet MS",Helvetica,sans-serif;
text-align:center;
}
#bodywrap {
position:relative;
margin:0 auto;
padding:0 20px;

text-align:left;
}

.button {
border: 1px solid #000000;
background: #000000;
color: #ffffff;
}

.blackbar {
width: 382px;
height: 77px;
background: black;
}


.dropdown{
border: 1px solid #000000;
}

.hidden {
	display: none; 
}

.unhidden { 
	display: block; 
}


/* Some defaults you can play around with */
a {
color:#02d;
}
a:visited {
color:#569;
}
a:hover, a:active {
color:#00b;
}
h1 a, h2 a, h3 a, h4 a {text-decoration:none;}
h1 a {color:#444 !important;}
h2 a {color:#000 !important;}

a img {border:none 0px;}
p {
font-family: "Trebuchet MS", serif;
}




/* Header */
h1 {
margin:10px 0 5px;
padding:20px 0 0;
text-align:center;
}

#topnav {
margin:0 0 1em;
text-align:center;
}
#topnav a {
padding:0 10px;
text-decoration:none;
font-size:16px;
font-weight:bold;
letter-spacing:0.2em;
font-variant:small-caps;
border-top:dashed 1px;
border-bottom:dashed 1px;
}
#topnav a:hover {
color:#00d;
}


.THISISAPLACEHOLDER{
}



.navbar {
display:block;
padding:0px;
margin:14px auto 0 auto;
text-align:center;
width:100%;
color:#ffffff;
background-color:#000000;
letter-spacing:0.2em;
}
.navbar a {
text-decoration:none;
color:#fff;
font-weight:bold;
}
.navbar a:visited {
color:#ddd;
}
.navbar a:hover {
color:#fff;
}
#comicset {
display:block;
clear:both;
margin:15px 0px 20px 0px;

text-align:center;
background-color:#fff;
border-right:solid 5px #444;
border-left:solid 5px #444;
}
#comicset h2 {border:none 0px;}
#comicimg {
margin:10px 0;
}
#comicblurb {
margin:20px;
padding:0 10px 10px;
border:dashed 2px #bbb;
background-color:#ffffff;
}



/* News! */
.newspost {
margin:20px;
padding:0 10px 10px;
border:dashed 2px #bbb;
background-color:#ffffff;

}
.newspost p {

font-size:14px;
}
.newsdetail {
float:right;
text-align:right;
margin:0 0 10px 10px;
padding:0 10px;
font-size:12px;
color:#000000;
border-left:solid 3px #aaa;
background-color:#fff;
}
.newsavatar {float:right;}
.newslinks {
 border-top:dashed 1px #888;
}
.newslinks a {text-decoration:none;}



/* comments! */
.commentpost {
margin:20px;
border:dashed 2px #bbb;
padding:0 10px 10px;
background-color:#ffffff;

}
.commentpost p {
font-size:14px;
}
.newsdetail {
float:right;
text-align:right;
margin:0 0 10px 10px;
padding:0 10px;
font-size:12px;
color:#000000;
border-top:dashed 3px #888;
background-color:#fff;
}
.commentavatar {float:right;}
.commentlinks {
border-top:dashed 3px #888;
}
.commentlinks a {text-decoration:none;}








/* General content */
h2 {
margin:20px 0 5px;
padding:0 20px;
border-bottom:solid 1px #444;
}
h3 {
color:#666;
padding:0 5px;
font-size:1.2em;
line-height:1.4em;
font-variant:small-caps;
letter-spacing:0.3em;
background-color:#f0f0f0;
}
#maincontent {
padding:0 10px 10px;
background-color:#fff;
}




/* Extra content */
#sidenav {
float:right;
margin:20px;
padding:0 10px 10px;
width:180px;
height: 100%;
font-size:13px;
border:dashed 2px #bbb;
background-color:#ffffff;
}
#mainlower {
padding:10px 220px 0 0;
}
#sidenav h3 {
border:solid 1px #444;
background-color:transparent;
}

body{

margin:0;
padding:0;
}

#rock{
margin:0px auto 0 auto;
height:50px; 
width:100%;
background: url(http://www.sbcomic.com/blah.gif);
background-repeat:repeat-x;

}

#sbg{
margin:-260px auto 0 auto;
height:246px; 
width:1200px;
background: url(http://www.sbcomic.com/sbg.png);


}

#archiveUnderlay{
float: right;
padding-right:5px;
z-index:10000;

}

#loopDrop{
margin:-500px auto 0 auto;
height:500px; 
width:100%;
background: url(http://www.sbcomic.com/loopDrop.png);
background-repeat:repeat-x;
}

#fence{
margin:-148px auto 0 auto;
height:150px; 
width:100%;
background: url(http://www.sbcomic.com/fence.png);
background-repeat:repeat-x;
}

#building{
margin:-502px auto 0 auto;
height:500px; 
width:1200px;
background: url(http://www.sbcomic.com/building.png);

}
#auto{
margin:0px  auto -30px auto;
}

#window{
margin:-500px auto 0 auto;
height:500px; 
width:1200px;
background: url(http://www.sbcomic.com/window.png);

}


#logo{
margin:-630px auto 0px auto;
height:158px; 
width:1000px;
background: url(http://www.sbcomic.com/logo.png);

}

#topAs{
margin:-540px auto 0px auto;
width:1000px;
height:158px;
}
#menu{
margin:-380px auto 0px auto;
height:21px; 
width:800px;
text-align:center;
background: color: #444;

}


#headerTest{
height:500px; 
background: #8EC1DA url(http://www.sbcomic.com/bg-clouds.png) repeat-y scroll left top;
background-repeat:repeat-x;
text-align:center;
margin-top:-10px;
}

#headerTest h1{
padding-top:35px;
font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
color:white;
font-size:45px;
}

#contentTest{
background-color:#444;
height: 100%;
width:675px;
border-style:solid;
border-color:#000000 #0000000;
margin:-40px auto 0 auto;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#pointermenu{
border-top: 7px solid black; /*optional border across top*/
margin: 0;
padding: 0;
}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: right;
padding-left: 8px;
font: bold 13px Verdana;
background-color: black;
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: right;
color: white;
font-weight: bold;
padding: 2px 11px 7px 7px;
text-decoration: none;
background: url(media/pointer.gif) bottom center no-repeat;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
color: white;
background-color: darkorange;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
}

.hidden { display: none; }
 .unhidden { display: block; }


#archiveBanner{ 
position:absolute;
top:0px;
height:120px;
width: 100%;
 }
#motioncontainer {
width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
}
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:286px;	width: 790px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}