/*   
Theme Name: HA
Theme URI: http://ha.jngl.co.uk/
Description: Typographic theme based on 960 grid system
Author: Alexander Traylen
Author URI: http://alexandertraylen.com
Version: 1.0
*/

/* -----------------------------------
+
+
+	HASH GRID
+
+
----------------------------------- */

/**
 * Grid
 */
#grid{

    /* Vertical grid lines */
    background: url(img/bg-grid-960.gif) repeat-y 0 0;

    /* Dimensions - same width as your grid with gutters */
    width: 960px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -480px;

}

/**
 * Classes for multiple grids
 *
 * When using more than one grid, remember to set the numberOfGrids 
 * option in the hashgrid.js file.
 */
#grid.grid-1{

    /* Vertical grid lines for grid 1 */
    background: url(img/bg-grid-960.gif) repeat-y 0 0;

}

/*#grid.grid-2{*/
/**/
/*    /* Vertical grid lines for grid 2 */
/*    background: url(img/bg-grid-660.gif) repeat-y 160px 0;*/
/**/
/*    /* Adjustments */
/*    padding: 0 160px;*/
/*    width: 660px;*/
/**/
/*}*/

/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
/**/
/*#grid div.horiz{*/
/**/
/*    /* 20px line height */
/*    height: 19px;*/
/*    border-bottom: 1px dotted #aaa;*/
/*    margin: 0;*/
/*    padding: 0;*/
/**/
/*}*/

/* -----------------------------------
+
+
+	Reset
+
+
----------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
		{
			margin:0;
			padding:0;
			border:0;
			outline:0;
			font-size:100%;
			vertical-align:baseline;
			background:transparent;
			font-weight:normal;
		}

body
		{
			line-height:1;
		}
		
ol,
ul
		{
			list-style:none;
		}
		
blockquote,
q
		{
			quotes:none;
		}
		
blockquote:before,
blockquote:after,
q:before,
q:after
		{
			content:'';
			content:none;
		}

:focus
		{
			outline:0;
		}
		
ins
		{
			text-decoration:none;
		}
		
del
		{
			text-decoration:line-through;
		}
		
table
		{
			border-collapse:collapse;
			border-spacing:0;
		}
	
/* -----------------------------------
+
+
+	General
+
+
----------------------------------- */

html,
body
		{
			font-family:arial,tahoma,verdana,sans-serif;
			line-height:130%;
			height:100%;					/* needed for container min-height */
			color:#000;
		}
	
img
		{
			vertical-align:bottom;
		}

/* -----------------------------------
+
+
+	Containers
+
+
----------------------------------- */

.container
		{
			/*background:red;*/
			
			position:relative;				/* needed for footer positioning*/
			height:100%;					/* IE6: treated as min-height*/
			height:auto !important;			/* real browsers */
			min-height:100%;				/* real browsers */
			overflow:hidden;
			margin:0 auto;
			width:960px;
		}
		
.header
		{
			/*background:pink;*/
			
			border-bottom:#000 solid 1px;
			border-top:#000 solid 5px;
			margin:0 10px;
			width:940px;
		}
		
.header h1 a
		{
			background:url(img/ha-logo.png) no-repeat top left;
			text-decoration:none;
			line-height:79px;
			font-size:0px;
			display:block;
			height:79px;
		}
		
.content
		{
			/*background:cyan;*/
			
			padding:0 0 100px 0;			/* bottom padding for footer */
			width:800px;
			float:left;
		}
		
.content .column380px
		{
			/*background:red;*/
			
			margin:0 10px;
			width:380px;
			float:left;
		}

.content .post
		{
			/*background:red;*/
			
			border-top:#000 solid 1px;
			margin:0 0 0 10px;
			padding-top:20px;
			overflow:hidden;
			width:780px;
		}

.content .notopborder
		{
			border-top:0;
		}

.content .post .meta
		{
			/*background:red;*/
			
			margin:0 10px 20px 0;
			width:140px;
			float:left;
		}

