@charset "UTF-8";


body  {font: 100% Arial, Verdana, Helvetica, sans-serif; background: url(images/upperBG.jpg) repeat-x #bfb592; margin: 0; padding: 0; color: #000000;}
#container { width: 954px; margin: 0 auto; position:relative; z-index:5; } 

.postmetadata {
display: none;
}
.nocomments {
display: none;
}

.post-page > h2 > a {
  position: relative;
  display: block;
  margin-top: -10px;
}

.post-edit-link {
  position: relative;
  font-size: 14px;
  color: #660000 !important;
  font-weight: normal !important;
  font-style: italic;
  margin-top: -29px !important;
  margin-left: 150px;
}


/* background componets */
#topDecor{ display: none;position:fixed; top:0px; left:0px; background:url(images/topDecor.png) no-repeat; width:463px; height:542px; z-index:1;}
#bottomDecor { position:fixed; bottom:0px; right:0px; background:url(images/baseDecor.png) no-repeat; height:414px; width:363px; z-index:1}
#bottomGradient{ background:url(images/lowerBG.jpg) repeat-x; width:100%; height:665px; margin-top:-640px;}


/* basics */
a { text-decoration:none}
.aligncenter { display:block; margin-left:auto; margin-right:auto}
.alignleft { float: left; width:100%}
.alignright {float: right;  width:100%}
#recent-posts-3 { font-size:80%;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clear {clear: both;}

.post {margin: 0;}



/* header */
#header { position:relative; background: url(images/header.gif) no-repeat; height:202px; margin-left:0px; margin-top:60px; margin-bottom:8px; z-index:3} 
	/* h1 header text */
	#header h1 { width: 450px; font-family: Comic Sans MS, Comic Sans MS5, cursive; position: relative; margin-bottom:-50px; z-index:20; left:255px; top:50px; font-size:250%;  }
	#header h1 a {color:#000000;}
	#header h1 a:hover {color:#000000}
	/* Blog Description */
	#description { display: none }
	
	#rss { display: none;}
	
	
	/* logo */
	#logo { display: none; }
	/* Search box in header */
	#search { display: none;}
	/* adsense in header */
	#topAds { display: none; }
	

	/* top nav */
	#header ul {  position:relative; padding-left:0; list-style-type:none; float:left; width:97%; margin-top:-45px; z-index:10;  margin-left:290px;}
	#header ul li { display:inline;}
        #header h1 a { display: none;}
	#header ul a, .home a { display:block; float:left; padding:0px 9px; font-size:100%; text-decoration:none; color:#000000; width:auto}
	#header ul a:hover, .home a:hover  { color:#aec2e1;}
	.pagenav { position:relative; left:20px; top:50px; color:#fdf0d7; list-style-type:none}
	.home { position:relative; top:24px; left:250px; margin-bottom:-20px; width:50px; z-index:20; }





/* Sidebar */
#sidebar {  position:relative; float:left; top:0px; width:285px; padding: 0px 0px 10px 0px; margin-left:-10px; margin-top:-7px}
	#sidebarContentTop {background: url(images/sidebarTop.png) no-repeat; height:33px; margin-bottom:-18px }
	#sidebarContent {background: url(images/sidebarBG.png) repeat-y; padding:0px 35px 0px 20px; }
	#sidebarContentBottom { background: url(images/sidebarBase.png) no-repeat; height:30px; }
	
	/* sidebar heard title box */
	#sidebarContent h2 { position:relative; top:-7px; background:url(images/sidebarTitleBox.png) no-repeat; height:44px; padding:15px 10px 10px 40px;  width:298px; margin:2px 0px -30px -45px; font-size:110%; }
	
	/* sidebar links */
	#sidebarContent li { position:relative; z-index:10}
	#sidebarContent li a { color:#000000;}
	#sidebarContent li a:hover { color:#da944a;}
	#sidebarContent ul { padding:10px 0 10px 10px; margin:0 0 0 0; list-style-type:none}
	#sidebarContent caption {padding-top:10px}
	






/* main content */
#mainWrap { position:relative; top:0px; float:right; width:654px; left: -20px;}
#mainContentTop{ position:relative; width:654px; background: url(images/contentTop.png) no-repeat; height:25px; margin-left:10px; margin-bottom:-18px; z-index:3}
#mainContentBottom{background: url(images/contentBottom.png) no-repeat;width:654px; height:25px; margin:-18px 0px 5px 10px}
#mainContent { margin: 0 0px 0 0; padding:0px 40px 0 50px; width:570px; background:url(images/contentBG.png) repeat-y;  margin-left:10px;}
	#mainContent #text { position:relative; z-index:3; }/* lifts text above the decor element */
	
	/* links in post */
	#mainContent #text p a {color:#da944a}
	#mainContent #text p a:hover {color:#aec2e1}
	
	/* Tags */
	#tags a, #text a {color:#000000}
	#tags a:hover, #text a:hover {color:#aec2e1}
	
	/* sets the tile box for h1 and h2 tags */
	#mainContent h1 { position:relative; top:-10px; background:url(images/contentTitleBox.png) no-repeat; height:60px; padding:35px 10px 0px 70px;  width:592px; margin:0px 0px -25px -80px }
	#mainContent h2 { position:relative; top:-10px; background:url(images/contentTitleBox.png) no-repeat; height:55px; padding:38px 10px 0px 70px;  width:592px; margin:0px 0px -25px -80px; font-size:130% }
	
	/* image on bottom of content box */
	#mainContentDecor{ position:relative; bottom:343px; left:150px; width:353px; height:368px; margin-bottom:-368px;}
	/* Post tile link color */
	#mainContent h2 a { color:#000000;}
	#mainContent h2 a:hover { color:#da944a;}
	
	/* time */
	.time { display:none; text-align:right; margin-top:-10px}
	
	/* Div added for code styleing */
	#code { background:url(images/codeBG.png) repeat; padding:10px; border:solid thin #000}




/* Footer */
#footer { position:relative; top:-10px; padding: 0 10px 0 70px; margin-top:0px; font-size:90%;} 
	#footer p { margin: 0; padding: 10px 0; color:#ffd781}
	#footer a {color:#fdf0d7 }
	#footer a:hover {color:#aec2e1}

#hidden { display:none}

/* Safari Fixes */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#footer {top:-10px; }
.home { position:relative; top:23px; left:250px; margin-bottom:-20px; width:50px; z-index:20; }
}