/*
Theme Name: Janice Walton
Theme URI: http://www.janicewalton.co.uk/
Description: The default WordPress theme for Janice Walton.
Version: 1.0
Author: Michael Lomas
Author URI: http://www.michael-lomas.co.uk/
*/

* { margin: 0; padding: 0; }

body { background-image: url(images/background-repeat.jpg); background-repeat: repeat; background-color: #99ccff; font-size: 62.5%; color: #333333; }
#wrapper { background-image: url(images/background.jpg); background-repeat: repeat-x; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; margin-bottom: 20px; color: #ffffff; }

.clear { clear: both; }

#container { width: 900px; margin: 0px auto; padding-top: 75px; }

#header { margin-bottom: 75px; }

#logo { float: left; }
#logo img { border: none; }
#logo h2 { display: none; }

#globalmenu { float: right; width: 398px; margin-top: 57px; }
#globalmenu li { float: left; display: block; font-size: 1.4em; list-style: none; margin-right: 12px; }
#globalmenu li a { color: #ffffff; padding: 5px 10px; text-decoration: none; font-style: italic; }
#globalmenu li a:focus, #globalmenu li a:hover { background-color: #99ccff; }

#submenu { width: 288px; text-align: right; float: left; margin-left: 100px; margin-top: -30px; }
#submenu h2 { font-size: 2.6em; }
#submenu h2 a { color: #ffffff; text-decoration: none; padding-bottom: 10px; width: 288px; display: block; border-bottom: 4px solid #666666; margin-top: 30px; }
#submenu h2 a:hover { border-bottom: 4px solid #333333; }
#submenu p { margin-top: -6px; font-size: 1.1em; font-style: italic; font-family: Arial, Helvetica, sans-serif; }
#submenu p a { color: #333333; }
#submenu p a:focus, #submenu p a:hover { text-decoration: none; }

#content { width: 388px; text-align: left; float: right; }
#content a { color: #333333; }
#content a:focus, #content a:hover { text-decoration: none; }
#content h1, #content h2 { font-size: 2.6em; }
#content h2 { margin-top: 15px; }
#content h1 a, #content h2 a { color: #ffffff; text-decoration: none }
#content h1 a:focus, #content h1 a:hover, #content h2 a:focus, #content h2 a:hover { color: #ffffff; text-decoration: underline; }
#content p, #content ul { font-size: 1.1em; font-style: italic; font-family: Arial, Helvetica, sans-serif; margin-top: 15px; margin-bottom: 15px; }
#content ul { margin-left: 15px; }
#content img { border: 4px solid #666666; }
#content img.thumbnail { border: 4px solid #666666; float: left; margin: 0px 11px 20px 0px; height: 110px; width: 110px; }
#content a:hover img { border: 4px solid #333333; }
#content .navigation { clear: both; }
#content .navigation .alignleft { float: left; margin-bottom: 25px; }
#content .navigation .alignright { float: right; margin-bottom: 25px; }
#content .entry { clear: both; }

#content input, #content textarea { padding: 5px; font-size: 1.0em; font-style: italic; font-family: Arial, Helvetica, sans-serif; color: #333333; margin-top: 5px; border: 1px solid #666;}
#content input:focus, #content textarea:focus { background-color:#99ccff; border: 1px solid #333; }
#content .input { width: 376px; }
#content .submit { width: 100px; }
#content textarea { width: 376px; }

#footer { clear: both; padding-top: 50px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-style: italic; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:focus, #footer a:hover { color: #333333; }
#footer #legal { float: left; }
#footer #sitemap { float: right; }