.content .post .meta .postedby
		{
			/*background:green;*/
			
			padding:0 0 6px 0;
		}

.content .post .meta .metadata
		{
			/*background:brown;*/
			
			background:url(img/ha-dots.png) no-repeat top left;
			line-height:130%;
			font-size:70%;
			padding:10px 0;
		}

.content .post .bottomdots
		{
			/*background:brown;*/
			
			background:url(img/ha-dots.png) no-repeat bottom left;
		}

.content .post .meta .metadata .comment
		{
			/*background:pink;*/
			
			background:url(img/ha-point.png) no-repeat bottom right;
			padding:0 0 5px 0;
			float:left;
		}

.content .post .meta .metadata .comment .bubble
		{	
			background-color:#000;
			padding:1px 6px;
			font-size:76%;
			color:#fff;
		}

.content .post .meta .metadata a
		{
			text-decoration:none;
			color:#000;
		}
		
.content .post .meta .metadata a:hover
		{
			background-color:#000;
			color:#fff;
		}

.content .post .body
		{
			/*background:lime;*/
			
			margin:0 0 20px 10px;
			width:620px;
			float:left;
		}

.content .post .body h2
		{
			/*background:yellow;*/
		}

.content .post .body h2 a
		{
			/*background:red;*/
			
			font-family:georgia,times,serif;
			margin:20px 10px 10px 0;
			text-decoration:none;
			font-weight:normal;
			font-style:italic;
			line-height:100%;
			font-size:300%;
			color:#000;
		}

.content .post .body strong
		{
			font-weight:bold;
		}

.content .post .body .method ol li
		{
			padding-bottom:10px;
		}

.content .post .body .ingredients ul li strong,
.content .post .body .method  ol li strong
		{
			padding-top:15px;
			display:block;
		}

.content .post .body .english
		{
			/*background:red;*/
			
			width:300px;
			float:left;
		}

.content .post .body .japanesewide,
.content .post .body .englishwide
		{
			/*background:red;*/
			
			width:620px;
			float:left;
		}

.content .post .body .japanese
		{
			/*background:lime;*/
			
			margin:0 0 0 20px;
			width:300px;
			float:left;
		}

.content .post .body .ingredients, 
.content .post .body .method,
.content .post .body .intro 
		{
			/*background:cyan;*/
			
			overflow:hidden;
		}

.content .post .body ul,
.content .post .body ol
		{
			font-family:courier,monospace;
			background-color:#eee;
			font-style:italic;
			font-size:13px;
			margin:10px 0;
			display:block;
			padding:10px;
			color:#000;
		}
		
.content .post .body ol
		{
			list-style:decimal;
			padding-left:45px;
			padding-bottom:0;
		}

.content .post .body a
		{
			color:#000;
		}

.content .post .body a:hover
		{
			background-color:#000;
			text-decoration:none;
			color:#fff;
		}

.content .post .slideshow
		{
			/*background:yellow;*/
			
			margin:0 0 20px 0;
		}

.content .post .pagination
		{
			/*background:yellow;*/
			
			margin:20px 0 0 0;
			overflow:hidden;
			display:block;
		}

.content .post .pagination ul
		{
			/*background:lime;*/
			
			background-color:#fff;
			margin-bottom:5px;
			overflow:hidden;
			padding:0;
		}

.content .post .pagination ul li
		{
			/*background:red;*/
			
			float:left;
		}

.content .post .pagination ul li a
		{
			/*background:cyan;*/
			
			background-color:#000;
			text-decoration:none;
			padding:0 6px 0 5px;
			margin-right:5px;
			display:block;
			color:#fff;
		}

.content .post .body p,
.content .column380px p
		{
			text-align:justify;
			margin:10px 0;
		}


.nosearchresults
		{
			/*background:red;*/
			
			margin:20px 10px;
		}

.nosearchresults h2
		{
			font-family:georgia,times,serif;
			text-decoration:none;
			font-weight:normal;
			font-style:italic;
			margin:0 0 20px 0;
			line-height:100%;
			font-size:230%;
			display:block;
			color:#000;
		}

