@charset "UTF-8";

* {margin:0; padding:0; border:0;}

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #fff url(../images_pres/bg_scribble.jpg) repeat;
}
a {color:#c60;}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
outline: none;
}
a:hover {
text-decoration:underline;
}
a:active {
text-decoration:none;
}
h1 {font-size:1.3em; margin:.5em 0;}
h2 {font-size:1.2em; margin:.5em 0;}
h3 {font-size:1.1em; margin:.5em 0;}
h4 {font-size:1em; margin:.6em 0 .4em 0;}
h5 {font-size:.9em; margin:.7em 0 .3em 0;}
h6 {font-size:.8em; margin:.8em 0 .2em 0;}

/* =skipnav	
---------------------------------------------------------- */	
a#skipnav {
position:absolute;
left:-9999px;
}

/* basic structure
===========================*/

div#bigbucket {width:917px; margin: 0 auto; text-align:left; position:relative; }
div#header {width:917px; height:199px; background:transparent url(../images_pres/bg_top_199h.gif) no-repeat; }
div#header h1 {
	background: transparent url(../images_pres/another_day_comics.gif) 205px 94px no-repeat;
	text-indent:-9999em;
	width:917px;
	height:199px;
}


div#contentarea {
	width:917px;
	padding-bottom:100px;
	background:transparent url(../images_pres/bg_pad_mid.gif) 0 -105px repeat-y;
	overflow:hidden; /*new clearing trick, or use auto*/	
}
img#logo { position:absolute; left:55px; top:94px; }

	
/* column divs on home or sub */

div#footer {
	width:917px; 
	height:92px; 
	margin-top:-66px; 
	background:transparent url(../images_pres/bg_pad_btm3.gif) 0 40px no-repeat; 
	text-align:center; 
	 
	padding-top:15px;
	/*padding-bottom:30px; */
	}

/* basic styling
===========================*/

div#contentarea p {
	font-size:.8em;
	margin: .5em 0;
	line-height: 1.6em;
	}
div#footer p {
	font-size:.7em;
	color:#c60;}
	
div#contentarea ul { font-size:.8em; list-style-type:disc; margin: 0 3em; }
div#contentarea li { padding: .4em 0; } 

.image-rgt {float:right; padding-left:10px; display:inline; }
.image-lft {float:left; padding-right:10px; display:inline; }

.clearing { clear:both; }
.divider {clear:both; width:inherit; display:block; margin:3px 0; height:1px; background-color:#666; }

.col-2 {width:310px; padding: 5px 15px 5px 0; float:left; display:inline; }
.col-3 {width:200px; padding: 5px 15px 5px 0; float:left; display:inline; }

.media-group {	/* for thumbnail images with title, caption */
	width: 300px;
	padding: 5px;
	margin:5px;
	border:1px solid #ccc;
	float:left;
	display:inline;
	overflow:hidden;
	text-align:center;
	}