/*stylesheet for argyle9 theme section
andy corax 120708
factotum@coraxdesign.com */

/* 
 	-- -- -- -- -- -- --
  	Base CSS
  	-- -- -- -- -- -- --
  	
  	This file simply removes default styling on most HTML elements in 
  	order to reduce the need to later override them.
	copied from source css www.freakswhocare.org
  	
  */

h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
  ul,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
  a img,:link img,:visited img {border: none;}
  address {font-style: normal;}
  a {text-decoration:none;}
ul {list-style-type:none;}


/*====================working borders====================
#wrapper {border:1px solid blue;}
==========================================================
#theme-list {border:2px solid red;}
=====================================default STYLE ==================*/

body {
background:#000000;
}


#wrapper {
position:relative;
width:800px;
height:600px;
left:50%;
margin-left:-400px;
background:transparent;
}


#title-block{
position:fixed;
height:auto;
width:24.3em;
bottom:10px;
left:10px;
color:#ffbb00;
background: transparent url(images/10white50trans.png)top left;
}
#back {
position:absolute;
top:.15em;
margin-left:.3em;
}
#back a {
line-height:1.2em;
display:block;
font:1em verdana, trebuchet, arial, helvetica, sans-serif;
border:1px solid green;
font-weight:bold;
font-variant:small-caps;
margin:4px;
padding:3px;
background:transparent url(images/10x50wh-grnGrad.jpg)top left;
}
#back a:link {color:#333333;}
#back a:visited {color:#333333;}
#back a:hover {color:#ffbb00; background:url(images/10x50wh-grnGrad.jpg) -15px left;
}


#title {/*testing whether we're having a problem*/
color:#ffbb00;
position:relative;
left:4em;
top:-0.3em;
}
#title a{color:#ffbb00;}
#title a:link {color:#ffbb00;}
#title a:visited {color:#ffbb00;}
#title a:hover {color:#cccccc;}
#title a:active {color:red;}


/*====================sitework STYLE ======================*/
#sitework {
position:absolute;
height:auto;
width:auto;
top:1em;
left:17em;
font:.7em verdana, trebuchet, arial, helvetica, sans-serif;
color:#666666;
}
#sitework a {
margin-top:-6px;
display:block;
line-height:20px;
height:20px;
padding-right:20px;
background:transparent url(images/orangeicon16.ico)top right no-repeat;
text-decoration:none;
color:#333333;
font-weight:bold;
font-variant:small-caps;
}

#sitework a:link {color:#333333;}
#sitework a:visited {color:#333333;}
#sitework a:hover {color:#cc9900;background:transparent url(images/redtesticon16.ico)top right no-repeat;}
#sitework a:active {color:#cccccc;}
#sitework a img {border:1px solid transparent;}



/*===========END=========sitework STYLE ==============END========*/

/*=======================theme-list STYLE =======================*/
#theme-list {
position:relative;
top:100px;
left:590px;
width:20em;
height:auto;
font:1em arial, helvetica, sans-serif;
color:#999999;
}

#theme-list ul{
width:200px;
font-variant:small-caps;
}
#theme-list ul li {
padding:2px;
font-size:.8em;
line-height:1.5em;
width:10em;
margin-bottom:4px;
text-align:center;
}
#theme-list ul li a {
display:block;
color:#cccccc;
font-weight:bold;
font-variant:small-caps;
border:2px solid gray;
}
#theme-list ul li a:visited {color:#666666;}
#theme-list ul li a:hover {color:#ffffff;border:2px solid #ffbb00;}
#theme-list ul li a:active{color:#ffbb00;}
/*=========END==============theme-list STYLE =============END==========*/

/*=======================united-argyle STYLE =======================*/
body#united {background:#ffffff;}
#united #wrapper {width:850px;height:200px;margin-left:-425px; margin-top:160px; background:#ffffff;}
#united #wrapper img {}

/*=======================united-argyle STYLE ============END===========*/


/*=======================amsterdam STYLE =======================*/
body#amsterdam {background:#000000;}
#amsterdam #wrapper {width:800px; margin-left:-400px;background:#ffffff;}
/*=======================amsterdam STYLE ============END===========*/

/*=======================submarine STYLE =======================*/
body#submarine {background:#000000;}
#submarine #wrapper {width:561px; margin-left:-280px;margin-top:5px;background:#000000;}
/*=======================submarine STYLE ============END===========*/


/*=======================rugby STYLE =======================*/
body#rugby {background:#ffffff;}
#rugby #wrapper {width:800px; height:255px; margin-left:-400px; margin-top:150px; background:#ffffff;}
/*=======================rugby STYLE ============END===========*/

/*=======================i-argyle9 STYLE =======================*/
body#i-argyle9  {background:#ffffff;}
#i-argyle9  #wrapper {width:800px; margin-left:-400px;background:#ffffff;}
/*=======================iargyle STYLE ============END===========*/

/*=======================picasso STYLE =======================*/
body#picasso {background:#000000;}
#picasso #wrapper {width:560px; height:585px;margin-left:-280px;margin-top:10px;background:#ffffff;}
/*=======================picasso STYLE ============END===========*/

/*=======================pollock STYLE =======================*/
body#pollock {background:#000000;}
#pollock #wrapper {width:450px; height:557px; margin-left:-225px;background:#ffffff;}
/*=======================pollock STYLE ============END===========*/

/*=======================ferrariSTYLE =======================*/
body#ferrari {background:#ffffff;}
#ferrari #wrapper {width:468px; height:292px; margin-left:-234px;margin-top:100px;background:#ffffff;}
/*=======================ferrari STYLE ============END===========*/

/*=======================wizard STYLE =======================*/
body#wizard {background:#000000;}
#wizard #wrapper {width:720px; height:480px; margin-left:-360px;margin-top:40px;background:#000000;}
/*=======================wizard STYLE ============END===========*/

/*=======================triomphe STYLE =======================*/
body#triomphe {background:#000000;}
#triomphe #wrapper {width:700px; height:442px; margin-left:-350px;margin-top:40px;background:#000000;}
/*=======================triomphe STYLE ============END===========*/

/*=======================gypsy  STYLE =======================*/
body#gypsy  {background:#000000;}
#gypsy  #wrapper {width:800px; height:514px; margin-left:-360px;margin-top:10px;background:#000000;}
/*=======================gypsy  STYLE ============END===========*/

/*=======================rembrandt STYLE =======================*/
body#rembrandt {background:#000000;}
#rembrandt #wrapper {width:670px; height:670px; margin-left:-335px;margin-top:0px;background:#000000;}
/*=======================rembrandt  STYLE ============END===========*/

/*=======================max STYLE =======================*/
body#max  {background:#000000;}
#max  #wrapper {width:600px; height:800px; margin-left:-300px;margin-top:10px;background:#000000;}
/*=======================max STYLE ============END===========*/