/* 
Theme Name: MGR
Theme URI: http://spaceonline.co.uk/
Description: Simple design for Merry Go Round.
Version: 0.1
Author: John Staplehurst
Author URI: http://spaceonline.co.uk/
*/
body    { color: black; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 126%; background-color: #ff9; text-align: center; margin: 0 0 1em; padding: 0 }

#outerWrapper  { width: 100%}

#wrapper-header  { background-color: #33f }
#header    { background: #33f url("images/tlib-banner-02.jpg") no-repeat right 50%; text-align: left; margin: 0 auto; width: 82%; height: 125px }
#headerimage  { margin-left: -30px; padding: 0; height: 120px; float: left; border-width: 0 }
#header h1    { color: #eee; font-size: 170%; font-family: "Comic Sans MS", cursive; letter-spacing: -0.02em; margin: 0; padding: 40px 0 10px 10px; float: left }
#header h1 a {color: #eee;}
#header h1 a:hover   { color: #eee; text-decoration: none }
#header h2  { color: #eee; font-size: 95%; font-family: arial, helvetica, verdana, tahoma, sans-serif; letter-spacing: -0.04em; margin: 0; padding: 0 0 0 10px; border: none }

#wrapper-menu { background: #0e2fbc url("images/menu-background155.png") repeat-x left top; width: 100%; float: left }
#menu   { font-size: 95%; line-height: 126%; white-space: nowrap; margin: 0 auto; padding-right: 2px; width: 82% }
* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */
#menu ul  { list-style: none; margin: 0; padding: 0; width: 100%; float: left; border-right: 1px solid #0e2fbc; border-left: 1px solid #0e2fbc }
#menu li { display: inline; }
#menu a:link, #menu a:visited   { color: #fc0; text-decoration: none; background: transparent; padding: 0.2em 1em; float: left; border-right: 1px solid #0e2fbc }
#menu ul li a:hover
  { color: #9cf; background: #0e2fbc url("images/menu-hover.png") repeat-x }
#menu .current_page_item a  { color: #fff; background-color: #06c; background-image: url("images/menu-hover.png") }

#wrapper-children  { background-color: #0e2fbc; background-image: url("images/menu-background155.png"); background-repeat: repeat-x; background-position: left top; width: 100%; float: left }
#children   { font-size: 95%; line-height: 126%; white-space: nowrap; margin: 0 auto; padding-right: 2px; width: 82% }
* html #children { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */
#children ul  { list-style: none; margin: 0; padding: 0; width: 100%; float: left; border-right: 1px solid #0e2fbc; border-left: 1px solid #0e2fbc }
#children li { display: inline; }
#children a:link, #children a:visited   { color: #fc0; text-decoration: none; background: transparent; padding: 0.2em 1em; float: left; border-right: 1px solid #0e2fbc }
#children ul li a:hover
  { color: #9cf; background: #0e2fbc url("images/menu-hover.png") repeat-x }
#children .current_page_item a  { color: #fff; background-color: #06c; background-image: url("images/menu-hover.png") }


#contentWrapper  { margin: 0 auto; width: 82% }
#content      { font-size: 85%; background: white; text-align: left; margin: 0; padding: 0.3em 1.5em 1.2em }
#content li  { padding-bottom: 0.4em }
#content ul { padding-left: 1.4em }
* html #content { padding-top: 1.8em; } /* Set padding top in IE  */
#homecontent  { margin: 0; padding: 0; width: 65%; float: left }
#homenews   { background-color: #ccf; text-align: left; margin: 0 -1.2em 0 0; padding: 0 0.6em 1.2em; width: 30%; float: right }
#homenews h2   { margin-bottom: 0.4em }
#homenews h3   { margin: 0; padding: 0.4em 0 0.2em; width: 100%; border: none }
#homenews p   { font-size: 92%; line-height: 114%; margin: 0 0 0.6em 0.6em; padding: 0 }
#homenews ol, #homenews ul { margin-left: .6em; padding-left: 1.6em; }
#homenews li { font-size: 92%; line-height: 114%; padding: 0; }
#homenews img { border: 0; margin-top: 0.4em }
#homenews .postdate  { color: #444; font-size: 0.9em; font-style: italic; text-align: right; margin-top: -0.6em }
#homenews .newslink { font-size: 0.9em }
#homenews .imageright, #homenews .imageleft { padding: 0; border: none }
.navigation  { margin-bottom: 2em }
.alignleft  { text-align: left; width: 50%; float: left }
.alignright  { text-align: right; width: 50%; float: right }
#footerWrapper    { margin: 0 auto; width: 82% }
#footer { color: white; font-size: 70%; background: #309 url("images/menu-background.png") repeat-x left top; text-align: right; letter-spacing: 0.15em; margin: 0 auto; padding: 2px 10px; border-top: 1px solid #99f }
#footer a:link, #footer a:visited { color: #fbf4a2 }
#footer a:hover { color: #ccf; text-decoration: underline }
#byline { float: right }
#page-tools { text-transform: lowercase; margin: 0; padding: 0; float: left }
#page-tools ul { list-style: none; margin: 0; padding: 0 }
#page-tools li { display: inline; padding-right: 10px }
#cattitle h2 { color: #333; font-size: 150%; font-weight: bold; line-height: 160%; text-align: center; margin: 0; padding: 6px 0; border-style: none }
.catdisplay { line-height: 110% }
.catdisplay th, .catEvenRow, .catOddRow { margin: 0; padding: 6px 4px }
.catEvenRow { background-color: #e4ebf0; }
.catSolo  { background-color: #e4ebf0; margin: 0 auto; padding: 6px; width: 85%; border: solid 1px #666 }
.catSolo td, .catSolo th  { margin: 0; padding: 6px }
.catSolo .titlerow { font-weight: bold }
.catSolo .pic { color: #333; font-weight: bold; background-color: #fff; text-align: center; min-width: 80px; vertical-align: middle; border: solid 1px #666 }
.catSolo .backbtn { padding-top: 16px }
#topbtn { background-color: #ccf; margin-top: 12px; padding: 4px 6px }
th { text-align: left; border-bottom: 1px solid #666 }
.smallinfo { font-size: 75% }
.mi { color: #090; font-weight: bold }
h2    { color: #333; font-size: 150%; padding-bottom: 3px; border-bottom: 1px solid #006 }
h3    { color: #333; font-size: 140%; margin: 0; padding-bottom: 0 }
a:link, a:visited  { color: #06c; text-decoration: none }
a:hover  { color: #333; text-decoration: underline }
p, address   { }
blockquote  { color: #333; font-size: 90%; font-weight: normal; line-height: 120%; background-color: #ffc; margin: 1em; padding: 1em; border: solid 1px #cfe8e8 }
.imageright    { margin: 12px 0 12px 12px; padding: 6px; float: right; border: solid 1px #666 }
.imagetopright { margin: 0 0 12px 12px; padding: 6px; float: right; border: solid 1px #666 }
.imagerightplain { margin: 12px 0 12px 12px; float: right }
.imagetoprightplain { margin-right: 0; margin-bottom: 12px; margin-left: 12px; float: right }
.imageleft   { margin: 12px 12px 12px 0; padding: 6px; float: left; border: solid 1px #666 }
.imagetopleft { margin: 0 12px 12px 0; padding: 6px; float: left; border: solid 1px #666 }
.imageleftplain  { margin: 12px 12px 12px 0; float: left }
.imagetopleftplain { margin-right: 12px; margin-bottom: 12px; margin-left: 0; float: left }
.imagecentre   { margin: 12px 0; padding: 6px; border: solid 1px #666 }
.imagecentreplain { margin: 12px 0 }
.imagetopcentreplain { margin-top: 0; margin-bottom: 12px }
.aligncenter {text-align: center}
.entry td .imagetopcentreplain { margin-top: -0.8em; margin-bottom: 12px }
.clearing { height: 0; clear: both }
.funders { color: #666; background-color: transparent; text-align: center; margin-top: 4em; margin-bottom: 0; padding-top: 0.6em; clear: both; border-top: 1px solid #666 }
.funders img { padding-top: 0.5em; padding-right: 1em; padding-left: 1em; vertical-align: middle }
/* Begin Contact Form ][ CSS */
.contactform  { background-color: #e4ebf0; margin: 2em 2em 0; position: static; overflow: hidden }
.contactform p { margin:0 }
.contactleft { width: 30%; text-align: right; clear: both; float: left; display: inline; padding: 4px; margin: 9px 0; font-weight: bold; }
.contactright { width: 65%; text-align: left; float: left; display: inline; padding: 4px; margin: 5px 0; }
.contacterror { border: 2px solid #ff0000; }
/* End Contact Form ][ CSS */