/*  

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-y top center #ffffff;

	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;

	font-size:62.5%; /* Sets default font size to 10px */

	color:#222222;

	}



* {

	margin:0;

	padding:0;

	}



img {

	border:0;

	}



p {

	margin-bottom:1.75em;

	}



a {

	text-decoration:none;

	color:#CC0000;

	}

a:hover {

	text-decoration:none;

	color:#000000;

	}



/* Structure */



#wrapper {

	margin:0 auto;

	width:700px;

	background:#ffffff;

	border:0px solid black; 

	font-size:1.20em;



	}

#header {

	height:168px;

	background:url(../images/bg-header.jpg) no-repeat;

	}

#menu {

	height:20px;

	line-height:20px;

	background-color:#CC0000;

	padding:0 10px;

	}



#content {

	float:left;

	width:660px;

	min-height:400px;

	padding-left:20px;

	padding-top:20px;

	}

#footer {

	clear:both;

	height:100px;

	background:url(../images/bg-footer.jpg) no-repeat;

	}



/* Entries */



.entry {

	padding:5px 10px;

	text-align:justify;

	line-height:1.75em;

	}

	

.entry li {

	margin-left:15px;

	}

.entry-title {

	font-size:1.1em;

	font-weight:normal;

	letter-spacing:-1px;

	font-family: Georgia, "Times New Roman", Times, serif;

	}

.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-right:10px;

	display:block;

	color:#ffffff;

	margin-right:2px;

	}

#menu li a:hover {

	background-color:black;

	}





/* Footer */



#footer-valid {

	float:center;

	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;

	}





.contentheading {

	/* This is used in several places; the Heading of contents on the frontpage,

	   it is also used for Section's heading (see above for explanation) "News" or

	   whatever heading you used */

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

 	color: #CC0000;

	text-align:left;

	}

	

.createdate {

	/* name says it all.. its for styling the date the content/articles are created under 

	   contents title */

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	text-decoration: none;

	font-weight: bold;

	}

	

	.modifydate {

	/* need me to say? :) Well it styles the "Last updated on" text

	   at the end of articles/contents */

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #777777;

	text-decoration: none;

	font-weight: bold;

	}

/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */

/** customize colors here */

a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,

a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,

a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited {

	background-color: #CC0000;

	color: white;

}



a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover {

	background-color: #FFFF00;

	color: white;

}



a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,

a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,

a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited {

	background-color: #CC0000;

	color: white;

}



a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {

	background-color: #FFFF00;

	color: white;

}



ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal,

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link,

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited {

	background-color: #CC0000;

	color: white;

}



ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover {

	background-color: #FFFF00;

	color: white;

}



ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {

	display: block;

	background-image: url("../images/arrow_right.gif");

	background-position: right center;

	background-repeat: no-repeat;

	padding-right: 10px;

}





/** customize style / layout here */



a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal,

a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,

a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,

a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal,

a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,

a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,

a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {

	font-weight: normal;

	font-size: 100%;

	text-align: left;

	text-decoration: none;

	display: block;

	border: 0px solid black;

	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */

}



a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal {

}



a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {

	font-size: 100%;

	border-top: none;

	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */

}



#active_menu-son-of-suckerfish-horizontal,

a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,

a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,

a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,

a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,

a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,

a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,

a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,

a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {

	font-weight: bold;

}



ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	z-index: 100;

}



ul.mainlevel-son-of-suckerfish-horizontal li {

	padding: 0;

	margin: 0;

	background: none;

	float: left;

}



ul.mainlevel-son-of-suckerfish-horizontal li li {

	position: relative;

	display: block;

	width: 10em;

}





ul.mainlevel-son-of-suckerfish-horizontal ul {

	display: block;

	position: absolute;

	left: -999em;

	margin: -0.2em 0 0 0em;

	width: auto;

	height: auto;

	z-index: 101;

}

	

ul.mainlevel-son-of-suckerfish-horizontal li li ul {

	margin: -1.8em 0 0 10em;

	z-index: 102;

}



ul.mainlevel-son-of-suckerfish-horizontal li:hover ul,

ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {

	left: auto;

}



ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul,

ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {

	left: -999em;

}



ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul,

ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {

	left: auto;

}





ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {

	clear: left;

}



/** separator */

span.mainlevel-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {

	display: block;

	width: 1em;

	border-width: 0px;

	margin-left: 1em;

	padding: 0;

	padding-top: 1px;

}



/** IE5.0/win workaround: the ">" is handled like a "," */

ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {

	position: absolute;

	top: 5em;	/* change the absolute position for IE5.0 here */

}

ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {

	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */

}

ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {

	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */

}

.borderCss
{
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}
.borderCss2
{
border-width:1px;
border-style:solid;
border-color:#CC0000;
}