/*--------------------------------------------
  COLOURS:			PRIMARY		HIGHLIGHT
----------------------------------------------

 GREEN				#40d200		#4eff00
 RED				#ff0000
 BLUE               #6699cc     #3399ff
 

----------------------------------------------
	CSS DOC STRUCTURE:
----------------------------------------------

STYLE RESET
GLOBAL
STRUCTURAL DIVS 
HEADER
NAVIGATION
CONTENT
FOOTER
SITEWIDE CLASSES

--------------------------------------------*/

/* S T Y L E   R E S E T */

* {
	margin: 0;
	padding: 0;
	}
	
html {
	height : 100.1%;
	}
	
body {
  	margin: 0px;
  	padding: 0px;
	font-size: 62.5%;
 	font-family: Verdana, Tahoma, Arial, Helvetica, 'Trebuchet MS', 'Lucida Grande',sans-serif;	
	}

a:focus, a:active { 
	outline: 0; 
	-moz-outline: none; 
	}

a:hover img,
a img {	
	border:none;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	}

strong {
	font-weight:bold;
	}
	
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	}
	
/*  G L O B A L  */
	
a {
	color: #ffffff;
	text-decoration: underline;
	}
	
a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
p, td, pre, code, li, dl dd, dl dt{
	font-size:1.2em;
	}	
	
pre, code {
	font-family: "Courier New", Courier, "Lucida Console", monospace;
	}
	
p {
	padding: 0 0 1em 0;
	}
	
ol{
	list-style: decimal;
	}

ul {
	list-style: none;
	}
	
th{	
	font-size:1.2em;
	}
	
h1 {
	font-size: 2em;
	}
	
h2{
    margin:0;
	color:#FFFFFF;
	font-size:2.8em;
	text-transform:uppercase;
	letter-spacing:-2px;
	font-family:Arial, Helvetica, sans-serif;
    }

h3{
	margin:10px 0 5px 0;
	color:#4eff00;
	font-size:2.2em;
	text-transform:uppercase;
	font-weight:normal;
	}

h4, h5, h6 {
	font-size:1.2em;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}
	
/*  S T R U C T U R A L   D I V S  */

body {
	background:#1e518a url(../images/lafta_bg_tile.gif) repeat top center;
	color:#ffffff;
	}	
	
.outer_space {
	background: url(../images/lafta_footer_repeat.png) repeat-x bottom center;
	}

.site_wrapper {
	background:url(../images/lafta_head_tile.png) repeat-x top center;
	width:100%;
	}

.header {
	margin: 0px auto;
	width: 900px;
	position:relative;
	}

.sub_section {
	width: 900px;
	margin: 0 auto;
	position: relative;
	}
	
.leading_section{
	width: 900px;
	margin: 0 auto;
	position: relative;
	padding-top: 235px;
	}

.box_top {
	background:url(../images/lafta_box_top.png) no-repeat top center;
	height:57px;
	width: 900px;
	position: relative;
	}
	
.leading_section .box_top {
	background:url(../images/lafta_lead_box_top.png) no-repeat top center;
	height:42px;
	}

.box_content{
	background:url(../images/lafta_box_repeat.png) repeat-y top center;
	width: 900px;
	margin: 0 auto;
	position: relative;
	padding:10px 0px;
	}
	
.section_foot {
	margin-bottom:30px;
	position:relative;
	background:url(../images/lafta_box_foot.png) no-repeat top center;
	width: 900px;
	height:8px;
	}
	
.left_col{
	padding:10px 0 0px 25px;
	margin:0px 0 10px 0;	
	width:490px;
	}

.wide_col{
	margin:0px;
	padding:0px 25px 10px 25px;
	width:auto;
    clear:both;
	}
	
.right_col {
	margin:10px 20px 20px 0px;
	width:320px;
	float:right;
    }
    
.scrollbox{
	overflow:auto;
	padding:10px 20px;
	border:1px solid #40d200;
	background:url(../images/lafta_scanlines_tile.png) repeat top center;
	height:300px;
	}

.flashbox {
	padding:10px 20px;
	margin-right:25px;
	margin-top:10px;
	border:3px double #ff0000;
	background:url(../images/lafta_scanlines_red_tile.png) repeat top center;
	font-family: "Courier New", Courier, "Lucida Console", monospace;
	width:280px;
	float:right;
	color:#ff0000;
	}	

.footer {
	margin: 0 auto;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 0 25px 0;
	clear: both;
	text-align: center;
	width:900px;
	}

/* H E A D E R  */

.header h1{
	position: absolute;
	height: 366px;
	}

/*  N A V I G A T I O N  */

.navigation {
	float:right;
	padding-right:30px;
	text-direction:right;
	z-index:5000;
	position:relative;
	}

.navigation li{
	float:left;
	margin:10px 20px;
	font-weight:bold;
	font-size:1.4em;
	text-transform:uppercase;
 	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial, Helvetica, sans-serif;	
	}

.navigation a {
	color:#000000;
	}
	
h2.page_title {
	padding:18px 0 0 25px;
	}

h2.sub_title {
	padding:18px 0 ;
	}
	

/*   C O N T E N T  */	

.box_content{
  	font-family: "Courier New", Courier, "Lucida Console", monospace;
   }
 
.box_content p {
    line-height:1.5em;
	font-size:1.2em;
    padding:0px 0 7px 0;
	}	

.box_content ul {
    padding:0px 0 7px 0;
    }

.box_content ul li{
	text-transform:uppercase;
	list-style-type:square;
	margin-left:1.5em;
	padding:5px 0px;
	letter-spacing:1px;
	}
	
