/*
Theme Name: Ginger Ninja! v2
Description: The new Ginger Ninja! theme.
Version: 1.0
Author: Donny Burnside
Author URI: http://www.ginger-ninja.net/
*/

/* Generic Styling */

body {
  background: url(images/bg-body.png) repeat-x top center #E8F7F9;
  font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#222222;
  }

* {
  margin:0;
  padding:0;
  }

img {
  border:0;
  }

p {
  margin-bottom:1.75em;
  }

a {
  text-decoration:none;
  color:#88981A;
  }
a:hover {
  text-decoration:none;
  color:#6CC7DC;
  }

/* Structure */

#wrapper {
  margin:0 auto;
  width:700px;
  background:#ffffff;
  font-size:1.20em;

  }
#header {
  height:140px;
  background:url(images/bg-header.jpg) no-repeat;
  }
#menu {
  height:35px;
  line-height:35px;
  background:url(images/bg-menu.png) repeat-x;
  padding:0 10px;
  }
#sidebar {
  float:right;
  width:180px;
  padding-top: 50px;
  margin-right:10px;
  }
#vnav {
  padding: 8px;
  }
#content {
  float:left;
  width:500px;
  min-height:400px;
  }
#footer {
  clear:both;
  height:100px;
  background:url(images/bg-footer.jpg) no-repeat;
  }



#content h2, #content h1 {
  font-size: 1.8em;
  color: #444;
  margin-bottom: 10px;
  }

#content h3 {
  font-size: 1.5em;
  color: #444;
  margin-bottom: 10px;
  border-left: 2px dotted #DEEBDA;
  padding-left: 15px;
  }

#header h2 {
  float: right;
  color: #f7f7f7;
  font-size: 1.2em;
  margin: 78px 100px 0 0;
  }

.ce_text {
  padding-bottom: 15px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
  }
/* Entries */

.entry {
  padding: 20px;
  text-align:justify;
  line-height:1.75em;
  }
.entry-title {
  font-size:1.90em;
  font-weight:normal;
  letter-spacing:-1px;
  }
.date {
  font-size:0.9em;
  color:#bbb;
  cursor:default;
  letter-spacing:1px;
  }
.comments {
  margin-top:-1em;
  }
.comments a {
  color:#6CC7DC;
  background:url(images/icon-comment.png) no-repeat 0px 2px;
  padding-left:20px;
  padding-right:2px;
  }
.comments a:hover {
  color:#B4C835;
  }


/* Menu */

#menu ul {
  list-style-type:none;
  }
#menu li {
  float:left;
  }
#menu li a {
  padding:0 12px;
  display:block;
  color:#ffffff;
  margin-right:2px;
  }
#menu li a:hover {
  background:url(images/bg-menu-hover.png) no-repeat center center;
  }

#menu ul li span {
  display: inline;
  color: #CCCCCC;
  font-weight: bold;     padding:0 10px;
  }

/* Sidebar */

#sidebar ul {
  list-style-type:none;
  margin-top:10px;
  }
#sidebar ul li ul li {
  padding-left: 20px;

  }
#sidebar ul li p {
  margin: 5px 1px 10px;
  color: #E1AB59;
  }
#sidebar ul li ul {
  margin-bottom: 10px;
  }
#sidebar li a {
  display:block;

  line-height:20px;
  color:#222222;
  padding-left:5px;
  border-bottom:1px solid #dddddd;
  }
#sidebar li a:hover {
  background:#edebed;
  color:#6CC4D8;
  }


/* Footer */

#footer-valid {
  float:left;
  padding-top:55px;
  padding-left:20px;
  cursor:default;
  color:#ffffff;
  }
#footer-valid a {
  color:#ffffff;
  text-decoration:none;
  }
#footer-valid a:hover {
  color:#ffffff;
  text-decoration:underline;
  }

/* Heading's */

#header h1 {
  font-size:2.5em;
  font-weight:normal;
  cursor:default;
  position:relative; top:50px; left:30px;
  letter-spacing:1px;
  color:#aaaaaa;
  font-style:italic;
  }

/* Feed */

#feed {
  height:25px;
  width:126px;
  background:url(images/bg-feed.gif) no-repeat;
  margin:0 auto;
  padding-left:26px;
  }
a.feed-button {
  display:block;
    width:100px;
    height:25px;
    background:url("images/button-feed.png") 0 0 no-repeat;
    text-decoration: none;
  }
a:hover.feed-button {
  background-position:0 -25px;
  }

/* Extra's */

#ad-top {
  width:480px;
  height:72px;
  background:url(images/bg-ad-top.png) no-repeat;
  padding:5px;
  }


.price {
 font-size: 120%;
 font-family: Georgia, 'Times New Roman', Times, serif;
 color: #666;
 font-style: italic;
 font-weight: bold;
}

.features {
 font-style: italic;
 font-weight: bold;
 margin-bottom: 15px;
}


.service-list ul li {
   float: left;
   padding: 3px 5px;
    font-size: 130%;
 font-family: Georgia, 'Times New Roman', Times, serif;
 list-style: none;
 width: 140px;
 font-weight: bold;

}
.service-list ul li ul li {
 float: none;
 padding: 0;
 font-size: 90%;
   font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
   font-style: italic;
   color: #333;
  font-weight: normal;
  text-align: left;
}

.service-list ul li em {
 color: #777;
 font-size: 90%;
 display: block;
}

.bluebox {
 color: #306c91; border: 1px solid #a5c2ce; background: #e5f2f7; padding: 5px; text-align: center;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
.bluebox a {
 color: #5C7079;
}

.greybox {
 color: #333; border: 1px solid #BCCF42; background: #E5EBB3; padding: 5px; text-align: center;
 margin-bottom: 8px;
 padding-bottom: 0;
  -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
.greybox p {
 font-size: 15px;
 color: #444;
 margin-bottom: 8px;
}