html, body {
  background:#fff;
  margin:0;
  padding:0;
  font:x-small Georgia,Serif;
  text-align:center;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  background-image:url(images/bodybg.gif);
  background-repeat:repeat-y;
  background-position:center;
  }
  
    
*{
margin:0px;
padding:0px;
}  
  

  
a img {
  border-width:0;
  }
  
  
  
a:link {
  color:#333333;
  text-decoration:none;
  font-weight:bold;
  }
a:visited {
  color:#666666;
  text-decoration:none;
  font-weight:bold;}
a:hover {
  color:#FFCC00;
  text-decoration:underline;
  }
a:active {
  color:#FFCC00;
  text-decoration:underline;
  }  
  
#sidebar a:link {
  color:#CCCCCC;
  text-decoration:none;
  }
#sidebar a:visited {
  color:#999999;
  text-decoration:none;
  }
#sidebar a:hover {
  color:#FFCC00;
  text-decoration:underline;
  }
#sidebar a:active {
  color:#FFFFFF;
  text-decoration:underline;
  }  
  
#utilities a:link {
  color:#CCCCCC;
  text-decoration:none;
  }
#utilities a:visited {
  color:#999999;
  text-decoration:none;
  }
#utilities a:hover {
  color:#FFCC00;
  text-decoration:underline;
  }
#utilities a:active {
  color:#FFFFFF;
  text-decoration:underline;
  }    
  
.hidden{
display:none;
margin:0px;
padding:0px;
}


/* Header
----------------------------------------------- */
@media all {
 #header {
   position:absolute;
   top:0px;
   left:0px;
    width:100%;
    margin:0;
    border-bottom:2px solid #ffcc00;
	background-color:#000000;
	height:40px;
	padding:0;
	z-index:1;
    }
	

  }
@media handheld {
  #header {
    width:90%;
    }
  }
#blog-title {
display:none;
  margin:0;
  padding:0;
  border:0px solid #eee;
  border-width:0px 0px 0;
  font-size:200%;
  font-weight:normal;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
display:none;
  margin:0px;
  padding:0px;
  border:0px solid #eee;
  border-width:0 0px 0px;
  max-width:700px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


/* Content
----------------------------------------------- */
@media all {


  
  #container {
  position:relative;
  top:0px;
    width:760px;
    margin:0 auto;
    padding:0;
    text-align:left;
	z-index:2;
	

    }
	

	
  #main {
  position:relative;
  left:205px;
  top:70px;
    width:290px;

    }
  #sidebar {
  position:absolute;
  top:60px;
  right:15px;
    width:222px;
	}
  }
@media handheld {
  #container {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }
  
  /* nav
----------------------------------------------- */
#nav{
position:absolute;
height:56px;
top:18px;
left:205px;
}

#nav ul{
margin:0px;
padding:0px;
}

#nav li{
margin:0px;
padding:0px;
display:inline;
text-align:center;
height:56px;
}

#nav a{
color:#000000;
margin:0px;
padding:0px;
text-align:left;
line-height:0px;
display:block;
font-weight:bolder;
height:56px;
width:101px;
}



#tab1 a{
position:absolute;
top:0px;
left:0px;
margin:0;
padding:0;
background-image:url(images/blogtab.gif);
background-repeat:no-repeat;
text-align:center;
height:56px;

}



#tab1 a:hover{
background-position:0 -56px;

}

#tab1.current a{
background-position:0 -56px;

}


#tab2 a{
position:absolute;
left:101px;
margin:0;
padding:0;
background-image:url(images/portfoliotab.gif);
background-repeat:no-repeat;
text-align:center;
}

#tab2 a:hover{
background-position:0 -56px;

}

#tab2.current a{
background-position:0 -56px;

}

#tab3 a{
position:absolute;
left:202px;
margin:0;
padding:0;
background-image:url(images/resumetab.gif);
background-repeat:no-repeat;
text-align:center;
}

#tab3 a:hover{
background-position:0 -56px;

}

#tab3.current a{
background-position:0 -56px;

}
  /* nav
----------------------------------------------- */
#utilities{
position:absolute;
top:12px;
right:20px;
text-align:right;
font:70%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.5em;
color:#FFCCOO;
font-weight:bolder;

}

