/* RSS comic - CSS Document - Interface Styles*/



/**** GENERAL ************************************************************/

body 
	{
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin:0px;
	background-color: #CCCCCC;
	}
	
	
a 	{
	color: #2291E5;
	}
	
	
/**** GENERAL: OVERALL PAGE CONTAINER *************************************/

#container
	{
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	}
	

/**** HOME: HEADER AREA ****************************************************/

#header 
	{
	position: relative;
	left: 0px;
	top: 0px;
	background-color: white;
	border: 0px;
	width: 924px;
	height: 296px;
	}


#header_comic 
	{
	width: 411px;
	height: 295px;
	display:block;
	background-image: url("interface/header_comic.gif");
	background-repeat: no-repeat;
	}


#header_title 
	{
	width: 342px;
	height: 119px;
	display:block;
	background-image: url("interface/header_title.gif");
	background-repeat: no-repeat;
	position: absolute;
	left: 494px;
	top: 70px;
	}

#header_learn_more 
	{
	position: absolute;
	left: 737px;
	top: 200px;
	width:100px;
	height:20px;
	background-color: white;
	
	font-size:18px;
	font-weight:normal;
	text-align: center;
	line-height: 14px;
	}
	
	
	
/**** Home: Interface ******************************************************/

#News_select_box
	{
	position: absolute;
	top: 295px;
	width:924px;
	height:41px;
	background-color: #DDDDDC;
	text-align: center;
	line-height: 41px;
	}
	
#News_select_box_bottomline
	{
	position: absolute;
	top: 336px;
	width:924px;
	height:1px;
	background-color: #CCCCCC;
	}
	

	
/*-----Home: COMIC CONTAINER -------------------------------*/
/*-----comic and captions all placed within this -----*/


#comic_container
	{
	position: absolute;
	top: 337px;
	width:924px;
	height:373px;
	background-color: white;
	}


/*-------Comic Strip   -----------*/

#comic_strip
	{
	position: absolute;
	top: 40px;
	width:922px;
	height:327px;
	}
	
	
/*-------TITLE Caption -----------*/

#TITLE_caption
	{
	position: relative;
	left: 8px;
	top: 16px;
	font-weight: bold;
	font-size: 30px;
	white-space: nowrap;
	color: red;
	}


/*-------PANEL 1 Caption 1 Box (outer container)-----------*/
	
#panel1-caption1-box
	{
	position: absolute;
	left: 25px;
	top: 75px;
	width: 123px;	
	}	
		
		
/*-------PANEL 1 Caption 1 -----------*/

#panel1-caption1
	{
	margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
	background: white; 
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	font-family: 'verdana';
	font-weight: normal;
	font-size: 10px;
	color: black;
	}

/*-------PANEL 1 Caption 1 footer (this is the speech gif)-----------*/

