/*
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 &copy; 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 {
   margin:0px;
   padding:0px;
   background: #DECF92 url(gfx/body_bg_brown.jpg) repeat-x;
   font-family: arial, verdana, sans-serif;
   font-size: 12px;
   }

#top {
   width: 926px;
   height: 10px;
   margin: 30px auto 0px auto;
   background: url(gfx/sh_top.png) no-repeat;
   }

#site {
   width: 926px; 
   margin: 0px auto;
   background: url(gfx/sh_body.png);
   height: 100%;
   }

#bottom {
   width:926px;
   height:10px;
   margin: 0px auto;
   background: url(gfx/sh_bottom.png) no-repeat;
   }

#header {
   width:900px;
   height:85px;
   background: url(gfx/header.jpg) no-repeat;
   }

#header .widthlimiter div {
   float:right;
   color:#212226;
   }


#menu {width:100%;background:#434343;height:2em}
   

/* NAVIGATION BAR - for an easy way to restyle this, visit ... http://ryanhellyer.net/dropdowns/ */
#suckerfish {
   background:#434343;
   font-size: 18px;
   font-family: 'Century Gothic', Arial, sans-serif;
   font-weight: bold;
   }
#suckerfishnav, #suckerfishnav ul {
   font-weight:bold;
   font-family: 'Century Gothic', Arial, sans-serif;
   float:left;
   list-style:none;
   line-height:2em;
   padding:0;
   border:0px solid #aaa;
   margin:0 0 0 0;
   width:100%;
   }
#suckerfishnav a {
   font-family: 'Century Gothic', Arial, sans-serif;
   display:block;
   color:#fff;
   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: 'Century Gothic', Arial, 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:#7F1416}
#suckerfishnav li ul li:hover a {color:#fff}
#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 {
   margin: 0 auto;
   width: 850px;
   background-color: #fff;
   min-height: 200px;
   padding-bottom: 10px;
   padding-top: 30px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.0em;
   color: #000;
   }

h1,h2,h3,h4,h5 {
   color:#000;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
   font-family: 'Century Gothic', Arial, sans-serif;
   font-size: 1.2em;
   }

h1 a,h2 a,h3 a,h4 a,h5 a {
   color:#801316;
   font-weight: normal;
   }
   
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover 
   {text-decoration:underline;
   }
   
h1 {
   font-size: 2em;
   letter-spacing:-0.05em;
   color: #801316;
   }

h2 {   
   font-size: 1.6em;
   letter-spacing:-0.05em;
   }


h3 {   
   color: #801316;
   letter-spacing:-0.05em;
   }

h4 {
   color: #801316;
   letter-spacing:-0.05em;
   font-size: 1.1em;
   }

p {
   font-family: arial, verdana, sans-serif;
   font-size:1.0em;
   color:#000;
   }
   
p a {
   color:#7F1416;
   text-decoration:none;
   font-family: 'Century Gothic', Arial, sans-serif;
   font-weight: normal;
   }
   
p a:hover {
   text-decoration:underline;
   }

a {
   color:#7F1416;
   font-family: 'Century Gothic', Arial, sans-serif;
   text-decoration:none;
   font-weight: normal;
   }
   
a:hover {
   text-decoration:underline;
   }

ul li, ol li {
   font-family: arial, verdana, sans-serif;
   font-weight: normal; 
   font-size: 1.0em;
   }

/* FOOTER STYLING */
#footer {
   background:#434343;
   width:900px;
   height:30px;
   text-align:center;
   }
   
#footer p {
   padding: 10px;
   font-size:0.9em;
   color:#fff;
   }
   
#footer a {
   font-family: 'Century Gothic', Arial, sans-serif;
   color:#fff;
   text-decoration:underline;
   }
   
#footer a:hover {
   text-decoration:underline;
   color: #7F1416;
   }

img {
   border: none;
}

#news {
width: 220px;
float: right;
min-height: 400px; 
border-left: 1px dotted #7F1416; 
padding-left: 10px;
font-family: arial, verdana, sans-serif;
font-size: 1.0em;
}

#news_mobil {
width: 220px;
float: right;
min-height: 100px; 
border-left: 1px dotted #7F1416; 
padding-left: 10px;
font-family: arial, verdana, sans-serif;
font-size: 1.0em;
}

#link {
   color:#801316;
   padding: 0px;
   margin: 0px;
   font-weight: normal;
   font-family: 'Century Gothic', Arial, sans-serif;
   font-size: 1.1em;
   }

#link a {
   font-weight: normal;
   }

.Button {
   background: url(gfx/button.png) no-repeat;
   width: 174px;
   color:#fff; 
   font-weight: bold; 
   padding: 5px;
   border: none;}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
