/* CSS Document */

#mymenu 
{
	position: absolute;
	width: 125px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 10px;
	font-style: normal;
	left: 15px;
	top: 135px;
	height: 276px;
} 
#mymenu ul 
{ 
list-style:none; 
margin: 0; 
padding: 0; 

} 
#mymenu ul li 
{ 
height: 20px; 
width: 110px; 
} 
ul li a 
{

	display: block;
	padding: 3px;
	background-color: #000000;
	text-decoration: none;
	color: #FFFFFF;
	width: 110%;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0033CC;
} 
ul li a:hover 
{ 
border-left: 2px solid #ff66cc; 
text-decoration: none; 
letter-spacing: +0px; 

}
.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.style3 {
	color: #666666
;
	font-size: xx-small;
}
.style4 {
	color: #FFFFFF;
}
.style5 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9px; }


body {
	background-color: #000000;
	background-image:url(http://www.mattchantry.co.uk/beta/images/titlelong.jpg); 	
	background-repeat: no-repeat;	
	
}
{
margin: 20px;
padding: 0;
font-size: 1.1em;
font-family: verdana, arial, helvetica, sans-serif;
}
h1 { font-family: verdana, arial, helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; color: #888;
}
h2 { font-family: verdana, arial, helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; font-size: 1.1em;
}
p { font-family: verdana, arial, helvetica, sans-serif; line-height: 1.1em; margin: 0 0 16px 0; padding: 0;
} .content>p {
margin: 0; } .content>p+p {
text-indent: 30px; } a {
color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: 400;
text-decoration: none;

color: white; } a:visited {
color: white; } a:hover {
background-color: #bbb; }


.content {
	position: relative;
	width: auto;
	min-width: 120px;
	border: 1px solid blue;
	background-color: white;
	padding: 10px;
	z-index: 3;
	margin-top: 135px;
	margin-right: 210px;
	margin-bottom: 10px;
	margin-left: 140px;
	
	color: 0033cc; } a:link {
	color: 0033cc; } a:visited {
	color: 0033cc; } a:hover {
}
#navleft {
	position: absolute;
	width: 136px;
	top: 131px;
	left: 23px;
	font-size: 0.9em;
	border: 1px solid black;
	background-color: black;
	padding: 10px;
	z-index: 2;
	height: 261px;
}
#flickr {
	position: absolute;
	width: 197px;
	top: 103px;
	right: 17px;
	border: 1px solid black;
	background-color: #000000;
	padding: 10px;
	z-index: 1;
	height: 337px;
}
 .blog>p {
margin: 0; } .content>p+p {
text-indent: 30px; } a {
color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: 400;
text-decoration: none;

color: white; } a:link {
color: white; } a:visited {
color: white; } a:hover {
background-color: #000000; }

.blog {
	position: relative;
	width: auto;
	min-width: 120px;
	border: 1px solid blue;
	background-color: white;
	padding: 10px;
	z-index: 3;
	margin-top: 20px;
	margin-right: 210px;
	margin-bottom: 10px;
	margin-left: 140px;

}
#title {
	position: fixed;
	width: 8px;
	top: 27px;
	right: 200px;
	padding: 10px;
	z-index: 1;
	height: 103px;

}
.flickrfarm {
	position: absolute;
	width: 86px;
	min-width: 12px;
	border: 1px solid blue;
	background-color: white;
	padding: 0px;
	z-index: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	left: 21px;
	top: 82px;
	height: 87px;

}


#flickr ul { list-style: none; }
#flickr ul li { display: inline; } 

#flickr ul, #flickr ul li { padding: 0; margin: 0; border: 0; }
#flickr a img { border: 1px #ff66cc solid; background-color: #FFFFFF; padding: 2px; margin: 2px 2px 0px; }
#flickr a:hover img { border: 1px #0033cc solid; background-color: #0066CC; } 

