html, body {
    background-color: #9ae4e8;
    color: #333;
}

#site {
    width: 763px;
    font-size: 75%;
}


#wrapper {
    -moz-border-radius:5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 1.0em;
}
#content {
    width:564px;
    float: left;
}
.content {
    padding: 1.5em 2.0em;
}
#extra {
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topright:5px;
    -khtml-border-radius-bottomright:5px;
    -khtml-border-radius-topright:5px;
    -webkit-border-radius-bottomright:5px;
    -webkit-border-radius-topright:5px;
    border-radius-bottomright:5px;
    border-radius-topright:5px;
    background-color:#DDFFCC;
    border-left:1px solid #BDDCAD;
    line-height:1.2;
    width:198px;
    float: right;
    overflow: hidden;
}
.extra {
    padding: 1.0em;
}


/* general styles 
********************************************************************/

/* links */
a {
    color: #0084B4;
    background-color: inherit;
}
a:link,
a:visited {
    text-decoration: none;
}
a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

.error {
    color: #c00;
    background-color: inherit;
    font-weight: bold;
}
.success {
    color: #090;
    background-color: inherit;
    font-weight: bold;
}

/*____________ round corners ____________*/

.rounded,
.rounded .bg {
  background-repeat: no-repeat;
  display: block;
}
.rounded {
  float:left;
  background-position:left bottom;
}
.rounded .i1 {
  padding:0 0 9px;
  background-position:right bottom;
  margin-left: 6px;
}
.rounded .i2 {
  padding:0 0 0 6px;
  background-position:left top;
  margin-left: -6px;
}
.rounded .i3 {
  padding:9px 12px 0 6px /* no bottom padding because of IE6 */;
  background-position:right top;
}

/* buttons */
.button,
.button .bg {
  background-image: url(../img/roundButton.gif);
  background-color: #fff;
  color: #666;
  cursor: pointer;
  text-decoration: none !important;
}
.button:hover,
.button:hover .bg,
.button:hover input,
.button:active,
.button:active .bg,
.button:active input,
.button:focus,
.button:focus .bg,
.button:focus input {
  background-image: url(../img/roundButtonHover.gif);
  color: #444;
}
.disabled,
.disabled .bg,
.disabled input {
  background-image: url(../img/roundButton.gif) !important;
  color: #aaa !important;
  cursor: default !important;
}
.button input {
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #666;
  background-image: none !important;
  margin: -.3em 1.5em;
}

/* hoverissimo */
.button:hover,
.button:active,
.button:focus {
    background-position: left top;
}
.button:hover .i1,
.button:active .i1,
.button:focus .i1 {
    background-position: right top;
    padding: 9px 0 0 0;
}
.button:hover .i2,
.button:active .i2,
.button:focus .i2 {
    padding:0 0 0 6px;
    background-position: left bottom;
}
.button:hover .i3,
.button:active .i3,
.button:focus .i3 {
    background-position: right bottom;
    padding:0 12px 9px 6px;
}

/* header 
********************************************************************/

#header {
    overflow: hidden;
    padding: 1.0em 0 0;
    margin-bottom: 1.0em;
}
#header h1 {
    float: left;
    color: #fff;
    font-size: 300%;
    margin-bottom: 0;
}
#header h1 a {
    color: #fff;
    text-decoration: none;
}
#header ul {
    -moz-border-radius:5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#FFFFFF;
    padding:0 0.7em;
    float: right;
    list-style: none;
    margin-bottom: 0;
}
#header ul li {
    float: left;
    list-style: none;
}
#header ul li a {
    padding: .5em .5em .6em;
    display: block;
}


/* content 
********************************************************************/

/*____________ form ____________*/

#content h3 {
    overflow: hidden;
    margin-bottom: .2em;
    font-size: 1.6em;
}
#content h3 label {
    font-weight: normal;
    letter-spacing: -1px;
    float: left;
}
#content h3 strong {
    float: right;
    color: #ccc;
    font-size: 160%;
    font-family: Georgia,Garamond,Palatino,"Times New Roman",Times,serif;
    line-height: 1;
}

#content form {
    margin-bottom: 1.5em;
    clear: both;
    overflow: hidden;
}
#content form textarea {
    border: 1px solid #aaa;
    padding: 4px 2px;
    font-family: 'Lucida Grande',sans-serif;
    height: 2.5em;
    width: 508px;
    overflow: auto;
    margin-bottom: .5em;
}
#content form .button {
    float: right;
}

/*____________ home ____________*/

#content h2 {
    color: #666;
    font-weight: normal;
    font-size: 1.5em;
}
#content h4 {
    font-size: 1.8em;
}
#content li {
    padding-bottom: .5em;
}

#content h2.user {
    color: #333;
    font-weight: bold;
    font-size: 2.2em;
    padding: 20px 0 20px 95px;
    background: transparent url(../img/user.png) no-repeat 0 0;
    min-height: 73px;
}

/*____________ profile ____________*/

#content label {
    font-weight: bold;
    float: left;
    margin: .5em .5em .5em 0;
}
#content input.text {
    border: 1px solid #aaa;
    padding: 4px 2px;
    font-family: 'Lucida Grande',sans-serif;
    width: 200px;
    float: left;
    margin: .2em 1em .2em 0;
}
.profile #content form .button {
    float: left;
}

/*____________ about ____________*/

#content blockquote {
    -moz-border-radius:5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #eee;
    padding: 1em;
}
#content blockquote p {
}
#content blockquote cite {
    font-style: italic;
    text-align: right;
    display: block;
}
#content address {
    font-style: italic;
    text-align: right;
}

/* sidebar
********************************************************************/

/*____________ profile ____________*/

#extra dl.user {
}
#extra dl.user dt {
    font-weight: bold;
    float: left;
    margin-right: 5px;
}
#extra dl.user dd {
}

#extra ul.stats {
    overflow: hidden;
    list-style: none;
    padding: 0;
}
#extra ul.stats li {
    float: left;
    list-style: none;
    margin-right: 10px;
}
#extra ul.stats li span {
    display: block;
    font-family: Georgia,Garamond,Palatino,"Times New Roman",Times,serif;
    font-size: 1.3em;
}
#extra ul.stats li a {
    font-size: 90%;
}

#extra ul.nav {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0 -1em 1.5em -1em;
}
#extra ul.nav li {
    list-style: none;
    padding: 0.5em 1em;
    background-color: #edffe5;
    font-weight: bold;
    overflow: hidden;
}
#extra ul.nav li strong {
    float: left;
}
#extra ul.nav li span {
    font-family: Georgia,Garamond,Palatino,"Times New Roman",Times,serif;
    float: right;
}

/*____________ feed ____________*/

#extra dl.feed {
    overflow: hidden;
}
#extra dl.feed dt {
    margin-bottom: 1.0em;
}
#extra dl.feed dd {
}

/* footer 
********************************************************************/