/* CSS Document */

/*Layout*/

	#wrap {
		width:768px;
		margin:0 auto;
		}
		
		
/*	<img src="images/header<?php echo(rand(1,5)); ?>.jpg" width="768" height="138" alt="Gaffertape" />*/
	#header {
		margin: -5px 50px 0px 50px;
		text-align:center;
		background-image:url(images/header1.jpg);
		height:138px;
		width:768px;
		}

	
	#nav  {
		margin: -26px 50px 0px 23px;
		text-align:right;
		width:768px;
		height:39px;

	
	}
	
	#error{
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	background-color:#FF0000;
	text-align:left;
	padding-left: 10px;
	}
	
	#maincontent {
	margin: 0px 50px 0px 50px;
	width:768px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
			
			}
			
	#maincontentwrap {
			width:700px;
			margin-left:30px;
			
			}
	#aboutwrap {
			width:500px;
			margin-left:80px;
}
	#newswrap {
			width:450px;
			margin-left:30px;
			text-align: center;

}
	#leftcontent {
	
		margin: -399px 0px 0px 0px;
		width:540px;
		text-align:left;
	
			}
			
	#Righttcontent {
	
		margin: 0px  0px 0px 580px;
		width:170px;
		height:389px;
		
			}
			
			
		#news{
		margin: 10px  0px 0px  30px;
		text-align: center;


		}
		#latesttut{
		margin: 10px  0px 0px  30px;
		text-align: center;

		}
	
		#mailinglist{
		margin: 10px 0px 0px 0px;
		text-align: center;
		}

		#topsubmissions {	
		margin: 10px 0px 0px 0px;
		text-align: center;
	
}

		
	
	#footer {
		margin: 0px 50px 0px 50px;
		text-align: center;
		width:768px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-top: 10px;
	
	}
	
	
	/* fonts and text links */
	
	#smalltext {
	font-size: 9px;
	}
	
	
	a:link {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style:oblique;
		text-decoration: none;
		color: #AF0135;
	
		}
		
		
	a:visited{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style:oblique;
		text-decoration: none;
		color: #990066;
	
	
		}
		
	a:hover{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style:oblique;
		text-decoration: none;
		color: #F200A4;
	
		
		}
	
	/* nav rollover */
	

a img {border-width: 0; background: top left no-repeat; width:106px; height:39px;}

a#home img {background-image: url(images/home.jpg);}
a#project img {background-image: url(images/projects.jpg);}
a#submit img {background-image: url(images/submit.jpg);}
a#about img {background-image: url(images/about.jpg);}
a#contact img {background-image: url(images/contact.jpg);}

a#home:hover img {background-image: url(images/home_hover.jpg);}
a#project:hover img {background-image: url(images/projects_hover.jpg);}
a#submit:hover img {background-image: url(images/submit_hover.jpg);}
a#about:hover img {background-image: url(images/about_hover.jpg);}
a#contact:hover img {background-image: url(images/contact_hover.jpg);}

/* round corners */

.roundedcornr_box { background: #F2EAE6;}
.roundedcornr_top div {background: url(images/roundedcornr_tl.png) no-repeat top left;}
.roundedcornr_top {   background: url(images/roundedcornr_tr.png) no-repeat top right;}
.roundedcornr_bottom div {   background: url(images/roundedcornr_bl.png) no-repeat bottom left;}
.roundedcornr_bottom {   background: url(images/roundedcornr_br.png) no-repeat bottom right;}

.roundedcornr_top div, .roundedcornr_top {
background-color:#FAF7F5;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 25px;
   font-size: 1px;
}


#title_top {
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	background-color:#FAF7F5;
	text-align:left;

}
#title_bottom {
	font-size:12px;
	text-align:centre;

}

.roundedcornr_content {
	text-align: left;
	padding-top: 10px;
	padding-left: 5px;

}