/*  
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 */

html {
     overflow: -moz-scrollbars-vertical;
}


body {
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: #E9E7E8;
	}

* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

img {
	border:0;
	}

p {
    font-size: 12px;
		margin:0;
		padding: 10px 0px 0px 0px;
		border-width:0 1px;
}

p.information {
    width: 420px;
    clear: both;
}

a {
	text-decoration:none;
	color: rgb(172,37,95);
	
	}
a:hover {
	text-decoration:underline;
	color:#648CB4;
	}

/* Entries */
.entry {
	padding:5px 10px;
	text-align:justify;
	line-height:1.75em;
	}
.entry-title {
  padding: 0px 0px 10px 0px;
	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;
	}
	
/* Content */
#content img {
  margin: 3px 0px 0px 10px;
}

/* Sidebar */
.small-box .trackitems {
  margin: 0px 0px 0px 15px;
}

.small-box table {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.small-box .trackitem {
  font-size: 12px;
  height: 30px;
}

.small-box .trackitem-image {  
}

.small-box .trackitem-image img {
  vertical-align: middle;
}

.small-box .trackitem-text {
  padding-left: 5px;
  padding-top: 5px
}


.small-box ul {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 75%;
  padding: 5px;
  
}

.small-box li {
  color: rgb(172,37,95);
	}
	
.small-box li span {
  color: rgb(0,0,0);
}

.small-box a {
  color: rgb(0,0,0);
}

.small-box #finish-button {
  float: right;
  margin: 30px 10px 10px 0px;
}

.small-box .add-more-tracks,
.small-box .go-back {
  float: right;
  margin: 30px 10px 10px 0px;
}

/**
 * FOOTER
 */ 
#footerwrapper {
}

#footer {
  padding-top:10px;
}


.medium-footer {
  text-align: center;
  float: left;
  padding: 0px 0px 0px 0px;
  width: 100%;
}

#designby {
  margin: 10px 0px 10px 0px;
  font-size: 60%;
  color: #999999;
}


/* Heading's */

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

h2 {
  font-size: 110%;
}

h3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 120%;
  clear: both;
  
}
/* 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;
	}

#question {
  display:none;
  padding:5px;
  position: absolute; 
  left: 50%; 
  top: 50%; 
  margin-left:-180px; 
  z-index: 101; 
  height: 200px; 
  width: 300px; 
  background: #F3F3F3 no-repeat; 
  border:1px black solid;
}

#question .heading
{
  background: rgb(0,0,0);
  width: 100%;
}

#question p
{
    font-size: 12px;
		margin:0;
		padding:10px 13px 20px 0px;
		border-width:0 1px;
}

#question form
{
  width: 290px;
  float: left;
}

#question img
{
  float: left;
  clear: none;
  }

#question input {
  float: left;
  clear: none;
  margin: 0px 5px 0px 0px;
}

.question-buttons {
  width: 100%;
  padding: 20px 0px 0px 0px;
  clear: both;
}

.submit-buttons {
  padding: 20px 0px 10px 0px;
  width: 100%;
  float: left;
  clear: both;
}

.left-group {
  width: 200px;
  float: left;
  clear: left;
}

.right-group {
  width: 200px;
  float: left;
  clear: none;
}

.sectionheading {
  display: block;
  clear: both;
  width: 420px;
  padding: 10px 0px 5px 0px;
}

.suggestions {
  font-size: 80%;
  padding: 5px 5px 0px 5px; 
  display: block;
  clear: both;
  background: rgb(255,255,240);
  margin: 10px 0px 10px 0px;
  width: 500px;
  border: 1px dashed;
  list-style-position: inside;
}

.suggestions ul {
  margin: 0px;
  padding: 0px;
}

.suggestions ul li {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

.topdescription {
  font-size: 80%;
}

.progress-indicator {
  padding: 0px 0px 10px 0px;
}