/** general styles, layout **/

body
{
  text-align:center;
  font-family:tahoma;
  margin:0px;
  background-image:url(../images/header-bg.png);
  background-repeat:repeat-x;
  background-position:left top;
}

#page
{
  position:relative;
  width:800px;
  text-align:left;
  margin:0px auto 0px auto;
}

/* header */

#header
{
  height:119px;
  overflow:hidden;
  width:100%;
}

/* logo */

h1
{
  width:132px;
  height:132px;
  position:absolute;
  left:0px; 
  top:119px;
  display:block;
  margin:0px;
  padding:0px;
}

h1 a
{
  width:132px;
  
  height:32px;
  _height:32px;
  padding-top:100px;
  
  text-decoration:none;
  color:black;
  display:block;
  text-align:center;
  font-size:10px;
  font-weight:normal;
  background-color:#D9DB56;
  background-position:0px 0px;
  background-repeat:no-repeat;
  background-image:url(../images/jclogo.gif);
}

h1 a:hover
{
  background-image:url(../images/jclogo.gif);
  background-position:-132px 0px;
  color:White;
}


h1:hover a
{
    color:White;
}


/* navigation */

#navigation:hover li a.selected
{
  border-bottom:none;
}

#navigation:hover li a.selected:hover
{
  border-bottom:solid 2px white;
}

#navigation li a:hover
{
  /* border-bottom:solid 2px #457FC9; */
  border-bottom:solid 2px white;
}

#navigation
{
  list-style:none none;
  padding:0px;
  margin-top:85px;
  float:right;
}

#navigation li
{
  float:left;
}

#navigation li a
{
  text-decoration:none;
  text-transform:uppercase;
  font-weight:normal;
  color:white;
  /*letter-spacing:-0.8px;*/
  font-size:1.1em;
  margin-left:15px;
  display:inline-block;
  text-indent:-1px;
}

#navigation li a.selected
{
  border-bottom:solid 2px white;
}


/* site info sidebar */

#site-info 
{ 
  width:132px; 
  float:left; 
  margin-top:142px; 
  overflow:hidden; 
}

#site-info h3, #site-info p, #site-info a 
{
  color:gray; 
}

#site-info h3, #site-info p
{ 
  font-size:0.7em; 
  margin:0px; 
}

#site-info a 
{
  text-decoration:none; 
}

#site-info p 
{
  margin-top:10px; 
}

#site-info h3 
{ 
  margin-top:30px; 
}

#site-info a:hover 
{ 
  text-decoration:underline; 
}

#site-info a.phone-number span { color:silver; }


/* main content area */

#main { 
  float:left; 
  width:400px; 
  margin:10px 10px 10px 21px; 
}


/* content text styles */

.content h2 
{ 
  font-size:1.3em; 
  font-weight:normal; 
  color:#4C88BE; 
  margin-top:10px;
  margin-bottom:8px;
  letter-spacing:-0.05em;
}

.content p, .content ul li 
{ 
  font-size:0.8em; 
  line-height:1.8em; 
  color:#444444; 
  margin-top:0px; 
  margin-bottom:5px;
}

.content a
{
  color:#CC7A2E;
  text-decoration:none;
  /* border-bottom:dotted 1px #CC7A2E; */
}

.content a:hover
{
  color:#CC6600;
  text-decoration:underline;
}


/* right-hand stuff */

#right-hand
{
  width:180px;
  float:right;
  margin-top:21px;
}

img#myphoto
{
  width:100%;
}


/* tags */

.new-tag
{
    text-indent:-10000px;
    background-image:url(http://l.yimg.com/ao/i/hp/y7c/sprite-yourstuffonline_1_3.png);
    background-position:-17px -126px;
    background-repeat:no-repeat;
    background-color:transparent;
    width:14px;
    height:5px;
    display:inline-block;
    padding:0px;
    font-size:6px;
}


/* h-Card */

#hcard-Jonathan-Conway
{
    /*border-left:solid 1px silver;*/
    border-top:solid 1px silver;
    border-right:solid 1px silver;
    border-bottom:solid 1px silver;
    overflow:hidden;
    width:450px;
    height:130px;
    background-image:url(/Content/images/vcard-bg.jpg);
    background-repeat:repeat;
}

#hcard-Jonathan-Conway .decorative-sidebar
{
    height:100%;
    width:12px;
    background-color:Silver;
    text-indent:-10000px;
    float:left;
    display:block;
    font-size:1px;
}

#hcard-Jonathan-Conway #created-with
{
    display:none;
}

#hcard-Jonathan-Conway img
{
    float:left;
    display:block;
}

#hcard-Jonathan-Conway .vcard-in
{
    margin-left:10px;
    float:left;
}

#hcard-Jonathan-Conway img,
#hcard-Jonathan-Conway .vcard-in
{
    margin:10px;
}

#hcard-Jonathan-Conway .vcard-in span,
#hcard-Jonathan-Conway .vcard-in a,
#hcard-Jonathan-Conway .vcard-in .adr,
#hcard-Jonathan-Conway .vcard-in .tel
{
    font-size:13px;
}

#hcard-Jonathan-Conway .vcard-in .email,
#hcard-Jonathan-Conway .vcard-in .fn
{
    clear:left;
    display:block;
}

#hcard-Jonathan-Conway .vcard-in span,
#hcard-Jonathan-Conway .vcard-in a,
#hcard-Jonathan-Conway .vcard-in .adr,
#hcard-Jonathan-Conway .vcard-in .tel,
#hcard-Jonathan-Conway .vcard-in .email,
#hcard-Jonathan-Conway .vcard-in .url
{
    margin-bottom:5px;
}

#hcard-Jonathan-Conway .vcard-in .fn
{
    font-size:20px;
}