body {
margin:0;
padding:0;
font: 84% sans-serif;
}

a img{
border:0;
}

/* Blog-dependent Link Colors */
a,
a:visited {
  color:#ddd;
  text-decoration:none;
}
#OnBlog2 a:hover,
#OnBlog2 a:visited:hover {
  color:#f66;
  background:inherit;
}
#OnBlog3 a:hover,
#OnBlog3 a:visited:hover {
  color:#ff0;
  background:inherit;
}
#OnBlog4 a:hover,
#OnBlog4 a:visited:hover {
  color:#fc0;
  background:inherit;
}
#OnBlog5 a:hover,
#OnBlog5 a:visited:hover {
  color:#6f6;
  background:inherit;
}
#OnBlog6 a:hover,
#OnBlog6 a:visited:hover {
  color:#6ff;
  background:inherit;
}
#OnBlog8 a:hover,
#OnBlog8 a:visited:hover {
  color:#69f;
  background:inherit;
}

html{
padding:0;
overflow:hidden;
}

* html body {
height:100%;
overflow:hidden;
}

#wrapper{
position:absolute;
bottom:0;
right:0;
width:100%;
height:100%;
overflow:auto;
padding:0;
background:#444;
color:inherit;
}

#innerWrap{
padding:45px 10px;
margin-right:125px;
}

/* main menu */
#logo {
display:block;
height:37px;
width:40px;
float:left;
margin:2px 20px 0 40px;
background:url(img/am_logo2.gif) no-repeat;
}

#logo:hover {
background-position:right
}
#logo #am_startle {
display:none;
}
#logo:hover #am_startle {
display:block;
margin:0 0 0 55px;
height:45px;
width:85%;
position:absolute; top:0;
background:url(img/headerStk.png) right top repeat-x;
}
#am_startle {
color:#fff;
background:inherit;
font:bold 28px/28px monospace,verdana,sans-serif;
letter-spacing:4px
}
#am_startle span {
display:block;
font:10px/10px verdana;
letter-spacing:0px;
}

#main_menu{
background:url( img/headerStk.png) center right repeat-x;
width:100%;
right:16px;
height:44px;
}

#main_menu ul{
margin:0;
padding:15px 0 0 70px;
list-style:none;
}

#main_menu li{
float:left;
}

/* Menu link colours */

#main_menu a,
#main_menu a:visited {
padding:0 4px;
text-decoration:none;
line-height:22px;
font:bold 105% verdana,sans-serif;
color:#ccc;
background-color:transparent;
}

#OnBlog2  #main_menu .mBlog2,
#main_menu a.mBlog2:hover {
  color:#f66;
  background-color:transparent;
}

#OnBlog3  #main_menu .mBlog3,
#main_menu a.mBlog3:hover {
  color:#ff0;
  background-color:transparent;
}

#OnBlog4  #main_menu .mBlog4,
#main_menu a.mBlog4:hover {
  color:#fc0;
  background-color:transparent;
}

#OnBlog5 #main_menu .mBlog5,
#main_menu a.mBlog5:hover {
  color:#6f6;
  background-color:transparent;
}

#OnBlog6  #main_menu .mBlog6,
#main_menu a.mBlog6:hover {
  color:#6ff;
  background-color:transparent;
}

#OnBlog8 #main_menu .mBlog7,
#main_menu a.mBlog8:hover {
  color:#69f;
  background-color:transparent;
}

#main_menu a span {
display:none;
top:2em;
position:absolute;
line-height:100px;
margin:0;
text-indent:25px;
height:75px; width:350px;
font-size:14px;

}

#main_menu li:hover span{
display:block;
}
#main_menu li:hover a.mBlog2 span {
background:url(img/bubble2.png) no-repeat;
}
#main_menu li:hover a.mBlog3 span {
background:url(img/bubble3.png) no-repeat;
}
#main_menu li:hover a.mBlog4 span {
background:url(img/bubble4.png) no-repeat;
}
#main_menu li:hover a.mBlog5 span {
background:url(img/bubble5.png) no-repeat;
}
#main_menu li:hover a.mBlog6 span {
background:url(img/bubble6.png) no-repeat;
}
#main_menu li:hover a.mBlog8 span {
background:url(img/bubble8.png) no-repeat;
}

.fixed{
position:fixed;
}

* html .fixed{
position:absolute;
}

#pageFooter {
bottom:0;
right:16px;
width:100%;
height:20px;
background:url(img/footer_bg.jpg) center center repeat-x;
font-size:90%;
font-weight:bold;
}

