@charset "utf-8";
/* CSS Document */



body {											/* All the main body styling including a tiled textured background */
	
	margin-left:auto;
	margin-right:auto;
	/*background-image:url(../images/texture_background.jpg);
	background-position:center top;
	background-repeat:repeat;
	background-color:#f4ecdd;*/
	background-color:#E0D9C7;
	margin-top:0px;

}

#body_div {
	background-image:url(../images/texture_background.jpg);
	background-position:center top;
	background-repeat:repeat;
	padding-bottom:55px;
}

/* Link Styling */

.link_chirp A:link { color:#eba521; text-decoration:none; font-weight:bold; font-size:10px;}
.link_chirp A:visited { color:#eba521; text-decoration:none; font-weight:bold; font-size:10px;}
.link_chirp A:active { color:#eba521; text-decoration:none; font-weight:bold; font-size:10px;}
.link_chirp A:hover { color:#eba521; text-decoration:underline; font-weight:bold; font-size:10px;}

.link_other A:link { color:#e17d1f; text-decoration:none; font-weight:bold; }
.link_other A:visited { color:#e17d1f; text-decoration:none; font-weight:bold; }
.link_other A:active { color:#e17d1f; text-decoration:none; font-weight:bold; }
.link_other A:hover { color:#e17d1f; text-decoration:underline; font-weight:bold; }

.link_question A:link { color:#a8bd29; text-decoration:none; font-weight:bold; }
.link_question A:visited { color:#a8bd29; text-decoration:none; font-weight:bold; }
.link_question A:active { color:#a8bd29; text-decoration:none; font-weight:bold; }
.link_question A:hover { color:#a8bd29; text-decoration:underline; font-weight:bold; }

.link_terms A:link { color:#a8bd29; text-decoration:none; font-weight:bold; font-size:10px;}
.link_terms A:visited { color:#a8bd29; text-decoration:none; font-weight:bold; font-size:10px;}
.link_terms A:active { color:#a8bd29; text-decoration:none; font-weight:bold; font-size:10px;}
.link_terms A:hover { color:#a8bd29; text-decoration:underline; font-weight:bold; font-size:10px;}

/* Link Styling Ends */


/* Text Styling - Global */

.body_text {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	
	
	}
	
.body_text_home {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	
	
	}
	
.form_text {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	
	
	}
	
/* Text Styling Ends */	


/* Global Containers */

#main_back {									/* Places and holds the illustrated background */

	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-top:0px;
	width:960px;
	height:680px;
	background-image:url(../images/main_background.jpg);
	background-position:center top;
	background-repeat:repeat;
	background-color:#f4ecdd;

}


#main_container {								/* Contains the whole content section */

		position:absolute;
		width: 460px;
		height: 565px;
		margin-left:250px;
		margin-top:75px;
		
		}
		
		
#logo_container {								/* Main logo container */

		position:absolute;
		width: 206px;
		height: 65px;
		margin-left:5px;
		margin-top:1px;
		
		}
		
		
#buttons_container {							/* This Holds the buttons - top of page */

		position:absolute;
		width: 255px;
		height: 65px;
		margin-left:235px;
		margin-top:1px;
		
		}
		
		
#line_breaker {									/* This Holds and places the top line breaker */

		position:absolute;
		width: 460px;
		height: 10px;
		margin-left:0px;
		margin-top:65px;
		background-image:url(../images/line_top.gif);
		background-repeat:no-repeat;
		
		}
		
#nandos_menu {									/* Sliding Nandos Flash Menu Container */

		float:left;
		position:relative;
		width:600px;
		height:600px;
		margin-top:0px;
		margin-left:0px;
		z-index:0;
		
		
		}
		

#nandos_logo {									/* Nandos Flash Logo Container */

		float:right;
		position:relative;
		width:100px;
		height:100px;
		margin-top:550px;
		margin-right:120px
		
		
		}
		
#copyright_line {									/* Nandos Flash Logo Container */

		position:absolute;
		width:100%;
		height:12px;
		margin-top:-12px;
		margin-right:120px;
		background-image:url(../images/copyright-line.gif);
		background-repeat:repeat-x;
		background-position:center;
		
		
		}
		
#copyright_extend {									/* Nandos Flash Logo Container */

		position:absolute;
		width:100%;
		/*height:100%;*/
		overflow:hidden;
		margin-top:45px;
		background-color:#e0d9c7;
		
		
		}
		
#copyright_text {									/* Nandos Flash Logo Container */

		margin-left:auto;
		margin-right:auto;
		position:absolute;
		text-align:center;
		width:100%;
		height:26px;
		/*margin-top:55px;*/
		
		
		}
		
/* Global Containers End */

/* Home Page Styling Starts */
		
		
#hello_chirp{									/*This Holds and places the blurb inviting everyone to have there chirp */

		position:absolute;
		width: 385px;
		height: 80px;
		margin-left:37px;
		margin-top:80px;
		background-image:url(../images/hello_chirpers.gif);
		background-repeat:no-repeat;
		
		}
		
#left_column{ 									/* This holds and Styles the main Column to the left on the homepage */

		position:absolute;
		width: 440px;
		height: 420px;
		margin-left:10px;
		margin-top:165px;
		
		}
		
#feast_eyes{ 									/* This holds the feast for your eyes heading */

		width: 132px;
		height: 26px;
		margin-left:-3px;
		margin-top:5px;
		background-image:url(../images/feast_eyes.gif);
		background-repeat:no-repeat;
		
		}
		
#feast2{ 									/* This holds the feast for your eyes heading */

		width: 445px;
		height: 26px;
		margin-left:0px;
		margin-top:5px;
		
		}
		
#feast3{ 									/* This holds the feast for your eyes heading */

		width: 385px;
		height: 26px;
		margin-left:280px;
		margin-top:0px;
		
		}
		
#thumbs_row1{ 									/* First row of Thumbnails */

		width: 100%;
		margin-left:70px;
		margin-top:0px;
		
		}
		
