/*  

Theme Name:Pianoforte Chicago

*/

body{
margin:0;
height:100%}

* {
margin:0;
padding:0;
outline:none;
}

p { 
margin:0 0 1.5em 0;
}

h2 
{
font-size:120%;
font-weight:bold;
margin: 0 0 1em 0;
}

h2.center{
text-align:center;
}

h2.quote 
{
font-size:95%;
text-align:center;
font-weight:normal;
margin: 0em 0 1em 0;
}

h3
{  
font-size:100%;
font-weight:bold;
margin: 2em 0 0.5em 0;
}
h4
{ 
font-style:italic;
font-weight:bold;
margin: 0 0 1em 0;
font-size:100%;
}

h5{  
margin: 1em 0 0 1em;
font-size:smaller;
}

img { 
display:block;
margin-left:auto;
margin-right:auto; 
margin-top:1em;
margin-bottom:1em;
border-style:none;
 }

ul, ol{
margin:0 0 0 2em;
}

#container
{
width: 1000px;
margin: 10px auto;
background-color: #fff;
color: #000 /*#333*/;
line-height: 130%;
}

#top
{
padding: .5em 0 0 .5em;
background-color: #fff;
border-bottom: 1px solid #dadada;
/*background: url("images/logo.jpg") no-repeat;*/
/*width:900px;*/
/*height:174px;*/
}

#top img{
position:relative;
margin: 0.5em 0 0 0.5em;
border-style:none;
}

#top h1
{
padding: 0;
margin: 0;
}

/*horizonal menu**********************/
#top ul
{
       display: block;
       position: relative;
       list-style: none;
/*       padding: 136px 0 0 0;*/
       margin: 0;
       text-transform: uppercase;
       font-size:0.9em;
}

#top ul li
{
        position: relative;
        float: left;
        border: solid 1px #dadada;
        border-bottom: 0px;
        margin: 0 5px 0 0;
        display:inline;
}

#top ul li a
{
        display: block;
        padding: 5px 10px 5px 10px;
        text-decoration: none;
  background-color: #fff;
        color: #333333;
}

#top ul li a:hover
{
        background-color: #09009f;
        color: #fff;
}

#top ul li.active, #top ul li.active a, #top ul li.active a:hover, #top ul li.current_page_item a
{
        background-color: #09009f;
        color: #fff;
/*        background-color: #ffffff;
        color: #333333;*/
}


/*********************************************/

/*left column*/
#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#leftnav ul.links { padding:1em 0 0 0; }

#leftnav ul.links li {
list-style:none;
font-size:100%em;
font-weight:normal;
padding:0;
}

#leftnav ul.links li a {
/*background:url(images/links_a.gif) bottom no-repeat;*/
color:#09009f;
text-decoration:none;
font-size:0.95em;
text-transform:uppercase;
display:block;
/*font-variant:small-caps;*/
padding:6px 0px;
margin:0 0 1px 0;
}

#leftnav ul.links li a:hover, #leftnav ul.links li.active, #leftnav ul.links li.active a, #leftnav ul.links li.active a:hover, #leftnav ul.links li.current_page_item a {
background-position:top;
color:#000;
text-decoration:underline;
/*color:#09009f;
text-decoration:underline;*/
}

/*#leftnav ul.links li.active, #leftnav ul.links li.active a, #leftnav ul.links li.active a:hover{
text-decoration:underline;
color:#09009f;
 }*/


/*right column*/
#rightnav
{
float: right;
width: 150px;
margin: 0;
padding: 2em 1em 1em 1em;
color: #333;
}

#rightnav dl {
margin:10px 0px 10px 0px;
font-style:italic;
}

#rightnav dl dt {
font-style:italic;
text-align:center;
padding:20px 0 0 0;
/*color:#D6C8D2;*/
}

#rightnav dl dd {
font-style:italic;
font-size:0.75em;
text-align:right;
padding:0;
}

#content
{
margin-left: 190px;
margin-right: 180px;
padding: 2.5em 1em 1em 1em;
width:604px;
/*max-width: 36em;*/
}

#content ul.submenu{
margin:0 0 1em 0;
padding:0;
list-style:square inside;
}

#content ul.submenu li{
margin:0;
font-size:0.95em;
color:#333333;
}

#content ul.submenu li a{
font-variant:small-caps;
text-decoration:none;
color:#333333;
}

#content ul.submenu li a:hover {
color:#09009f;
text-decoration:underline;
}

#content a{
color:#333333;
}

#content a:hover {
color:#09009f;
}

.entry{ 
border: 1px solid #ddd;
margin:0;
padding:1em 0;
}

#profile-pic 
{
position:absolute;
float: left; 
width: 380px; 
padding: 0 10px;
  }
#profile-description
{
position:absolute;
/*float: left;*/ 
margin:0 0 0 400px;
width: 184px;
padding: 0 10px;
  }


#footer{
margin: 0;
padding: .5em;
color: #333;
border-top: 1px solid #dadada;
}

#footer-content {
width:960px;
margin:0 auto;
font-size:0.85em;
/*background:#242121;*/
}


#leftnav p, #rightnav p { margin: 0 0 1em 0; }


#clear
{ 
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


/********* simulating table using an unordered list*/
#entry_list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


#entry_list li div{
    display:inline;
    float: left;
    padding: 3px 5px;
}

#entry_list li div.header{
    width:594px;
    padding-bottom: 0;
    border-top: 1px solid #ddd;
}

#entry_list li div.header h5{
    margin:1em 224px 0 1em;
}

#entry_list li div.pic {
    width: 380px;
}

#entry_list li div.text {
    width: 214px;
    padding: 0.5em 0em 3em 0;
}

#entry_list li div.text p {
    margin: 1em 2.5em 1em 0;
    font-size:smaller;
    line-height: 130%;
    text-align:justify;

}

#div.spacer {
clear:both;
}