/* 
Title:     Bananas Gone Monkey Master Style Sheet
Author:    Duane Dubuque and Jessica Frazier
Updated:   January 5, 2009
*/

/* body
--------------------------------------------------*/
body {
	color:#000000;
	background:#9D8B7B;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:1em;
	}

/* container
--------------------------------------------------*/
#container {
	width: 1024px;
	margin: 0 auto 0 auto;
	padding:0px;
	background:#F0D9A3;
	}

/* content
--------------------------------------------------*/
#content {
	width:1024px;
	}

/* header
--------------------------------------------------*/
#header h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #000000;
	}

#header h1 a {
	display: block;	
	height: 220px;
	background-image:url(http://www.bananasgonemonkey.com/buttons/TJbanner.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	}
	

/* nav
--------------------------------------------------*/
#nav {  
	margin: -14px 0px 20px 0px;
	width:1024px;
	height:35px;
	line-height:35px;
	background-image:url(/buttons/navi.jpg);
	border-bottom:1px solid #000000;
	}

#nav ul li {
	float: left;
	list-style-type:none;
	}

#nav li a {
	font-family:Comic sans, comics sans, comic, arial, san-serif;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0px 85px 0px 85px;
	}

#nav a {
	color:#FFF87C;
	text-align:center;
	}

#nav a:hover {
	color:#BAB227;
	text-decoration:underline;
	}

/* headings
--------------------------------------------------*/
h1 {
	color:#000000;
	font-size:180%;
	margin:0;
	}

h2 {	
	color:#0D4B16;
	font-size:160%;
	font-weight:bold;
	margin:10px;
	}

/* links
--------------------------------------------------*/
a {
	color:#0D4B16; 
	font-size:100%;
        	text-decoration: underline;
	}

a:hover {
	color:#257E36;
	}


/* paragraphs
--------------------------------------------------*/
p {	
	color:#0D4B16; 
	font-size:110%;
	margin:10px 75px 0px 65px;
	width:880px;
	padding:0;
	line-height:1.2em;
	word-spacing:1px;
	}

/* comics
--------------------------------------------------*/
.title {	
	margin:30px 75px 10px 65px;
	width:880px;
	height:60px;
	background-image:url(/buttons/titlebar.gif);
	}

.title h2 {	
	padding:10px 0px 0px 15px;
	font-size:170%;
	font-weight:bold;
	}

.title img{	
	float: right;	
	}

/* comics
--------------------------------------------------*/
#comicstrip {
	text-align:center;
	margin-bottom:10px;
	margin-top:20px;
	}

#comicbuttons {
	display:block;
	text-align:center;
              margin:20px 0px 0px 0px;
	font-weight:bold;
	}

#comicbuttons a {
	font-family:Comic sans, comics sans, comic, arial, san-serif;
	font-size:140%;
	text-decoration:underline;
	text-transform:uppercase;
	color:#0D4B16; 
	padding:30px;
	}

#comicbuttons a:hover {
	color:#257E36;
	text-decoration:underline;
	}

#comicbuttons img {
	border-bottom:1px solid black;
	}

/* comments
--------------------------------------------------*/
.comments {
	width:900px;
	text-align:left;
	margin:30px 62px 30px 62px;
	}

.comments h2 {
	font-size:160%;
	padding-top:35px;
	margin-bottom:0px;
	}

.commentsimg {
	float: left;
	margin:4px 15px 1px 15px;
	}

.comments p {
	color:#0D4B16; 
	font-size:110%;
	margin:12px;
	padding:0;
	line-height:1.2em;
	word-spacing:1px;
	}

.comments a {
	color:#0D4B16;
	font-size:110%;
	line-height:1.2em;
	text-decoration: underline;
	}

.comments a:hover {
	color:#0D4B16;
	}

/* characters
--------------------------------------------------*/
.charaborder {
	color:#FAF33F;
	background:#8DC63F;
        margin:15px 30px;
        padding:45px;
        border:1px solid white;
	}

.charapicname {
	color:#000000;
	background:#A3D39C;
        margin:0px;
        padding:0px;
        border:1px solid white;
        height:110px;
	}

.characontent {
	color:#000000;
	background:#C4DF9B;
        margin:0px;
        padding:0px;
        border:1px solid white;
	}

.charaimage {
        float: left;
        margin:0px;
        padding:0px 10px 10px 0px;
	}

.charap {
	font-family:Comic Sans, Arial, Helvetica, sans-serif;
	color:#000000;
	}

.charah1 {
	font-family:Comic Sans, Arial, Helvetica, sans-serif;
	color:#000000;
        margin-top:8px;  
	}

/* footer
--------------------------------------------------*/
#footer {
	height: 220px;
	background-image:url(http://www.bananasgonemonkey.com/buttons/footer.jpg);
	clear:both;
	padding:0px;
	}

#footer p {
	color:#FFFFFF;
	font-size:85%;
	font-weight:bold;
	padding:195px 0px 0px 10px;
	float:right;
	}


/* CSS classes
--------------------------------------------------*/
.center {
        text-align:center;
	}