body { align : center }
#container { max-width : 1280px; text-align: left; margin-left : auto; margin-right: auto; }
#content
	{
	float: left;
	width: 71%; 
	}
#navigation
	{
	float: left;
	width: 29%; 
	}

/* easy clearing */
.nextLink:before { content: 'Next:  ' }
.previousLink:before { content: 'Previous:  ' }

#wrapper:after, #header:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}

#header .title { padding-top: 10px; }
#header .title, #header .subtitle { padding-left : 10px; }
#header .subtitle { padding-bottom: 10px; }
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}

/* Specific layout stuff */

div.date { padding-bottom : 10px }

div.post { margin-bottom : 30px; }


#content .post, #content #full-tag-cloud, #content div.posts { min-width: 400px;}

#content #full-tag-cloud { padding : 20px; }
.navitem .title { margin-top : -5px; }
#content .post, .navitem, #content .previousNext, .comments, #postComment, #content #full-tag-cloud, #content div.posts
{
  margin: 20px 20px 10px 25px;
  margin-left: 25px; 
  margin-bottom: 10px;
  
}	
#postComment { margin-left : 35px; margin-right : 30px; }
#content .post, .navitem, #content .previousNext, .comments, #content div.posts
{
  padding   : 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}



.navitem ul, .innerbox ul { padding-left : 10px }
.navitem li { list-style : none; }
.navitem li { list-style-image : none; }
*:first-child+html .navitem ul { margin-left : 0px; }  /* IE7 Hack */

h1 { margin-top : 0px; }
p + h2 { margin-top : -10px }
ul + h2 { margin-top : 15px }
h2, h3 { margin-top : 0px; margin-bottom : 0px; }

#search { float : right; margin-right : 100px; margin-top : 40px }
#searchProgress { float : right }

#header #myLinks {
	width: 100%;
	height : 30px;
	margin: 0;
	padding: 0;
}

#myLinks .links ul  { 
		list-style: none; 
		margin: 0; 
		padding: 0;
		height : 100%
}
#myLinks .links ul li { 
	float:right;
	margin: 0;
	padding: 0px 10px 0px 10px;
	vertical-align : middle;
	height : 30px
}

#myLinks  ul li a { display : block; width : 100%; height : 100% }

li { list-style-position: outside; margin-left : 0px; margin-bottom : 5px; }
.post ul { margin-left : 0px; margin-bottom : -7px; padding-left : 20px;  }
p + ul { margin-top : -15px; }

#respond label { width : 100px; display : inline-block; vertical-align: top; margin-bottom : 10px; }
/* #postComment .notes { float : right; } */

.previousLink { position: relative; right : 0px; }

.previousNext div { width : 100% }
#nextLink { float : right; }

.comment { margin-bottom : 10px; }

#editLink { float: right }
.copyright { position : absolute; right : 10px; bottom : 10px; }
#livepreview { min-height : 50px; }
/* fonts */
h1 { margin-bottom : 0px; }

BODY { font-family: Calibri, Verdana, Helvetica, Serif; font-size : 14pt; padding : 0; margin : 0; }
#header div.title { font-size : 40px; font-weight: bold; }


pre.code { font-size : 14px; padding : 5px 10px 5px 10px; }

h1, h2, h3, div.date, div.title { font-family: Trebuchet MS, Verdana, Helvetica, Serif; font-weight : bold; }
h1 a, h2 a, h3 a, div.date a, div.title a { text-decoration : none }

h1, div.date { font-size : 30px; }

div.info .comments { margin-left : -10px; text-shadow : 0px 0px 1px #59C4D8; color : #03414C }

h2, div.subtitle { font-size : 26px; }
h3, #navigation div.title  { font-size : 22px; }

#navigation div.title { margin-bottom : -10px }
ul#tag-cloud { margin-top : 10px }

#myLinks .links ul li a { text-decoration: none; }

input, textarea { font-family : Calibri, Verdana, Helvetica, Serif; font-size : 14px; }
input.fixed, textarea { width : 400px; }

#searchBox input { font-size : 20px; }