/*
Theme Name: SimpleCMS Theme
Theme URI: http://ryanhellyer.net/2008/02/23/aqua-vaccinium-wordpress-theme/
Description: SimpleCMS Theme is designed as a simple starting point for developing themes suitable for the SimpleCMS WordPress plugin
Version: 1.0
Author: Ryan Hellyer
Author URI: http://ryanhellyer.net/

	Copyright © 2008 Ryan Hellyer

	This theme was designed and coded by Ryan Hellyer
	http://ryanhellyer.net/

	You are welcome to modify this theme for your own purposes and sell the modified version to clients,
	but this theme may not be provided for download anywhere other than by the author.

*/

/* HEADER AND BODY STYLING */
body {font-family: comic-sans, Helvetica, Arial, sans-serif;background:#5a2f1a;margin:0;padding:0;}
#header {background:#996600 url(./images/hauswoermann-pferd.jpg); width:100%;height:160px;}
#header .widthlimiter div {float:left;color:#ffcc33;font:italic bold 2em sans-serif;}
#search {display:inline}
#description {display:inline;margin-right:0em}
.widthlimiter {width:700px;width:90%;margin-left:60px}
#menu {width:100%;background:#ffcc33;height:1.5em}

/* NAVIGATION BAR - for an easy way to restyle this, visit ... http://ryanhellyer.net/dropdowns/ */

#suckerfish {background:#f8a835;font-size:18px;font-family:helvetica,sans-serif;font-weight:bold}
#suckerfishnav, #suckerfishnav ul {font-weight:bold;float:left;list-style:none;line-height:1.5em;padding:0;border:0px solid #aaa;margin:0 0 0 0;width:100%}
#suckerfishnav a {display:block;color:#202225;text-decoration:none;padding:0px 10px}
#suckerfishnav li {float:left;padding:0}
#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:150px;font-weight:normal;margin:0;line-height:1}
#suckerfishnav li li {padding-right:0px;width:149px;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa}
#suckerfishnav li li a {padding:4px 10px;width:150px}
#suckerfishnav li ul li {font-weight:normal; font-family:helvetica,sans-serif}
#suckerfishnav li ul li a {font-size:12px; color:#202225}
#suckerfishnav li:hover ul li a {color:#202225}
#suckerfishnav li ul ul {margin:-20px 0 0 150px}
#suckerfishnav li ul li:hover {background:#f8a835}
#suckerfishnav li ul li:hover a {color:#202225}
#suckerfishnav li ul li:hover li a {color:#202225}
#suckerfishnav li ul li li:hover a {color:#202225}
#suckerfishnav li ul li ul li:hover ul li a {color:#202225}
#suckerfishnav li ul li ul li:hover ul li:hover a {color:#202225}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {left:-999em}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;background:#ffcc33}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#f8a835}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#202225}


/* MAIN CONTENT STYLING */
#content {width:700px;}
h1,h2,h3,h4,h5 {color:#ffcc33}
h1 a,h2 a,h3 a,h4 a,h5 a {color:#813f05;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {text-decoration:none}
h1 {margin:0;padding:0;font:normal bold 3em/80px Helvetica, Arial, sans-serif}
h2 {font:normal bold 2em sans-serif;margin:0.5em 0}
h3 {font:normal  1.6em arial, helvetica, sans-serif;margin:0.4em 0}
h4 {font:normal  1.3em sans-serif;margin:0.3em 0}
h5 {font:normal bold 1.2em sans-serif;margin:0.2em 0}

p {font:normal 1.0em sans-serif;color:#e4e4e4}
p a {color:#ffcc33;text-decoration:none}
p a:hover {text-decoration:underline}

ul li, ol li {font-family:sans-serif;color:#202225}

/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 0px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 0px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */


/* FOOTER STYLING */
#footer {background:#4c2611;width:100%;height:2em}
#footer p {font-size:0.8em;line-height:2em;color:#813f05}
#footer a {color:#813f05;text-decoration:none}
#footer a:hover {color:#ffcc33;text-decoration:none}