/*
===================================
Color Guide
===================================

blue #1f5183
light blue #f0f6fa
dark blue #000519

twitter blue #017fe3

grey #333

===================================
*/

/* General Stuff ========================= */

body{background: #f0f6fa url(../img/bg_body.gif) repeat-x 0 0;}
html{background: #f0f6fa}

#wrap{
padding-top: 50px;
margin:0 auto;
text-align:left;
width: 560px;
color: #1f5183;
background: transparent url(../img/bg_wrap.png) no-repeat 50% -80px;
_background: none;
}
 
p{margin-bottom: 10px; line-height: 1.4em;}
strong{font-weight: bold;}
a:link, a:visited{ color:#1f5183}
a:hover{text-decoration:none;}
a:focus, a:active {outline: none; text-decoration:underline; color: #f00;}

/* header ========================= */

h1{float: left;}

h1 a{
width: 181px;
height: 30px;
display: block;
background: url(../img/name.gif) no-repeat 0 0;
margin: 14px 10px 0 0;
text-indent: -999999px;
}

h2{
font-size: 138.5%;
margin-bottom: 10px;
font-weight: bold;
}

h3{
font-size: 118%;
margin-bottom: 10px;
font-weight: bold;
}

/* nav ========================= */

#nav li{float: left;}

#nav li a{
display: block;
background: #f0f6fa url(../img/bg_btn.gif) repeat-x 0 0;
margin:10px 5px 0 0 ;
line-height: 43px;
padding: 0 10px;
font-size: 138.5%;
font-weight: bold;
text-decoration: none;
}

#nav li a:hover{text-decoration: underline;}

#nav li.active a{
height: 53px;
padding: 0;
margin-top: 0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url(../img/btns.png);
text-indent: -99999px;
cursor: default;
_background-image: url(../img/btns.gif);
}

#nav li.active a#me{background-position: 0 0; width: 107px;}
#nav li.active a#links{background-position: 0 -53px; width: 89px;}
#nav li.active a#books{background-position: 0 -106px; width: 103px}
#nav li.active a#events{background-position: 0 -159px; width: 109px}

/* Main Area ========================= */

#main{background: #000519 url(../img/bg_box_top.gif) no-repeat top center; clear: both;}

#content{
background: transparent url(../img/bg_box_bottom.gif) no-repeat bottom center; 
padding: 30px  30px 40px 30px;
color: #f0f6fa;
}

#content a{color: #f0f6fa;}

#content dl{
float: left;
width: 100px;
margin-bottom: 10px;
}

#content dt img{
border: 1px solid #f0f6fa;
padding: 4px;
display: block;
}

#content dd{
font-size: 85%;
margin-top: 5px;
line-height: 15px;
}

#content dd.fn{
font-size: 100%;
font-weight: bold;}

#content dd.linkedin a{
background:url(../img/linkedin_micro.gif) no-repeat left center;
padding-left: 20px;
color: #6cf;
display: block;
}

#content dd.twitter a{
background:url(../img/twitter_micro.gif) no-repeat left center;
padding-left: 20px;
color: #6cf;
display: block;
}


#bio{margin-left: 120px;}

/* Twitter ========================= */

#twitter{
background: url(../img/bg_twitter.gif) no-repeat bottom center;
padding: 10px 30px 30px 30px;
margin-bottom: 10px;
}

#twitter h3{
	background:  url(../img/twitter.gif) no-repeat 0 0;
	height: 30px;
	text-indent: -9999999px;
	margin-bottom: 5px;
}

#twitter h6{font-weight: bold;}

#twitter p, #twitter h6{margin-left: 35px;}

address{float: left;line-height: 20px;}

p.linkedin{float: right;}

p.linkedin a{
color: #333;
line-height: 20px;
background: url(../img/linkedin_large.gif) no-repeat right center;
padding-right: 80px;
display: block;
}

p.linkedin a:hover{ text-decoration: underline;}

p.linkedin span{display: none;}


/* Books ========================= */


.BookList{margin-bottom: 10px;}

.BookList li{float: left;}

.BookList li a{
display: block;
border: 4px solid #f0f6fa;
margin:0 0 16px 16px;
}

.BookList li a:hover{border-color: #000519;}

.BookList li.NoMargin a{
margin-left: 0;
clear: left}

/* events ========================= */


.vevent{
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px dotted #b2b8bc;
}

.vevent h3{
font-weight: bold;
margin-bottom: 10px;
}

/* Delicious ========================= */


.delicious-posts h2 a{text-decoration: none;}

.delicious-posts ul li a{
border-top: 1px dotted #b2b8bc;
padding: 2px 0;
display: block;
text-decoration: none;
_height: 1%;
}

.delicious-posts ul li a:hover{
text-decoration: underline;
}

/* Google Reader ========================= */

.reader-publisher-module h3{
font-size: 138.5%;
margin-bottom: 10px;
font-weight: bold;
}


.reader-publisher-module ul li{
border-top: 1px dotted #b2b8bc;
padding: 5px 0;
display: block;
text-decoration: none;
line-height:120%;
font-weight:bold;
}

.reader-publisher-module div
{
font-weight:normal;
font-size:80%;
}

.reader-publisher-module ul li a:hover{
text-decoration: underline;
}

/* Clear Fix ========================= */

#nav:after, #content:after, .BookList:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #nav, * html #content, * html .BookList {display: inline-table;}

/* Hides from IE-mac \*/
#nav, #content, .BookList {height: 1%;}
#nav, #content, .BookList {display: block;}
/* End hide from IE-mac */