p.baseline {
	margin: 0;
	line-height:20px;
	text-align:center;
}

#pageFooter a{
text-decoration:none;
}

#pageFooter a span{
display:none;
}

#trap{
position:absolute;
right:0;
bottom:0;
height:20px;
width:100px;
background:url( img/trap.jpg ) top center no-repeat;
}

#trap:hover{
background-position:bottom center;
}

.pageHeader{
  display:none;
}

.hSearch{
  top:0px;
  right:19px;
  width:200px;
  height:22px;
}

#s{
  width:180px;
  height:16px;
  margin:8px 0 0 0;
  border:2px solid;
  position:absolute;
  bottom:-10px;
  right:20px;
  background:#444;
  color:#aaa;
  font:15px monospace;
  padding:0 5px;
}

#s:hover {
  background:#444 url(img/searchText.png) no-repeat 2px 2px;
  color:#aaa;
}

/* search box border colour */
#s{
  border-color:#222 #666 #666 #333;
}

#sSub,
#ie_sSub{
position:absolute;
right:3px;
bottom:-28px;
background-color:transparent;
border:0;
}

#ie_sSub{
display:none;
}

/** blog stuff **/

/* blog Titles */
.bTitle {
  margin:0;
  font:bold 20px monospace;
}
#OnBlog2 .bTitle {
  color:#f66;
  background:inherit;
}
#OnBlog3 .bTitle {
  color:#ff0;
  background:inherit;
}
#OnBlog4 .bTitle {
  color:#fc0;
  background:inherit;
}
#OnBlog5 .bTitle {
  color:#6f6;
  background:inherit;
}
#OnBlog6 .bTitle {
  color:#6ff;
  background:inherit;
}
#OnBlog8 .bTitle {
  color:#69f;
  background:inherit;
}

/* blog author */
.itemDate {
  margin-bottom:10px;
  display:block;
  font:90%/90% verdana,sans-serif;
}


.bPosts {
margin:0;
padding:0;
border:0;
font-size:105%;
}

.bPost,
.bComment{
margin:1em;
border:none;
padding:0;
overflow:hidden;
}

.bPost{
background:#444;
color:#999;
}

.bText {
border:solid #999;
border-width:0 0 2px 2px;
padding:0px 0 20px 20px;
}

.bSmallPrint,
.bCommentSmallPrint{
text-align:right;
}

.commentOdd,
.commentEven{
background:top left no-repeat;
padding:1em;
}

.bCommentTitle{
margin:0 0 1em 0;
}

.bCommentForm{
background:top left no-repeat;
}

.bCommentForm fieldset{
border:0;
padding:1em;
}

.bCommentForm h4{
margin:0 1em;
}

input.bComment{
width:50%;
}

.bComment textarea{
width:97%;
margin:0 auto;
}

.tocRap{
border:1px solid;
width:20em;
margin:0 auto;
}

.catInset{
padding:1em;
background:top left no-repeat;
}

.bSideBar {
width:135px;
margin:0;
padding:0;
position:absolute;
right:25px;
top:50px;
background:#424242;
}

.bSideItemWrap{
padding:1em 0 0 0;
}

.bSideItem{
border:1px solid;
border-color:#ccd #889 #667 #aab;
padding:1em;
margin:1em .5em 1.5em .5em;
}

.bSideItemWrap h3{
position:absolute;
margin:0;
border:solid;
border-width:1px;
padding: 0 .5em;
font-family: cursive;
width:8em;
}

.bSideItem ul{
margin:0;
padding:0;
list-style:none;
}

.sbComments li{
margin:.5em 0;
padding:0;
}

.sbComments ol{
margin:0;
padding:0 0 0 1.5em;
}

.action_messages {
	margin: 0 2ex;
}

#navLinks{
text-align:center;
}

#navLinks a{
text-decoration:none;
font-weight:bold;
padding:0 4px;
}











/*                                           standard evo styling crap                                 */

h2 {
	color: #78a;
	font-size: 180%;
	margin: 0;
}
h3 {
	color: #78a;
	font-size: 120%;
}
h4 {
	color: #78a;
	font-size: 110%;
}

input.bComment,
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 2px;
}

select.bComment  /* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


input.submit,
input.preview,
input.reset {
	background-color: #ddd;
	color: #78a;
	border: 1px solid #000;
	font-weight: bold;
	padding: 1px;
}

input.submit:hover,
input.preview:hover {
	color: #000;
}


/* sideImages */

