@import 'reset.css';
@import 'default.css';

body {
	text-align : left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color : #5b5b5b;
	background: #E9E9DD url("../images/bg.jpg") 0 0 repeat;
  }

a {text-decoration: underline; border: none; color : #000; font-weight: bold}
a:hover {color: #000; text-decoration: none}

#header{width: 978px; margin: 0 auto 40px; padding: 50px 0 15px;}
#header h1{margin: 0 0 30px 18px; float: left}
#header h3{margin: 29px 26px 0 0; float: right}
#header ul{height: 50px; padding: 15px 0 0; margin-left: 20px}
#header li{float: left; margin-right: 50px; border-right: 1px dotted #A6A68D; padding:15px 50px 15px 0}
#header li#last{margin-right: 0; border-right: 0; padding:15px 0 15px 0}
#header li a{display: block; height: 22px; color: #a6a68d; font-size: 26px; text-transform: uppercase; background-image: url("../images/menu.gif"); text-indent:-5000px}
#header li a.home{width: 82px; background-position: 0 0}
#header li a.webdesign{width: 165px; background-position: -106px 0}
#header li a.print{width: 76px; background-position: -298px 0}
#header li a.advertising{width: 129px; background-position: -396px 0}
#header li a.video{width: 86px; background-position: -602px 0}
#header li a.blog{width: 74px; background-position: -714px 0; margin-right:0}
#header li a:hover{}
#header li.selected a{}

#header li.selected a.home, #header li a.home:hover{background-position: 0 -22px}
#header li.selected a.webdesign, #header li a.webdesign:hover{background-position: -106px -22px}
#header li.selected a.print, #header li a.print:hover{background-position: -298px -22px}
#header li.selected a.advertising, #header li a.advertising:hover{background-position: -396px -22px}
#header li.selected a.video, #header li a.video:hover{background-position: -602px -22px}
#header li.selected a.blog, #header li a.blog:hover{background-position: -714px -22px}

#content{width: 978px; margin: 0 auto 0; padding-bottom: 50px}

.unusual-content{margin: 15px 38px 0 38px}

h2{display: none}
body.home h2, body.handbook h2{margin: 0 0 5px 20px; display: block}

h3{margin: 25px 0 5px 0; font-size: 15px; color: #000; text-transform: uppercase}

.item{width: 480px; height: 240px; position: relative; background: #171717; margin: 0 0 20px 0}
.item h3{font-size: 20px; color: #DEDEC5; font-weight: bold; float: left; margin: 20px 0 0 18px}
.item .meta{position: absolute; bottom: 9px; left: 20px; width: 210px}
.item p{color: #9e9e8b; font-size: 11px; padding: 0 0 10px; line-height: 15px}
.item p a{color: #dedec5; background: url("../images/link.gif") 100% 2px no-repeat; padding-right: 17px}
.item .thumbs{width: 240px; height: 240px; float: right; overflow: hidden}
.item .thumbs img{display: block;}

#footer{width: 100%; background: url("../images/bg-footer.jpg") 0 0 repeat;}
#footer-content{width: 978px; margin: 0 auto; padding: 30px 0 50px}
#footer .col{width:206px; height: 120px; border-right: 1px dotted #898777;	float: left; padding: 0 20px 0 20px;}
#footer .double-col{width:450px}
#footer-content .last{border: 0; padding-right: 0}
#footer .col h3{color: #DEDEC5;	margin: 10px 0 10px}
#footer p{padding-bottom: 5px}

p#download-cv{margin: 20px 0 0 }
p#download-cv a{display: block; height: 34px; width: 100%; background: url("../images/download-cv.gif") 50% 0 no-repeat; overflow: hidden}
p#download-cv a:hover{background: url("../images/download-cv.gif") 50% -34px no-repeat}
p#download-cv a span{display: none}

#twitter_update_list li{padding: 5px 0; border-bottom: 1px solid #aca996; font-size: 10px}
#twitter_update_list span{display: block; font-size: 12px}
#twitter_update_list span a{color: #5b5b5b}

.unusual-content li{padding: 4px 0}

/** UNDER CONSTRUCTION **/
#under-construction{
	background: #fffc01;
	height: 145px;
	position: relative;
}
#under-construction img#sorry{
	display: block;
	padding: 17px 0 0 20px;
}
#under-construction a{
	display: block;
	position: absolute;
	left: 690px;
}
#under-construction a#mail{
	top: 19px;
}
#under-construction a#twitter{
	top: 87px;
}