/* 
	Theme Name: Saigon iFrame 3Column
	Theme URL: 
	Description: 
	Author: Malcolm Green
	Author URI: http://www.ddconcepts.com.au
	Version: 1.0	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php	
	Changelog:
		v1.0 - 30.08.08
		First Release of Fortune 3-Column
*/

/************************************
*	Standard Fonts & Features		*
*************************************/

H1 H2 H3  H4{
	color: #ffffff;
	font-size: 1.6em;
	font-family: Lucida, Arial, Sans-Serif;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	border-top: 1px none #000000;
	}
H1 {	font-size: 2.0em;   color: #fff; font-weight: bold;}	
H2 {	font-size: 1.2em;	color: orange; text-align: left;	}	
H3 {	font-size: 0.9em; 	color: yellow; font-weight: bold;}
H4 {	font-size: 0.9em; 	font-weight: normal; color: orange;}

H5 {	font-size: 0.9em; 	text-align: left; margin: -15px 0px -5px 10px;}
H6 {	font-size: 0.8em;	color: red;	text-align: left; margin: 5px 0px 0px 0px;}

A:link { text-decoration: none; border: none; color:#666; }
A:visited { text-decoration: none; border: none; color:#fff; }
A:hover { text-decoration: none; border: none; color:red; }

P { font-size: 1.0em;  }
P.small { font-size: 0.8em; padding: 2px 2px 0px 8px; }

hr { width: 100%; color: #666; }
/*******************************/

body {
	/*background: url(../graphics/pageback.gif) repeat;*/
	background: #0f2c57;			/* dark blue background of screen*/	
	font-size: 1.0em;
	font-family: Arial, Sans-Serif;
	color: #fff;	
	text-align: left;
	margin: 0 auto;					/*center page layout*/
	padding: 0px;
	}

#wrapper {
	background: #032a63;			/* medium blue background of page*/	
	margin: 0 auto;
	width: 1000px;					/*set page width*/
	min-width: 1000px;				/*set if width variable*/
	height: 100%;	
	border: 1px none #666; 		/*used for testing layout placement*/
	text-align: left;	
	z-index: 2;	
}







/********************************
*	Header  					*
*********************************/
#header{
	/*background: transparent;*/
	background: url(../graphics/logoback.gif) repeat-x;
	height: 172px; 				/*Height of top section*/
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	z-index: 3;
}
		#headertext {
			position: relative;
			top: 104px;
			left: 220px;
			color: #fff;			
			z-index: 4;
			}
		#logo {
			position: relative;
			top: 8px;
			left: -790px;			
			z-index: 4;
			}
		#urltext {
			position: relative;
			top: 4px;
			right: -660px;
			color: #fff;			
			z-index: 4;
			}
			
		#fontsize {
			position: absolute;
			top: -1px;
			right: 0px;
			width: 50px;
			border: 1px none #E4E4E4;
			z-index: 8;
			}
			
		#banner {
			position: relative;
			width: 728px;
			height: 90px;
			top: -11px;
			left: 250px;
			margin: -20px 0px 0px 0px;	 
			padding: 0px 0px 0px 0px;
			border: 1px solid #E4E4E4;			
			z-index: 4;
			}
		
/****************************
*	Content 	 		    * 
*****************************/

#contentarea {
	position: relative;
	background: #032a63;
	top: -10px;
	width: 998px;
	margin: 0 auto;
	/*margin: 0px 0px 0px 0px;			 /*set left & right widths for columns*/
	/*padding: 0px 30px 0px 0px;*/
	border: 1px none yellow;			/*test layout*/
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	text-align: left;
	color: #fff;
	z-index: 4;
	}					
		#contentarea H2 {	font-size: 1.2em; color: red; font-weight: bold; text-align: left;}	
		#contentarea H3 {	font-size: 0.8em; color: #D25A0B; font-weight: bold; text-align: left;}		
				
#left-col {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
width: 188px;
border: 1px none blue;	/*testing*/
z-index: 5;
}
				#navmenu {
					position: relative;
					/*background: url(../graphics/super-bg3.gif) repeat-y;*/
					top: 10px;
					left: 3px;
					width: 170px;
					margin: 0px 0px 0px 2px;
					padding: 0px 6px 0px 0px;
					color: #fff;
					border: 1px none #E4E4E4;	/*testing*/
					text-align: left;
					z-index: 5;
					}
					#navmenu ul {
					/*list-style-image: url(graphics/arrow.gif);*/
					text-align: left;
					margin: 0px 0px 0px -20px;
					}
					#navmenu li {	
					padding: 0px 0px 5px 0px;
					}
					fieldset#navigation {
					margin: -11px 10px 0px 0px;
					}
				#advert1 {
					position: relative;
					top: 20px;
					left: 5px;
					width: 180px;
					height: 476px;
					border: 1px none #E4E4E4;	/*testing*/
					z-index: 4;
					}
				#key {
					position: relative;
					top: 20px;
					width: 180px;
					padding: 0px 5px 0px 5px;
					text-align: left;
					border: 1px none orange;
					}
				#google1 {
					position: relative;
					top: 30px;
					width: 160px;
					left: 10px;
					padding: 0px 5px 0px 5px;
					text-align: left;
					border: 1px none orange;
					}
				#stats {
					position: relative;
					background: #0f2c57;
					top: 30px;
					left: 20px;
					width: 140px;
					padding: 2px 2px 2px -2px;
					text-align: center;
					font-size: 0.8em;
					color: #666;
					border: 1px solid #999;
					}
				.clear {clear: both;}



		
