html {
background:#1c1d18;
}
body {
margin:0;
font:11px "Trebuchet MS";
background:#1c1d18;
}
a {
outline:none;
}
img {
margin:0;
padding:0;
}
h1 {
position:absolute;
text-indent:-9999px;
}
h2{
position:relative;
font-weight:normal;
margin:0;
line-height:17px;
}
#wrapper {
background:url("../img/body-bg.jpg") repeat-x;
}
#container {
position:relative;
width:800px;
height:100%;
left:50%;
margin-left:-400px;
border-top:1px solid #393c2d;
overflow:hidden;
}
#header {
height:92px;
background:url("../img/header-bg.jpg") no-repeat;
}
#browser-msg {
text-align:center;
background:url("../img/notification-bg.jpg");
height:32px;
line-height:32px;
margin-bottom:2px;
font-size:10px;
}
#browser-msg a {
color:#000;
}
#logo {
width:345px;
height:100%;
float:left;
}
#logo a {
width:100%;
height:100%;
display:block;
}
#twitter {
width:230px;
float:right;
margin-right:100px;
margin-top:8px;
font:10px Arial;
text-align:center;
}
ul#twitter_update_list {
padding:0;
margin:0;
list-style:none;
}
ul#twitter_update_list a {
color:#847f61;
}
#navigation {
height:25px;
background:#393c2d url("../img/navigation-bg.jpg");
border-top:1px solid #847f61;
border-bottom:1px solid #847f61;
padding:0 18px;
line-height:24px;
color:#847f61;
font-size:10px;
}
#navigation a {
text-decoration:none;
color:#fff;
font-weight:bold;
}
#links {
float:left;
}
#links a:hover {
border-bottom:1px solid #847f61;
}
#social {
float:right;
height:25px;
}
#social img {
border:none;
}
#social a {
width:16px;
height:20px;
display:inline-block;
background-repeat:no-repeat;
}
#social a:hover {
background-position:0px -20px;
}
#about-me {
height:81px;
background:url("../img/about-bg.jpg");
color:#fff;
border-bottom:1px solid #847f61;
}
#about-me img {
margin:11px 0 0 18px;
float:left;
}
#about-text {
padding-top:18px;
float:right;
width:650px;
}
.light {
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
}
.dark {
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
color:#847f61;
}
.dark-small {
color:#847f61;
}
#main-wrapper {
background:#151515;
width:100%;
}
#main {
position:relative;
left:50%;
margin-left:-400px;
float:left;
width:760px;
padding:20px 20px;
color:#fff;
}
#content {
width:500px;
color:#fff;
float:left;
margin-right:20px;
margin-top:-10px;
}
.content-container {
background:#1c1d18;
padding:1px 10px;
border:1px solid #393b2d;
margin-top:10px;
}
.content-heading, .content-heading h1, .content-heading h2, .content-heading h3 {
font-family: Georgia, serif;
font-size: 16px;
font-style:italic;
font-weight:normal;
color:#847f61;
margin:10px 0 0 0;
}
.content-heading a {
color:#847f61;
text-decoration:none;
}
.h3icon {
position:relative;
top:1px;
height:14px;
width:14px;
}
.content-heading a:hover {
text-decoration:underline;
}
.content-subheading {
color:#fff;
font:11px "Trebuchet MS";
}
.sidebar-heading {
font-family: Georgia, serif;
font-size: 16px;
letter-spacing: -1px;
padding-bottom:5px;
margin-top:0;
margin-bottom:10px;
border-bottom:1px solid #393b2d;
color:#847f61;
}
.skillsitem {
background:url("../img/icons/accept.png") 0px 1px no-repeat;
padding-left:20px;
}
.skillsitemno {
background:url("../img/icons/decline.png") 0px 1px no-repeat;
padding-left:20px;
}
.content-section {
font: 11px Helvetica, Arial, sans-serif;
line-height: 1.6em;
text-align:justify;
border-top:1px solid #393b2d;
margin:10px 0 0 0;
padding:10px 0 0 0;
min-height:70px;
}
.noborder {
padding:0;
border:none;
}
.content-section a {
color:#847f61;
text-decoration:none;
}
.content-section a:hover {
text-decoration:underline;
}
.content-section img {
margin:6px 10px 0 0;
float:left;
border:3px solid #393b2d;
width:55px;
height:55px;
}
.content-section img.fullsize {
width:498px;
height:58px;
margin-bottom:10px;
margin-right:0;
border:1px solid #101010;
}
.content-section img.large {
width:498px;
height:auto;
margin-bottom:10px;
margin-right:0;
border:1px solid #101010;
}
.content-section p {
margin:0 0 7px 0;
}
.project {
position:relative;
height:44px;
width:233px;
margin:0 5px 10px 5px;
background:url("../img/widget-bg.jpg");
border:3px solid #393b2d;
overflow:hidden;
float:left;
}
.project img {
width:245px;
height:49px;
margin:0;
border:none;
}
.project a {
width:100%;
height:100%;
display:block;
}
.recaptcha img {
height:auto;
width:auto;
}
#sidebar {
width:239px;
color:#fff;
float:right;
}
.side-widget {
position:relative;
height:44px;
width:230px;
vertical-align:bottom;
margin-bottom:2px;
background:url("../img/widget-bg.jpg");
border:3px solid #393b2d;
overflow:hidden;
}
.side-widget a {
height:100%;
width:100%;
display:block;
}
.side-widget a img {
border:none;
}
.widget-content {
position:absolute;
bottom:0;
display:block;
width:225px;
padding:1px 4px;
background:url("../img/widget-bottom.png");
color:#847f61;
z-index:1;
}
.sidebar-block {
margin-top:10px;
margin-left:2px;
width:235px;
}
.sidebar-block ul {
list-style:none;
margin:0;
padding:0;
}
.sidebar-block ul li {
font:11px "Trebuchet MS";
line-height:1.6em;
}
.sidebar-block ul li.category {
background:url("../img/icons/bullet-orange.png") -4px 1px no-repeat;
font:11px "Trebuchet MS";
line-height:1.6em;
padding-left:15px;
}
.sidebar-block ul li.link {
background:url("../img/icons/bullet-red.png") -4px 1px no-repeat;
font:11px "Trebuchet MS";
line-height:1.6em;
padding-left:15px;
}
.sidebar-block a {
text-decoration:none;
color:#bfb88d;
}
.sidebar-block a:hover {
text-decoration:underline;
}
#footer {
clear:both;
height:30px;
line-height:30px;
background:#1c1d18;
color:#847f61;
padding:0 20px;
border-top:1px solid #3a3c2e;
font-size:10px;
}
#footer-container {
position:relative;
left:50%;
margin-left:-380px;
width:760px;
}
#footer a {
color:#847f61;
text-decoration:none;
}
#footer a:hover {
color:#fff;
}
#footer_l {
width:50%;
text-align:left;
float:left;
}
#footer_r {
text-align:right;
}
#tooltip {
position:absolute;
border:1px solid #333;
background:#151515;
padding:2px 5px;
color:#847f61;
display:none;
}
.comment {
border:1px solid #222;
background:#101010;
margin-bottom:5px;
padding:5px;
}
.comment-alt {
border:1px solid #222;
background:#121212;
margin-bottom:5px;
padding:5px;
}
.comment p, .comment-alt p {
padding:5px 2px 0 2px;
margin:0;
}
.comment-heading {
padding:3px 5px 3px 30px;
color:#847f61;
background:#151515 url("../img/comment-icon.png") 5px 2px no-repeat;
}
.comment-heading .user {
width:225px;
display:inline-block;
}
.comment-heading .datetime {
width:225px;
display:inline-block;
text-align:right;
}
.comment label {
width:100px;
display:inline-block;
vertical-align:top;
}
.comment-button {
color:#fff;
font:10px 'Trebuchet MS';
float:right;
margin-left:5px;
}
textarea#message {
width:380px;
height:60px;
}
.project-image {
padding-top:15px;
}
.project-image img {
width:200px;
float:left;
height:135px;
margin-right:15px;
}
.project-image div {
float:left;
}
.project-image div p {
margin:0;
}
/* Stackoverflow Got Flair */
div.valuable-flair {
width:226px !important;
padding:5px !important;
margin-top:10px !important;
border:1px solid #847F61 !important;
background-color:#1C1D18 !important;
}