* {margin:0; padding:0; border:0;}

html {
border-top:4px solid #3d3d3d;
width:100%;
height:100%;
text-align:center;
}

a {text-decoration:none; color:#286099; font:16px Trebuchet MS;}

a:hover, a:focus {color:#3e78b3; border-bottom:1px dotted #4e4e4e;}

body {
border:0;
width:960px;
margin:0 auto;
overflow:hidden;
height:100%;
text-align:left;
}

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

#header > a {
width:310px;
height:70px;
position:absolute;
top:0;
left:0;
margin:20px 0 0 0;
display:block;
outline:none;
background:url(../images/logo.jpg) no-repeat center;
}

#header > a:hover, #header > a:focus {border:0;}

#header h3, #header a h1, .invisible, #sidebar > * + h2, #cont > * + h2 {display:none;}

#header ul {height:80px;overflow:hidden;margin-left: 380px;}

#header ul li {
list-style:none;
float:left;
margin:0 0.5em 0 0;
}

#header ul li a {
display:block;
text-decoration:none;
color:#fff;
background:#286099;
padding:14px 0.8em;
font:12px arial;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-khtml-border-radius-bottomleft:8px;
-khtml-border-radius-bottomright:8px;
}

#header ul li a:hover, #header ul li a:focus {
font-style:italic;
border:0;
color:#fff;
}

#header ul li a.active {
height:40px;
}

#cont {
width:580px;
margin:40px 0 0 380px;
height:1%;
}

#sidebar {
width:310px;
float:left;
font:16px Trebuchet MS;
margin:40px 0 0 0;
color: #4e4e4e;
height:1%;
}

#sidebar h3 {
font:25px Trebuchet MS;
background: url(../images/h.jpg) no-repeat left center;
padding-left:80px;
margin: 30px 0 0 0;
}

#searchform {
margin: 0 0 40px 0;
}

#searchform #searchsubmit {display:none;}
#searchform #s {
width:220px;
border:1px solid #ccc;
height:28px;
font:20px Trebuchet MS;
padding:2px 4px;
}

#searchform #s:hover, #searchform #s:focus {
border:1px solid #4e4e4e;
}

#searchform h3, #searchform fieldset {display:inline; height:28px; background:none; padding:0;}

#sidebar ul {
list-style:none;
margin: 8px 0 8px 82px;
}

#sidebar div {
margin: 8px 0 8px 82px;
}

#sidebar ul li a {
text-decoration:none;
color:#286099;
display:block;
font-variant:small-caps;
}

#sidebar ul li a:before {
content: '→';
color:#4e4e4e;
padding:0 4px 0 0;
}
#sidebar ul li a:hover span, #sidebar ul li a:hover span, #sidebar ul li a:hover:before, #sidebar ul li a:focus:before {font-style:normal;}

#sidebar ul li a span {color:#4e4e4e;}

#sidebar ul li a:hover, #sidebar ul li a:focus {
font-style:italic;
color:#3e78b3;
border:0;
}

div.post {
font:16px Trebuchet MS;
color:#3d3d3d;
line-height:1.4em;
position:relative;
margin:0 0 40px 0;
}

.post h3 {
margin:0 0 8px 0;
padding:0 55px 0 0;
}

.post h3 a {
font:25px Trebuchet MS;
color:#286099;
border:0;
text-transform:capitalize;
}

.post h3 a:hover:after, .post h3 a:focus:after {
content:'¶';
color:#ccc;
padding-left:4px;
}

.post a.speak {
top:0;
right:0;
height:29px;
width:46px;
background:url(../images/speak.jpg) no-repeat top center;
position:absolute;
border:0;
color:#fff;
font:18px georgia;
display:block;
text-align:center;
}
.post a.speak:hover, .post a.speak:focus {
background:url(../images/speak.jpg) no-repeat bottom center;
}

.post p {
font:14px Lucida Grande, Tahoma, serif;
line-height:1.6em;
text-indent:12px;
}

.post small.meta a {font-variant:small-caps;}

hr {border-bottom:1px solid #ccc;}
p small, p small a {font:10px arial, sans-serif; color:#4c4c4c;}
p small span, p small a {color:#286099;}

p.right {float:right;}
p.right a:hover, p.right a:focus {border:0; color:#4e4e4e;}