.side { position:relative;
  border-left:1px solid; margin:2.5px 0;
  z-index:2000;  }
.bulb img.sideImg { position:absolute;
  left:-36px; top:-15px; }
.geek img.sideImg { position:absolute;
  left:-44px; top:-35px; }
.warn img.sideImg { position:absolute;
  left:-38px; top:-10px; }
.info img.sideImg { position:absolute;
  left:-38px; top:-10px; }
.sideContent { display:none; }
.side a:hover { padding:0; cursor:default; }
.side a:hover .sideContent { display:block;
  padding:10px; position:absolute; left:-15px;
  z-index:5; border:1px solid; width:100%;
  cursor:default; font-weight:normal; }
.bulb a:hover .sideContent { background:#ffc;
  border-color:#66c; color:#c90; }
.bulb .codeodd { background:#e9e9a7;
  color:inherit; }
.bulb .codeeven { background:#f1f1af;
  color:inherit; }
.geek a:hover .sideContent { background:#fda;
  border-color:#f63; color:#691F01; }
.info a:hover .sideContent { background:#cfc;
  border-color:#060; color:#060; }
.info .codeodd { background:#e9ffe9; color:#060; }
.info .codeeven{ background:#efffef; color:#060; }
.warn a:hover .sideContent { background:#fee;
  border-color:#e00; color:#e00; }
   /* quick support for info in ul-li */
li .side { position:absolute; width:85%;
    }
li .info img.sideImg { position:absolute;
  left:-80px; }







/* colour definitions */
body{
background:#f8f8ff;
color: #000;
}

#pageFooter{
background-color:transparent;
color:#bbb;
}

#pageFooter a,
#pageFooter a:visited{
background-color:transparent;
color:#eee;
}

#pageFooter a:hover{
background-color:transparent;
color:#26d703;
}




/* post colours */
.bPosts{
	background-color:inherit;
}



.tocRap{
color:#332;
border-color:#aac #ccd #dde #aab;
}

.tocRap{
/*background: url( img/catFadeBot.gif ) bottom right no-repeat #eef;*/
}

/* sidebar colours */
.bSideItem{
color:#007;
background:#eef top left no-repeat;
border-color:#bbc #ccb #dde #aab;
}

.bSideItemWrap h3{
color:#78a;
background-color:#ccd;
}

.dimmed{
	color: #aaa;
}

.bSideItem a,
.bSideItem a:visited{
text-decoration:none;
color:#44a;
background-color:inherit;
text-decoration:none;
}

.bSideItem a:hover{
color:#000;
background-color:inherit;
}

/* nav links */
.navLinks{
color:#bbc;
background-color:inherit;
text-align:center;
}

.navLinks a,
.navLinks a:visited{
color:#889;
background-color:inherit;
font-weight:bold;
text-decoration:none;
}

.navLinks a:hover{
color:#223;
background-color:inherit;
}



.tocRap{
color:#889;
background-color:inherit;
}

.tocRap a,
.tocRap a:visited{
color:#44a;
background-color:inherit;
text-decoration:none;
}

.tocRap a:hover{
color:#000;
background-color:inherit;
}

.bComment{
/*background: url( img/catFadeBot.gif ) bottom right no-repeat #eef;*/
color:#332;
border-color:#ccd #889 #667 #aab;
}



/* feed stuff */
#rss {
  position:fixed;
  top:50%;
  right:5px;
  width:16px;
  height:16px;
}
#rss .rssBub {
  display:none;
}
#rss:hover .rssBub {
  display:block;
  position:absolute;
  width:275px;
  margin:-46px 0 0 -280px;
}
#rss:hover .rssBub .top {
  background:url(img/sBubFT.png);
  height:14px;
}
#rss:hover .rssBub .mid {
  background:url(img/sBubFM.png);
}
#rss:hover h3 {
  margin:0;
  padding:0 0 0 20px;
  color:#f99a39;
  background:inherit;
}
#rss:hover ul {
  list-style-type:none;
  margin:0;
  padding:5px 0 0 20px;
}
#rss:hover ul li.title {
  color:#f99a39;
  background:inherit;
  margin:0;
  padding:0 0 5px 0;
}
#rss:hover .rssBub .bot {
  background:url(img/sBubFB.png);
  height:25px;
}
#rss:hover a,
#rss:hover a:visited {
  display:block;
  width:175px;
  color:#aaa;
  background:inherit;
}
#rss:hover a:hover,
#rss:hover a:visited:hover {
  color:#f99a39;
  background:inherit;
}

