/* CSS Document */

/*--------HTML Styles---------*/
body
{
	margin-top:20px;		
	background:url(../images/alley.jpg) no-repeat #000000 fixed;
	color:#ffffff;
	font-family:lucida sans;
	letter-spacing:1px;
}
fieldset
{ 
	border:0;
	margin:0;
	padding:0; 
}
label 
{ 
	display:block;
	margin-left:10px;
	font-size:80%; 
}
h2, h3
{
	margin:0px;
	margin-bottom:10px;
	
}
p
{
	font-size:12px;
	margin:0px;
	line-height:160%;	
}

hr
{
	border-top:solid 2px #ffffff;
	border-bottom:solid 0px;
	border-left:solid 0px;
	border-right:solid 0px;
	margin:20px 0px 10px 0px;
}




.hyperlink
{
	margin-top:10px;
	clear:both;
	padding:3px;
}

/*--------Header Styles--------*/

#header
{
	
}
#header h1
{
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:30px;
	padding-bottom:30px;	
	font-weight:normal;
}


/*--------About Styles---------*/

#about_content
{
		
}
#about_content img
{
	float:right;
	width:100px;
	border:solid 5px #ffffff;
	margin:0px 0px 10px 10px;
}
#about_content p
{
	margin-bottom:20px;
}

/*--------Websites Styles--------*/

#screenshots_holder a
{
	font-size:10px;		
}

.screenshot a
{
	width:110px;
	margin:5px;
	float:left;	
	display:inline;
	background:white;
	text-decoration:none;
	color:black;
}
.screenshot a:hover
{
	background:#252525;
	color:#ffffff;
}
.screenshot img 
{
	border: 0px solid #ffffff;
	width:100px;
	margin:5px;
}

.screenshot h4
{
	margin:0px 0px 0px 4px;
	font-size:1em;
	padding-bottom:5px;
	float:left;	
}
.new
{
	float:right;
	margin-right:5px;
	color:red;
}

.screenshots_desc p
{
	margin:0px 0px 10px 0px;
}

.screenshotlist 
{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:10px;
}
.screenshotlist br
{
	display:none;
}
.screenshotlist p br
{
	display:block;
}

.screenshottext
{
	width:210px;
	display:block;
	float:left;
}
.screenshottext a
{
	float:left;
	clear:both;
	padding:2px;
	margin-top:10px;
}
.screenshottext a:hover
{
	text-decoration:none;
}
.screenshotlist li
{
	clear:both;
	list-style:none;
	margin: 0px 0px 10px 0px;
	height:120px;
}
.screenshotlist img 
{
	clear:both;
	border: 5px solid #ffffff;
	float: left;
	width:250px;
	height:100px;
	margin-right:10px;
}
.screenshotlist a:hover img 
{
	border-color: #ffffff;
}
.screenshotlist a
{
	font-size:80%;
	color:#ffffff;
	text-decoration:none;
}
.screenshotlist a:hover{
	color:black;
}

/*--------Photo Styles---------*/

#photohraphy_holder a
{
	font-size:10px;		
}
.photo a
{
	width:50px;
	margin:5px;
	float:left;	
	display:inline;
	background:white;
	text-decoration:none;
	color:#000000;
}
.photo a:hover
{

	background:#252525;
	color:#ffffff;
}
.photo img {
	border: 0px solid #ffffff;
	width:40px;
	margin:5px;
}
	
/*--------Layout Styles---------*/

#container
{
	margin:0;
	margin-left:50px;
	width:740px;
}
#maincolumn
{
	width:520px;
	float:left;
}
#secondarycolumn
{
	width:210px;
	float:right;
	margin-top:62px;	
}
#content
{
	margin:20px;
}



/*--------Navigation Styles---------*/

#nav
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	padding-top:10px;
	list-style:none;
}
#nav li
{
	float:left;
	margin:0;
	padding:0;
	font-family:arial;
	font-size:100%;
}
#nav a
{
	float:left;
	display:block;
	margin:0 0 0 0;
	border-left:solid 1px black;
	padding:4px 8px;
	color:#ffffff;
	text-decoration:none;
	border-bottom:none;
	background:#252525;
}
#nav a:hover
{
	/*see colourstyles.css  */
	color:#000000;
}

	
/*--------Contact Styles---------*/

