/* <!-- */
    /* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
        font: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
        color: #ffffff;
        background: #837878  url(http://www.ninjabread.co.uk/design/2010/outerwrap-2010.jpg) top center repeat-y;
        }

    #wrapper {
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 970px;
    font-size: 90%;
    } 

   #outerwrap {
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 970px;
    font-size: 90%;
    } 


a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #c28;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #e8b;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #c28;
	background: transparent;  
	}

.post-body {
  line-height: 140%;
  } 

h2, h3, h4, h5	{
	margin: 25px 0 0 0;
	padding: 0;
	}

h2	{
	font-size: large;
	}

img {
    border: 0
}


	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
    
#ninja-footer {
        clear:both;
        float:left;
        width:100%;
         background: #837878
    }
	
	/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	     float:left;
            width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}

.colmid {
        float:left;
        width:200%;
        margin-left:-150px; 	/* Width of right column */
        position:relative;
        right:100%;
    }
.colleft {
        padding-left: 35px;
        float:left;
        width:100%;
        margin-left:-150px; 	/* Width of centre column */
    }

.col1wrap {
        float:left;
	    width:50%;
	}

.col1 {
        margin:0 15px 0 315px;	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	width: 525px;
        left:100%;
	    overflow:hidden;
	}
.col2 {
        float:right;
        width:160px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        left:50px;         	/* Width of the left-had side padding on the left column */
    }

.col3 {
        float:right;
        width:150px;        	/* Width of right column content (right column width minus left and right padding) */
        position:relative;
        left:380px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		
}
    #footer p {
        padding: 0 50px 0 50px;
        margin: 0;
        color: #959595;
        height: 90px;
    }


.adsense {

}