.nosearchresults .tagcloud
		{
			margin:30px 0;
		}

.nosearchresults .tagcloud a
		{
			text-decoration:none;
			color:#000;
		}

.nosearchresults .tagcloud a:hover
		{
			background-color:#000;
			color:#fff;
		}

.comments
		{
			/*background:red;*/
			
			margin-top:10px;
		}

/*.comments .testc*/
/*		{*/
/*			background:yellow;*/
/*			*/
/*			margin-left:150px;*/
/*			overflow:hidden;*/
/*			width:650px;*/
/*		}*/

/*.comments .test*/
/*		{*/
/*			background:lime;*/
/*			*/
/*			margin:0 0 0 20px;*/
/*			height:20px;*/
/*			width:60px;*/
/*			float:left;*/
/*		}*/

.comments ol
		{
			/*background:pink;*/
			
			margin-left:170px;
			width:620px;
		}

.comments ol li
		{
			/*background:green;*/
			
			overflow:hidden;
			margin:10px 0;
			font-size:86%;
		}

.comments ol li .author
		{
			background:#fff url(img/ha-co-pointer.png) no-repeat center right;
			
			/*line-height:40px;*/
			/*text-indent:10px;*/
			/*overflow:hidden;*/
			/*height:40px;*/
			
			display:block;
			float:left;
		}

.comments ol li .author p
		{
			background:#eee;
			
			line-height:100%;
			/*font-size:80%;*/
			display:block;
			padding:10px;
		}

.comments ol li .comment
		{
			font-family:courier,monospace;
			background-color:#eee;
			font-style:italic;
			line-height:120%;
			margin-left:10px;
			font-size:13px;
			display:block;
			width:300px;
			float:left;
		}

.comments ol li .author a
		{
			text-decoration:none;
			color:#000;
		}

.comments ol li .comment a
		{
			text-decoration:underline;
			color:#000;
		}

.comments ol li .comment p
		{
			padding:10px;
		}

.comments ol li.admin
		{
			/*background-color:#000;*/
			/*color:#fff;*/
		}

.comments ol li.admin .author
		{
			background:#fff url(img/ha-ad-pointer.png) no-repeat center right;
			color:#999;
		}

.comments ol li.admin .author p
		{
			background:#000;
			color:#999;
		}

.comments ol li.admin .comment
		{
			background-color:#000;
			color:#999;
		}

.comments ol li.admin .author a
		{
			text-decoration:none;
			color:#999;
		}

.comments ol li.admin .comment a
		{
			text-decoration:underline;
			color:#999;
		}

.comments ol li.usercomment
		{
			/*background-color:#f00;*/
			/*border:#000 solid 2px;*/
			/*color:#fff;*/
		}

.comments ol li.usercomment .author
		{
			background:#fff url(img/ha-au-pointer.png) no-repeat center right;

		}

.comments ol li.usercomment .author p
		{
			background:#ccc;

		}

.comments ol li.usercomment .comment
		{
			background-color:#ccc;
		}

.comments ol li.usercomment .author a
		{
			text-decoration:none;
			color:#000;
		}

.comments ol li.usercomment .comment a
		{
			text-decoration:underline;
			color:#000;
		}

.comments ol li.odd
		{
			/*background-color:#eee;*/
			/*color:#fff;*/
		}

.comments ol li.odd .author
		{
			width:150px;
		}

.comments ol li.odd .author p
		{
			width:110px;
		}

.comments ol li.odd .comment
		{
			/*width:150px;*/
		}

.comments ol li.even
		{
			/*background-color:#ccc;*/
			/*color:#fff;*/
		}

.comments ol li.even .author
		{
			width:230px;
		}

.comments ol li.even .author p
		{
			width:190px;
		}

.comments ol li.even .comment
		{
			/*width:230px;*/
		}

.leaveacomment
		{
			/*background:pink;*/
			
			margin-left:170px;
			width:620px;
		}
		
