/*
Theme Name: Rattlebrained.
Theme URI: http://www.rattlebrained-designs.com/blog/rattlebrained/
Description: Theme for Rattlebrained Designs dot com.
Version: 1.0
Author: Rattlebrained-Designs
Author URI: http://www.rattlebrained-designs.com
*/
#alignright {float:right;  margin:10px;}
#alignleft {float:left;  margin:10px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top:15px;}
a img.alignright {float:right; margin:10px;}
a img.alignleft {float:left;  margin:10px;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top:15px;}
body	{
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 width: 910px;
 text-align: center;
 background-color: #d7d9de;
 font-family: verdana,geneva,arial,helvetica,sans-serif;
 font-size: 11px;
 background-image: url(http://www.rattlebrained-designs.com/images/background.jpg);
 background-position: top;
 background-repeat: repeat;
}
li {
 margin-left: -10px;
}
ul {
 margin-left: -15px;
}
#searchsubmit {
background-color: #d7d9de;
}
.alertmessage {
  color: #FF0000;
  }
.normal {
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-size: 10px;
}
tr, td, table,form,input,button,select,option  {
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-size: 11px;
	page-break-inside: avoid;
}
table.border {
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	page-break-inside: avoid;
	border-width:1px;
	border-style:solid;
}
.head {
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-size: 14px;
	line-height: 100%;
}
h1   {
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-weight: bold;
        font-size: 20px;
        color: #666699;
}
h2   {
	font-family: verdana,geneva,arial,helvetica,sans-serif;
        text-align: left;
        padding-left:10px;
	font-weight: bold;
        font-size: 18px;
        color: #330033;
    }
}
.subhead {
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
        font-size: 12px;
        color: #330033;
    }
.sectiondesc {
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
        font-size: 12px;
        color: #330033;
    }
.smallsidebartext {
      font-size:11px;
      color: #000000;
	  font-family: verdana,geneva,arial,helvetica,sans-serif;
      }
.sidebartext {
      color: #000000;
	  font-family: verdana,geneva,arial,helvetica,sans-serif;
      }
a	{
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: inherit;
		font-weight: bold;
		color: #000066;
		text-decoration: none;
	}
a:visited {
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: inherit;
		color: #800080;
		text-decoration: none;
}
a:hover	{
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: inherit;
		color: #FF0000;
		text-decoration: underline;
	}
.smallprint	{
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: 10px;
		color: #330033;
	}