#contactform
{
	margin-bottom:10px;
	margin-left:10px;

}
#contactform input, #contactform textarea
{
	width:180px;
}
#contactform h2
{
	display:block;
	padding:4px 8px;	
}
#chart h2
{
	display:block;
	padding:4px 8px;	
}
.inputfield
{
	width:290px;
	border:0;
	margin-left:10px;
	background:#252525;
	margin-top:2px;
	margin-bottom:5px;
	color:white;
}
#contactform .submit
{
	width:120px;
	float:right;
	margin-right:10px;
}
#emailSuccess
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#loadBar
{
	margin-left:10px;
	margin-right:10px;
}
	
/*--------Friends Styles---------*/
#friendsnav1
{
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;	
	list-style:none;
}

#friendsnav1 li
{
	margin:0;
	padding:0;
	font-family:arial;
	font-size:80%;
}
#friendsnav1 a
{
	display:block;
	margin:0 0 0 0;
	padding:4px 8px;
	color:#ffffff;
	text-decoration:none;
	
}
#friendsnav1 a:hover
{
	color:black;
}
#friends
{
	margin-bottom:10px;
	margin-left:10px;
}
#friends h2
{
	display:block;
	padding:4px 8px;	
}
	
	/*--------Featured Styles---------*/
#featurednav
{
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;	
	list-style:none;
}

#featurednav li
{
	margin:0;
	padding:0;
	font-famil:arial;
	font-size:80%;
}
#featurednav a
{
	display:block;
	margin:0 0 0 0;
	padding:4px 8px;
	color:#ffffff;
	text-decoration:none;
	
}
#featurednav a:hover
{
	color:black;
}
#featured
{
	margin-bottom:10px;
	margin-left:10px;
}
#featured h2
{
	display:block;
	padding:4px 8px;	
}
/*--------News Styles---------*/

#news
{
	margin-bottom:10px;
	margin-left:10px;
}
#news h2
{
	display:block;
	padding:4px 8px;	
}
.newsarticle
{
	margin-bottom:10px;
	font-size:80%;
	margin-left:10px;
	margin-right:10px;
	line-height:160%;	
}
.newsarticle p
{
	line-height:160%;	
}
.newsarticle img
{
	float:left;
	margin:5px 10px 5px 0px;
	border:solid 2px #ffffff;
}
#news h4
{
	font-size:70%;
	line-height:160%;
	margin-bottom:5px;			
}

#news p
{
	margin:10px;		
}
.archivelink
{
	color:yellow;
	font-size:80%;
	margin-left:10px;
}
/*---------Footer Styles---------*/

#footer
{
	font-size:90%;
	margin-top:40px;
	padding:10px;
}
#footertext
{
	float:left;
	margin:0px;
	padding:0px;
}
#compliance
{
	float:right;
	padding:0px;
	margin:0px;	
}

/*---------Chart Styles----------*/
#music
{
	margin-bottom:20px;
}
#chart
{
	float:right;
	width:210px;
	margin-left:20px;	
}
ol
{
	font-size:11px;
	margin:10px;
	margin-left:20px;
	padding:10px;
}
#chart li
{
	margin:0;
	padding:0;
}

/*----------Flickr Styles--------*/

#flickr
{
	margin-top:10px;
	margin-left:10px;
}
#flickrimages
{
	padding:5px;
}
#flickr img
{
	float: left;
	width: 70px;
	height: 70px;
	border: 5px solid #ffffff;
	background: #fffefa;
	margin:7px;
}
#flickr h2
{
	display:block;
	padding:4px 8px;	
}

/*---------Return Styles---------*/

.return
{
	border-left:solid 5px yellow;
	padding-left:5px;
	font-size:70%;
	color:#ffffff;
	text-decoration:none;
}




.sizes
{
	margin-bottom:10px;
}