/* --- Core stuff --- */

body{
	background: #FFFFFF url(http://justaddninjas.com/layout/tile.png) repeat-x fixed top left;
	padding: 0px;
	margin: 5px 0px 20px 0px;
}

img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

td{
	border: 0px;
}

#topheader{
	display: block;
	margin: 0px auto 6px auto;
}

/* --- Table stuff --- */

table.innertable{
	width: 600px;
	margin: 0px auto;
}

td#bodytop{
	background-image: url(http://justaddninjas.com/layout/bodybordertop.png);
}

td#bodyleft{
	background-image: url(http://justaddninjas.com/layout/bodyborderleft.png);
}

td#bodyright{
	background-image: url(http://justaddninjas.com/layout/bodyborderright.png);
}

td#mainbody, td#storebody, td#biobody, td#contactbody{
	
	width: 580px;
	vertical-align: top;
	padding: 26px 5px 20px;
}

td#mainbody{ background: #ffffff url(http://justaddninjas.com/layout/mainbg.png) no-repeat top left; }

td#storebody{ background: #ffffff url(http://justaddninjas.com/layout/storebg.png) no-repeat top left; }

td#aboutbody{ 
	background: #ffffff url(http://justaddninjas.com/layout/aboutbg.png) no-repeat top left;
	padding-top: 56px;
}

/* --- Menu --- */

div#menu{
	background: url(http://justaddninjas.com/layout/menuback.png) no-repeat;
	width: 600px;
	height: 44px;
	text-align: center;
	margin: 0px auto 6px auto;
}

#menu ul{
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#menu ul li{
	display: inline;
	color: #0460B7;
}

li.item{
	margin: 0;
	font: normal normal bold 20px arial, tahoma, verdana, helvetica;
}

li.divide{
	margin: 0 10px 0 10px;
	font: normal normal normal 16px arial, tahoma, verdana, helvetica;
}

li.item a{
	color: #7CB6F4;
	text-decoration: none;
}

li.item a:visited{
	text-decoration: none;
}

li.item a:hover{
	background-color: #FFE6FC;
}

li.item a:active{
	text-decoration: none;
}

/* --- Content --- */

p#intro{
	margin: 0 26px 30px 26px;
	padding: 0px;
	color: #0C5C9F;
	font: normal normal normal 16px georgia, serif, arial;
}

p#footer{
	font: normal normal normal 10px arial, helvetica;
	text-align: center;
	color: #4173A1;
}

h1.header{
	margin: 0 0 10px 0;
	padding: 3px 0 0 0;
	color: #6FAFE4;
	font: normal normal bold 36px Garamond, serif;
}

/* --- Feeds --- */

div#updatefeed, div#blogfeed{
	margin: 0px 20px 25px 0px;
	padding: 0px;
	float: left;
	width: 422px;
}

#updatefeed h3, #blogfeed h3{
	margin: 0px 0px 0px 26px;
	padding: 2px 0 12px 0;
	font: normal normal normal 18px Garamond, serif;
	color: #AE487A;
	background: #FFFFFF url(http://justaddninjas.com/layout/headerbg.png) no-repeat 0px 13px;
}

#updatefeed h3 a, #blogfeed h3 a{
	text-decoration: none;
	color: #AE487A;
}

#updatefeed h3 a:hover, #blogfeed h3 a:hover{
	text-decoration: underline;
}

.updatecontent, .blogcontent{
	display: block;
	font: normal normal normal 13px arial, helvetica;
	color: #4C7189;
	margin: 7px 0px 13px 26px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px dashed #D796C1;
}

.updatecontent a, .blogcontent a {
	text-decoration: none;
	font-size: 10px;
	color: #AE487A;
}

.updatecontent a:hover, .blogcontent a:hover{
	text-decoration: underline;
}


/* --- Updates --- */

#updatefeed h2{
	font: normal normal 400 18px georgia, serif;
	color: #0C4871;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

/* --- Blog --- */

p#blogfooter{
	margin: 0 0 0 21px;
	padding: 0;
	text-align:center;
	font: normal normal normal 17px georgia, serif;
	color: #AE487A;
}

p#blogfooter a{
	color: #AE487A;
	text-decoration: none;
}

