/*
Theme Name: simontsang.co.uk 2009
Theme URI: http://simontsang.co.uk
Description: Custom theme for simontsang.co.uk.
Version: 0.1
Author: Simon Tsang
Author URI: http://simontsang.co.uk
*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}

/*TYPOGRAPHY*/
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
small{
	font-size:0.8em;
}
body,html{
	font-size:16px;
	background:url(images/bg_tile.gif) repeat fixed top left;
	background-position: 0 1px;
}
a{
	text-decoration:none;
	font-weight:bold;
}

abbr{
	color:#868563;
	border-bottom:dotted 1px #868563;
	cursor:help;
}


	div#page div#header h1 span{
		font-family:"Times New Roman", Times, Serif;
		display:block;
		font-weight:bold;
		font-size:8em;
		text-align:right;
		height:1em;
		line-height:1.2em;
		letter-spacing:-0.1068em;
		}
	div#page div#sidebar{
		font-family:"Times New Roman", Times, Serif;
		text-align:right;
		font-weight:bold;
		text-transform:lowercase;
		}
		div#page div#sidebar ul.mainnav li{
			font-size:4.5em;
			letter-spacing:-0.1068em;
			line-height:77.77778%;
			}
			div#page div#sidebar ul.mainnav ul li{
				font-size:0.6666666em;
				letter-spacing:-0.1em;
				line-height:0.833333333em;
			}
			div#page div#sidebar ul.mainnav ul ul li{
				line-height:0.75em;
			}
			
		div#page div#sidebar ul.subnav li{
			font-size:3em;
			letter-spacing:-0.1068em;
			line-height:77.77778%;
			}
			div#page div#sidebar ul.subnav li h3,
			div#page div#sidebar ul.subnav ul li{
				font-weight:bold;
				font-size:1em;
				letter-spacing:-0.1em;
				line-height:0.8333333333333em;
			}			
			
	div#page div#content{
		font-family:"Times New Roman", Times, Serif;
		}
		div#page div#content div.contentheader h3,
		div#page div#content div.postheader h3.date{
			font-size:2.5em;
			font-weight:bold;
			letter-spacing:-0.1068em;
			line-height:1em;
			border-bottom:1px solid #cccccc;
			margin-bottom:-1px;
		}
		div#page div#content div.contentheader h2,
		div#page div#content div.postheader h2{
			font-size:4.5em;
			font-weight:bold;
			letter-spacing:-0.1068em;
			line-height:0.88888888888em;
			text-transform:lowercase;
		}
		div#page div#content div.postheader h2 a{
			padding-right:0.1068em;
		}
		div#page div#content div.entry p,
		div#page div#content div.entry ul,
		div#page div#content div.entry dl{
			font-size:1.5em;
			letter-spacing:-0.025em;
			margin-bottom:1em;
			line-height:1em
		}
			div#page div#content div.entry dl dt{
				font-style:italic;
			}
			div#page div#content div.entry dl dd{
				margin-left:1em;
				margin-bottom:1em;
			}
			div#page div#content div.entry dl p,
			div#page div#content div.entry dl ul{
				font-size:1em;
			}
			
		
		div#page div#content div.entry h3{
			font-size:3em;
			font-weight:bold;
			letter-spacing:-0.1em;
			line-height:1em;
			padding-top:0.0625em;
			border-bottom:0.1px solid #999999;
			margin-bottom:0.25em

		}
		
		div#page div#content div.inpage-nav h4,
		div#page div#content div.inpage-nav ul li{
			font-weight:bold;
			font-size:1.5em;
			letter-spacing:-0.1em;
			line-height:1em;
		}
/*END TYPOGRAPHY*/

/*COLOURS*/
div#page div#header h1 span.light,
div#page div#sidebar ul.mainnav li a{
	color:#d9d8a1;
}
div#page div#header h1 span.mid,
div#page div#sidebar ul.mainnav ul li a,
div#page div#sidebar ul.subnav ul li a{
	color:#b7b688;
}
a,
div#page div#header h1 span.dark,
div#page div#sidebar ul.mainnav ul ul li a,
h2 a{
	color:#868563;
}

h3,
h4{
	color:#ccc;
}
a:hover,
div#page div#sidebar ul.mainnav li a:hover,
div#page div#sidebar ul.mainnav ul li a:hover,
div#page div#sidebar ul.subnav ul li a:hover,
div#page div#sidebar ul.mainnav ul ul li a:hover,
h2 a:hover{
	color:#003300;
}