#utilities li{
display:inline;
}




/* leftcol
----------------------------------------------- */

#leftcol{
position:absolute;
left:0px;
top:42px;
width:190px;
height:700px;
  background-image:url(images/bodybg.gif);
  background-repeat:repeat-y;
  background-position:1px;
  background-color:#FFFFFF;
}

#logo{
position:relative;
background-image:url(images/logo.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:111px;
width:190px;
}

#logo a{
display:block;
height:111px;
width:190px;
}

#headergraphic{
position:relative;
width:100%;
height:80px;
text-align:right;
background-image:url();
background-repeat:no-repeat;
background-position:bottom right;

}

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
  
  .sidebar-title {
  margin:0 0 .3em;
  padding:5px 5px 0 5px;
  padding-left:10px;
  font:100%/1.4em Georgia, "Times New Roman", Times, serif;
  text-transform:none;
  letter-spacing:.2em;
  color:#000000;
}

.blackblock h2 {
  margin:0 0 .3em;
  padding:5px 5px 0 5px;
  padding-left:10px;
  font:100%/1.6em Georgia, "Times New Roman", Times, serif;
  text-transform:none;
  font-weight:bolder;
  letter-spacing:.2em;
  color:#000000;
  background-color:#ffcc00;
  background-image:url(images/blackheadbg.gif);
  background-repeat:repeat-x;

}

/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:0 0 .5em;
    }
  .post {
    margin:0 0 1.5em;
    padding-bottom:0;
    }
  }
@media handheld {
  .date-header {
    padding:1.5em 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
h3.post-title {
  margin:0 0 0;
  padding:0 0 0px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#000;
  border-bottom:2px solid #ffcc00;
  }
  
#main2{height: 1%;} /* */
  
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  font-size:.92em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
  
.backtotop{
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align:right;
  border-top:1px dotted #CCCCCC;
  }
  


.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

.post div h2{
font:92%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}


.post h4{
margin:0;
padding:0;
font:100%/1.6em Georgia, "Times New Roman", Times, serif;
font-weight:bolder;
}

.post p{
margin:0;
padding:0;
margin-top:5px;
margin-bottom:10px;}

.post ul{
margin-bottom:10px;
padding-bottom:10px;
margin:5px;
border-bottom:1px dotted #CCCCCC;
}

.post li{
margin-left:20px;
list-style-image:url(images/bulletsmudge.gif);


}


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  font-style:oblique;  
font-size:.92em;
}
#comments-block dd {
  margin:.25em 0 0;
  
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
  

#comments-block dd p {
  margin:0 0 .75em;
  font-size:.92em;
  text-align:justify;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.comment-poster, .comment-timestamp{
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 0;
  padding:0 0 1.5em 10px;
  border-bottom:0px dotted #ccc;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  

  }


/* Black Boxes
----------------------------------------------- */

.blackblock{
position:relative;
width:222px;
  	background-image:url(images/blacktop.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#000000;
	margin:0 0 1.5em;
	padding:0;
	  color:#FFF;
  line-height:1.5em;
font:80%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  }
	

.blackblock a img{
border:1px solid #FFCC00;
}	
	
.blackbottom{
width:222px;
height:7px;
  	background-image:url(images/blackbottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#000000;
	padding:0 0 1.5em;}
	
.inner{
position:relative;
top:15px;
width:192px;
left:15px;
background-color:transparent;
border:1px solid #000000;
margin:0px;
padding:0px;
}




/* Profile
----------------------------------------------- */
#profile-container {
width:100%;
  margin:0 0 0;
  border-bottom:0px dotted #ccc;
  padding:0;
  }
.profile-datablock {
  margin:0;
  padding:0;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 0em;
  }
.profile-link, .blackblock h3{
  margin:0;
  font:90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:290px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  letter-spacing:.1em;
  }


/* RSS
----------------------------------------------- */
p.rss{
text-align:right;
padding-top:10px;
}

.rss a img, .box a img{
border:none;
}






/* Moo.fx
----------------------------------------------- */

.display {
display: block;
margin-bottom: 3px;
cursor: pointer;
background-color:#FFCC00;
background-image:url(images/blackheadbg.gif);
background-repeat:repeat-x;
color:#000000;
padding:2px 0 2px 10px;
border-bottom:1px solid #000000;
}

.display {height: 1%;} /* */

.display a, .display a:link, .display a:visited, .display a:hover, .display a:active{
color:#000000;
}

.stretcher {

background: transparent;
background: none !important;
}

.stretcher li{
border-bottom:1px dotted #333333;
background: none !important;}


/* MOO tabs
----------------------------------------------- */
#flickrtab a{
margin:0;
padding:0;
position:absolute;
top:45px;
left:192px;
width:36px;
height:76px;
z-index:50;
background-image:url(images/flickrtab.gif);
background-repeat:no-repeat;
}

#flickrtab a:hover{
background-position:-36px;
}