p#blogfooter a:hover{
	text-decoration: underline;
}

/*--- Blocks --- */

div.sideblock{
	width: 128px;
	float: right;
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	background: url(http://justaddninjas.com/layout/linkbg.png) repeat;
}

div.sidetop div{
	background: url(http://justaddninjas.com/layout/linkcorner1.png) no-repeat top left;
}

div.sidetop{
	background: url(http://justaddninjas.com/layout/linkcorner2.png) no-repeat top right;
}

div.sidebot div{
	background: url(http://justaddninjas.com/layout/linkcorner3.png) no-repeat bottom left;
}

div.sidebot{
	background: url(http://justaddninjas.com/layout/linkcorner4.png) no-repeat bottom right;
}

.sidetop div, .sidetop, .sidebot div, .sidebot{
	width: 100%;
	height: 10px;
	font-size: 1px;
}

div#imagecontent, div#linkcontent, div#archivecontent{
	background-image: url(http://justaddninjas.com/layout/linkbg.png);
	width: 108px;
	vertical-align: top;
	text-align: center;
	margin: 0 auto;
}

#linkcontent h2, #archivecontent h2{
	font: normal normal 400 14px georgia, serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #FF9DDB;
	color: #3C86C3;
}

#linkcontent ul, #archivecontent ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#linkcontent li, #archivecontent li{
	padding: 0px;
	margin: 0px 0px 3px 0px;
	font: normal normal normal 11px arial, verdana;
	color: #AE487A;
}

#linkcontent li a, #archivecontent li a{
	text-decoration: none;
	color: #AE487A;
}

#linkcontent li a:hover, #archivecontent li a:hover{
	text-decoration: underline;
}

/* --- Image block --- */

#imagecontent a img{
	margin: 5px 0px;
	border: 1px solid #FF9DDB;
	padding: 0px
}

#imagecontent a:hover img{
	border: 1px dashed #FF9DDB;
}

#imagecontent h1{
	font: normal normal 400 16px georgia, serif;
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #3C86C3;
	border-bottom: 1px solid #FF9DDB;
}

/* --- Link Block --- */

#linkcontent ul{
	margin-bottom: 10px;
}

#linkcontent img{
	margin-bottom: 5px;
}

/* --- Archive Block --- */

/* --- Store --- */

div.store-item{
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px dashed #D796C1;
}

.store-item img{
	float: left;
	margin-right: 15px;
	padding: 2px;
}

.store-item a img{
	border: 1px solid #FF9DDB;
}

.store-item a:hover img{
	border: 1px dashed #FF9DDB;
}

.store-item h1{
	font: normal normal normal 22px garamond, georgia, serif;
	color: #AE487A;
	padding: 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #3C86C3;
	float: right;
	width: 399px;
}

.store-item h2{
	margin: 0 0 20px 0;
	padding: 0;
	font: italic normal normal 15px arial, helvetica;
	color: #4C7189;
	float: right;
	width: 399px;
}

.store-item p{
	font: normal normal normal 13px arial, helvetica;
	color: #4C7189;
	width: 399px;
	float: right;
	margin: 0 0 20px 0;
}

form.add-button{
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
	width: 399px;
	float: right;
}

form#add-cart{
	margin: 25px 0;
	padding: 0;
	text-align: center;
}

div.clear{
	clear: both;
}

/**** About ***/
#aboutbody h1{
	width: 350px;
	font: normal normal normal 22px garamond, georgia, serif;
	color: #AE487A;
	padding: 0 0 2px 0;
	margin: 20px auto 5px auto;
	border-bottom: 1px solid #3C86C3;
	text-align: center;
}

dl#faq{
	padding: 0 5px;
}

#faq dt{
	margin: 15px 0 5px 0;
	font: normal normal 400 16px georgia, serif;
	color: #0C4871;
}

#faq dd{
	font: normal normal normal 13px arial, helvetica;
	color: #4C7189;
	margin: 0 25px 0 25px;
}

#faq dd i{
	text-decoration: underline;
}

#faq dd ul{
	margin: 0;
	padding: 0;
}

#faq dd ul li{
	margin: 0 5px 0 15px;
	padding: 0;
}