body,h1,h2,h3,ul,ol,li,p { margin:0; padding:0; }
body {
    background:#383838 url(images/header_bg.jpg) repeat-x top center;
    font-size:11px;
    font-family:Arial, sans-serif;
    line-height:1.6em;
}
html,body {
    height:100%;
}
a {
    border-bottom:2px solid #215C96;
    color:#4AA4FF;
    line-height:1.5em;
    text-decoration:none;
}
a:hover {
    border-color:#000000;
    color:#000000;
}
#header {
    text-align:center;
    height:153px;
}
#header h1 {
    position:relative;
    top:15px;
    font-size:2em;
    font-family:Arial, sans-serif;
    color:#fff;
    font-weight:normal;
}
#content {
    padding:10px 0;
    background-color:#fff;
    text-align:center;
}
.js #content {
    height:210px;
    padding-bottom:0;
}
#content p {
    margin-bottom:1em;
}
#home #content .wrapper {
    position:relative;
    padding-left:340px;
    width:380px !important;
}
.frame {
    height:300px;
    width:300px;
    background:url(images/frame.png) no-repeat;
    position:absolute;
    top:-60px;
    left:0;
    z-index:3;
}
.frame img {
    position:relative;
    top:30px;
    left:30px;
}
#content p.highlight {
    font-size:1.7em;
    font-family:Georgia,Times,"Times New Roman",serif;
    color:#333;
    line-height:1.4em;
}
.js #content .clip {
    overflow:hidden;
    height:192px;
    position:relative;
}
#content .clip .container {
    position:relative;
    top:0;
    left:0;
}
#content .clip .container .item {
  margin-bottom:4em;
}
.js #content .clip .container .item {
    height:210px;
    margin:0;
}
#content .clip .container .item h3 {
    color:#c36;
    margin:1em 0 0.2em;
    font-size:1.2em;
    font-family:Georgia, serif;
}
#content .clip .container .item li {
    margin-left:10px;
    list-style:none;
    padding-left:10px;
    background:url(images/bullet.gif) no-repeat left center;
}
#content .clip .container .item img {
    display:none;
}
#portfolio {
    margin:0 0 1em; 0;
    font-size:2em;
    border-bottom:solid 2px #c36;
}
.js #portfolio {
    display:none;
}
.js #portfolio-prev, .js #portfolio-next {
    visibility:visible;
}
#portfolio-prev, #portfolio-next {
    visibility:hidden;
    border:0;
    position:absolute;
    top:65px;
    width:38px;
    height:62px;
    background:url(images/controls2.gif) no-repeat;
    z-index:1;
}
#portfolio-next {
    left:291px;
    background-position:-82px 0;
}
#portfolio-next:hover {
    background-position:-122px 0;
}
#portfolio-prev {
    left:-28px;
    background-position:-40px 0;
}
#portfolio-prev:hover {
    background-position:0 0;
}
#footer {
    background:#383838 url(images/footer_bg.jpg) repeat-x top;
    color:#fff;
    min-height:115px;
    text-align:center;
    padding-top:50px;
    font-size:1.2em;
}
#footer .wrapper {
    padding-bottom:10px;
}
#footer a {
    border-bottom-width:1px;
}
#footer a:visited {
    border-bottom-style:dashed;
}
#footer a:hover {
    border-color:#FFFFFF;
    color:#FFFFFF;
}
#footer .small {
    font-size:0.8em;
    margin-top:2em;
    color:#aaa;
}
.column {
    width:300px;
}
.column h2 {
    font-size:1.4em;
    border-bottom:solid 2px #c36;
    line-height:1.5em;
    margin-bottom:1em;
}
.left {
    float:left;
    margin-left:50px;
}
.right {
    float:right;
    margin-right:50px;
    background:url(images/project_bg.jpg) repeat-x 0 2.2em;
    overflow:hidden;
}
#projects {
    list-style:none;
}
#projects li {
    border-top:solid 1px #505050;
    padding:1em 0.5em;
    background:url(images/project_bg.jpg) repeat-x top;
}
#projects h3 {
    font-size:1.2em;
    font-weight:normal;
    color:#C7F161;
}
#feeds-tabs {
    margin-top:-1.5em;
    visibility:hidden;
}
#feeds-tabs a {
    color:#D6FF5D;
    border:0;
    float:left;
    padding:0.2em 0.5em;
    font-weight:bold;
    font-size:0.9em;
}
#feeds-tabs a.active {
    background:#c36 url(images/tab_bg.gif) repeat-x bottom;
    color:#fff;
    cursor:default;
}
.feed ul {
    list-style:none;
    margin-bottom:0.5em;
    padding:1em 0.5em 0.5em;
    position:relative;
}
.feed .item {
    margin-bottom:0.5em;
}
.feed .item .headline {
    font-size:1.2em;
}
.feed .item .date {
    font-size:0.8em;
}
.wrapper {
    width:750px;
    margin:0 auto;
    text-align:left;
}
.clear {
    clear:both;
}
.hidden {
    display:none;
}

#feed-items .feed-item {
    height:auto;
    display:inline;
    margin-right:0.8em;
}
#feed-items .feed-item-type-blog {
    font-size:1.4em;
}
#feed-items .feed-item-type-blog a {
    border-bottom-width:3px;
}
#feed-items .feed-item-type-delicious {

}
#feed-items .feed-item-type-twitter {
    font-size:0.6em;
}
#feed-items .feed-item-type-twitter a {
    border-bottom-width:1px;
    line-height:1.2em;
}
#feed-items .feed-item .feed-item-title {
    font-size:1.5em;
    display:inline;
}
#feed-items .feed-item .feed-item-content {
    font-size:1.3em;
    padding:1em 0;
    display:none;
}
#feed-items .feed-item .feed-item-date {
    font-family:Georgia, serif;
    font-size:1.5em;
    color:#999;
    display:none;
}