#thumbs_row2{ 									/* Second row of Thumbnails */

		width: 100%;
		margin-left:70px;
		margin-top:0px;
		
		}

/* Home Page Styling Ends */	

/* Question Page Styling Begins */	

#question_header {										/* Main question header */

		position:absolute;
		width: 446px;
		height: 96px;
		margin-left:5px;
		margin-top:85px;
		background-image:url(../images/question_header.gif);
		background-repeat:no-repeat;
		
		}
		
#question_back {										/* Back Block - Question Form */

		position:absolute;
		width: 444px;
		height: 280px;
		margin-left:5px;
		margin-top:200px;
		background-image:url(../images/question_form_back.gif);
		background-repeat:no-repeat;
		
		}
		
/* Question Form Styling */

#form_container {										/* Contains the Question Form */

		position:absolute;
		width: 424px;
		height: 260px;
		margin-left:15px;
		margin-top:215px;
		
		}
		
#form_container input, textarea {										/* Strips the Styling of the form elements */

		border:none;
		background-color:#fcfaf7;
		font-family:"Gill Sans MT", Verdana, Arial, Helvetica;
		font-size:12px;
		
		}
		
#form_input1 {										/* Holds the first text block */

		position:absolute;
		width: 375px;
		height: 22px;
		margin-left:45px;
		padding-top:3px;
		padding-left:3px;
		margin-top:-19px;
		background-image:url(../images/question_input1.gif);
		background-repeat:no-repeat;
		
		}
		
#form_input1 input {

		position:absolute;
		margin-left:0px;
		width: 368px;
		
		}
		
#form_input2 {										/* Holds the second text block */

		position:absolute;
		width: 295px;
		height: 22px;
		padding-top:3px;
		padding-left:3px;
		margin-left:125px;
		margin-top:-28px;
		background-image:url(../images/question_input2.gif);
		background-repeat:no-repeat;
		
		}
		
#form_input2 input {

		position:absolute;
		margin-left:0px;
		width: 285px;
		
		}
		
