/*  
Theme Name: Enquirer.sg Theme
Theme URI: http://enquirer.sg/
Description: Theme for enquirer.sg
Version: 1.0
Author: Lin Junjie
Author URI: http://enquirer.sg/
*/

	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,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-weight:inherit;
		font-style:inherit;
		font-size:100%;
		font-family:inherit;
		vertical-align:baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline:0;
	}
	body {
		line-height:1;
		color:black;
		background:white;
	}
	ol, ul {
		list-style:none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:separate;
		border-spacing:0;
	}
	caption, th, td {
		text-align:left;
		font-weight:normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:"";
	}
	blockquote, q {
		quotes:"" "";
	}
	html {
		/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
		height:100%;
		margin-bottom:1px;
	}
	
	body { background:#eee url('images/header_bg.png') top repeat-x; }


	html, body {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:0.95em;
		line-height:1.6em;
	}

	a, a:visited, a:hover {
		text-decoration:none;
		border-bottom:1px dotted #ccc;
		color:#00487b;
	}
	
	a:hover {
		border-bottom:1px solid #00487b;
		color:#d60101;
	}

	div#wrapper{
		width:980px;
		margin:0;
		background:transparent;
		/*min-height:100%;*/
	}

	/* Begin Masthead */
	div#masthead {
		width:980px;
		height:201px;
		background:url(images/masthead.png);
		border:none;
		margin:0;
		display:block;
		position:relative;
	}
	
	div#masthead a {
		border:none;
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}
	/* End Masthead */

	/* Begin Search */
	div#searchtop {
		position:absolute;
		top:0;
		right:60px;
		background:url(images/menubar_bg.png) repeat;
		padding:15px;
	}

	input#s { width:15em; /*height:1.5em;*/ }
	/* End Search */

	div#navigationbar {
		width:980px;
		height:41px;
		background:url(images/menubar_bg.png) repeat;
		margin:0;
	}
	
	ul#navigation {
		width:630px;
		height:41px;
		background:transparent url(images/menubar.png) no-repeat;
		padding-left:350px;

		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.05em;
		font-style:italic;
		color:#fff;
		
		line-height:41px;
	}
	
	ul#navigation li {
		display:inline;
		list-style-type:none;
		padding-right:17px;
	}
	
	ul#navigation li, #navigation a { border:none; color:#fff; }
	ul#navigation li a:hover { color:#ccc; }
	ul#navigation li#navSelected a { border-bottom:2px solid #ccc; color:#ccc; }
	
	div#content {
		width:900px;
		margin:40px auto 3em auto;
		text-align:left;
		overflow:auto;
	}
	
	div.post, div.contentBox {
		display:block;
		width:860px;
		clear:both;
		background:#fff;
		padding:20px;
		margin-bottom:30px;
		overflow:auto;
	}
	
	div.smallpost { width:400px; background:#fff; padding:20px; margin-bottom:30px; }

	div.smallpost2 { width:250px; background:#fff; padding:20px; /*margin-bottom:30px;*/ height:100%; display:block; }

	div.single { /*padding:30px;*/ width:530px; background:#fff; padding:30px; margin-bottom:30px; /*margin-top:10px;*/}
	div.sidebar { padding:20px; margin-bottom:30px; width:250px; background:#fff; }
	
	
	div.post p a, div.contentBox p a, div.smallpost p a, div.single p a { color:#00487b; font-weight:bold; }
	
	div.extrawrapper {
		display:block;
		float:left;
	}

	div.extrawrapper2 {
		display:block;
		clear:both;
		background:#eee url('images/fauxcolumns.gif') repeat-y;
		margin-bottom:30px;
		overflow:auto;
	}
	
	div.smallpostContainer { /* */ }
	
	div.boxHeader { display:block; background:transparent; border:none; border:none; }
	
	div.boxTagContainer { background:#eee; }
	
	span.boxTag {
		display:inline-block;
		background:#eee url('images/masthead_bg.png') repeat;
		padding:7px 15px;
		border:none;
		text-align:center;		
		margin-top:10px;
		margin-left:20px;
		
		text-transform:uppercase;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:0.95em;
		font-weight:bold;
		letter-spacing:0.2em;
		color:#fff;
	}
	
	div.sidebar ul { list-style:decimal outside; margin-left:20px; }
	div.sidebar ul li { padding-left:0.5em; }
	
		
	div#footer {
		clear:both;
		width:900px;

		margin:30px auto 0 auto;
		height:35px;
		border-top:1px solid #ccc;

		padding-top:1em;
	}
	
	div#footer img { padding-right:0.5em; /*vertical-align:text-top;*/ }

	/* todo delete */
	div#leftBox { float:left; text-align:left; }
	div#rightBox { float:right; text-align:right; }

	h3, h4 { font-family:Optima, "Helvetica Neue", Arial, sans-serif; text-align:left; line-height:1.3em;}
	h3.pageTitle, h3#related, h3#comments, h3#respond { font-size:1.8em; font-weight:bold; color:#555; margin-bottom:1em; }

	h4.time { font-weight:normal; font-size:0.9em; font-style:italic; display:inline; }
	h4.shoulder { font-weight:bold; }
	h4.shoulder a { text-decoration:none; border:none; color:#000; }
	
	.more-link { font-weight:bold; margin-left:0.5em; display:inline; font-size:0.8em; }
	
	h3.author { display:inline; font-weight:bold; }
	h3.author a { color:#000; }
	
	.byline { font-style:italic; font-weight:normal; }
	
	.donate { font-style:italic; }
	
	.storycontent { margin-top:1em; overflow:auto; }	
	.storycontent p { margin-bottom:1em; /*text-indent:2em;*/ }
	
	.storycontent h1,
	.storycontent h2,
	.storycontent h3,
	.storycontent h4 {
		font-family:Optima, "Helvetica Neue", Arial, sans-serif;
		line-height:1.3em;
		font-weight:bold;
		margin-top:1em;
		margin-bottom:0.5em
	}
	
	.storycontent h1 { font-size:1.6em; }
	.storycontent h2 { font-size:1.4em; }
	.storycontent h3 { font-size:1.2em; }

	h3.storytitle {	font-size:1.8em; font-weight:bold; line-height:1.3em; text-transform:uppercase; margin-bottom:0; }
	h3.storytitle a { text-decoration:none; border:none; }
	h3.storytitle a:hover { border:none; }
	
	div.smallpost2 h3.storytitle { font-size:1.2em; }
	
	
	em { font-style:italic; }
	strong { font-weight:bold; }
	
	.pagecontent { margin-top:0; }
	
	.commentBody { padding:0.5em 1em; margin-top:1em; margin-bottom:1em; margin-left:1em; }
	.commentBody p { margin-bottom:1em; }
	
	.commentHead { background:#eee; padding:1em; }
	
/*	ol.commentlist li, ol.commentlist li.alt { padding:20px; } */

	.storycontent ul, .storycontent ol {
		margin:1em 0 1em 3em;
	}

	.storycontent ul,
	.storycontent ul ul,
	.storycontent ul ul ul {
		list-style:square;
	}

	.storycontent ol li { list-style:decimal outside; }
	.storycontent ol li li { list-style:lower-alpha; }
	.storycontent ol li li li { list-style:lower-roman; }

	.storycontent ol li,
	.storycontent ul li, 
	.storycontent ol li li,
	.storycontent ul li li,
	.storycontent ol li li li,
	.storycontent ul li li li {
		margin-bottom:0;
	}

	.storycontent dl {
	  margin:1.5em auto 1.5em 1.3em;
	}
	
	.storycontent dt {
		margin:0 0 .7em 0;
	}
	
	.storycontent dt a {	
		font-weight:bold;
	}
		
	.storycontent dd {
		margin:1em auto 1em 1.5em;
		padding-left:1em;
		border-left:5px solid #ddd8c2;
	}
	
	dd p { margin:0 0 1em 0; }

	ul.related li a { font-size:1.1em; }

	hr {
		background:#555;
		height:1px;
	}
	
	
	/* Begin Images */
	p img {
	padding:0;
	max-width:100%;
	}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */
	
	img.centered, img.aligncenter {
		display:block;
		margin-left:auto;
		margin-right:auto;
		padding:1em;
		}
	
	img.alignright {
		padding:0.5em 0 0.5em 1em;
		margin:0 0 2px 7px;
		display:inline;
		}
	
	img.alignleft {
		padding:0.5em 1em 0.5em 0;
		margin:0 7px 2px 0;
		display:inline;
		}
		
	.wideImage { margin:1em 0; display:block; clear:both; }
	/* End Images */
	
	.clear { clear:both; }

	.alignright {
		float:right;
		}
	
	.alignleft {
		float:left
		}

	.padleft { margin-left:14px; }	
	.padright { margin-right:20px; }

	/* Pull quotes */
	
	span.pulled-right, span.pulled-left {
		display:block;
		float:right;
		padding:0.5em 10px;
		margin:1em 1em 1em 1.5em;
		width:190px;
		font-size:1.3em;
		line-height:1.5em;
		text-align:center;
		color:#00487b;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		font-style:italic;
	}
	
	span.pulled-left {
		float:left;
		padding:0.5em 10px;
		margin:1em 1.5em 1em 1em;
	}
	
	/* End Pull Quotes */

	/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.wp-caption {
		text-align: center;
		padding-top: 4px;
		margin: 15px;
		border-radius: 3px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption p.wp-caption-text, .wp-caption p.wp-caption-text-big {
		text-align: left;
		font-size: 0.85em;
		padding: 0 4px 5px;
		margin: 0.5em;
		color: #444;
	}
	
	.wp-caption p.wp-caption-text-big {
		margin: 0.5em 0;
	}
	/* End captions */


	/* Begin box */
	.box {
		padding:1em;
		margin:1em;
		float:right;
		background:#eee;
		width:210px;
	}
	
	/* End box */

    hr {
    	border:none;
		color:#ccc;
		background-color:#ccc;
		height:1px;
		margin:1.5em 0;
    }
	
	img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden} /* hide automattic's silly face */