/*
Name: Sonnetry
URI: http://www.shakespearesquill.co.uk/
Description: A Random Sonnet, for shakespearesquill.co.uk alone.
Author: monalipschitz
*/

body  {
    margin: 10px 10px 10px 10px;
    background: #F6D5CE;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #514B42;
    text-align: center;
}

#main {
    margin: auto;
    width: 99.5%;
    height: auto;
    padding: 10px;
    background: #fff;
    border: 2px solid #414141;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-align: left;
    text-indent: 5px;
}

#philby {
/*  float: top; */
    width: auto;
    height: 174pt;
     line-height: 14px;
     padding: 2px;
    border-bottom: 1px dotted #414141;
    background-color:#fff;
}

h1  {
    position: absolute;
    float: right;
    top: 156pt;
    right: 27px;
    color: #414141;
    background: transparent;
    text-align: right;
    font-style: italic;
    font-size: 18pt;
}

#burgess {
    position: relative;
     top: 5px;
    float: left;
    width: 32%;
    height: auto;
     padding: 2px;
    border-left: 0px dotted #414141; 
    background:#fff;
}

#blunt {
    position: relative;
    top: 5px;
   float: right;
    width: 63.5%;
    height: auto;
    padding: 1px;
    border: 0px solid #414141;
    background:#fff;
}

#maclean { 
    position: relative;
  	top: 10px;
   clear: both; 
    width: auto;
   height: auto;
   padding: 2px;
   border: 0px solid #414141;
   background:#fff;
}

p, table, tr, td  {
    background: #fff;
    font-family:  Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-align: left;
    text-indent: 5px;
}

p.sonnet  {
    background: #fff;
    font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #414141;
    text-align: left;
    border-left: 0px dotted #414141; 
}

p.design {
    background: #fff;
    font-family:  Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #514B42;
    text-align: left;
    text-indent: 0px;
}

p.backandforth {
    background: #fff;
    font-family:  Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #514B42;
    text-align: center;
    text-indent: 0px;
}


ul {
    list-style: none;
}

a:link {
color: #969;
text-decoration: none;
}

a:visited {
color: #F2A2B4;
text-decoration: none;
border-bottom: 1px dotted #c9c;
}

a:hover {
color: #F2A2B4;
text-decoration: none;
}

a:active {
color: #969;
text-decoration: none;
}

a.indexlink, a.indexlink:visited, a.indexlink:active {
    color:#969; 
    text-decoration:none; 
    background-color:#fff;
    border: 0px solid #8C5468;
}

 a.indexlink:hover {
    color:#F2A2B4; 
    text-decoration:none; 
    background-color:#fff;
    border:0px double #8C5468;
}


a.nav, a.nav:visited, a.nav:active {
    color:#969; 
    text-decoration:none; 
    padding-left:0px; padding-right:0px;
    background-color:#fff;
    border-left: 0px solid #8C6154;
}

 a.nav:visited {
    color:#F2A2B4; 
    text-decoration:none; 
    padding-left:0px; padding-right:0px;
    background-color:#fff;
    border-left:0px double #C08C4B;
}

ul.nav {
 list-style-type: none; 
}

a.nav:hover {
   cursor:help;
   color:#F2A2B4;
   text-decoration:none;
   border-bottom:0px solid #306;
   background-color: #fff;
   position: relative; left: 1px; top: 1px;
}

.firstletter {
font-size: 400%; 
float:left;
line-height:.8em;
color:#fcc;
}

.ophelia {
 float: left;
 width: 46px;
 height: 86px;
 background-image:  url("images/bo.gif");
background-repeat: no-repeat;
 margin: 0px 3px 0px 0px;
 padding: 0px;
 border: #8C6154;
}

.joinedfl {
 float: left;
 width: 75px;
 height: 50px;
 margin: 0px 3px 0px 0px;
 padding: 0px;
 border: #8C6154;
}

.othello {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #414141;
    margin: 2px;
    padding: 1px;
    background-color: #fcc;
    border-bottom: 1px solid #414141;
}

.hamlet {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #414141;
    margin: 2px;
    padding: 1px;
    background-color: #fff;
    border-bottom: 0px solid #414141;
}

.cleopatra {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: right;
    color: #F2A2B4;
    margin: 2px;
    padding: 1px;
    background-color: #fff;
    border-bottom: 0px solid #414141;
}

.heathcliff {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #F2A2B4;
    margin: 2px;
    padding: 1px;
    background-color: #fff;
    border-bottom: 0px solid #414141;
}

.fry {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-indent: 10px;
    color: #F2A2B4;
    margin: 2px;
    padding: 1px;
    background-color: #fff;
    border-bottom: 0px solid #414141;
}

.toby {
    background-color: #fff;
    border-bottom: 1px dotted #414141;
}

acronym  {
    border-bottom: 1px dotted #999999;

} blockquote  {
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
margin: 20px 0;
padding: 0 20px 0 50px;
background-image: url('');
background-position: 5% 0%;
background-repeat: no-repeat;
border: none;

} code  {
font-family: Arial, Tahoma, sans-serif;
font-size: 9px;
color: #666666;
text-align: left;

} strike {
color: #636;

} strong {
color: #636;
}