#form_input3 {										/* Holds the third text block */

		position:absolute;
		width: 332px;
		height: 22px;
		padding-top:3px;
		padding-left:3px;
		margin-left:88px;
		margin-top:-29px;
		background-image:url(../images/question_input3.gif);
		background-repeat:no-repeat;
		
		}
		
#form_input3 input {

		position:absolute;
		margin-left:0px;
		width: 325px;
		
		}
		
#form_input4 {										/* Holds the fourth text block */

		position:absolute;
		width: 422px;
		height: 101px;
		padding-top:6px;
		padding-left:6px;
		margin-left:1px;		
		margin-top:-12px;
		background-image:url(../images/question_input4.gif);
		background-repeat:no-repeat;
		
		}
		
#form_input4 textarea {

		position:absolute;
		margin-left:0px;
		width: 410px;
		height: 90px;
		
		}
              
#form_submit {										/* Holds the Submit button */

		position:absolute;
		width: 72px;
		height: 27px;
		padding-top:3px;
		padding-left:3px;
		margin-left:358px;		
		margin-top:125px;
		
		}

#form_checkbox {										/* Holds the checkbox */

		position:absolute;
		width: 20px;
		height: 25px;
		padding-top:0px;
		padding-left:0px;
		margin-left:325px;		
		margin-top:130px;
		
		}
              
#form_textline {										/* Holds the please accept terms line */

		position:absolute;
		width: 175px;
		height: 25px;
		padding-top:0px;
		padding-left:0px;
		margin-left:145px;		
		margin-top:135px;
		
		}
              

              
span.checkbox {										/* This creates the checkbox. It uses a special piece of javascript */
               width: 19px;
               height: 24px;
               padding: 0 0 0 0;
               background: url(../images/question_checkbox.gif) no-repeat;
               display: block;
               clear: left;
               float: left;
               cursor:pointer;
			   cursor: hand;
 }
/* Question Form Styling Ends */	


/* Question Page Styling Ends */



/* Comments Page Styling Begins */	

#comment_header {										/* Main comment header */

		position:absolute;
		width: 446px;
		height: 96px;
		margin-left:5px;
		margin-top:85px;
		background-image:url(../images/comments_header.gif);
		background-repeat:no-repeat;
		
		}
		
#comment_back {										/* Back Block - Comment Form */

		position:absolute;
		width: 446px;
		height: 310px;
		margin-left:5px;
		margin-top:200px;
		background-image:url(../images/comment_form_back.gif);
		background-repeat:no-repeat;
		
		}
		
/* Comments Form Styling */

#comment_form_container {										/* Contains the Comment Form */

		position:absolute;
		width: 424px;
		height: 260px;
		margin-left:15px;
		margin-top:215px;
		
		}
		
#comment_form_container input,textarea, select {										/* Strips the Styling of the form elements */

		border:none;
		background-color:#fcfaf7;
		font-family:"Gill Sans MT", Verdana, Arial, Helvetica;
		font-size:12px;
		
		}
		
#comment_form_input1 {										/* Holds the first text block */

		position:absolute;
		width: 375px;
		height: 22px;
		margin-left:45px;
		padding-top:3px;
		padding-left:3px;
		margin-top:-19px;
		background-image:url(../images/question_input1.gif);
		background-repeat:no-repeat;
		
		}
		
#comment_form_input1 input {

		position:absolute;
		margin-left:0px;
		width: 368px;
		
		}
		
#comment_form_input2 {										/* Holds the second text block */

		position:absolute;
		width: 295px;
		height: 22px;
		padding-top:3px;
		padding-left:3px;
		margin-left:125px;
		margin-top:-29px;
		background-image:url(../images/question_input2.gif);
		background-repeat:no-repeat;
		
		}
		
#comment_form_input2 input {

		position:absolute;
		margin-left:0px;
		width: 285px;
		
		}
		
#comment_form_input3 {										/* Holds the third text block */

		position:absolute;
		width: 332px;
		height: 22px;
		padding-top:3px;
		padding-left:3px;
		margin-left:88px;
		margin-top:-30px;
		background-image:url(../images/question_input3.gif);
		background-repeat:no-repeat;
		
		}
		
