/* stylesheet for bartoncole.com holding page */


/*

  	-- -- -- -- -- -- --
  	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 white;}
#logo {border: 1px solid orange;}
#development {border: 1px solid blue;}
#text {border: 1px solid green;}

 end working borders
---------------------------------------*/

body {
background:transparent url(images/platanus.jpg)top left ;
position:relative;
}




#wrapper {
position:absolute;
width: 800px;
height: 600px;
left:50%;
margin-left: -400px;
background:transparent url(images/10white50trans.png)top left;
}



#logo {
position: absolute;
width: 668px;
height: 500px;
left: 50%;
top: 50%;
margin-left: -334px;
margin-top: -250px;
}



#development {
width: auto;
height: auto;
position: relative;
display:inline;
padding: 2px;
font: 10pt arial, helvetica, sans-serif;
background:transparent url(images/10white50trans.png)top left;
float:left;
line-height: 1em;
margin-top: 20px;
margin-left:70px;
marign-right:auto;
font-weight:bold;
font-variant: small-caps;
color: #333333;
}



#text {
width: auto;
height: auto;
position: absolute;
margin-top: 550px;
text-align: right;
font: 8pt arial, helvetica, sans-serif;
color: #111111;
font-weight:bold;
padding:10px;
background:transparent url(images/10white50trans.png)top left;
}

.float-left {
float:left;}

.float-right {
float:right;
}

.note {
font-size: .65em;}
/* ==== styles for canteen page, for now ==== */

#title {
width:auto;
position:relative;
height:50px;
margin-top:10px;
margin-bottom:5px;
padding:5px;
padding-top:10px;
background:transparent url(images/10white50trans.png)top left;
}

h1 {
padding:2px;
color:#333333;}

#left {
position:relative;
float:left;
width: 35%;
height: auto;
margin-top:10px;
padding: 10px;
font: .85em arial, helvetica, sans-serif;
color: #333;
background:#ffffff ;
}

#right {
position:relative;
float:right;
width: 60%;
height: auto;
padding: 10px;
background:transparent url(images/10white50trans.png)top left;
}

.caption {
width:400px;
margin-left:30px;
font: .8em arial, helvetica, sans-serif;
font-weight:normal;
color:#000000;
margin-bottom:15px;
}

.caption a {
color:#ffbb00;
font-weight:bold;
}

.caption a:hover {
color:#ffffff;
font-weight:bold;
text-decoration:underline;
}

#link-home-top {
font: .8em arial, helvetica, sans-serif;
position:absolute;
top:10px;
right:70px;
width:5em;
color:#000000;

background:url(images/10white50trans.png)

}
#link-home-top.canteen-thumb{width:auto;padding:3px;background:url(images/10white50trans.png);}

#link-home-top a {
font-size:1.2em;
font-weight:bold;
color:blue;
font-variant:small-caps;
background:url(images/10white50trans.png);
}
#link-home-top img{position:absolute; background:url(images/10white50trans.png);left:-50px;bottom:-5px;}

#link-home-top a:hover {
text-decoration:underline;
color:#000000;
}

#link-home-btm {
width:5em;
font: .8em arial, helvetica, sans-serif;
position:relative;
top:auto;
right:70px;
color:#000000;
background:transparent url(images/10white50trans.png);
padding:3px;
}

#link-home-btm a {
font-size:1.2em;
font-weight:bold;
color:blue;
font-variant:small-caps;
background:url(images/10white50trans.png);
padding:2px;


}

#link-home-btm a:hover {
text-decoration:underline;
color:#000000;
}

#left img {
margin-top:10px;
}

p {margin-top:1em;}

#left .note {
font-size: .8em;}