/*
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 {text-align: center; padding: 0px; margin: 0px auto;background:#FFF url(images/mrfrogs_stripe_square.png) repeat center top}
#header {background: url(images/mrfrog_logo.png) no-repeat;width:100%;height:80px}
#header .widthlimiter div {float:right;color:#a0dbdd;font:italic bold 1em/80px sans-serif}
#search {display:inline}
#description {display:inline;margin-right:1em}
.widthlimiter {min-width:800px;max-width:1000px;width:90%;margin:0 auto}
#menu {width:100%;background:#9bae34;height:2em}
#wrapper {background:#ffffff url(images/sidebar_background.gif) repeat-y right;}
/*#page-container {width: 100%; float: left; margin-right: -200px;}*/
#page-container {width: 100%;  background: #ffffff url(background.gif) repeat-y right;float: left;margin-right: -200px;}
#sidebar {float:right;width: 200px;background: White}

/* NAVIGATION BAR - for an easy way to restyle this, visit ... http://ryanhellyer.net/dropdowns/ */
#suckerfish {background:#63A9D5;font-size:18px;font-family:helvetica,sans-serif;font-weight:bold}
#suckerfishnav, #suckerfishnav ul {font-weight:bold;float:left;list-style:none;line-height:2em;padding:0;border:0px solid #aaa;margin:0 0 0 0;width:100%}
#suckerfishnav a {display:block;color:#fff12c;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:1px;width:150px;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:#63A9D5}
#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:#fff}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#fff}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#202225}

/* MAIN CONTENT STYLING */
#content {float: left;width: 580px;padding:10px;background: white}
h1,h2,h3,h4,h5 {color:#63A9D5}
h1 a,h2 a,h3 a,h4 a,h5 a {color:#63A9D5;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {text-decoration:underline}
h1 {margin:0;padding:0;text-indent:60px;font:normal 3em/80px sans-serif}
h2 {font:normal bold 2em sans-serif;margin:0.5em 0}
h3 {font:normal bold 1.6em sans-serif;margin:0.4em 0}
h4 {font:normal bold 1.3em sans-serif;margin:0.3em 0}
h5 {font:normal bold 1em sans-serif;margin:0.2em 0}

p {font:normal 0.8em sans-serif;color:#63A9D5}
p a {color:#63A9D5;text-decoration:none}
p a:hover {text-decoration:underline}
p img { padding: 0; max-width: 100%; }


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

img {margin: 5px; padding: 10px; border: solid black 0px}
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; } 
.thumbnail-class {	float:left;width: 150px;height: 150px;margin: 0 15px 15px 0;border: solid black 1px}
.left {float: left;margin: 0 0 0 0;}
.right { float: right; }


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* FOOTER STYLING */
#footer {clear: both;background:#9bae34;width:100%;height:2em}
#footer p {font-size:0.8em;line-height:2em;color:#fff}
#footer a {color:#a0dbdd;text-decoration:none}
#footer a:hover {text-decoration:underline}

/* SIDEBAR ELEMENTS */
#sidebar h2 {margin: 0 5px 0 0;padding: 0 0 .5em 0;border-bottom: 1px dotted #ccc;	font-size: 20px;text-indent: -5px;}
#sidebar li ul {margin: 0 0 2em 0;}
#sidebar li ul li {border-bottom: 1px dotted #ccc;padding: 3px 0;padding-left: 18px;margin-right: 5px;background: #fff;}
#sidebar li ul li:hover {background: #e8e8e8;}
#sidebar li ul li.current_page_item {padding-left: 8px;padding-right: 10px;background: #e8e8e8;}
#sidebar li ul li.current_page_item a {color: #84755c;}
#sidebar li ul li ul li, #sidebar li ul li ul {display: none;}
#sidebar li ul li {color: #222;}
#sidebar li a {color: #555;}
#sidebar li a:hover {color: #84755c;}
#calendar  {margin-top: 10px;border-bottom: 1px dotted #ccc;}
#wp-calendar {width: 90%;margin-left: 5%;}
#wp-calendar caption {color: #864901;margin-top: 5px;}