/*Author: Paul Timney - last updated 09/03/2008
Hi there curious CSS'er.

I hope you are finding this file useful for your own work and I have no problem with you using it as an aid to what you are doing. 
I think the best way to learn is to get into the code of sites you like and find out what is going on. 

One thing though, the combination of CSS and XHTML I use is unique to the approach for my site so please don't take it completely and try to 
pass it off as your own. Anyone caught doing that will be struck down with bad karma.

Enjoy CSS authoring.

*/


body{
background-color: #E6F1F5;
background-image: url('images/cloud.jpg');
background-repeat: no-repeat;
background-position: 0px -20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 75% ;
color: #000000;
}


img{
border: none;
margin-top: 5px;
}

p{
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: 0px;
}

.holder{
position: absolute;
left: 10%;
right: 10%;
width: 80%;
top: 210px;
}

h1{
color: #FCFCFC;
font-size: 160%;
border-bottom: 1px solid #FFFFFF;
}

h2{
font-weight: bold;
font-size: 110%;
margin-bottom: 0px;
}

h3{
font-weight: bold;
font-size: 90%;
margin-bottom: 0px;
padding-top: 0px;
}


.holder p{
margin-bottom: 0px;
width: 50%;
}

.holder a:link, a:visited{
font-weight: bold;	
color: #000000;
}

.holder a:hover{
font-weight: bold;
color: #7f0000;
}



.sideBar{
position: absolute;
right: 30px;
width: 50px;
top: 440px ;
height: 130px;
}


.navigation{
position: absolute;
left: 0%;
width: 100%;
top: 80px;
height: 20px;
background-color: #FFFFFF;
text-align: right;
border-top: 3px solid #7F0000;
border-bottom: 3px solid #7F0000;
margin-bottom: 0px;
margin-top: 0px;
}

.navigation a:link{
text-decoration: none;
font-weight: bold;
color: #BCBCBC;
padding-right: 20px;
}

.navigation a:visited{
text-decoration: none;
font-weight: bold;
color: #BCBCBC;
padding-right: 20px;
}

.navigation a:hover{
text-decoration: none;
font-weight: bold;
color: #7f0000;
padding-right: 20px;
}

.inlineList li{
display: inline;
margin-top: 5px;
margin-right: 10px;
}

.blockList{
position: absolute;
bottom: 1%;
cursor: pointer;
}

.blockList li{
display: block;
margin-top: 0px;
padding: 0px;
}


.titleholder{
position: absolute;
left: 1%;
top: 35px;
z-index: 1;
}


.rightSideBar{
position: absolute;
width: 35%;
top: 255px;
right: 10%;
}

.rightSideBar p{
padding-left: 5px;
padding-top: 0px;
}

.rightSideBar img{
display: block;
}


.note{
font-size: 85%;
color:#BCBCBC;
margin-top: 15px;
}

.welcomeHolder{
position: absolute;
right: 0%;
top: 103px;
z-index: 1;
}

.welcomeHolder img{
border: none;
margin-top: 3px;
}

.favourites{
position: absolute;
right: 10%;
top: 103px;
margin-top: 0px;
}

.favourites img{
padding-top: 0px;
border: none;
margin-top: 0px;
}

.standards{
position: absolute;
left: 250px;
top: 0px;
z-index: 0;
}

.standards img{
border: none;
margin-top: 3px;
}

.favouriteList{
position: absolute;
width: 300px;
top: 455px;
right: 65px;
margin-top: 0px;
}

.favouriteList p{
padding-top: 20px;
width: 100%;
}

.favouriteList ol{
padding-left: 50px;
list-style-type: none;
margin-left: -45px;
}

.favouriteList li{
display: block;
}

.largeText{
font-size: 140%;
font-weight: bold;
}

.dateHolder{
position: absolute;
top: 10px;
right: 1%;
font-weight: bold;
color: #FFFFFF;
text-align: right;
}

.floatRight{
float: right;
display: block;
margin-top: 50px;
}

.hidden{
margin-left: 40px;
display: none; 
width: 300px;
}


.pictureBar{
position: absolute;
left:65px;
height: 10px;
margin-top: -23px;
width: 260px;
clip: rect(auto, 10px, auto, auto);
}


.formCol{
font-size: 85%;
float: left;
width: 25%;
}

.thumbnails{
float: left;
width: 87px;
margin-left: 5px;
margin-right: 5px;
}

.thumbnails img{
width: 87px;
height: 77px;
}

.navigation2{
position: absolute;
right: 100px;
top: 106px;
height: 20px;
padding-bottom: 0px;
background-image: url('block.png');
background-repeat: no-repeat;
background-position: 30% 0%;
padding-top:18px;
width: 250px;
text-align: center;
}

.navigation2 a:link{
text-decoration: none;
font-weight: bold;
color: #7F0000;
padding-right: 20px;
}

.navigation2 a:visited{
text-decoration: none;
font-weight: bold;
color: #7F0000;
padding-right: 20px;
}

.navigation2 a:hover{
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
padding-right: 20px;
}

.javaComment{
color: green;
font-weight: bold;
}

.javaCode{
color: blue;
font-weight: bold;
}

.noMargin{
font-size: 90%;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
}