.leaveacomment .title
		{
			background:url(img/ha-c-pointer.png) no-repeat top center;
			padding-top:20px;
			margin-top:20px;
		}
		
.leaveacomment .title p
		{
			font-family:georgia,times,serif;
			padding:10px 10px 15px 10px;
			background-color:#000;
			font-style:italic;
			line-height:74%;
			font-size:300%;
			display:block;
			color:#fff;
		}
		
.leaveacomment form input.text
		{
			font-family:georgia,times,serif;
			padding:5px 5px 8px 5px;
			background-color:#000;
			font-style:italic;
			margin-top:20px;
			width:210px;
			color:#999;
		}

.leaveacomment form textarea.textarea
		{
			font-family:georgia,times,serif;
			padding:5px 5px 8px 5px;
			background-color:#000;
			font-style:italic;
			margin-top:20px;
			font-size:100%;
			height:124px;
			float:right;
			width:370px;
			color:#999;
			border:0;
		}

.leaveacomment form .logged
		{
			font-family:georgia,times,serif;
			background-color:#000;
			font-style:italic;
			margin-top:20px;
			padding:10px;
			width:600px;
			color:#999;
		}

.leaveacomment form .logged a
		{
			text-decoration:none;
			color:#999;
		}

.leaveacomment form .logged a:hover
		{
			background-color:#fff;
			color:#000;
		}

.leaveacomment form textarea.wide
		{
			width:610px;
		}

.leaveacomment form input.submit
		{
			font-family:georgia,times,serif;
			background-color:#000;
			font-style:italic;
			padding:5px 8px;
			margin-top:20px;
			color:#fff;
		}
		
.sidebar
		{
			/*background:yellow;*/
			
			padding:0 0 100px 0;			/* bottom padding for footer */
			margin:0 10px;
			width:140px;
			float:right;
		}
		
.sidebar .tagcloud,
.sidebar form
		{
			/*background:pink;*/
			
			border-top:#000 solid 1px;
			padding-top:20px;
			margin-top:20px;
		}
		
.sidebar form input.text
		{
			font-family:georgia,times,serif;
			padding:5px 5px 8px 5px;
			background-color:#000;
			font-style:italic;
			width:130px;
			color:#999;
		}
		
.sidebar form input.submit
		{
			font-family:georgia,times,serif;
			background-color:#000;
			font-style:italic;
			padding:5px 8px;
			margin-top:5px;
			color:#fff;
		}
		
.sidebar ul
		{
			/*background:lime;*/
			
			border-top:#000 solid 1px;
			padding-top:20px;
			margin-top:20px;
			color:#888;
		}

.sidebar ul.notopborder
		{
			border-top:0;
			margin-top:0;
		}

.sidebar a
		{
			text-decoration:none;
			color:#000;
		}
		
.sidebar a:hover
		{
			background-color:#000;
			color:#fff;
		}

.footer
		{
			/*background:lime;*/
			
			border-bottom:#000 solid 30px;
			padding-bottom:5px;
			position:absolute;
			/*height:100px;*/
			margin:0 0 0 10px;
			width:940px;
			bottom:0;						/* stick to bottom */
		}
		
.footer .copy
		{
			/*background:red;*/
			
			font-family:georgia,times,serif;
			font-style:italic;
			font-size:76%;
			float:right;
		}
		
.footer .pagination
		{
			/*background:red;*/
			
			font-family:georgia,times,serif;
			font-style:italic;
			float:left;
		}
		
.footer .pagination a
		{
			text-decoration:none;
			color:#000;
		}
		
.footer .pagination a:hover
		{
			background-color:#000;
			color:#fff;
		}
		
/* -----------------------------------
+
+
+	CSS3
+
+
----------------------------------- */

.content .post .meta .metadata .comment .bubble,
.leaveacomment form input.submit,
.sidebar form input.submit,
.comments ol li .comment
		{
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
		}
		
/* -----------------------------------
+
+
+	Shitty IE hacks
+
+
----------------------------------- */