/**************************************************************
   use for drop shadow on design.php page 
 **************************************************************/



div.designimg-ilus { 
background: url(../images/shadow.gif) bottom right no-repeat; 
margin: 0px 0px; 
padding: 0; 
position: relative; 

}

div.designimg-ilus img { 
background-color: #fff; 
border: 1px solid #a9a9a9; 
margin: -5px 5px 5px -5px; 
padding: 4px; 
position: relative; 
vertical-align: bottom; 

}



/****************************************************************************************************************************
   design.php page
 ****************************************************************************************************************************/


div.designcontainer {
width: 840px;
margin: 0 0 0 0px;
padding: 0 0 0 0;
background-color: #FFFFFF;
border:0px solid red;
}


div.designtext {
float: left;
width: 280px;
font: 10px Verdana, sans-serif;
line-height: 14px;
border: 0px solid green;
margin: 0 0 10px 10px;
padding: 0 0 0 0;
}

div.designimageholder {
float: left;

border: 0px dashed red;
margin:  0 0 0 0; 
padding: 0 0 0 0; 

}

div.designbinder {
float: left;
width: 420px;
height: 160px;
border: 0px dashed blue;
margin:  0 0 0 0; 
padding: 0 0 0 0; 
border: 0px solid #333;
}

div.designname {
font: 10px Verdana, sans-serif;
color: #444444;
font-weight: bold;
margin-bottom: 10px 0 0 0;
padding: 0 0 0 0; 
}


div.designlinks {
text-align: left;
margin:  10px 0 0 0; 
padding: 0 0 0 0; 
}
 


/****************************************************************************************************************************
   bio pages
****************************************************************************************************************************/

div.biocontainer {
width: 800px;
height: auto;
margin: 0 0 0 10px;
padding: 0 0 0 0;
background-color: #FFFFFF;
}

div.biotopnav {
float: left;
clear: none;
width: 798px;
height: 70px;
margin: 0 0 0 0;
padding: 20px 0 0 0;
background-color: #FFFFFF;
}

div.biosinglecolumn {
clear: left;
float: left;
width: 700px;
height: 800px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.bioleftcolumn {
clear: left;
float: left;
width: 140px;
height: 800px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.biorightcolumn {
clear: none;
float: left;
width: 670px;
min-height: 400px; 
height: auto !important;
height: 400px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.teamholder {
clear: both;
float: left;
width: 840px;
margin: 0 0 30px 0px;
padding: 0 0 20px 0;
vertical-align: text-top;
border-bottom: 1px solid #DEDEDE;
}

div.teamrightcolumn {
clear: none;
float: left;
width: 580px;
margin: 0 0 0 0;
padding: 0 0 0 20px;
vertical-align: text-top;
}

div.teamleftcolumn {
float: left;
clear: both;
width: 140px;
margin: 0 0 0px 0;
padding: 0 0 0 0;
border-bottom: 0px solid #333;
}

div.teamtext {
float: left;
clear: none;
width: 600px;
font: 12px Verdana, sans-serif;
line-height: 16px;
margin: 0 0px 0 0px;
padding: 0 0 0 0;
vertical-align: text-top;
}

div.teambinder {
width: 145px;
margin:  0 0 0 0; 
padding: 0 0 0 0; 
}

div.biotext {
float: left;
clear: none;
width: 600px;
font: 12px Verdana, sans-serif;
line-height: 16px;
margin: 0 0px 0 20px;
padding: 0 0 0 0;
vertical-align: text-top;
}

p.biotext {
margin: 0 0 0 0;
padding: 5px 0 0 0;
}

div.bioimageholder {
float: left;
margin:  0 0 0 0; 
padding: 0 0 0 0; 
}

div.biobinder {
width: 140px;
margin:  0 0 0 0; 
padding: 0 0 0 0; 
}

div.bioname {
font: 14px Verdana, sans-serif;
color: #444444;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.biolinks {
text-align: left;
margin:  10px 0 0 0; 
padding: 0 0 0 0; 
}

.bioemail {
font: 10px Verdana, sans-serif;
color: #666;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.biotitle {
font: 10px Verdana, sans-serif;
color: #666;
font-weight: bold;
font-style: italic;
margin: 0 0 0 5px;
padding: 0 0 0 0;
}

div.biotown{
font: 14px Verdana, sans-serif;
color: #444444;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

p.tutorials {
font: 12px Verdana, sans-serif;
color: #222222;
margin: 0 0 0 0;
padding: 0px 50px 14px 40px;
line-height: 15px;
border-width: 0;
}

p.aboutfan {
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #222222;
line-height: 16px;
margin: 0 0 0 0;
padding: 0 0 14px 0;
}

strong.aboutfan {
color: #444444;
}

a.aboutfan {
font-size: 13px;
}

h1.about {
font: 14px Verdana, sans-serif;
color: #444444;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h2.about2 {
font: 12px Verdana, sans-serif;
color: #444444;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/****************************************************************************************************************************
   columns
****************************************************************************************************************************/

div.aboutleftcol {
float: left;
width: 300px;
min-height: 400px;
height: auto !important;
height: 400px;
border: 0px dashed blue;
margin:  0 0 0 0; 
padding: 0 0 0 100px; 
border: 0px solid #333;
}

div.aboutrightcol {
float: right;
width: 300px;
min-height: 400px;
height: auto !important;
height: 400px;
border: 0px dashed blue;
margin:  0 0 0 0; 
padding: 0 100px 0 0; 
border: 0px solid #333;
}



/****************************************************************************************************************************
   columns
****************************************************************************************************************************/

div.awardsleftcol {
float: left;
width: 520px;
min-height: 400px;
height: auto !important;
height: 400px;
border: 0px dashed blue;
margin:  0 0 0 0; 
padding: 0 0 0 0px; 
border: 0px solid #333;
}

div.awardsrightcol {
float: right;
width: 300px;
min-height: 400px;
height: auto !important;
height: 400px;
border: 0px dashed blue;
margin:  0 0 0 0; 
padding: 0 0 0 0; 
border: 0px solid #333;
}