ÿþ/* This is the style sheet for Ruby's Tuesdays pages using blue background images */



.left {float: left;

border: 2px solid black;

margin-right: 8px;

margin-bottom: 5px;}



.right {float: right;

border: 2px solid black;

margin-left: 8px;

margin-bottom: 5px;}





.clear {clear: both;}



body.howyou { 

background-color: #99ccff;

background-image: url("../backgrounds/blue/how_you_look.jpg") 

}



body.appearances { 

background-color: #99ccff;

background-image: url("../backgrounds/blue/blue_eyes.jpg") 

}



body.borisblue {





body.cunning { 

background-color: #99ccff;

background-image: url("../backgrounds/blue/calico.jpg") 

}



body.englishman { 

background-color: #99ccff;

background-image: url("../backgrounds/blue/twirled.jpg") 

}





div.pagehowyou {border: ridge 8px #58b0ff;

background-color: #f5f5f5;

width: 705px;

padding: 2ex;}



div.pageappearances {border: ridge 8px #9370db;

background-color: #f5f5f5;

width: 705px;

padding: 2ex;}



div.pageborisbluepage {width: 600px; 

padding-bottom: 2ex;

padding-left: 2ex; 

border-left: solid 2px #0088ff; 

border-top: solid 2px #0088ff;

}

		





div.pagecunning {border: ridge 8px red;

background-color: #f5f5f5;

width: 705px;

padding: 2ex;

}



div.pagecunningbw {border: solid 8px #006BB5;

background-color: #f5f5f5;

width: 705px;

padding: 2ex;

}





div.areaappearances {background-color: #e6e6fa;

border-bottom: #9370db solid 2px; 

border-top: #9370db solid 2px;

color: #9370db;

text-align: right;

padding-right: 2ex;

margin-bottom: 0px;

margin-top: 2ex;

font-size: 110%;

font-weight: bold;

}



div.areaborisblue {

color: #0088ff;

padding-top: 0px;

width: 600px;

border-bottom: 2px solid #003399;

text-align: right;

padding-right: 2ex;

margin-bottom: 0px;

margin-top: 2ex;

font-size: 110%;

font-weight: bold;



}



div.areacunning {background-color: #8bcff4;

border-bottom: #da0360 solid 2px; 

border-top: #da0360 solid 2px;

color: #01761b;

text-align: right;

padding-right: 2ex;

margin-bottom: 0px;

margin-top: 2ex;

font-size: 110%;

font-weight: bold;

}





div.areahowyou {background-color: #58b0ff; 

border-bottom: #202C80 solid 2px; 

border-top: #202C80 solid 2px;

color: #2008e8;

text-align: right;

padding-right: 2ex;

margin-bottom: 0px;

margin-top: 2ex;

font-size: 110%;

font-weight: bold;

}



div.lineappearances {

background-color: #e6e6fa;

border-bottom: #9370db solid 2px; 

border-top: #9370db solid 2px;

color: #9370db;

margin-top: 15px;

margin-bottom: 1ex;

padding-right: 2ex;

font-size: 25%;

}



div.linecunning {

background-color: #8bcff4;

border-bottom: #da0360 solid 2px; 

border-top: #da0360 solid 2px;

color: #01761b;

margin-top: 15px;

margin-bottom: 1ex;

padding-right: 2ex;

font-size: 25%;

}



div.linehowyou {

background-color: #58b0ff; 

border-bottom: #202C80 solid 2px; 

border-top: #202C80 solid 2px;

color: #2008e8;

margin-top: 15px;

margin-bottom: 1ex;

padding-right: 2ex;

font-size: 25%;

}







div.barborisblue{

color: #003399;

text-align: center;

font-weight: bold;

}



div.cunningbw {background-color: #8bcff4;

border: dotted 2px #006BB5;

margin-bottom: 4px;

margin-top: 4px;

color: navy;

text-align: right;

padding-right: 2ex;}







div.center{text-align: center

}



div.barleftborisblue {color: #003399;

font-size: 16px;

font-weight: bold;

margin-bottom: 5px;

}



h2.howyou {

color: #202C80;

}



h2.appearances{

color:#483898;

}



h2.cunning {

color: #006bb5;

}





p.appearances {background-color: #e6e6fa;

border-bottom: #9370db solid 2px; 

border-top: #9370db solid 2px;

margin-bottom: 0px;

color: #4000d8;

padding-right: 2ex;}



p.copy {font-size: smaller;

}



p.dialogue {margin-top: 0px;

margin-bottom: 0px;

text-indent: 30px;

}



p.post {color: navy;

margin-top: 0px;

margin-bottom: 0px;

}



p.postappearances {color: #4000d8;

margin-top: 0px;

margin-bottom: 0px;

}



p.howyou {background-color: #58b0ff; 

border-bottom: #202C80 solid 2px; 

border-top: #202C80 solid 2px;

color: #2008e8;

}





a:link {color:  #0000ff;

}





a:visited {color:

#202C80;

}



a:active {color: 502818#;

}



a:hover {color: #ffffff;

background-color: #58b0ff;

}