/*
Website Name: 
Description: 
Author: Matt McBrien
*/





/* CSS RESET */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre,
a, abbr, acronym, address, 
big, cite, code,
del, dfn, em, font, img, 
ins, kbd, q, s, samp,
small, strike, strong, 
sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, 
legend, table, caption, 
tbody, tfoot, thead, 
tr, th, td                          {margin: 0; padding: 0; border: 0; outline: 0; 
                                     vertical-align: baseline; background: transparent;}
body                                {line-height: 1; font-size: 62.5%;}
ol, ul                              {list-style: none;}
blockquote, q                       {quotes: none;}
blockquote:before, 
blockquote:after,
q:before, q:after                   {content: ''; content: none;}

:focus                              {outline: 0;}
ins                                 {text-decoration: none;}
del                                 {text-decoration: line-through;}
table                               {border-collapse: collapse; border-spacing: 0;}



/* LAYOUT */  
a:link, a:visited                   {text-decoration: none; color: black;}
a:hover                             {text-decoration: underline;}
body                                {background: rgb(21,74,116); font-family: Trebuchet MS, Verdana, Arial, sans-serif;
                                     color: #444;}
h1, h2, h3, .mootabs_title          {font-family: Garamond, Georgia, Times New Roman, Times, serif;}
#wrapper                            {width: 960px; margin: 0 auto; position: relative;
                                     min-height: 800px; background: rgb(254,254,247); 
                                     border: 3px outset black; }
#wrapper p                          {font-size: 1.6em; margin: 10px 30px 10px 30px; 
                                     line-height: 1.4em;}
#header                             {width: 960px; height: 150px; margin: 0 auto; background: url(images/logo.jpg);}
#logo                               {margin: 0 auto; display: block;}
#nav	 	                    {height: 60px; background: none;}
#nav li	 			    {display: inline; float:left; margin-left: 19px;}
#nav a 				    {display: block; height:59px; overflow:hidden; line-height:30em;}

#nav a.home                         {background:url(images/home.png); width: 140px; background-position: 0 0;}
#nav a.home:hover                   {background:url(images/home.png); width: 140px; background-position: -140px 0;}

#nav a.publications                 {background:url(images/publications.png); width: 257px;background-position: 0 0;}
#nav a.publications:hover           {background-position: -257px 0;}

#nav a.services                     {background:url(images/services.png); width: 172px; background-position: 0 0;}
#nav a.services:hover               {background:url(images/services.png); background-position: -172px 0;}

#nav a.contact                      {background:url(images/contact.png); width: 168px; background-position: 0 0;}
#nav a.contact:hover                {background-position: -168px 0;}

#nav a.blog                         {background:url(images/blog.png); width: 109px; background-position: 0 0;}
#nav a.blog:hover                   {background-position: -109px 0;}

.sidebar                            {float: right; width: 240px;margin: 10px 0 0 9px; 
                                     display: inline;}
.sidebar h2                         {font-size: 1.6em;}
.sidebar                            {font-size: 1.6em;}
.sidebar ul                         {list-style-type: none; padding-left: 20px;}
#box                                {float: left; width: 700px; margin-top: 10px;}

#box h1                             {margin: 0px 0px 10px 30px; font-size: 2.6em; font-variant: small-caps;}
#box h2                             {margin-left: 30px; margin-top: 30px; margin-bottom: 10px; font-size: 1.9em;}
#box h3                             {margin-top: 20px; margin-left: 30px; margin-bottom: 10px; font-size: 1.8em;}
#box.services ul                    {margin-left: 30px; margin-bottom: 30px;}
#box.services li                    {font-size: 1.6em; margin-left: 20px; margin-bottom: 10px; 
                                     list-style-type: disc;}
#wrapper a:link, #wrapper a:visited {color: rgb(21,74,116); font-weight: bold; text-decoration: none;}
#wrapper a:hover                    {text-decoration: underline;}


#footer                             {width: 800px; display: block; clear: both; margin: 0 auto;
                                     text-align: justify; font-size: 1.4em; padding-top: 10px; 
                                     padding-bottom: 10px; display: block; font-style: normal; 
                                     color: gray;}

#furtherinfo                     {float: left;}
#contactme                       {float: left;}
#smelethil                       {float: right;}



.comments-template               {margin: 10px 0 0; border-top: 1px solid #ccc; padding: 10px 0 0;}
.comments-template ol            {margin: 0; padding: 0 0 15px; list-style: none;}
.comments-template ol li         {margin: 10px 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #ccc;}
.comments-template h2            {font-family: Georgia, Sans-serif; font-size: 16px;}
.comments-template h3            {font-family: Georgia, Sans-serif; font-size: 16px;}
.commentmetadata                 {font-size: 12px; padding-left: 30px;}
.comments-template p.nocomments  {padding: 0;}
.comments-template textarea      {font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px;}

.navigation                      {font-size: 1.6em; margin-left: 30px; margin-bottom: 30px;}


.postmetadata                    {color: #999999; font-size: 1.2em; margin-left: 30px; margin-top: 10px;}
hr                               {width: 25%; margin: 30px auto 30px auto; color: rgb(109,149,222);}
#placeholder                     {display: block; clear: both;}



/* MOOTABS */
#myTabs                          {display: block; margin: 0 auto;}
.mootabs_title                   {list-style-image: none; list-style-type: none; margin: 0px; 
                                  padding: 0px; height: 24px; font-size: 12px;}
.mootabs_title li                {float: left; padding: 2px 8px 2px 8px; margin-right: 2px; 
                                  background-color: rgb(21,74,116); color: rgb(210,210,210);
                                  cursor: pointer; height: 24px; list-style-type: none; 
                                  font-size: 1.8em; font-weight: bold;}
.mootabs_title li.active         {background-color: rgb(254,254,247); color: rgb(21,74,116)}
.mootabs_panel                   {display: none; background-color: rgb(254,254,247); width: 100%; 
                                  clear: both; overflow: hidden;}
.mootabs_panel.active            {display: block;}