/*
  petew_rtw.css
  =============
  Main styles for petew_rtw site
*/

/** GENERAL TAGS **/

/* There is an IE-hacked version of this in ../ie-hacks/ie-lt-7.css */
body{
 background:#fff url(../graphics/sand.jpg) repeat fixed top left;
 color:#000;
 text-align:center;
}
h1, h2, h3, h4, h5, h6{
 text-decoration:underline;
 font-weight:bold;
}
table{
}
tr{
}
th{
 background-color:#ccc;
 color:#000;
}
td{
 background-color:#fff;
 color:#000;
}
div{
 margin:0;
 border-width:0;
 padding:0;
}

/* Links */
a.external:after{
 content: url(../graphics/linkout.png)
}



/** MAIN STRUCTURAL BLOCKS **/

/* There is an IE-hacked version of this in ../ie-hacks/ie-lt-7.css */
div#pagewrapper{
 float:none;
 clear:both;
 margin:0 auto 50px auto;
 border:10px outset rgb(64,128,255);
 width:800px;
 text-align:left;
}
/* This is necessary to prevent IE from seeing it. The IE version is in ../ie-hacks/ie-lt-7.css */
div#pagewrapper[class]{
 background:red url(../graphics/sand-blue.jpg) repeat fixed top left;
}

div#head{
 float:none;
 clear:both;
 width:790px;
 border:5px solid #f00;
}
div#head img{float:left;}

div#ads{
 float:right;
 clear:right;
 border:5px solid #0ff;
 width:140px;
}

div#navigation{
 float:right;
 clear:none;
 width:240px;
 border:5px solid #ff0;
}

div#content{
 float:none;
 clear:none;
 width:790px;
 border:5px solid #0f0;
}
div#content:before{background-color:#0c0;color:#fff;font-weight:bold;content:"style0.css - blue perspex over sand"}

div#foot{
 float:none;
 clear:both;
 border:5px solid #00f;
 width:790px;
}


/** CLASSES FOR TEST PURPOSES **/

.designnotes{
 display:none;
 margin:10px;
 background-color:#ccc;
 color:#444;
 text-align:left;
 font-size:8pt;
 font-style:italic;
}

.usernotes{
 display:none;
 float:left;
 margin:1px;
 border:1px solid #000;
 padding:0;
 width:150px;
 margin:0px;
 background-color:#ffc;
 color:#000;
 text-align:left;
 font-size:10pt;
 font-style:normal;
}

.displaychecks{
 display:none;
 margin:0;
 border-width:0;
 padding:0;
 width:100%
}

.alertok{
 float:right;
 background-color:#0c0;
 color:#fff;
 font-weight:bold;
}

.alertwarning{
 float:right;
 background-color:#f00;
 color:#fff;
 font-weight:bold;
}


div.pagewrapperwidthplusborders{
 margin:5px auto;
 border-width:0;
 padding:0;
 width:820px;
 background-color:#ff0;
 color:#000;
}

div.pagewrapperwidthnoborders{
 margin:5px auto;
 border-width:0;
 padding:0;
 width:800px;
 background-color:#0ff;
 color:#000;
}

div.ieoverride{
 margin:5px 0;
 border:5px solid #000;
 background-color:#ff7f00;
 color:#00f;
}