/*
global
*/
body { background: #f0eee9 url(../images/bg.png) no-repeat; color: #000; font-family:Georgia,"Times New Roman",Times,serif ; font-size:11px;letter-spacing:1px;}
a{color:white; text-decoration:none;}
.bg {background: url(../images/sprite.png) no-repeat; display:block; text-indent:-9999px;}
div.hr hr {display: none;}
div#loader{ display:none; z-index:9999; height:60px; width:60px; -moz-border-radius: 11px;-webkit-border-radius: 11px; text-indent:-9999px; position:fixed; top:50%; left:50%; margin-top:-24px; background: url("../images/ajax-loader.gif") no-repeat scroll 18px 19px #FFFFFF;-webkit-box-shadow: 2px 2px 2px  #212121;-moz-box-shadow: 2px 2px 2px #212121;box-shadow: 2px 2px 2px #212121;}
/*
wrapper
*/
#wrapper {width:845px; margin:40px auto 0px; font-family:Georgia,"Times New Roman",Times,serif ; font-size:11px;}

/*
header
*/
#header {margin-bottom:17px;}
#header h1 { margin-bottom:12px; float:left; display:block; width : 272px ;height : 57px ;background-position : -5px -30px ; text-indent:-9999px;}
#header p{ display:none;}
#header #menu{ float:right; clear:right; display:block;  margin-top:48px;}
#header #menu li{float:left;  display:block; height:10px; }
#header #menu li a{float:left;}
#header #menu li span{ margin: 0px 7px;position:relative; top:-2px; float:left; width : 1px ;height : 13px ;background-position : -288px -30px ;background-repeat : no-repeat ; display:block;}
#header div.hr_big { clear:both;width : 845px ;height : 7px ;background-position : left -90px ;background-repeat : no-repeat ;}
/*
menu
*/
#about {width : 36px ;height : 9px ;background-position : -87px -117px ;background-repeat : no-repeat ;}
#about:hover {background-position : -87px -127px ;}
#contact {width : 49px ;height : 9px ;background-position : -129px -117px ;background-repeat : no-repeat ;}
#contact:hover {background-position : -129px -127px ;}
#resume {width : 44px ;height : 9px ;background-position : -5px -117px ;background-repeat : no-repeat ;}
#resume:hover {background-position : -5px -127px ;}
#blog {width : 26px ;height : 9px ;background-position : -53px -117px ;background-repeat : no-repeat ;}
#blog:hover {background-position :  -53px -127px;}
/*
#header #sort li a.
*/
#header h3{ text-indent:-9999px; position:relative; left:440px; float:left; width : 31px ;height : 9px ;background-position : -298px -76px ;background-repeat : no-repeat ; margin-top:16px;}
#header #sort {overflow:auto; position:relative; left:446px; width: 380px;}
#header #sort li{float:left; margin:8px; display:block; }
#html {width : 60px ;height : 21px ;background-position : -359px -28px ;}
#html:hover {background-position : -359px -49px ;}
#flash {width : 59px ;height : 21px ;background-position : -298px -28px ;}
#flash:hover {background-position : -298px -49px ;}
#web {width : 59px ;height : 21px ; background-position : -422px -28px ;}
#web:hover {background-position : -422px -49px ;}
#inter {width : 59px ;height : 21px ;background-position : -626px -28px ;}
#inter:hover {background-position : -626px -49px ;}
#ill {width : 59px ;height : 21px ;background-position : -484px -28px ;}
#ill:hover {background-position : -484px -49px ;}

/*
body
*/
#body {margin-bottom:69px; min-height:500px; }


/*
portfolio items
*/

#body #portfolio, #body #portfolio li.portItem{ width:852px; display:block; overflow:hidden;}
#body #portfolio li.portItem{margin-bottom:36px;}
#body #portfolio li.portItem h4.interactive { color:#aca697; padding-bottom:22px; letter-spacing:.7px;} 
*:first-child+html #body #portfolio li.portItem h4 { font-size: 10px; line-height:12px;padding-bottom:0px; }
#body #portfolio li.portItem h4.interactive div.hr { margin-top:10px; float:left; clear:both; display:block; border:0px; width : 846px ;height : 1px ;background-position : left -99px ;background-repeat : no-repeat ;}
*:first-child+html #body #portfolio li.portItem h4.interactive div.hr{ margin-bottom:14px;}
#body ul li div.big{float:left; width : 317px ;height : 415px ;background-position : -505px -107px ;background-repeat : no-repeat ; text-indent:0px; padding-left:16px;}
#body ul li div.big h2{ font-size:13px; font-weight:bold; letter-spacing:.5px; padding:15px 0px 11px;}

#body ul li div.big a.clicktag { position:relative; display:block; height : 200px ;margin:8px 0px 39px 0px;width : 300px ;}
#body ul li div.big em{ opacity:0; display:none; left:0px; top:0px; position:absolute;width : 300px ;height : 200px ;background-position : -10px -176px ;background-repeat : no-repeat ;}
#body ul li div.big h3{font-size:13px; font-weight:bold;padding-bottom:12px;	}
#body ul li div.big p.date{font-size:12px; padding-bottom:3px;font-style:italic; }
#body ul li div.big div.notes{font-size:11px; padding-bottom:3px; font-style:italic; height:25px; width:300px; overflow:hidden; display:block; margin-bottom:3px; line-height:13px;}
#body ul li div.big div.notes hr{background: url(../images/sprite.png) no-repeat; display:block; border:0px; height : 1px ;background-position : left -99px ;background-repeat : no-repeat ;}
*:first-child+html #body ul li div.big div.notes hr{ filter: alpha(opacity=25); border-color:#dbd9d2;  border-collapse:collapse; background:none; zoom:1; height:1px; overflow:hidden;  border:1px solid;}

#body ul li div.big a.playvideo{ width : 75px ;height : 14px ;background-position : -5px -140px ;background-repeat : no-repeat ; margin-bottom:5px;  background-color:white;}
#body ul li div.big a.playslide{width : 101px ;height : 14px ;background-position : -5px -157px ;background-repeat : no-repeat ; background-color:white;}
#body ul li div.big ul.tags { display:none;}
#body ul li ul li.small{ padding-left:12px; margin-left:15px; margin: 0px 0px 9px 9px; float:left; width : 151px ;height : 203px ;background-position : -326px -109px ;background-repeat : no-repeat ;text-indent:0px;}
#body ul li ul li.small h4{font-size:12px;letter-spacing:.5px; padding:15px 0px 11px;}
#body ul li ul li.small img{margin-top:10px; display:block;}
*:first-child+html #body ul li ul li.small img{ margin-top:20px;}
#body ul li ul li.small em{width : 137px ;height : 142px ;background-position : -10px -382px ;background-repeat : no-repeat ; position:absolute; top:0px; left:0px; opacity:0; display:none;}
#body ul li ul li.small a{ position:relative;width : 137px ;height : 142px ; display:block;}
/*
footer
*/
#footer{  clear:both; background: url(../images/footer.bg.png) repeat-x; width:100%; height:213px; overflow:hidden;}
#footer a{color:#75b7d4	;}
*:first-child+html #footer a{ letter-spacing:0.5px;}
#footer a.black{color:#000;}
#footer a:hover{ color:#aca697; }
#footer div {float:left; margin-top:45px; width:262px; margin-right:31px;}
#footer dl{width:879px; margin:0px auto 0px; padding-left:35px;}
*:first-child+html  #footer dl{ margin-top:-10px;}
#footer dt{margin-left:2px;}
#footer div.hr{ float:none; margin:7px 0 8px; width:0; display:block; border:0px; height:162px; width : 262px ;height : 1px ;background-position : -2px -107px ;background-repeat : no-repeat ; margin-bottom:8px;}
#footer dl dd{width:262px; }
*:first-child+html #footer dl dd{ margin-top:22px;}
#footer dl dd ul {}
#footer dl dd ul li{ padding-bottom:15px; letter-spacing:.5px;}
#footer dl dd #twit li{ display:block; padding-bottom:8px; letter-spacing:.5px;overflow:auto;}
#footer dl dd #twit li a,#footer dl dd #twit li p,#footer dl dd #twit li em{ float:left; clear:both;   }
#footer dl dd #twit li a{  margin:2px 0px 3px;font-size:10px;}
#footer dl dd #twit li em{ color:#aca697; font-size:10px;}
*:first-child+html #footer dl dd #twit li em{ width:200px; }
#footer dl dd #twit li em a{margin:0;font-size:10px;color:#aca697; float:none;}
#footer dl dd p { font-size:11px; line-height:12px; }
*:first-child+html #footer dl dd p { letter-spacing:0.5px; font-size:10px; }
#footer dl dd p.about {font-size:11px; line-height:13.5px;}
#footer dl dd h2.me  { padding-right:8px; float: left; width : 100px ;height : 75px ;background-position : -741px -9px ;background-repeat : no-repeat ;}
#footer dl dt.about {width : 56px ;height : 9px ;background-position : -549px -55px ;background-repeat : no-repeat ;}
#footer dl dt.contact {width : 70px ;height :9px ;background-position : -549px -41px ;background-repeat : no-repeat ;}
#footer dl dt.twitter{width : 48px ;height : 9px ;background-position : -549px -28px ;background-repeat : no-repeat ;}

/*
Media Holder
*/
.toolbar { clear:both; margin-bottom:20px;  position:relative; z-index:9;}
#mediaHolder { clear:both;}
#mediaHolder img{ position:absolute;}
.toolbar h3{ font-size:12px; color:white; float:left;}
.toolbar a.jqmClose { float:right; font-size:12px;} 
.toolbar span{ padding: 0px 10px;}
.toolbar p{font-size:12px; color:white; float:right;  }
.toolbar a.left { width : 29px ;height : 66px ;background-position : -184px -382px ;background-repeat : no-repeat ; position:absolute;top:246px; margin-top:-23px; margin-left:4px;}
.toolbar a.right { width : 29px ;height : 66px ;background-position : -150px -382px ;background-repeat : no-repeat ; position:absolute; top:246px; float:right;  margin-left:-33px; margin-top:-23px; left:100%;}
#togglePlayPause { width : 182px ; height : 182px ; background-position : -312px -317px ; background-repeat : no-repeat ; position:absolute; left:38%; top:180px; }
.pause {background-position : -312px -499px;}