body{background-color:#191919;}
img{border:0;}
#wrapper{background-color:#ddd;width:800px;border:1px solid #888;margin:10px auto 20px;}

#header{background-image:url(../images/header.jpg);height:200px;}

#header #nav{display:block;margin:0;padding:0;}
#header #nav li{display:block;vertical-align:bottom;float:left;list-style:none;margin:130px 0 0;padding:0;}
#header #nav li a{display:block;height:70px;letter-spacing:4px;font-family:Annivers, Helvetica, Arial, Sans, sans-serif;text-transform:uppercase;color:#ccc;font-size:25px;text-decoration:none;}
#header #nav li a b{font-size:30px;font-weight:normal;display:none;}

#header #nav li a#about_menu{background: transparent url(../images/menu_images.png) 0 0 no-repeat;width:180px;}
#header #nav li a#about_menu:hover{background-position:0 -70px;}
#header #nav li a#portfolio_menu{background: transparent url(../images/menu_images.png) -180px 0 no-repeat;width:230px;}
#header #nav li a#portfolio_menu:hover{background-position:-180px -70px;}
#header #nav li a#contact_menu{background: transparent url(../images/menu_images.png) -410px 0 no-repeat;width:205px;}
#header #nav li a#contact_menu:hover{background-position:-410px -70px;}
#header #nav li a#social_menu{background: transparent url(../images/menu_images.png) -615px 0 no-repeat;width:185px;}
#header #nav li a#social_menu:hover{background-position:-615px -70px;}


#content{background:url(../images/content-bg.png) repeat-x top left;width:800px;min-height:400px;padding:10px 0;}
#content a {color:#463; text-decoration:none;}
#content a:hover {text-decoration:underline;}

#sidebar{width:200px;}
#sidebar .tweettop{width:200px;height:20px;background:url(../images/tweettop.png) no-repeat top left;}
#sidebar .tweetmiddle{width:164px;background:url(../images/tweetmiddle.png) repeat-y top left;padding:0 18px;}
#sidebar .tweetbottom{width:200px;height:50px;background:url(../images/tweetbottom.png) no-repeat top left;}

.post{font-family:Helvetica, Arial, sans-serif;min-height:150px;line-height:25px;border-top:1px solid #aaa;border-left:1px solid #aaa;background:url(../images/paper-bg-yellow.png) no-repeat bottom right;margin:0 10px 15px;padding:10px 15px 30px 10px;}
.post *{margin-top:0;}
.post h2 {font-style:italic;}

#about_page #sidebar {display:none;}
#about_page .post {width:350px;float:left;}

#portfolio_page #sidebar {display:block;float:right;}
#portfolio_page .post {width:560px;}
#portfolio_page .post img {float:left; margin:0 10px 10px 0; border:solid #000 1px;}

#social_page #sidebar {display:block;float:right;}
#social_page .post {width:560px;}

#contact_page #sidebar {display:block;float:right;}
#contact_page .post {width:560px;}

#footer{background-color:#ccc;clear:both;text-align:center;}
#footer b {display:none;}