/*  CSS for FBB1 site  */


/*  Type selectors  */

body	{	line-height: 125%;
  		padding: 0;
  		margin: 0;  }

h1	{	font-family: Helvetica, Arial, sans serif;
  		font-size: x-large;
  		color: white;
  		padding-top: 1.5em;
  		padding-bottom: 1.2em;
  		padding-left: 1.5em;
  		margin: 0; 
		background: #807E73 url("http://www.fatbaldbloke.co.uk/gallery/crank header.jpg") no-repeat right;  }

h2	{	color: navy;
  		font-size: 100%;
  		font-weight: normal;
  		padding-top: 5px;
  		margin-top: 5px;
  		font-family: Helvetica, Arial, sans-serif;  }

ul	{	margin-top: 15px;
  		color: #B30000;  }

li	{	font-family: Helvetica, Arial, sans-serif;
  		font-size: medium;
  		line-height: 150%;
  		list-style-type: none;  }

p 	{	font-size: 80%;
  		font-family: Helvetica, Arial, sans-serif;
  		color: navy;  }
 
a	{	font-weight: bold;  }


/*  Class selectors  */

.clear		{	clear: both;  }

.index1		{	position: absolute;
			top: 200px;
			left: 60px;
			width: 320px;
			height: 210px;
			border: 1px solid black;
			color: navy;
			font-weight: bold;
			font-size: 120%;
			text-align: center;
			text-decoration: none;
			background-color: red;
			background-image: url("http://www.fatbaldbloke.co.uk/gallery/westfield07 008 web.jpg"); 
			margin-bottom: 100px; }

.index2		{	position: absolute;
			top: 200px;
			left: 520px;
			width: 320px;
			height: 210px;
			border: 1px solid black;
			color: navy;
			font-weight: bold;
			font-size: 120%;
			text-align: center;
			text-decoration: none;
			background-color: red;
			background-image: url("http://www.fatbaldbloke.co.uk/gallery/Golf index.jpg"); 
			margin-bottom: 100px; }

img.feature 	{	float: right;
			margin-top: 5px;
   			margin-bottom: 5px;
   			margin-left: 20px;
   			margin-right: 10px;
   			border: 1px solid #333333;  }

img.leftfeature	{	float: left;
			margin-top: 5px;
			margin-right: 20px;
			margin-bottom: 5px;
			border: 1px solid #333333;  }


/*  Pseudo class selectors  */



/*  ID selectors  */


#header 		{	width: 100%;
				border-top: 3px solid black;  }

#tagline p 		{	font-family: Helvetica, Arial, sans-serif;
  				font-size: medium;
				font-weight: bold;
				border-top: 3px solid black;
  				border-bottom: 3px solid black;
  				padding-top: .3em;
  				padding-bottom: .4em;
  				padding-left: 3em;
  				margin: 0;
  				background: #FF8000  }

#legalfooter		{	font-size:80%;  }

#albumlist li		{	float: left;
				width: 400px;
				margin-right: 20px;
				margin-bottom: 10px;
				font: bold 0.8em Helvetica, Arial, sans-serif;
				color: #333333;  }

#albumlista li		{	float: left;
				width: 300px;
				margin-right: 20px;
				margin-bottom: 10px;
				font: bold 0.8em Helvetica, Arial, sans-serif;
				color: #333333;  }

#albumlistb li		{	float: left;
				width: 200px;
				margin-right: 20px;
				margin-bottom: 10px;
				font: bold 0.8em Helvetica, Arial, sans-serif;
				color: #333333;  }


#albumlist img		{	display: block;
				border: 1px solid #333300  }

#albumlista img		{	display: block;
				border: 1px solid #333300  }

#albumlistb img		{	display: block;
				border: 1px solid #333300  }


/*  Absolute positioning ID selectors  */


#bodycontent 		{	position: absolute;
				top: 125px;
				padding-left: 15px;
				padding-right: 30px; 
				line-height: normal;  }

#legalfooter		{	position: absolute;
				top: 500px;
				width: 600px;
				margin-left: 15px; 
				line-height: 100%; }

#counter		{	position: absolute;
				top: 95px;
				right: 10px;
				font-family: Helvetica, Arial, sans-serif; 
				font-size: x-small;
				color: navy;  }


/*  End of CSS  */