/* ----------- base ---------------- */
html {	min-width: 742px;}
body {
	font-size: 76%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background-color: #fff;
	}	

a {
	text-decoration: none;
	}

a:link {
	color: #036;
	}
a:visited{
	color: #306;
	}

a:hover{
	color: #900;
	}

body,h1,h2,h3,h4,ul,ol,li
{
	font-family: verdana, helvetica, arial, sans-serif;
	}

.clearer {
	clear: both;
}

div {
	margin: 0;
	padding: 0;
	border-color: #067;
	border-width: 1px;
	border-style: none;	/* make dotted for debugging */
}
/* ----------- clearfix hack ---------------- */
.clearfix:after { /* let this div enclose floats inside it */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; } /* fix for IE Mac \*/
* html .clearfix { height: 1%;}  /* Holly Hack for IE6/Win */
.clearfix { display: block;}
/* end of trick hiding from ie-mac */

/* ----------- header ---------------- */
#header
{
	width: 100%;
	height: 108px;
	margin:0;
	padding: 0;
	background-color: #000;
	color: #fff;
	background-image: url(../css/basic/header.jpg);
	background-repeat: no-repeat;
	text-shadow: black 0.1em 0.1em 0.1em;
	border-width: 6px 0 0 0;
	border-color: #ff9933;
	border-style: solid;
	}	
#headerText {
	width: 760px;
	margin: 0px auto 0px auto;
	}
#headerText h1{
	font-size: 48px;;
	margin-top: 0px;
	margin-bottom: 0px;
	}
#headerText  h2{
	font-size: 24px;
	margin-top: 0px;
	}

/* ----------- topnav ---------------- */
#topnav {
	width: 100%;
	border-width: 0px;
	font-size: 12px;
	background-color: #000;
	color: #000;
	padding: 0;
	}

#topnav ul{
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 0;
	list-style-type: none;
}

#topnav  li
{
	float: left;
	color: #eee;
	white-space: nowrap;
	}

#topnav a{
	display: block;
	padding: 4px 15px 4px 15px;
	border: 1px solid;
	border-color: #666 #000 #000 #666;
	}


#topnav a:link,#topnav a:visited {
	color: #ddd;
	}
#topnav li:hover  {
	background-color: #666;
	}

#topnav ul li a:hover
{
	color: #fff;
	}


/* you are here */
body.main a.main { background-color: #666;}
body.about a.about { background-color: #666;}
body.contact a.contact { background-color: #666;}

/* ----------- main ---------------- */

#content {
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(../css/basic/bodyBackground.jpg);
	background-repeat: repeat-y;
	clear: both;
	}

#main {
	width: 61%;
	float: left;
	}

body.main div#content div#main h1 { /* no page title on main page */
	color:#f00;
	display: none;
	margin:0;
	padding:0;
	background-color: #000;
	}

#sidebar ul
{
	list-style-type: none;
	list-style-position: outside;
}

/* ----------- boxed ---------------- */
.boxed {
	border-style: solid;
	border-color: #036;
	border-width: 1px;
	width: 100%;
	margin: 0.5em 0 0 0 ;
	padding: 0;
	}

.boxTop {
	color: #fff;
	background-color: #036;
	text-align: center;
	}

.boxed p {
	margin: 1em;
	}



/* ----------- post ---------------- */
.postHead h2
{	margin-bottom: 0px;
	}
#main p,div.postBody p, div.postBody div 
{	margin: 0 2em 1em 2em;
	line-height: 1.5em;
	}

div.postBody .callout img {
	padding-left: 10px;
	}

blockquote, div.postBody div.quote
{
	margin: 1em 5em 1em 5em;
	padding: 8px;
	font-size: .85em;
	line-height: 1.1em;
	}

.postFooter p, .postFooter ul, .postFooter li
{
	margin-top: 0px;
	font-size: 0.8em;
	line-height: auto;
	text-align: right;
	}

.postFooter ul {
	margin: 0;
	padding-bottom: 4px;
	}
.postFooter ul li {
	display: inline;
	list-style-type: none;
	padding-left: 24px;
	}
	

/* ----------- footer ---------------- */
#footer
{
	clear: both;
	width: 100%;
	background-color: #036;
	color: #FFF;
	padding: 10px 0 10px 0;
}

#footerText
{
	width: 800px;
	margin: 0 auto 0 auto;
	}

#footer  ul{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;	
}

#footer  li
{
	float: left;
	white-space: nowrap;
	}

#footer a{
	
	 padding: 0px 15px 0px 15px; 
	}

#footer a:link,#footer a:visited {
	color: #ddd;
	}

#footer li:hover  {
	background-color: #666;
	}

#footer ul li a:hover
{
	color: #fff;
	}


/* ----------- flickr ---------------- */
#flickr_badge_wrapper {padding: 0;margin:0; }
.flickr_badge_image {margin:0 0px 0px 0px; }
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 0px 0 0px;}
#flickr_badge_icon {float:left; }
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
#flickr_badge_wrapper div { display: inline;}