/*  

Theme Name: Ginger Ninja! v2

Description: The new Ginger Ninja! theme.

Version: 1.0

Author: Donny Burnside

Author URI: http://www.ginger-ninja.net/

*/

/*Joomlized by Joomla Envy http://www.joomlaenvy.com*/

/* Generic Styling */



body     { color: #222222; font-size: 9px; font-family: Geneva, Verdana, Helvetica, sans-serif; background: white url("../images/bg_tile.gif") center top }



* {

	margin:0;

	padding:0;

	}



img {

	border:0;

	}



p {

	margin-bottom:1.75em;
	line-height: 2em;}

	

table.contentpaneopen     { line-height: 1.3em; width: 100% }



a  { color: #900; text-decoration: none }
a:link { color: #900; text-decoration: none }
a:hover  { color: #900; text-decoration: underline }
a:active { color: #900; text-decoration: underline }
/* Structure */



#wrapper   { font-size: 1.2em; background-image: url("../images/bg-content.png"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; margin: 0 auto; width: 700px; border-style: solid; border-width: 0 3px 3px; border-color: black }

#header   { background-image: url("../images/bg-header.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; height: 68px }

#menu        { color: #fff; font-size: 18px; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: 500; background-image: url("../images/bg-menu.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-align: left; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding: 0; width: 700px; height: 30px; vertical-align: middle }

#sidebar   { background-image: none; background-position: 0 0; position: relative; top: 0; width: 185px; min-height: 400px; float: right }

#content   { margin-right: 5px; margin-left: 5px; padding-top: 10px; padding-bottom: 10px; width: 490px; min-height: 400px; float: left }

#footer  { background-image: url("../images/bg-footer.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 24px; clear: both }



/* Entries */



.entry    { font-size: 10px; line-height: 1.5em; text-align: justify; padding: 5px 10px }

h3, td.contentheading, div.componentheading       { color: #900; font-size: 18px; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.3em; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #900 }

td.createdate, span.small, td.modifydate  {

	font-size:0.9em;

	color: #b8b8b8;

	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; margin-left: 15px }

#menu li   { margin-right: 15px; float: left }
#menu li a  { color: #ffffff; display: block; margin-right: 2px; padding: 0 5px }

#menu li a:hover, #menu li a:active   { color: #ccc; text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: center }
.a.menu { color: #fff }


#menu a:link, #menu a:visited { color: #fff; float: left }
#menu a:hover, #menu a:active, #footer a:hover, #footer a:active  { color: #ccc; text-decoration: none; float: left }
/* Sidebar */

.pad {padding-left:5px;
	padding-top:10px;}


#sidebar ul {

	list-style-type:none;
	margin-top:10px;
	}

#sidebar li {



	}

#sidebar li a {

	display: block;

	height: 20px;

	line-height: 20px;

	color: #222222;

	padding-left: 5px;

	border-bottom: 1px solid #dddddd;

	}

#sidebar li a:hover  { color: #900; background: #edebed }



#sidebar-bottom   { background: url("../images/bg-sidebar-bottom.gif") no-repeat center; position: relative; top: 350px; right: -185px; width: 185px; height: 20px; float: right }
	



/* Footer */



#footer-valid {

	float:left;

	padding-top:45px;

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



h1 {

	font-size: 2.5em;

	font-weight: normal;

	cursor: default;

	position: relative; top:50px; left:30px;

	letter-spacing: 1px;

	color: #aaaaaa;

	font-style: italic;

	}
h4 { color: #900; font-size: 1.4em; font-weight: 600; line-height: 1.4em; text-align: left; cursor: default }
/* Feed */



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

	background-position:0 -25px;

	}	

#sidebar div.moduletable  { padding: 10px }

	

#sidebar div.moduletable h3  { color: #000 }



td.sectiontableheader {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	padding: 5px;}



tr.sectiontableentry1 {

	padding: 5px;
	background-color: #efefef;}



tr.sectiontableentry2 {

	padding: 5px;

}

.blockquote {
	padding: 15px 40px;
	background: url(../images/quote.gif) 10px 10px no-repeat;
	font: italic 1em/1.5 Georgia, Times, serif;
}
.tips {
	padding-left: 22px;
	color: #CC7400;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}
.error {
	padding-left: 22px;
	color: #CC0000;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 22px;
	color: #4D84A7;
	background: url(../images/bullet-info.gif) no-repeat top left;
}
.highlight {
	border-bottom: 1px dotted;
	background: #F5F3DE;
	font-weight: bold;
}

table.moduletable th, table.moduletable td  { margin: 0; padding: 0 }

/*tooltip*/
/*
div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(../images/balloon.png) top left no-repeat !important;
	background: url(../images/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(../images/balloon.png) bottom left no-repeat !important;
	background: url(../images/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}
*/
.toolTipElement {
	cursor: help;
}
.tool-tip {
	color: #fff;
	width: 172px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(..bubble.png) top left;
}
 
div.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
a.mainlevel:link, a.mainlevel:visited   { color: #fefefe; font-size: 12px; font-weight: 800; text-decoration: none; background-image: url("../images/mainlevel.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; text-transform: uppercase; display: block; margin-bottom: 2px; margin-left: 5px; padding: 8px 2px 2px 10px; width: 150px; height: 15px }
a.mainlevel:hover   { color: #900; text-decoration: none; background-image: url("../images/mainlevel-over.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-align: left; display: block; padding: 8px 2px 2px 10px }
a.mainlevel#active_menu   { color: #900; text-decoration: none; background-image: url("../images/mainlevel-active.png"); background-attachment: scroll; text-align: left; display: block; padding: 8px 2px 2px 10px }
a.sublevel:link, a.sublevel:visited   { color: #333; font-size: 10px; font-weight: 800; text-decoration: none; background-image: url("../images/sublevel.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; text-transform: uppercase; display: block; margin-top: -1px; margin-bottom: 2px; margin-left: 5px; padding: 8px 2px 2px 10px; width: 145px; height: 17px }
a.sublevel:hover, a.sublevel:active, a.sublevel#active_menu   { color: #900; text-decoration: none; background-image: url("../images/sublevel.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-align: left; display: block; padding: 8px 2px 2px 10px }

/* JoomFish Definistions*/

#jflanguageselection li
{display: inline;
list-style-type: none;
padding-right: 10px;
}

ul#jflanguageselection
{
list-style: none;
padding: 0;
margin: 0 auto;
}

ul#jflanguageselection li
{
display: block;
float: left;
margin: 0;
padding: 0;
}
a.mainlevel-con:link, a.mainlevel-con:visited { color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; text-transform: uppercase; display: block; z-index: 20; top: 3px }
a.mainlevel-con:hover { color: #900; font-weight: 800; text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; text-align: center; text-transform: uppercase; display: block }
.floatright { margin: 0 0 10px 10px; float: right }
.floatleft { margin: 0 10px 10px 0; float: left }
 input.button   { color: #900; font-size: 10px; font-weight: 800; background-color: #ccc; text-align: center; letter-spacing: 1px; padding: 2px; width: 150px; height: 18px; border: solid 1px }
input.button4 { color: #900; font-size: 9px; font-weight: 800; background-color: #fff; text-align: center; letter-spacing: 1px; margin-left: 0; padding: 0; width: 60px; height: 18px; border-top: none white; border-right: none white; border-bottom: none white; border-left: 1px solid #900 }