/* Standard elements */

*

{
	margin: 0;
	padding: 0;
}


a

{
	color: #7F0000;
	text-decoration: none;
}


body

{
	background: #000 url(img/bg.png) repeat-x fixed left bottom;
	color: #FFFFFF;
	margin: 20px 0;
	text-align: center;
	font: normal 12px sans-serif,Arial;
}


table
{
   margin-left: 12px;
}
    

ul

{
	margin-left: 12px 0;
        
}


li

{
	list-style: url(img/li1.gif);
	margin-left: 22px;
}



lii

{
	list-style: url(img/li.gif);
	margin-left: 200px;
}


code

{
	font: normal 1em "Lucida Sans Unicode",serif;
	background: url(img/bgcode.gif);
        color: #888;
        width: 710px;
        height: 330px;
	display: block;
	padding: 3px 6px;
	margin-bottom: 12px;
}


/* projects */


.bg

{
       
	font: normal 1em "Lucida Sans Unicode",serif;
	background: url(img/bgcode.jpg);
        border: 3px double #EEE;
        border-color: #141414 #202020 #222 #202020;
        width: 685px;
        height: 330px;
	display: block;
	padding: 3px 6px;        
	margin-bottom: 12px;
        margin-left: 10px;
}


/* image positioning - left, right and center */


.left
{ float: left; 
  padding: 0px 0px 0px 0px;
  margin-right: 15px;
  

}

.right
{ float: right; 
  padding: 0px 0px 0px 0px;
  
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* Misc */


div.quote

{
	margin-bottom: 12px;
	font: normal 1.1em Tahoma,sans-serif;
	background: url(img/quote.gif) no-repeat;
	padding-left: 28px;
	color: #666;
}


/* thumbnail mouseover */


.thumbnail{
position: relative;
float: right;
margin-right: 30px;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #AF0000;
padding: 2px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -600px; /*position where enlarged image should offset horizontally */

}





/* Main structure */


.main

{
	background: #000; 
	border: 3px double #EEE; 
	border-color: #141414 #202020 #222 #202020; 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 744px; 
}


/* Header */


.gfx

{
	background: #222 url(img/enzo.jpg) no-repeat;
	height: 240px;
}


.gfx h1

{
	color: #FF0509;
	font: normal 2.6em Tahoma,sans-serif;
	padding: 16px 20px;
}


/* Menu */


.menu 

{
    padding:0 0 0 55px;
    margin:0;
    list-style:none;
    height:35px;
    background:#000000 url(img/button1.gif);
    position:relative;

    border-width:0 1px;

    margin:0 auto;
    width:689px;
 }

.menu  

{
   float:left;
}

.menu a 

{
   display:block;
   float:left;
   height:35px;
   line-height:35px;
   color:#AF0000;
   font-size:14px;
   font-family:arial, verdana, sans-serif;
   font-weight:bold;
   text-decoration:none;
   text-align:center;
   padding:0 0 0 50px;
   cursor:pointer;
}



.menu a:hover 

{
   color:#FFFFFF;

}



/* Content */


.content

{
	border-top: 1px solid #1A1A1A;
	background: #1A1A1A;
	clear: both;
}


.content h1

{
	margin: 0 0 4px;
	font: bold 14px sans-serif,Arial;
	color: #AF0000;
}


.content p

{
	margin: 0px 0px 0px 0px;
}


.item

{
	background: #030303 url(img/bgitem.gif) repeat-x;
	padding: 8px 10px;
}


/* Footer */


.footer

{
	padding: 5px;
	background: #0A0A0A;
	color: #666;
}