/*#rss ul{
background:url( img/catFade7.gif ) top left no-repeat #eef;
position:absolute;
display:none;
list-style:none;
margin:0 0 0 -8em;
padding:.5em;
right:10px;
top:5px;
width:8em;
border:1px solid;
text-align:right;
}

#rss:hover ul{
display:block;
}

#rss li{
font-weight:bold;
}

#rss li a{
font-weight:normal;
}
*/




/* Sidebar Bubbles - Arcs, Cats & Comments */
#cats .catBub,
#cmnts .cmntBub,
#arcs .arcBub {
  display:none;
}
#cats,
#cmnts,
#arcs {
  height:123px;
  width:134px;
  margin:0;
  position:relative;
  border:1px dotted #555;
}
#cats {
  background:url(img/cats.gif) no-repeat;
}
#cmnts {
  background:url(img/comments.gif) no-repeat;
}
#arcs {
  background:url(img/dino.gif) no-repeat;
}
#cats:hover,
#cmnts:hover,
#arcs:hover {
  background-position: right;
}
#cats:hover .catBub,
#cmnts:hover .cmntBub,
#arcs:hover .arcBub {
  display:block;
  position:absolute;
}
#cats:hover .catBub {
  margin:18px 0 0 -255px;
}
#cmnts:hover .cmntBub {
  margin:-50px 0 0 -385px;
}
#arcs:hover .arcBub {
  margin:10px 0 0 -410px;
}

.catBub .top {
  width:275px;
  height:14px;
  background:url(img/sBubYT.png);
}
.cmntBub .top {
  width:400px;
  height:14px;
  background:url(img/sBubBT.png);
}
.arcBub .top {
  width:425px;
  height:14px;
  background:url(img/sBubGT.png);
}

.catBub .mid {
  width:275px;
  background:url(img/sBubYM.png);
}
.cmntBub .mid {
  width:400px;
  background:url(img/sBubBM.png);
}
.arcBub .mid {
  width:425px;
  background:url(img/sBubGM.png);
}

.catBub .mid h3 {
margin:0;
padding:0 0 5px 20px;
color:#ff0;
background:transparent;
}

.cmntBub .mid h3 {
margin:0;
padding:0 0 5px 20px;
color:#69f;
background:transparent;
}
.arcBub .mid h3 {
margin:0;
padding:0 0 5px 0;
color:#6f6;
background:transparent;
}

.catBub .mid .bSideItem,
.cmntBub .mid .bSideItem,
.arcBub .mid .bSideItem {
  background:none;
  border:none;
  margin:0;
  padding:0 0 0 20px;
}
.catBub .mid li {
  width:170px;
  margin:0;
}
.cmntBub .mid ol {
  margin:0;
  padding:0 0 0 20px;
}

#cats a .catLink,
#cats a:visited .catLink {
  color:#999;
  background:inherit;
  font:14px verdana,sans-serif;
  display:block;
}
#cats a:hover .catLink,
#cats a:visited:hover .catLink {
  color:#ff0;
  background:inherit;
}
.bSideItem li span {
  color:#666;
  background:inherit;
  font:14px verdana,sans-serif;
}

.cmntBub .mid li {
  color:#666;
  background:inherit;
  margin:2px 0 0 0;
}
#cmnts a,
#cmnts a:visited {
  color:#999;
  background:inherit;
}
#cmnts a:hover,
#cmnts a:visited:hover {
  color:#69f;
  background:inherit;
}

.arcBub .mid ul{
padding:0 70px 0 0;
}

.arcBub .mid li img {
}
#arcs a,
#arcs a:visited {
  display:block;
  color:#aaa;
  background:inherit;
}
#arcs a:hover,
#arcs a:visited:hover  {
  color:#6f6;
  background:inherit;
}
.arcBub .mid li ul {
  padding:2px 0 5px 10px;
  font:12px arial,sans-serif;
width:315px;
}


.catBub .bot {
  height:25px;
  width:275px;
  background:url(img/sBubYB.png);
}
.cmntBub .bot {
  height:25px;
  width:400px;
  background:url(img/sBubBB.png);
}
.arcBub .bot {
  height:25px;
  width:425px;
  background:url(img/sBubGB.png);
}


/* rounded corner */
div.txtCorner{
background: url( img/txtCorner.gif ) bottom left no-repeat;
height:45px;
width:46px;
margin:-43px 0 0 -2px;
}