.box_content ol li {
	margin-left:1.5em;
	padding:5px 0px;
	}
	
h2.first {
	margin:-45px 0 20px 0;
	z-index:200;
	position:relative;
	}
	
.scrollbox a,
.flashbox a {
    text-decoration:none;
    }
    
.scrollbox a:hover,
.flashbox a:hover {
    text-decoration:underline;
    }
    
.scrollbox,
#submit_form {
	color:#40d200;
   }

.scrollbox p {  
    padding:3px 0 7px 0;
    }	
	
.introtext .scrollbox {
	width:490px;
	height:245px;
	border:none;
	background:none;
	padding:0 20px 0 0;
	}

.leading_section h2.first {
	margin-top:-35px;
	}

#FlickrGallery ul,
#FlickrGalleryHome ul {
    list-style-type: none;
    }

#FlickrGalleryHome li {
    float: left;
    list-style:none;
	margin: 5px 11px 0px 0;
}

#FlickrGallery li {
    position: relative;
    float: left;
    list-style:none;
	margin: 5px 11px 0px 0;
	height: 250px;
 	font-family: Verdana, Tahoma, Arial, Helvetica, 'Trebuchet MS', 'Lucida Grande',sans-serif;	
    color:#ffffff;
    font-size:1em;
    }
    
#FlickrGallery img {
    margin-bottom: 5px;
}

#FlickrGallery a img,
#FlickrGalleryHome a img {	
	border:1px solid #000000;
	}

#FlickrGallery a img:hover,
#FlickrGalleryHome a img:hover {	
	border:1px solid #ffffff;
	}
	
#FlickrGallery a {
    display: block;
    text-decoration: none;
}

#FlickrGallery a.textlink {
    width: 130px;
}	

#FlickrGallery a:hover {
    text-decoration: underline;
}	

.wide_col#FlickrGallery li {
	padding:0 25px 25px  0;
    }
    
.wide_col#FlickrGallery li img{
    height:180px;
    }

.flashbox p{
	color:#ff0000;
    }
    
.flashbox h3 {
    color:#ff0000;
    }
	
.video_entry {
	width:152px;
	float:left;
	text-transform:uppercase;
	font-size:0.9em;
    position: relative; 
    float: left; 
    width: 150px; 
    height: 175px; 
    margin: 0 10px 20px 0; 
    display:inline;	
    }

.video_entry br 
{
    line-height: 1px;
}    
    	
.video_entry p {
 	font-family: Verdana, Tahoma, Arial, Helvetica, 'Trebuchet MS', 'Lucida Grande',sans-serif;	
    color:#ffffff;
    font-size:1em;
    }

.video_entry img {
	width:150px;
	height:100px;
	margin-bottom:15px;
	}

.video_entry a img{
	border:1px solid #666666;
	}

.video_entry a img:hover{
	border:1px solid #ffffff;
	}

.video_entry .watch_button a {
	color:#ff0000;
	font-weight:bold;
	padding:2px 5px;
	width:140px;
	border:1px solid #ff0000;
	text-decoration:none;
	}

.video_entry .watch_button a:hover {
	text-decoration:none;
	border:1px solid #40d200;
	color:#40d200;
	}
				
/*  H O M E   P A G E  */

#photo_entries {
	border:none;
	background:url(../images/lafta_photos_bg.gif) no-repeat top left;
	margin:10px 0 0 0;
	height:205px;
	overflow:hidden;
	padding:20px 30px 20px 30px;
	width:280px;
	}
    
.rightcol #howto_enter {
	margin:0;
	padding:0px 25px 10px 0px;
	float:right;
	width:320px;
	font-family: "Courier New", Courier, "Lucida Console", monospace;
	color:#40d200;
	}

.rightcol #howto_enter .scrollbox {	
	height:300px;
	}

/*  W R I T T E N   P A G E  */

#written_entries {
    color:#ffffff;
    }

#written_entries .scrollbox {
    color:#6699cc;
 	font-family: Arial, Helvetica, 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma,sans-serif;	
    }

#written_entries .scrollbox {
    border-width:none;
    margin-bottom:40px;
    height:200px;
    border:1px dotted #3399ff;
    border-left:10px double #3399ff;
    }
 
/*  S U B M I T   P A G E  */

.textbox {
    display:block;
    width:300px;
    margin-top:5px;
    }
 
.flashbox .textbox {
    width:250px;
    } 
    
#submit_form_layout {
	padding:10px 20px;
	border:1px dotted #40d200;
	background:url(../images/lafta_scanlines_tile.png) repeat top center;
    }
  
#submit_form span{
    display:none;
    }

#submit_form p{
    margin:0;
    }

.checkbox {
    margin:3px 5px -2px 0;
    line-height:0;
    }

/* S U C C E S S   P A G E  */

#success,
#writing,
#audio {
    margin-bottom:400px;
    }

/* G E N E R I C   P A G E S  */

 .box_content .generic {
 	font-family: Arial, Helvetica, 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma,sans-serif;	
    color:#6699cc;
    }
 
 .box_content .generic h3,
  .box_content .generic h4{
    color:#cccccc;
    margin-top:20px;
    
    }

/*  F O O T E R  */

.footer p {
	font-size:1em;
	}

.footer a {
	color:#ffffff;
	} 	
 
/*  S I T E W I D E   C L A S S E S  */

.right {
	float:right;
	}

.clear {
	clear:both;
	}

p.big {
   font-size:1.4em;
   color:#4eff00;
   text-transform:uppercase;
   }