#linkstab a{
position:absolute;
margin:0;
padding:0;
top:125px;
left:192px;
width:36px;
height:76px;
z-index:50;
background-image:url(images/linkstab.gif);
background-repeat:no-repeat;
}

#linkstab a:hover{
background-position:-36px;
}

#servtab a{
margin:0;
padding:0;
position:absolute;
top:205px;
left:192px;
width:36px;
height:76px;
z-index:50;
background-image:url(images/servtab.gif);
background-repeat:no-repeat;
}

#servtab a:hover{
background-position:-36px;
}






/* reflection
----------------------------------------------- */

.post-body canvas{
padding:0px 5px 0px 5px;

}



/* dock
----------------------------------------------- */

#dock{
position:absolute;
top:100px;
width:100px;
height:400px;
left:0px;
background-color:transparent;
z-index:10000;
}

body > #dock{
position:fixed;
}


/* contact form
----------------------------------------------- */

input, textarea{
width:100%;
}

#contactFormArea {
padding-bottom:20px;
}

#contactFormArea label{
  font:90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
}

#formtable{
width:100%;
padding:5px 0px 15px 0px;
}

/* calendar
----------------------------------------------- */

.viewCal{
position:relative;
display:block;
width:192px;
top:0px;
left:15px;
background-color:transparent;
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:3px;
text-align:center;
cursor:pointer;
text-decoration:none;
}

#calbox{
position:relative;
}

#content3{
background-image:url(images/blackbottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#content3 iframe{
margin-bottom:10px;
}

html>body #content3 iframe{
margin-bottom:0px;
}

#clock{

font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
text-align:center;
text-transform:uppercase;
font-size:14px;
color:#FFFFFF;
}

#cal_wrapper{
width:192px;
background-color:#191919;
background-image:url(http://www.thedesigncoalition.com/blog/images/calcont_back.jpg);
background-repeat:repeat-x;
height:76px;


}

#cal_leftblock{
width:77px;
height:75px;
background-color:#FFFFFF;
background-image:url(http://www.thedesigncoalition.com/blog/images/ca_back.jpg);
background-repeat:repeat-x;
background-position:bottom;
float:left;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-top:1px solid #000;
}

#cal_month{
background-color:#FFCC00;
color:#FFFFFF;
height:15px;
background-image:url(http://www.thedesigncoalition.com/blog/images/blackheadbg.gif);
background-position:0px 0px;
background-repeat:repeat-x;
padding-bottom:2px;
padding-top:2px;
}

#cal_daynum{
border-top:1px dotted #000;
padding-top:0px;
line-height:30px;
font-size:32px;
color:#000000;
height:33px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#cal_year{
letter-spacing:4px;
color:#000000;
height:20px;

}

#cal_rightblock{
width:113px;
height:76px;
float:left;
color:#FFFFFF;
font-size:11px;

}

#cal_dayname{
padding-top:16px;
height:25px;
letter-spacing:3px;
border-bottom:1px dotted #333;
background-repeat:no-repeat;
color:#999999;
text-align:center;
}

#cal_time{
padding-top:10px;
height:25px;
font-size:13px;
background-position:-111px 33px;
background-repeat:no-repeat;
}

#cal_ampm{
color:#FFCC00;
border-left:1px dotted #333;
padding-left:10px;
}

sup {
    font-size: 9px;
    position: relative;
	color:#FFCC00;
padding-right:6px;
vertical-align:top;
}