/*  
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 #9FCBF3;
	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:#B4C835;
	}
a:hover {
	text-decoration:none;
	color:#6CC7DC;
	}

/* Structure */

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

	}
#tabback{
	width:590px;
	height:230px;
	background:url(images/topback.png) no-repeat;
	margin-left:10px;
	margin-top:10px;	
}
#tab{
	width:590px;
	height:50px;
	padding-top:170px;
	padding-left:30px;
}

#header {
	height:140px;
	background:url(images/bg-header.jpg) no-repeat;
	}
	#headertop {
	height:200px;

	}
#menu {
	height:35px;
	line-height:35px;
	background:url("images/bg.jpg") repeat 0 0;
	background:url(images/bg-menu.png);
	padding:0 10px;

	}
#sidebar {
	float:left;
	width:180px;
	background:#efefef;
	margin-left:10px;
	}
#content {
	float:left;
	width:600px;
	min-height:400px;
	}
#content800{
	float:left;
	width:800px;
	min-height:400px;
	}	
#footer {
	clear:both;
	height:100px;
	background:url(images/bg-footer.jpg) no-repeat;
	}
.pic {

	width:600px;
min-height:200px;
	}
.picleft {
	float:left;
	width:200px;

	}
.piccenter {
	float:left;
	width:200px;
}	
.picright{
	float:left;
	width:200px;
}	
.picright2{
	float:left;
	width:400px;
}	

/* Entries */

.entry {
	padding:5px 10px;
	text-align:justify;
	line-height:1.75em;
	}
.entry-title {
	font-size:1.90em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#FFA500;
	background:url(images/entry.png) no-repeat;
	height:80px;
	width:580px;
	padding-left:20px;
	padding-top:20px;
	color:#696969;
	}
.entry-title800 {
	font-size:1.90em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#FFA500;
	background:url(images/entry800.png) no-repeat;
	height:80px;
	width:800px;
	padding-left:20px;
	padding-top:20px;
	color:#696969;
	}
.dateentry {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	margin-top:-50px;
	padding-left:20px;
		color:#696969;
	}
.entrydate {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	margin-top:-50px;
	padding-left:20px;
		color:#696969;
	}
	.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;
	}




/* Sidebar */
ul.none {
	list-style-type:none;

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

	}
/* ------------------------------
#sidebar li a {
	display:block;
	height:40px;
	line-height:20px;
	color:#222222;
	padding-left:5px;
	border-bottom:1px solid #dddddd;
	}
#sidebar li a:hover {
	background:#efefef;
	color:#6CC4D8;
	}
------------------------------ */	
#sidebar-bottom {
	height:20px;
	background:url(images/bg-sidebar-bottom.gif) no-repeat top center;
	}
.s{
	background:url(images/search.png) no-repeat top center;
}


#sidebar a:hover	{
	top:1px;
	left:1px;
	position:relative;

}
#content a:hover	{
	top:1px;
	left:1px;
	position:relative;

}








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

h1 {
	font-size:1.5em;
	font-weight:normal;
	cursor:default;
	position:relative; top:90px; left:30px;
	letter-spacing:1px;
	color:#666666;

	}

	h1.top {
	font-size:1.5em;
	font-weight:normal;
	cursor:default;
	position:relative; top:90px; left:30px;
	letter-spacing:1px;
	color:#666666;
text-indent:-9999px;	
	}

	
/* 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:600px;

	background:url(images/bg-ad-top.png) no-repeat;
	padding:5px;
	}
	
.contacttitle {

	font-size:1.2em;
	}	
/* -----------------------パンくずリスト始まり--------------------------------------*/

div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;
	width:100%;
		color:#888888;
	border:1px solid #0099cc;
	margin-bottom:20px;
	margin-top:5px;

}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 8px;
	font-style:normal;
	font-size:10px;
}
div.breadcrumbs span {
	background:url(images/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;

	filter:alpha(opacity=40);
	opacity:0.4;
}

/* -----------------------パンくずリスト終わり--------------------------------------*/
	.title {
		width:600px;
		height:40px;
		background-image: url(images/title2.png);
		background-repeat: no-repeat;
		padding-top: 10px;
		padding-left: 15px;
		margin-bottom:−5px;
		margin-top:20px;
		margin-left: auto;
		margin-right: auto;
		font-size:120%;
		color:#666666;
}
.titletop {
		width:590px;
		height:40px;
		background-image: url(images/title590.png) ;
		background-repeat: no-repeat;
		padding-top: 10px;
		padding-left: 15px;
		margin-bottom:−5px;
		margin-top:20px;


		font-size:120%;
		color:#666666;
}
.topleft10px {

		margin-left: 10px;
}

.tip{
		width:300px;
		height:60px;
		background-image: url(images/tip.png) ;
		background-repeat: no-repeat;
		padding-top: 5px;
		padding-left: 15px;

		padding-right: 15px;




		color:#666666;
}
.ao{
		margin-top:5px;
border: 1px solid #819CD7;
		padding: 5px;
		background: #f6f9fc;
}

.orange{
		margin-top:10px;
border: 1px solid #FFDAB9;
		padding: 5px;
		background: #FAF0E6;
}

/* Menu */
/* ------------------------------
#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 15px;
	display:block;
	color:#ffffff;
	margin-right:2px;
	}
#menu li a:hover {
	color:#0099cc;
	background:url(images/bg-menu-hover.png);
	height:35px;
	}
	


------------------------------ */
	
	

#menu ul {
list-style:none;margin:0;padding:0;overflow:hidden;
}
#navA li {
background:url("images/bg.jpg") repeat 0 0;
float:left;width:156px;margin:0;padding:0;text-align:center;list-style:none;color:#fff;

}
#navA li a {
display:block;padding:0px 10px;height:100%;color:#fff;text-decoration:none;border-right:1px solid #FFF;
}
#navA li a {
background:url("images/bg.jpg") repeat 0 0;
}
 #navA li a:hover{
 background-position:-150px 0;
 }
  #navA li a:focus{
 background-position:-150px 0;
 }
  #navA li a:active {
 background-position:-150px 0;
 }
 
 

 
 
#navA a {
background:url("images/bg.jpg") repeat -20px 35px;
}




.menu {background-color:#008bd3;border-bottom:1px solid #d7d7d7; height:23px;width:590px;margin-left:10px;margin-top:10px;	}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#ffffff; text-decoration:none; padding:5px 5px 6px 5px; }
.menu li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; color:#000000; background-color:#ffffff; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#anothercontent1,#anothercontent2, #anothercontent3, #anothercontent4,#anothercontent5, #anothercontent6 {border:1px solid #ececec; width:590px;height:120px;text-align:left;padding:6px 0px; font-size:12px; margin-bottom:5px;margin-left:10px;}




/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:548px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:570px;
float:left;

}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:300px;
}

#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:200px;
height:32px;
background:#0099cc;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

#stylized textarea{

font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
height:150px;
margin:2px 0 20px 10px;
}