/*********************************************************************************** 
*
* Name:		style.css
* Author:	Tim Child
* Date:		24th July 2005
* Usage:	Main CSS file for the formating of timc3.com
* Version: 	v1.0
*
************************************************************************************/

/* Main page style applied to all Vertigos pages */

body { 
		background-color:			black;
		border-style: 				none;
		font: 					    12px/14px courier, Tahoma, Verdana, Helvetica, Arial, sans-serif;
		color:						#eee;
		text-align: 				left;
		padding:					0;
		margin:						0;
		background: url(images/backgroundMain.jpg);
		}
	
	
#container {

		}
		
#content {
		float: 						left;
		}

#page {
		background-color: white;
		padding: 8px;
		background: url(images/backgroundContentArea.jpg);
		}	

#left {
		float: left;
		margin: 0 0px 8px 0;
		padding: 0px;
		width: 530px;
		}
	
#right {
		padding: 1px 16px 4px 2px;
		margin: 0 0 8px 538px;
		}
		
#whitenoise {
		background: url(http://thevertigo.co.uk/wp-content/themes/thevertigo/images/whitenoise-trans.gif);
		width: 100%;
		}
#footergraphic {
		background: url(http://thevertigo.co.uk/wp-content/themes/thevertigo/images/footergraphic.gif);
		width: 100%;
		height: 67px;
		float: left;
		}
#footer {
		width: 100%;
		}


	
/* menu structure */
#menu {
		margin: 				0px 0 16px 0;
		padding: 				0;
		background: 			transparent;
		background: url(http://thevertigo.co.uk/wp-content/themes/thevertigo/images/buttonbehind.jpg);
		width: 100%;
		}

#menu ul {
		position: relative;
		height: 49px;
		list-style-type: none;
		margin: 0;
		margin-left: 0px;
		padding: 0;
		background: url(images/buttonBG.gif);
}

#menu ul li{
		background: black;
		color: white;
		height: 49px;
		bottom: 0;
		text-decoration: none;
		float:left;
		
		margin: 0 0 0 0;
		display: block;
		background: url(http://thevertigo.co.uk/wp-content/themes/thevertigo/images/buttonbehind.jpg);
		
		}

#menu ul li a {
		text-indent: -9999px; 
		text-decoration: none;
		display: block;
		height: 49px;
		}

#menu #button1 {background: url(images/button1.gif) no-repeat; width: 140px;}
#menu #button2 {background: url(images/button2.gif) 0 0 no-repeat; width: 168px;}
#menu #button3 {background: url(images/button3.gif) 0 0 no-repeat; width: 129px;}
#menu #button4 {background: url(images/button4.gif) 0 0 no-repeat; width: 182px;}
#menu #button5 {background: url(images/button5.gif) 0 0 no-repeat; width: 91px;}
#menu #button6 {background: url(images/button6.gif) 0 0 no-repeat; width: 110px;}
#menu #button7 {background: url(images/button7.gif) 0 0 no-repeat; width: 62px;}

img {
	border: 0;
	
}


hr {
		border:0;
  		border-top: 1px solid black;
  		height: 0;
	  	background: #000;
		margin: 4px 0 16px 0;
		}
		
.alignright {
	float: right;
	margin-right: 32px;
	}
	
.alignleft {
	float: left
	}

.readmore a {
		size: 95%;
		}
		
.navigation {

		float:				left;
		
		}
		
.widecolumn {
	 	padding: 8px;
		margin-right: 8px;
		}