#iframe {	/*#center-col*/
	position: relative;
	bgcolor: #032a63;
	top: 0px;
	float: left;
	width: 800px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 4px 4px;
	border: 1px none red;				/*test layout*/
	color: #fff;
	text-align: left;
	z-index: 4;
	}
				#center-col {
					position: relative;
					float: left;
					width: 490px;
					padding: 0px 5px 0px 5px;
					border: 1px none yellow;
					z-index: 5;
					}	

				#featured {
					position: relative;
					top: 10px;
					width: 800px;
					padding: 0px 3px 0px 0px;
					text-align: justify;
					border: 1px none orange;
					}

									
				#advert2 {
					position: absolute;
					width: 300px;
					height: 300px;
					right: 8px;
					margin: 20px 0px 0px 0px;	 
					padding: 0px 0px 0px 0px;
					border: 1px none #E4E4E4;			
					z-index: 6;
					}
					
				#schedule {
					position: absolute;
					background: url(../graphics/super-bg2.gif) repeat-y;
					top: 165px;
					right: -1px;
					width: 296px;
					text-align: left;
				}
					
				#google2 {
					position: relative;
					width: 300px;
					height: 250px;
					top: 340px;
					right: -498px;
					border: 1px solid #0f2c57;			
					z-index: 6;
					}								
				#google3 {
					position: relative;
					width: 300px;
					height: 250px;
					top: 350px;
					right: -498px;
					border: 1px solid #0f2c57;			
					z-index: 6;
					}		
				#google4 {
					position: relative;
					width: 300px;
					height: 250px;
					top: 360px;
					right: -498px;
					border: 1px solid #0f2c57;			
					z-index: 6;
					}		
				#tag {
					margin: -12px 5px 10px 20px;
					}	
		
			
/********************************
*	Footer				   	    * 
*********************************/
#footer {
	position: relative;
	background-color: #032a63;
	font-size: 0.8em;
	top: auto;
	width: 100%;	
	text-align: center;
	}		
			
										
			
/********************************
*	Images  					*
*********************************/

img.right {padding: 1px; border: 0 cm; margin: 0px 0px 0px 5px; border-color: white; border-style: none; float: right;}
img.center {margin: 0 auto; border-style: none;}
img.left { margin: 2px 5px 0px 0px; border-color: white; border-style: none; float: left; }



/********************************
*     Feedback Forms		    * 
*********************************/
form {
	margin: 1em auto;
	width: 90%;
}
	/*sets styles for textarea progress bar*/
	.progress{
		width: 1px;
		height: 10px;
		color: #000;
		font-size: 10px;
		overflow: hidden;
		background-color: #E4E4E4;
		padding-left: 3px;
		padding-bottom: 1px;
	}

label {
display: block;
font-weight: bold;
float: left;
clear: left;
width: 9em;
padding-right: 1em;
text-align: right;
line-height: 1.6em
}
input {
display: block;
float: left;
width: 17em;
margin: 0 0 0.5em 0;
border: 1px solid #999;
}
	input[type=radio],
	input[type=checkbox],
	input[type=submit] {
	width: auto;
	}	

	input#searchinput {width: 14em;}
	input#submit {width: 12em; margin-top: 4px;}
	input#reset {width: 10em;}
	input#title {width: 30em;}
	input#txtCaptcha {width: 10em;}

/********************************
*     Fieldsets				    * 
*********************************/
fieldset {
background-color: transparent;
border: 1px solid #E4E4E4;
width: 100%;
padding: 0px 4px 0px 4px;
}
	fieldset#navigation {	background: url(../graphics/super-bg3.gif) repeat-y;  }
	fieldset#whatson {	width: 503px; padding-top: -10px;	}
	fieldset#searchbox {	width: 500px;	}
	fieldset#schedule {	width: 294px; padding: 0px 0px 0px 1px;}
	fieldset#errors {	width: 600px; border: 2px solid red; padding: 0px 0px 0px 1px; margin: 0 0 0.5em 1.0em;}
	fieldset#success {	width: 600px; border: 1px solid yellow; padding: 0px 10px 0px 10px; margin: 0 0 0.5em 1.0em;}
	
legend {
font-size: 0.9em;
font-weight: bold;
position: relative;
top: -.4em;
padding: 5px;
color: #fff;
}











