/*
Theme Name: Custom
Description: This is my theme that I made.
Version: 1.0
Author: Chris Jaure
Author URI: http://www.chromasynthetic.com/
*/

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:70%;
    font-family:Arial, sans-serif;
    line-height:1.6em;
    color:#333;
}
html,body {
    height:100%;
}
small {
    font-size:0.8em;
}
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;
    position:relative;
}
#header h1 a, #header h1 a img {
    border:0;
}
#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;
    font-size:1.2em;
}
#content h2 {
    font-size:1.6em;
    margin-bottom:0.2em;
    border-bottom:solid 2px #f69;
    line-height:1.5em;
}
#content h2 a {
    color:#c36;
    display:block;
    border:0;
}
#content h2 a:hover {
    color:#000;
}
#home #content {
    height:210px;
    padding-bottom:0;
}
#content p {
    margin-bottom:1em;
    line-height:1.7em;
}
.post ul,ol {
    margin-bottom:1em;
} 
.post li {
    margin-left:1.5em;
}
#home #content .wrapper {
    position:relative;
    padding-left:320px;
    width:430px !important;
}
.frame {
    height:300px;
    width:300px;
    background:url(images/frame.png) no-repeat;
    position:absolute;
    top:-60px;
    left:0;
}
.frame img {
    position:relative;
    top:30px;
    left:30px;
}
#content p.highlight {
    font-size:1.5em;
    font-family:Georgia,Times,"Times New Roman",serif;
    color:#333;
    line-height:1.6em;
}
#content .clip {
    overflow:hidden;
    height:176px;
}
#content .clip .container {
    position:relative;
    top:0;
    left:0;
}
#content .clip .container .item {
    height:210px;
}
#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;
}
#primary {
    width:500px;
    float:left;
}
#sidebar {
    width:200px;
    float:right;
}
#portfolio {
    list-style:none;
    margin-left:-20px;
    visibility:hidden;
}
#portfolio li {
    float:left;
}
#portfolio .location {
    margin:6px 0 0 5px;
    color:#666;
    font-size:1.2em;
    font-family:Georgia, serif;
}
#portfolio a {
    border:0;
    display:block;
    width:31px;
    height:31px;
    background:url(images/controls.gif) no-repeat;
}
#portfolio .previous {
    background-position:-64px 0;
    margin-right:2px;
}
#portfolio .previous:hover {
    background-position:-97px 0;
}
#portfolio .next {
    background-position:-33px 0;
}
#portfolio .next: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;
    clear:both;
}
#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 li {
    margin-left:1.5em;
}
#footer .small {
    font-size:0.8em;
    margin-top:2em;
    color:#aaa;
}
#cc {
    font-size:0.7em;
    line-height:1em;
    padding-top:3em;
}
#cc img {
    float:left;
    margin:0.6em 1em 0 0;
    
}
.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;
    
}
#home .right {
    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;
}
ul.archive li.item {
    float:left;
    width:206px;
    height:120px;
    list-style:none;
    margin:0 0 1em 1em;
    border:solid 1px;
    border-color:#D6D6D6 #A9A9A9 #6D6D6D #A9A9A9;
    padding:0.5em 1em;
    background-color:#f8f8f8;
    font-size:0.9em;
}
ul.archive li.item h3 {
    margin-bottom:0.5em;
}
ul.postmetadata li {
    font-size:0.9em;
    list-style:none;
    margin-left:0.5em;
}
ul.postmetadata li a {
    border-bottom-width:1px;
}
.post {
    margin-bottom:4em;
}
.post .post-date {
    color:#999;
}
.post .post-date a {
    border-bottom-width:1px;
}
.post .post-date small {
    background:url(images/calendar.png) no-repeat left center;
    padding:1em 0 1em 22px;
}
.post p.postmetadata {
    border:solid #B6E851;
    border-width:2px 0;
    padding:1em;
    line-height:1.3em !important;
    background-color:#EEFFCC;
    margin-bottom:3em !important;
}
.post p.postmetadata a {
    border-bottom-width:1px;
}

#sidebar {
    font-size:0.8em;
    position:relative;
    top:-1em;
}
#sidebar h2 {
    margin:1em 0 0.2em 0;
    border-bottom-color:#B6E851;
}
#sidebar a {
    border-bottom-width:1px;
}
#sidebar li {
    margin-left:1.5em;
}
#searchform {
    position:absolute;
    top:-60px;
}
#s {
    width:120px;
    height:1.2em;
    border:solid 1px;
    border-color:#131313 #484848 #989898 #484848;
    background-color:#e0e0e0;
    font-size:0.9em;
    padding:0.2em 0;
}
#s:focus {
    background-color:#fff;
}
#searchsubmit {
    font-size:0.9em;
    background-color:transparent;
    border:0;
    color:#D7FF61;
    cursor:pointer;
}
#comments {
    margin:3em 0 1em;
}
.comment {
    margin:0 0 2em 68px;
    list-style:none;
    position:relative;
    padding-bottom:1em;
    border-bottom:solid 1px #e0e0e0;
}
.comment .avatar {
    position:absolute;
    left:-68px;
    top:0;
    padding:2px;
    border:solid 1px #e0e0e0;
}
.comment .author {
    font-style:italic;
    font-weight:bold;
}
.comment .author a {
    border:0;
    color:#c36;
}
.comment .author a:hover {
    color:#000;
}
.comment .commentmetadata {
    position:absolute;
    top:0;
    right:0;
}
.comment .commentmetadata a {
    border-bottom-width:1px;
}
.linkback {
    margin-bottom:1em;
    background-color:#e8e8e8;
    padding:0.5em 1em;
    border:solid #e0e0e0;
    border-width:1px 0;
    list-style: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;
}