/* Starters */
body {color:#f1f1f1;margin:0;background:#1a1d22 url(../../images/bg.png) repeat-x;font:11px arial;line-height:16px;}
#page {margin:30px auto;width:900px;}
ul {list-style:none;padding:0;margin:0;}
img {border:0;}

/* Text */
a {color:#fda10e;text-decoration:none;}
h1 {font:24px tahoma;color:#fda10e;margin:0 0 18px 0;padding:0;}
h2 {font:18px tahoma;color:#aaaaaa;margin:0 0 2px 0;}
h3 {font:14px tahoma;color:#6b7077;margin:0;}

/* Header */
#top {clear:both;}
#logo {float:left;}

/* Menu */
#menu {float:right;font:14px arial;}
#menu a {color:#ffffff;}
#menu a:hover {color:#fda10e;}
#menu ul {margin:0 0 10px 0;}
#menu li {float:left;padding:0 0 0 28px;}

/* Content */
#content {clear:both;width:589px;float:left;border-right:1px solid #454a50;margin:0 0 20px 0;min-height:360px;padding:0 10px 0 0;}
#content ul {margin:0 0 15px 0;}
#content .website {border:1px solid #454a50;}

/* Sidebar */
#sidebar {float:left;width:280px;margin:0 0 20px 20px;}
#sidebar .date {text-align:right;color:#6b7077;font:10px arial;}
#sidebar .category {font-size:10px;color:#aaaaaa;padding:0;margin:0;}
#sidebar p {padding:0;margin:0 0 8px 0;}
#sidebar #tweet {height:70px;}

/* Footer */
#footer {clear:both;border-top:1px solid #454a50;color:#49515d;font:12px arial;padding:10px 0;}

/* Projects */
.project {width:588px;height:206px;background:url(../../images/project.png) no-repeat;}
.project .thumbContainer {padding:2px 3px;}
.project img {border:0;}
.project h2 {margin:0 0 0 12px;padding:0;font:18px arial;color:#FFFFFF;}
.project h3 {margin:0 0 0 12px;padding:0;font:14px arial;color:#6b7077;}
.project a.moreinfo {color:#aaaaaa;font:14px arial;float:right;margin: 0 12px 0 0;}
.project a.moreinfo:hover {color:#fda10e;}

.projectThumbElement {width:184px;float:left;margin:0 12px 10px 0;overflow:hidden;}
.projectThumbElement img {border:1px solid #34383e;}
.projectThumbElement p {background:#000000;margin:0;padding:3px;text-transform: uppercase;font:13px arial;overflow:hidden;}
.projectThumbElement a {color:#FFF;}
.projectThumbElement a:hover {color:#fda10e;}


/* Contact */
#contact {}
#contact input.text{width:200px;}
#contact textarea{width:205px;height:100px;}
#contact label {font:12px arial;text-transform:uppercase;color:#6b7077;}

/* Custom classes */
.req {color:#fda10e;}