#panel1-caption1-footer
	{
	width: 123px;
	height: 15px;
	display:block;
	background-image: url("interface/panel1-caption1-footer.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
	

/*-------*/
	
	
/*-------PANEL 1 Caption 2 Box (outer container)-----------*/
	
#panel1-caption2-box
	{
	position: absolute;
	left: 210px;
	top: 220px;
	width: 93px;	
	}	
			

/*-------PANEL 1 Caption 2 -----------*/

#panel1-caption2
	{
	margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
	background: yellow; 
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	font-family: 'verdana';
	font-weight: normal;
	font-size: 10px;
	color: black;
	}

/*-------PANEL 1 Caption 2 top (this is the speech gif)-----------*/

#panel1-caption2-top
	{
	width: 123px;
	height: 15px;
	display:block;
	background-image: url("interface/panel1-caption2-top.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

	
/*-------*/
	
	
/*-------PANEL 2 Caption 1 Box (outer container)-----------*/
	
#panel2-caption1-box
	{
	position: absolute;
	left: 330px;
	top: 100px;
	width: 173px;	
	}	
			

/*-------PANEL 2 Caption 1 -----------*/

#panel2_caption1
	{
	margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
	background: yellow; 
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	font-family: 'verdana';
	font-weight: normal;
	font-size: 10px;
	color: black;
	}

/*-------PANEL 2 Caption 1 bottom (this is the speech gif)-----------*/

#panel2-caption1-footer
	{
	width: 173px;
	height: 15px;
	display:block;
	background-image: url("interface/panel2-caption1-footer.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
	
/*-------*/

	
/*-------PANEL 2 Caption 2 Box (outer container)-----------*/
	
#panel2-caption2-box
	{
	position: absolute;
	left: 430px;
	top: 300px;
	width: 173px;	
	}	
			

/*-------PANEL 2 Caption 2 -----------*/

#panel2_caption2
	{
	margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
	background: white; 
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	font-family: 'verdana';
	font-weight: normal;
	font-size: 10px;
	color: black;
	}

/*-------PANEL 2 Caption 2 top (this is the speech gif)-----------*/

#panel2-caption2-footer
	{
	width: 173px;
	height: 15px;
	display:block;
	background-image: url("interface/panel2-caption2-footer.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
	
	
/*-------*/

	
/*-------PANEL 3 Caption 1 Box (outer container)-----------*/
	
#panel3-caption1-box
	{
	position: absolute;
	left: 630px;
	top: 100px;
	width: 173px;	
	}	
			

/*-------PANEL 3 Caption 1 -----------*/

#panel3_caption1
	{
	margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
	background: white; 
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	font-family: 'verdana';
	font-weight: normal;
	font-size: 10px;
	color: black;
	}
	
/*-------PANEL 3 Caption 1 bottom (this is the speech gif)-----------*/

#panel3-caption1-footer
	{
	width: 173px;
	height: 15px;
	display:block;
	background-image: url("interface/panel3-caption1-footer.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

	

/*----- TEXT ENTRY CONTAINER -------------------------*/

#Text_entry_box
	{
	position: absolute;
	top: 708px;
	width:924px;
	height:116px;
	background-color: #C4E7FF;
	
	font-size:16px;
	font-weight:normal;
	line-height: 26px;
	}
	
#you_can_edit
	{
	position: relative;
	top: 0px;
	left: 100px;
	width: 223px;
	height: 116px;
	display:block;
	background-image: url("interface/you_can_edit.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

#Last_person_entry
	{
	position: absolute;
	top: 20px;
	left:380px;
	height:75px;
	}
	
#Text_entry_box_bottomline
	{
	position: absolute;
	top: 116px;
	width:924px;
	height:1px;
	background-color: #CCCCCC;
	}
	
	
	
/*----- LINKS CONTAINER -------------------------*/

#Links_box
	{
	position: absolute;
	top: 825px;
	width:924px;
	height:41px;
	background-color: white;
	
	font-size:14px;
	font-weight:normal;
	text-align: center;
	line-height: 41px;
	}


	
	
/**** LEARN MORE **************************************************************/


/*----- HEADER AREA -----------------------------*/

#Learnmore_header
	{
	position: relative;
	left: 0px;
	top: 0px;
	background-color: white;
	border: 0px;
	width: 924px;
	height: 60px;
	}


#Learnmore_logo
	{
	position: relative;
	left: 18px;
	top: 12px;
	width: 190px;
	height: 35px;
	display:block;
	background-image: url("interface/learnmore_logo.gif");
	background-repeat: no-repeat;
	}


#Learnmore_header_bottomline
	{
	position: absolute;
	top: 59px;
	width:924px;
	height:1px;
	background-color: #CCCCCC;
	}
	

/*----- CONTENT AREA -----------------------------*/

/*------Content container-------------------------*/

#Learnmore_content
	{
	position: relative;
	left: 0px;
	top: 0px;
	background-color: white;
	border: 0px;
	width: 924px;
	height: 800px;
	}

	
/*-----Title -------------------------------------*/

#Learnmore_title
	{
	position: relative;
	left: 107px;
	top: 1.3em;
	font-weight: normal;
	font-size: 2em;
	color: #2291E5;
	}
	
/*-----text size 1 -------------------------------------*/

#Learnmore_text1
	{
	position: relative;
	left: 107px;
	top: 2.5em;
	font-weight: normal;
	font-size: 1.5em;
	color: black;
	}

/*-----text size 2 -------------------------------------*/

#Learnmore_text2
	{
	position: relative;
	left: 107px;
	top: 4.5em;
	width: 36em;
	font-weight: normal;
	white-space: normal;
	color: black;
	font-size :1.1em;
	line-height: 1.2em;
	}
	
/*-----text size 3 -------------------------------------*/

#Learnmore_text3
	{
	position: relative;
	left: 3.3em;
	top: 7em;
	left: 107px;
	width: 38em;
	height: 30em;
	font-weight: normal;
	white-space: normal;
	color: black;
	font-size :0.9em;
	line-height: 1.3em;
	}
	
	

/*----- FOOTER AREA ------------------------------------*/

	
#links_box_bottomline
	{
	position: absolute;
	top: 51.5em;
	width:924px;
	height:1px;
	background-color: #CCCCCC;
	}