.bkgrnd {
		background:url(http://content.cafepress.com/si/79091.store_bkg.jpg);
		background-color:#8F8D8D;
		background-repeat:no-repeat;
	}
.imgborder,div.imageborder {
	    border: 0px;
        margin-bottom: 12px;
     }
a img {
        border: 1px;
        border-style: outset;
        padding: 3px;
        border-color: #8e99b3;
}
hr {
	height: 1px;
    color: #808080;
    border: none;
        }
.biglink	{
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: larger;
		color: #ff0066;
		text-decoration: none;
	}
.biglink:hover	{
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: larger;
		color: #FF0000;
		text-decoration: underline;
	}
.fullheight {
                height:100%;
        }
.buttn {
  background-color: #c2c7d2;
  padding: 3px 3px 3px 6px;
  border-style: solid;
  border-width : 1px 3px 3px 1px;
  border-color: #8e99b3;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
}
.buttn2 {
  color: #660066;
}
.buttn a:hover {
  border-color: #ff0000;
  background-color: #d6acac;
  text-align: left;
        }
th.tableheaderbg	{
		background-image: url(http://content.cafepress.com/si/cpClassic01_headerphoto.gif);
	}
.headtxt	{
 	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: 24px;
		color: #ffffff;
		font-weight: bold;
	}
.titlesub	{
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: 12px;
		color: #330033;
		font-weight: bold;
	}
.titlesubnorm	{
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: 14px;
		color: #330033;
	}
.footer	{
	    font-family: verdana,geneva,arial,helvetica,sans-serif;
		font-size: 10px;
		color: #5D5656;
		line-height: 15px;
		text-align: center;
	}
#blog-bar li
       {
        border: none;
        margin-left: -20px;
        }
.entry {
        border: 0px none;
        text-align: center;
        margin: 10px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        font-weight: normal;
        color:  #000000;
        width: 700px;
}
#main img {
        border-width: 1px;
        border-style: outset;
        padding: 3px;
        background-color: #FFFFFF;
}
.deptheader {
  background-color: #d7d9de;
  text-align: center;
  font-size: large;
  font-weight: bold;
  padding: 3px 50px 3px 50px;
  border: thin dotted;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #666699;
}
.strikeOutText {
  text-decoration: line-through;
}
.redBoldText  {
  color: #FF0033;
}
.xsmallText {
  font-weight: bold;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/***wishads

.wishads_float_218 {
    margin-left: 20px;
}
***/


/***top menu***/
/***reset default styling***/
.nav,
.nav ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
.nav a {
    text-decoration:none;
}
/*CUSTOMIZATION*/
/*i have split the code to have the width/height/color separate from the rest of the code*/
/*COLORS*/
/*here are some default colors, funky colors used for distinctive visibility*/
/*i hope that you can handle colors customization on your own :p*/

.nav {
    background-color:#c2c7d2;
}
.nav a {
    background-color:#FFCC99;
    color:#25293d;
}
.nav ul {
    background-color:#3b4057; /*top link persistent background color*/
}
.nav a.mainmenu {
    background-color:transparent; /*so that the top link persistent background works*/
}
.nav ul a.mainmenu {
    background-color:#FFFF00;
}
.nav a.mainmenu:hover {
    background-color:#FFA500;
}
.nav .sub ul a {
    background-color:#CC6;
}
.nav .sub ul a.mainmenu {
    background-color:#FFFF00;
}
.nav .sub ul a.mainmenu:hover {
    background-color:#FFA500;
}
.nav a:hover,
.nav a:focus,
.nav a:active{
    background-color:#FFA500;
}
.nav .sub li a:hover,
.nav .sub li a:focus,
.nav .sub li a:active{
    background-color:#C93;
}

/*WIDTH (!IMPORTANT)*/
/*change each width value below, else the dropdown will stop working (:hover will still work in modern browsers because of the opera fix)*/
/*set the link width here*/
.nav .link,
.nav a {
    width:18em; /*same as width*/
}
.nav ul li {
/*force ie8 to float-drop*/
    max-width:18em; /*same as width*/
}
/*set the sublink left shift width here (same as width)*/
.nav ul ul {
/*move the sublinks to the side, so they dont overlap*/
    left:18em; /*same as width*/
}
.nav li.reversed ul { /*reverse the direction of sublinks for the last dropdown*/
    left:auto;
    right:18em; /*same as width*/
}
/*add the negative value of "width - 1px" here (because css can't do math)*/
/*or (width - 0.063em) where 0.063em is 1px on 16px base size*/
.nav a {
/*makes the links very thin, so that the sublinks can hide inside the main link*/
/*!IMPORTANT: if you want a width of 9em, then you will have to change the value below to 8.937em (because: 9 - 0.063 = 8.973)*/
    margin-right:-17.937em; /*make this width - 1px*//*or width - 0.063em (0.063 = 1px)*/
}


/*<customized width and positioning>*/
/*ONE*/
.nav .link.one {
    margin-right:15px;
}
.nav .link.one,
.nav .one a {
    width:10em;
}
.nav .one ul li {
    max-width:10em;
}
.nav .one ul ul {
    left:10em;
}
.nav .one a {
    margin-right:-9.937em; /*11 - 0.063 = 10.937em (0.063 = 1px)*/
}

/*TWO*/
.nav .link.two {
    margin-right:15px;
}
.nav .link.two,
.nav .two a {
    width:11em;
}
.nav .two ul li {
    max-width:11em;
}
.nav .two ul ul {
    left:11em;
}
.nav .two a {
    margin-right:-10.937em; /*3 - 0.063 = 2.937em (0.063 = 1px)*/
}

/*three*/
.nav .link.three {
    margin-right:15px;
}
.nav .link.three,
.nav .three a {
    width:15em;
}
.nav .three ul li {
    max-width:15em;
}
.nav .three ul ul {
    left:15em;
}
.nav .three a {
    margin-right:-14.937em; /*3 - 0.063 = 2.937em (0.063 = 1px)*/
}

/*FOUR*/
.nav .link.four {
    margin-right:0px;
}
.nav .link.four,
.nav .four a {
    width:10em;
}
.nav .four ul li {
    max-width:10em;
}
.nav .four ul ul {
    left:10em;
}
.nav .four a {
    margin-right:-9.937em; /*11 - 0.063 = 10.937em (0.063 = 1px)*/
}

/*</customized width and positioning>*/


/*HEIGHT*/
.nav {
    height:1.563em; /*you could remove this and clear the float differently, but to me this makes the most sense*/
}
.nav a {
    padding:0.2em 0.4em; /*apply padding to links, to vertically center them, be careful with horizontal padding in IE5, correct width must be maintained*/
}
.nav a.mainmenu {
    height:1.563em; /*needs to be the same as the persistent background trick and so that the sublevels are properly aligned*/
    line-height:1.563em; /*not really necessary, but in this specific case it vertically centers the main link text*/
    overflow:hidden; /*making it more bulletproof*/
    padding:0; /*remove the padding that was applied above*/
}
.nav ul {
    padding-top:1.563em; /*persistent background trick*/
    margin-top:-1.563em; /*persistent background trick*/
}
.nav ul ul {
    position:relative; /*so that it can be moved top/left*/
    top:-1.563em; /*this is the sole reason why the main links must have a fixed height*/
}


/*Dropper Dropdown*/
/*supports up to 4 sub-levels in IE5-7, more can be added*/
/*modern browsers already support any amount of sublevels*/
/*made by Timo Huovinen*/

.nav li {
    float:left; /*fixes several IE related bugs, and allows for clearing*/
}
.nav ul {
    float:left; /*necessary for float drop*/
}
.nav ul li {
    clear:left; /*must clear the floated list item inside sublist*/
}
.nav a {
    position:relative; /*needs to have a position, to be above the rest*/
    display:block;
}
.nav a.mainmenu {
    float:left; /*necessary for float drop*/
    margin-top:10000px; /*bring the links back into view*/
}
.nav .link,
.nav .sub {
    margin-top:-10000px; /*hide the links and their containers, opera has low upper limits*/
}
.nav ul {
    margin-bottom:-5000px; /*avoid any interaction between the sub's, can be any large size*/
}
/*the main trick, removes the negative right-margin and causes float drop*/
.nav a:hover,
.nav a:focus,
.nav a:active{
    margin-right:0;
}

/*OPERA fix*/
.nav ul:hover {
    clear:left; /*fix for opera sublinks flickering on :hover*/
}
/*background no longer needed*/
.nav ul ul {
    background:transparent;
}


/*IE5-6 + 7 bug fixes*/
.nav .sub {
    width:100%;
}
/*empty rule to fix occassional IE6 tabbing bug, one of the weirdest bug's i have seen.
it seems that this indexes the links together as one? does not happen for everyone, but im leaving it just in case.*/
a, a:hover, a:active, a:focus {}

<!--I would also suggest adding some javascript to delay the closing of the sublinks, just to make it even better-->