/* Typography */

body
{
    font-size: 12px;
    font-family: Georgia, Serif;
    background: #fafafa;
    color: #000;
    text-align: center;
    font-weight: normal;
}

#page
{
    background-color: white;
    text-align: left;
}

#container
{
    text-align: left;
}

#content, p
{
    text-align: left;
}

h1, h2, h3
{
    font-family: Georgia, Serif;
    font-weight: bold;
}

h1
{
    border-bottom: 1px solid black;
    font-size: 36px;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    text-align: left;
}

h2
{
    font-size: 14px;
}

h3
{
    font-size: 14px;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description
{
    text-decoration: none;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite
{
    text-decoration: none;
}

a, h2 a:hover, h3 a:hover
{
    text-decoration: none;
}

a
{
    color: #000000;
    text-decoration: none;
    font-family: Georgia, Serif;
}

a:hover
{
    text-decoration: underline;
}

#topcontent p, #rightcontent p, #leftcontent p
{
    margin: 0px 0px 8px 0px;
    padding: 0px;
}

a, a:active
{
    border: none;
    outline: none;
}

em
{
    background-color: #DFD1DA;
    font-style: normal;
    padding-left: 2px;
    padding-right: 2px;
}

li{
    margin-bottom: 10px;
}


/* Structure */
body
{
    margin: 0 auto 20px auto;
    padding: 0 0 10px 0;
}

#root
{
    float: left;
    width: 100%;
}
#container
{
    width: 1020px;
    margin: 0 auto;
}

#outer
{
    background-color: #e6eaeb;
    float: left;
    width: 1020px;
}

#inner
{
    background-color: #ffffff;
    margin:10px 10px 0;
    float: left;
    padding: 0 13px 1px 13px;
    border-bottom: 1px solid #d0e0d0;
}

#inner p
{
    line-height: 17px;
    letter-spacing: 0.2px;
}

#header
{
    margin: 0px 0 20px 0px;
    padding: 0px;
    width: 973px;
    float: right;
    border-bottom: 4px solid black;
}

#navbox
{
    float: left;
    text-align: left;
}

#logo
{
    margin: 0 0 0px 0;
    padding: 13px 0 8px 0;
    width:300px;
    float: left;
}

#logo img
{
    height: 44px;
}

#navitems
{
    float: left;
    margin: 0;
    padding: 12px 0 0;
    width:670px;
}

#navitems ul
{
    text-align: right;
    padding-left:0;
    padding-top:20px;
}

#navitems ul li
{
    display: inline-block;
    margin-bottom: 0;
}

#navitems ul li.selected a
{
    color: #7F3764;
}

#navitems a
{
    margin: 0 16px 0 0px;
    font-family: Helvetica, sans-serif;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: black;
    letter-spacing: 1px;
}
#navitems a:hover
{
    color: #B43584;
}

#fullwide
{
    width: 973px;
    float: left;
    margin: 0 0 0 0;
}

#maincontent
{
    width: 640px;
    float: left;
    margin: 13px 0 0 0;
}

#maincontent a{
  text-decoration: underline;
}

#maincontent .topcolumn p:last-child
{
    padding-bottom: 10px;
    border-bottom: 4px solid;
}

#maincontent .leftcolumn
{
    border-right: 1px solid lightgrey;
    float: left;
    margin: 0 0 13px;
    width: 319px;
}

#maincontent .leftcolumn p, #maincontent .leftcolumn h2, #maincontent .leftcolumn h3
{
    margin-right: 10px;
}

#maincontent .rightcolumn
{
    float: left;
    padding: 0 0 0 10px;
    width: 310px;
}


#topcontent
{
    float: left;
    margin: 13px 0 13px 0;
    padding: 0px;
}

#topleftcontent
{
    width: 306px;
    float: left;
    border-right: 1px solid #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 13px 0px 0px;
}

#topcontent p
{
    margin: 0px;
    padding: 0px;
}

#topcontentwide
{
    font-size: 15px;
    width: 640px;
}

#topcontentwide p
{
    line-height: 20px;
}

#toprightcontent
{
    width: 307px;
    float: left;
    margin: 0 0 0 13px;
    padding: 0 0 0 0px;
}


#leftcontent
{
    margin: 0px 0 0px 0;
    padding: 0px 0px 0px 0px;
    width: 307px;
}

#rightcontent
{
    margin: 0px 0 0 13px;
    padding: 0px 0 0px 0px;
    width: 307px;
}

.bordertop
{
    border-top: 1px solid black;
}

#topcontent p a, #leftcontent p a, #rightcontent p a
{
    font-weight: bold;
}

#sidebarcontent
{
    width: 320px;
    float: right;
    height: 100%;
    margin: 13px 0 0px 0;
    border-left: 1px solid lightgrey;
}

#sidebarcontent h2,
#sidebarcontent h3 
{
    background-color: black;
    padding: 10px;
    color: #ffffff;
    font-family: Helvetica,Sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-top: 0;
}

#sidebarcontent p
{
    padding: 0 10px;
}

.sidebar em{
    font-size:11px;
    font-style:italic;
    padding-left:2px;
    padding-right:2px;
  background-color: transparent;
}

#footer
{
    height: 136px;
    float: left;
}

#footer p
{
    margin: 0px 0px 8px 0px;
    font-size: 10px;
}

#footer a
{
    color: black;
}

#footerleft
{
    width: 320px;
    float: left;
    margin: 13px 0 0 23px;
    border-right: 1px solid lightgray;
    height: 110px;
}


#footerinnerleft
{
    width: 167px;
    float: left;
    margin: 13px 0 0 13px;
    border-right: 1px solid lightgray;
    height: 110px;
}

#footerinnerright
{
    width: 139px;
    float: left;
    margin: 13px 0 0 13px;
    border-right: 1px solid lightgray;
    height: 110px;
}

#footerright
{
    width: 290px;
    float: left;
    margin: 13px 0 0 13px;
}

/* Images */
p img
{
    padding: 0;
    max-width: 100%;
}

img.centered
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright
{
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft
{
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

a img
{
    border: none;
}

/* Utility classes */

.center
{
    text-align: center;
}

.alignright
{
    float: right;
}

.alignleft
{
    float: left;
}

.hidden
{
    display: none;
}

.border
{
    border-bottom: 1px solid black;
}

.clear
{
    clear: both;
}

/* BLOG */
.post{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid lightgrey;
}

h2.entry-title{
  text-transform:uppercase;
  font-size:16px;
}

.entry-content a{
  text-decoration: underline;
}

.entry-meta{
   font-size: 11px;
  font-style:italic;
}

.comment{
    padding: 0 10px;
}

.twitter{
    margin-top: 5px;
}

.twitter img{
    float:left;
    margin: 0 3px 3px 0;
}

.twitter div{
  clear:both;
}

.delicious ul{
    padding-left: 0px;
}

.delicious ul li{
    border-bottom: 1px solid lightgrey;
    list-style-type: none;
}

.delicious ul li a{
    display:inline-block;
  font-weight:bold;
  padding-bottom:7px;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
