body {
font-size: 62.5%;
font-family:Georgia, "Times New Roman", Times, serif;
background-color:#fff;
margin:0;
padding:0;
text-align:center;
}

#head-holder {
background:#88202b url(http://macdermott.org/blog/img/top%20repeat.jpg) top left repeat-x;
}

#head-banner {
margin: 0px auto;
padding: 20px 0 0 0;
text-align:left;
width:990px;
color:#fff;
}

#head-banner h1 { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body #head-banner h1 { letter-spacing : normal; text-indent : -999em; overflow : hidden;text-align:left;}
/* End of hack */ 
#head-banner h1 a{width:700px; height:80px; margin:0; background:transparent url(http://macdermott.org/blog/img/title.png) no-repeat;float:left;display:block;}

#head-banner h2 { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body #head-banner h2 { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 
#head-banner h2 {width:700px; height:57px; margin:-20px 0 0 0; background:transparent url(http://macdermott.org/blog/img/tag.png) no-repeat;float:left;display:block;}

ul.navagition{
clear:left;
padding:0 0 0 0;
}

ul.navagition li{
display:inline;
}

.navagition { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .navagition { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

ul.navagition li a {float:left;display:block;height:72px;}
ul.navagition li#home-link a {width:200px; background:transparent url(http://macdermott.org/blog/img/navigation.png) no-repeat;}
ul.navagition li#number-link a {width:187px; background:transparent url(http://macdermott.org/blog/img/navigation.png) no-repeat;background-position: -395px 0;}
ul.navagition li#photos-link a {width:188px; background:transparent url(http://macdermott.org/blog/img/navigation.png) no-repeat;background-position: -582px 0;}
ul.navagition li#friend-link a {width:190px; background:transparent url(http://macdermott.org/blog/img/navigation.png) no-repeat;background-position: -770px 0;}

ul.navagition li#home-link a:hover {width:200px; background:transparent url(http://macdermott.org/blog/img/navigation.png) no-repeat;background-position: 0 -72px;}
ul.navagition li#number-link a:hover {width:187px; background:transparent url(http://macdermott.org/blog/img/navigation.png) no-repeat;background-position: -395px -72px;}
ul.navagition li#photos-link a:hover {width:188px; background:transparent url(http://macdermott.org/blog/img/navigation.png) no-repeat;background-position: -582px -72px;}
ul.navagition li#friend-link a:hover {width:190px; background:transparent url(http://macdermott.org/blog/img/navigation.png) no-repeat;background-position: -770px -72px;}

.home ul.navagition li#home-link a.active  {background-position:0 -72px;}
ul.navagition li#number-link a.active {background-position: -395px -72px;}
ul.navagition li#photos-link a.active {background-position: -582px -72px;}
ul.navagition li#friend-link a.active {background-position: -770px -72px;}

#clear-nav {clear:left; height:1px} 

#holder {
margin: 0px auto;
text-align: left;
width: 990px;
padding:20px 0 0 0;
background-color:#fff;
}

#friends .friend {
float:left;
width:310px;
margin-right:30px;
overflow:hidden;
}
#friends .friend3 {
float:left;
width:310px;
overflow:hidden;
}

#notepad #main {
float: left;
width:660px;
margin-bottom:20px;
}

#photos #main {
width:990px;
margin-bottom:20px;
text-align:center;
}

#notepad #main h1, #numbers #main h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
color:#0d4461;
padding: 0 0 5px 10px;
margin-bottom: 20px;
}

#notepad #main h2, #friends .friend h2, #friends .friend3 h2{
font-family:Arial, Helvetica, sans-serif;
font-size: 2.2em;
color:#0d4461;
padding: 0 0 5px 10px;
margin-bottom: 20px;
border-bottom:#0d4461 solid 1px;
font-variant:small-caps;
}

#notepad #main h3{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.8em;
color:#0d4461;
padding: 0 0 5px 10px;
margin-bottom: 20px;
}

#notepad #main p, #friends .friend p, #friends .friend3 p, #numbers #main p, #notepad #main table {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.7em;
line-height:1.6em;
color:#31070a;
padding: 0 10px 20px 10px;
}

.t0 {
background-color: #a5b3c9;
}
.t1 {
background-color:#e8ecf1;
}
.t2 {
background-color:#dde5eb;
}
#friends .friend3 p a, #friends .friend p a{
font-size:0.8em;
}

#notepad #main div.asset-meta p{ 
margin-top: -15px;
font-size:1.4em;
}

#notepad #main ul {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.7em;
line-height:1.6em;
color:#31070a;
padding: 0 0 20px 0;
list-style-type: square ;
}
#notepad #main ol {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.7em;
line-height:1.6em;
color:#31070a;
padding: 0 0 20px 0;
list-style-type: lower-roman;
}

