/* based on Alpaca Repo 2 column style.css */

html    { text-align : center;
          /*outline: 1px dashed red;*/
}

body {
    font-family: "Book Antiqua", "Palatino Linotype", Cambria, serif;
    color: #842;
    font-weight: bold;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: center;
    /*background: #dada88;*/
    background: transparent url(index_files/BGpaper.gif) 0 0 repeat;
    /*outline: 1px dashed red;*/
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */ 
    font-family: "Book Antiqua", "Palatino Linotype", Cambria, serif;
    text-align: center;
    font-weight: bold;
    /*text-shadow: #444444 2px 2px 4px;*/
}

#container {
    /*width: 80%;*/
    width: 640px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#header {
    background: transparent url(index_files/jtwLogo-33.gif) 22px 30px no-repeat;
    /*text-align: right;*/
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#header h1, h2 { text-align: right; 
             /*padding-right: 72px;*/
}
/* used on prison letter pages */
.jailogo {position:relative;}
.jailogo img {
    position: absolute; top:30px; left:22px;
    border:0;
} 

#sidebar {
    float: left;
    width: 200px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.1em;
    font-weight: bold;
}

#sidebar ul {    
    margin: 0;    
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 20px;
    padding-right: 1.5em;    
    list-style-type: none;
}

#sidebar a {
    display: block;
    padding: 3px 3px 5px 20px;    
    color: #842;
    text-decoration: none; 
    /*border-bottom: 1px transparent none; */  
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border-radius: 10px; /*round corners*/
}

#sidebar a:hover {   
    color: #a00;
    border-left: 1px #999999 solid;
    border-top: 1px #999999 solid;
    border-right: 3px #999999 solid;
    border-bottom: 3px #999999 solid;
    padding-bottom: 0px;
    /*padding: 3px 3px 5px 20px;*/
    font-style: italic;
    font-weight: bold;    
}

#sidebar .poses {margin-left: -20px;}

#sidebar .photo a {
    display: block;
    padding: 3px 3px 5px 20px;
    margin: 0;
    border: 0;
}
#sidebar .photo a:hover{   
    padding: 3px 3px 5px 20px;    
    margin: 0;
    border:0;
}

/* thumbnail to fullsize */
p.motophoto {position: relative;}
p.motophoto a i {display: none; } 
p.motophoto a:hover i {
    display:block; 
    width: 36em;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 ;
    padding: 1em;
    border: 0;
    /*border: 1px solid gray;*/
    background-color: #a00;
    z-index: 10;
}  

#mainContent {
    /*background-color: #ffffff;*/
    margin-left: 12em;
    padding: 10px 20px 0 3em;
}
#mainContent .bigfont { font-size: 1.4em;
                        text-align: justify;
}
#mainContent .bigger {
    font-size: 1.1em;   
}
big {
    font-size: 130%;
    font-weight:bold;
}

/* for lists & links in the mainContent (prison) */
/*
#mainContent ul {    
    margin: 50px 0 0 10px ;    
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0px;
    padding-left: 5.0em; 
    text-align: left;
}
*/
/*
#mainContent a {
    display: block;
    padding: 3px 3px 5px 20px;    
    color: #800;
    text-decoration: none; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;     
}

#mainContent a:hover {   
    color: #a00;
    border-left: 1px #999999 solid;
    border-top: 1px #999999 solid;
    border-right: 3px #999999 solid;
    border-bottom: 3px #999999 solid;
    padding-bottom: 0px;
    font-style: italic;
    font-weight: bold;    
}
*/

/* for hulie's bio on index home page*/
p#bio { font-size: 1em;}
p#bio {position: relative;}
/*p#bio a {text-decoration: none; border: 0 ;}*/
p#bio a i {display: none; } 
p#bio a:hover i {
    display:block; 
    width: 22em;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 0;
    padding: 1em;
    /*background: #fff;*/
    border: 1px solid gray;
    color: #fff;
    font-size: 1em;
    /*font-weight: bold;*/
    background-color: #a00;
}  

/* http://webdesign.about.com/od/examples/l/bl_initial_cap_examples.htm */
p.initial:first-letter {
    font-size: 300%;
    color: #a00;
}
p.initial:first-line {
    line-height: 100%;
}
p.caps strong {
    font-size: 200%;
    color: #a00;
    font-style: normal;
    line-height: 100%;
}
p.spacious {
    letter-spacing : .07em;
    /*font-weight: normal;*/
}
p.mail em {
    font-size: 300%;
    color: #a00;
    font-style: normal;
}
p.mail a {    
    color: #842;
    text-decoration: none;
}

p.mail a:hover {    
    color: #a00;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    letter-spacing: .2em
}
p.author {text-align:right;}

/* used on Rejuvenation pages */
/*
#email a { 
    text-decoration: none;
    list-style-type:none;
    font-style: italic;
    font-weight: bold;
    font-size: 110%;
    color: #000080;
}
#email a:hover {color: #a00; 
         text-decoration:underline;
}
#email a:active {color: #ff0000;}
*/
#footer p {
    margin: 0;
    padding: 2em 0;
    text-align: center;
    font-size: .8em;    
}

#brushlogo  {position:relative;}
#brushlogo img{
    position: absolute; top:-15px; margin-left:-200px;
    border:0;
}  

#mailogo {position:relative;}
#mailogo img{
    position: absolute; top:-70px; margin-left:75px;
    border:0;
}    

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
}

.floatRight {
    float: right;
    margin-left: .8em;
}

.floatLeft {
    float: left;
    margin-right: .8em;
}

hr {color: #a00; size: 3px;}

pre {
    font-family: "Lucida Console", Monaco, "Andale Mono", monospace;
    font-weight: bold;
    font-size: .8em;
    color: #900;
}  

blockquote {
    font-family: "Book Antiqua", "Palatino Linotype", Cambria, serif;
    font-weight: bold;
    font-style: italic;
    font-size: .9em;
    color: #800;
    /*text-align: center;*/
}