#comment_form_input3 input {

		position:absolute;
		margin-left:0px;
		width: 325px;
		
		}
		
#comment_form_input5 {										/* Holds the fourth text block */

		position:absolute;
		width: 422px;
		height: 101px;
		padding-top:6px;
		padding-left:6px;
		margin-left:-8px;		
		margin-top:0px;
		
		}
		
#comment_form_input5 textarea {

		position:absolute;
		margin-left:0px;
		width: 410px;
		height: 90px;
		
		}

#comment_form_input4 {										/* Holds the fifth text block */

		position:absolute;
		width: 422px;
		height: 101px;
		padding-top:6px;
		padding-left:6px;
		margin-left:0px;		
		margin-top:-13px;
		background-image:url(../images/question_input4.gif);
		background-repeat:no-repeat;
		
		}
		
#comment_form_input4 textarea {

		position:absolute;
		margin-left:0px;
		width: 410px;
		height: 90px;
		
		}
		
              
#comment_form_submit {										/* Holds the Submit button */

		position:absolute;
		width: 72px;
		height: 27px;
		padding-top:3px;
		padding-left:3px;
		margin-left:358px;		
		margin-top:109px;
		
		}

#comment_form_checkbox {										/* Holds the checkbox */

		position:absolute;
		width: 20px;
		height: 25px;
		padding-top:0px;
		padding-left:0px;
		margin-left:325px;		
		margin-top:113px;
		
		}
              
#comment_form_textline {										/* Holds the please accept terms line */

		position:absolute;
		width: 175px;
		height: 25px;
		padding-top:0px;
		padding-left:0px;
		margin-left:145px;		
		margin-top:120px;
		
		}
              
span.checkbox2 {										/* This creates the checkbox. It uses a special piece of javascript */
               width: 19px;
               height: 24px;
               padding: 0 0 0 0;
               background: url(../images/comment_checkbox.gif) no-repeat;
               display: block;
               clear: left;
               float: left;
               cursor:pointer;
			   cursor: hand;
			   
 }
 
span.select {											/* This creates the drop down box. It uses a special piece of javascript */
 	position: absolute;
 	width: 417px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
 	height: 26px;
 	padding: 6px 5px 0 5px;
 	background: url(../images/comment_select.gif) no-repeat;
 	overflow: hidden;
	z-index:0;
 } 
 
/* Comment Form Styling Ends */	


/* Comment Page Styling Ends */



/* Other Chirp - Page Styling Begins */	

#other_chirp_header {										/* Main Other Chirps header */

		position:absolute;
		width: 459px;
		height: 60px;
		margin-left:2px;
		margin-top:80px;
		background-image:url(../images/other_chirp_header.gif);
		background-repeat:no-repeat;
		
		}
		
#other_chirp_back {										/* Back Block - Other Chirps List */

		position:absolute;
		width: 447px;
		height: 438px;
		margin-left:5px;
		margin-top:120px;
		background-image:url(../images/other_chirp_back.gif);
		background-repeat:no-repeat;
		
		}

/* Other Chirp - Large Scrolling Div Begins */	

#scroll_box_container {
	position: relative;
	min-height:100%;
	width:100%;
	background:#eee;
	overflow:hidden;
	
}

/* Other Chirp - Large Scrolling Div Ends */	

.scroll{
	position:absolute;
	display:block;
	height:370px;
	overflow:scroll;
	padding: 0px 38px 30px 5px;
	/*border:1px dashed black;*/
	border-right:0;
	margin:50px 0;
	left:0;
	top:0;
	width: 345px;
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}

#other_chirp_box{
	left:15px;
	top:95px;
}

/* Other Chirp - Page Styling Ends */


.chirps {
	background-color:white;
	padding:5px;
	width:100%;
	border:1px solid #F3CCA8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.chirp_spacing {
	height:7px;
}

.chirp_response {
	color:#E17D1F;
}