#notepad #main li{
padding:0 0 0 5px;
margin:0 0 0 45px;
}

#notepad #main blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.7em;
line-height:1.6em;
color:#31070a;
padding: 40px 60px 40px 60px;
background: transparent url(http://macdermott.org/blog/img/quote.jpg) top left no-repeat;
}

#notepad #main blockquote cite {
font-style:italic;
}

#notepad #main img {
padding: 9px;
border:#0d4461 1px solid;
}

#notepad #main #previous-link{
float:left;
width:300px;
}

#notepad #main #next-link{
float:right;
width:300px;
text-align:right;
}

#notepad #side-bar {
float:right;
width:300px;
}

#notepad #side-bar h3{
font-family:Arial, Helvetica, sans-serif;
font-size: 2.2em;
color:#0d4461;
padding: 0 0 5px 10px;
margin-bottom: 20px;
border-bottom:#0d4461 solid 1px;
font-variant:small-caps;
}

#notepad #side-bar ul {
padding:0 10px 30px 10px;
}

#notepad #side-bar li {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
line-height:1.4em;
color:#31070a;
padding: 0 0 1px 0;
border-bottom:#31070a dotted 1px;
}

#notepad #side-bar .post-details span{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#6e595b;
}

#notepad #side-bar div.comments {
background:#fff url(http://macdermott.org/blog/img/comments_sides.png) top left repeat-y;
margin: 0 0 30px 0;
padding:;
}

#notepad #side-bar .comments p.com-author {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color:#31070a;
padding:0 20px 13px 20px;
background:#fff url(http://macdermott.org/blog/img/comments_top.png) no-repeat bottom left;

}
#notepad #side-bar .comments blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
line-height: 1.3em;
color:#31070a;
padding:5px 20px 23px 20px;
background:transparent url(http://macdermott.org/blog/img/comments_bottom.png) no-repeat bottom left;
}

#notepad #side-bar form {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
line-height:1.4em;
color:#31070a;
padding: 0 10px 30px 10px;
}

#notepad #side-bar #search {
font-family:Georgia, "Times New Roman", Times, serif;
color:#31070a;
}


#notepad #side-bar form div{
padding: 0 0 10px 0;
}


a {
color:#2aa1e0;
text-decoration:none;
}

a:hover{
color:#31070a;
}

html, body {
height: 100%; 
}
#total-hold {
min-height: 100%;
margin-bottom: -65px;
position: relative;
}
#clear-main {clear:both; height:10px;} 
.clear-main {clear:both; height:1px;}
#clear-footer{height:65px; clear:both;}
#footer {
background:#88202b url(http://macdermott.org/blog/img/bottom_repeat.jpg) bottom left repeat-x;
height:65px;
position:relative;
}

#footer p {
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-size: 1.3em;
text-align:center;
padding:20px 20px 20px 20px;
}

em {
font-style:italic;
}
strong {
font-weight:bold;
}

/* Start Tag Cloud CSS */

#cloud, #cloud2 {
padding:0 10px 20px 10px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
line-height:1.4em;
color:#31070a;}
#cloud a, #cloud2 a{text-decoration:none;padding:0px;}

a.tag1{
 font-size:1.0em;
}
a.tag2, a.tag3 {
 font-size:1.1em;
 font-weight:200;
}

a.tag4 ,a.tag5, a.tag6 {
 font-size:1.3em;
 font-weight:300;
}

a.tag7, .tag8, a.tag9 {
 font-size:1.5em;
 font-weight:300;
}

a.tag10, a.tag11, a.tag12 {
 font-size:1.7em;
 font-weight:300;
}

a.tag13, a.tag14, a.tag15 {
 font-size:1.9em;
 font-weight:400;
}

a.tag16, a.tag17, a.tag18 {
 font-size:2.1em;
 font-weight:400;
}

a.tag19, a.tag20, a.tag21 {
 font-size:2.3em;
 font-weight:500;
}

a.tag22, a.tag23, a.tag24 {
 font-size:2.5em;
 font-weight:500;
}

a.tag25, a.tag26, a.tag27 {
 font-size:2.7em;
 font-weight:900;
}

a.tag28, a.tag29, a.tag30 {
 font-size:30em;
 font-weight:900;
}
/* End Tag Cloud CSS */

.hidden, .content-nav {
display:none;
}

/**** RunnningAHEAD Add ons ****/
#notepad #side-bar #RunningAHEAD .RATitle{
display:none;
}

#notepad #side-bar #RunningAHEAD table.RAStats {
padding:0 10px 20px 10px;
}

#RunningAHEAD tr{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
line-height:1.8em;
color:#31070a;
}

#RunningAHEAD a span{
border-bottom:#31070a dotted 1px;
}