/*********************************************************************************** 
*
* 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 timc3 pages */

body { 
		background-color:			white;
		border-style: 				none;
		font: 					    10px/12px "geneva", Tahoma, Verdana, Helvetica, Arial, sans-serif;
		color:						#222;
		text-align: 				left;
		padding:					0;
		margin:						0;
		}
		
/* text styles */

.filetype {
		font-size:					12px;
		font-weight: 				bold;
		margin:						8px;
		margin-right:				40px;
		}
		
h3 {
		text-align: 				left;
		display: 					block;

		}




/* link styles */
p a:hover {
        background:					#e63b99;
		color: 						white;
		text-decoration: 			underline;
		}
#footer a {
		color:						#ccc;
		}		
				




/* structural divs */
#container{

		}

#page {
		background-color: white;
		margin: 8px 1000px 8px 12px;
		padding: 0 0 0 12px;
        width: 952px !important;	
        width: 951px;
		}

.bg1 {
		background: url(../images/bgGrey1Left.jpg);
		width: 951px;
		margin-top: 6px;      
		}
.bg2 {
		background: url(../images/bgGrey2Left.jpg);
		margin-top: 6px;  
		}	
.bg3 {
		background: url(../images/bgGrey3Left.gif);
		}

.rightColumn {
		width: 482px;
		padding: 1px 0px 4px 2px;
		margin: 0 0 8px 238px;
		}
		
.leftColumn {
		float: left;
		margin: 0 0 8px 0;
		padding: 8px;
		width: 224px;
		}

		
#footer {
		background: black;
		width: 100%;
		color: #999;
		padding: 0 1px 1px 12px;
		margin: 8px 0 16px 24px;
		}

		



/* menu structure */
#menu {
		margin: 				8px 0 8px 0;
		padding: 				0;
		background: 			transparent;
		}

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

#menu ul li{
		background: black;
		color: white;
		width: 120px;
		height: 13px;
		bottom: 0;
		text-decoration: none;
		float:left;
		margin: 0 0.1% 0 0.1%;
		display: block;
		background: url(../images/buttonBG.gif);
		}

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

#menu #button1 {background: url(../images/buttonAbout.gif) no-repeat; }
#menu #button2 {background: url(../images/buttonProjects.gif) 0 0 no-repeat; }
#menu #button3 {background: url(../images/buttonTechnologies.gif) 0 0 no-repeat; }
#menu #button4 {background: url(../images/buttonCV.gif) 0 0 no-repeat; }
#menu #button5 {background: url(../images/buttonContact.gif) 0 0 no-repeat; }
#menu #button6 {background: url(../images/buttonBlog.gif) 0 0 no-repeat; }





/* image styles */
img {
		border: 0;
		}

img.site { 
		border: 4px solid white; 
		margin: 0px; 
		padding: 0px; 
		}
		
img.left {
		float: left;
		border: 4px solid white; 
		margin-right: 4px; 
		padding: 0px; 
}
		
#headerFire1 {
		margin-bottom: 8px;
		}

.downloadarrow {
		margin:  0 10px -4px 5px;
		}
		
/* other styles */

hr {
		border:0;
  		border-top: 1px solid gray;
  		height: 0;
	  	background: #E19832;
		margin: 4px 0 8px 0;
		}
		
acronym, abbr, span.caps
{
		cursor: help;
	}

.rightColumn ul {
  float: left;
  width: 500px;
  margin: 0 0 16px 0;
}
 
.rightColumn li {
  float: left;
  width: 30%;
}

.ratings {
  float: left;
  width: 500px;
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
}

.fivestar {
 background-image: url(../images/stars5.gif);
 background-repeat: no-repeat;
 padding-left: 66px;
 float: left;
}

.fourstar {
 background-image: url(../images/stars4.gif);
 background-repeat: no-repeat;
 padding-left: 66px;
 float: left;
}

.threestar {
 background-image: url(../images/stars3.gif);
 background-repeat: no-repeat;
 padding-left: 66px;
 float: left;
}

.twostar {
 background-image: url(../images/stars2.gif);
 background-repeat: no-repeat;
 padding-left: 66px;
 float: left;
}

.onestar {
 background-image: url(../images/stars1.gif);
 background-repeat: no-repeat;
 padding-left: 66px;
 float: left;
}