div#page div#content div.entry h3{
	color:#999;
}
div#page div#content div.entry div.gallery{
	
}
div#page div#content div.entry div.gallery img{
	border:none;
}
div#page div#content div.inpage-nav ul li{
	border-left:2px #d9d8a1 solid;
	padding-left:3px;
}
/*END COLOURS*/

/*LAYOUT*/


.gallery-item{
	float:left;
	text-align:center;
}

div#page{
	width:60em;
	margin:auto;
	position:relative;
	}
	div#page div#header{
		width:47.5%;
		}
		div#page div#header h1{
			height:12em;
			margin:0;
			position:relative;
			overflow:visible;
			}
			div#page div#header h1 span{
				padding-right:0.1068em;
				overflow:visible;
				position:absolute;
				right:0;
				margin:0;
				}
			div#page div#header h1 span.light{
				bottom:0.666666em;
			}
			div#page div#header h1 span.mid{
				bottom:0.33333em;
			}
			div#page div#header h1 span.dark{
				bottom:0;
			}

	div#page div#sidebar{
		width:47.5%;
		padding-top:1.25em;
		padding-right:2.5%;
		}
		div#page div#sidebar ul.mainnav ul{
			margin-bottom:0.666666666666em;
		}

		
		div#page div#sidebar ul.subnav{
			margin-top:1em;
			}
			div#page div#sidebar ul.subnav ul{
				margin-bottom:0.33333333333em;
			}
			div#page div#sidebar ul.mainnav li a,
			div#page div#sidebar ul.subnav li a,
			div#page div#sidebar ul.subnav li h3{
				padding-right:0.1068em;
				}
				div#page div#sidebar ul.mainnav ul li a,
				div#page div#sidebar ul.subnav li a{
					padding-right:-0.1em;
				}					
			
			
			

div#page div#sidebar ul.mainnav ul,
div#page div#sidebar ul.mainnav li.current_page_item ul ul,
div#page div#sidebar ul.mainnav li.current_page_ancestor ul li ul{
	display:none;
}
div#page div#sidebar ul.mainnav li.current_page_item ul,
div#page div#sidebar ul.mainnav li.current_page_ancestor ul,
div#page div#sidebar ul.mainnav li.current_page_parent ul,
div#page div#sidebar ul.mainnav li.current_page_parent ul li.current_page_item ul,
div#page div#sidebar ul.mainnav li.current_page_ancestor ul li.current_page_parent ul{
	display:block;
}

/*ENDSIDEBAR--------------------------------------------------------------*/
		
	div#page div#content{
		margin:0 0 0 0;
		position:absolute;
		width:47.5%;
		top:0;
		left:52.5%;
		}
		div#page div.post{
			margin-bottom:2em;
			clear:both;
			}
			div#page div#content div.postheader,
			div#page div#content div.contentheader{
				width:100%;
				overflow:visible;
				padding-bottom:2em;
				margin-bottom:-2em;
			}		
			div#page div#content div.postheader-container{
				margin-bottom:0em;
			}
			div#page div#content div.contentheader-container{
				margin-bottom:2em;
			}
			div#page div#content div.postheader-container,
			div#page div#content div.contentheader-container{
				height:12em;
				position:relative;
				width:100%;
				}
				div#page div#content div.postheader-container div.postheader,
				div#page div#content div.contentheader-container div.contentheader{
					position:absolute;
					bottom:0;
					left:0;
					}
			div#page div#content div.inpage-nav{
				width:100%;
				position:relative;
				padding-bottom:0.1875em;
				}
				div#page div#content div.inpage-nav ul li.current_page_item{
					display:none;
				}
				div#page div#content div.inpage-nav div.post-categories{
					float:left;
					display:inline;
					width:50%;
				}
				div#page div#content div.inpage-nav div.post-tags{
					float:left;
					display:inline;
					width:50%;
				}
			div#page div#content div.entry{
				margin-top: 1.5em;
				padding-top:0.3125em;
			}
				div#page div#content div.entry p,
				div#page div#content div.entry ul{
					margin-bottom:1em;
				}
					div#page div#content div.inpage-nav h4{
						padding-bottom:0.125em;
					}
					div#page div#content div.inpage-nav ul{
						padding-top:0.25em;
					}
					div#page div#content div.inpage-nav ul li{
						padding-bottom:0.33333333em;
					}
				div#page div#content div.entry div.gallery{
					margin:0 0 2em 0;
				}
				div#page div#content div.entry div.gallery .gallery-item{
					margin:0.5em 0 0 0;
				}
				div#page div#content div.entry div.gallery .gallery-item gallery-icon{
					margin:0;
				}
/*END LAYOUT*/