@charset "UTF-8";

body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif; 
	background: url(images/upperBG.png) repeat-x #beb9b4; 
	margin: 0; 
	padding: 0; 
	color: #000000;
}
#container { width: 954px; margin: 0 auto; position:relative; z-index:5; }

/* background componets */
#topDecor{ /*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{width:100%; height:665px; margin-top:-640px;}


/* basics */
a { text-decoration:none}
.aligncenter { display:block; margin-left:auto; margin-right:auto}
.alignleft { float: left;}
.alignright {float: right;}
#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_bg.gif) no-repeat;
	width: 911px;
	height: 218px;
	margin: 70px 0 8px 12px;
} 
#header h1 {
	position: relative;
	top: 22px;
	left: 88px;
	width: 255px;
	padding: 0;
	margin: 0;
}
#header h1 strong {
	display: none;
}
#header h1 a {
	display: block;
	height: 54px;
}
#s {
	border: 1px solid #7f9db9;
	width: 200px;
	height: 15px;
	font-family: Georgia;
	font-size: 12px;
	color: #a4d5e1;
	position:absolute;
	top: 52px;
	right: 80px;
	padding: 3px 5px;
	margin: 0;
}
#searchsubmit {
	position: absolute;
	top: 52px;
	right: 22px;	
}
	

	/* 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 ul a, .home a { display:block; float:left; padding:0px 9px; font-size:100%; text-decoration:none; color:#54340d; 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; }

	#blog_newsletter {position:absolute; width:220px;top:152px;right:46px;}
	#subscription {vertical-align:middle;margin-left:3px;}



/* Sidebar */
.sidebar {
	position: relative;
	float: left;
	width: 255px;
	margin-left: 16px;
}
.sidebarContentTop {
	background: url(images/siderHeader.gif) no-repeat;
	height: 25px;
}
.sidebarContent {
	background: url(images/sidebarBG.gif) repeat-y;
	padding-right: 20px;
}
.sidebarContent h2 {
	background: url(images/sidebarTitleBox.png) no-repeat;
	height: 39px;
	width: 220px;
	padding: 8px 0 0 25px;
	margin: 0 0 0 -8px;
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #fff;	
}
.sidebarContent p {
	padding: 15px 0 0;
	margin: 0;
}
.sidebarContent .logo {
	text-align: center;
	margin: 0 0 15px;
	padding-top: 0;
}
.sidebarContent .icons {
	text-align: right;
}
.sidebarContent .icons a {
	margin: 0 3px;
}
.sidebarContent .box {
	position: relative;
	overflow: hidden;
	margin-left: 12px;
	padding: 5px 0 12px;
	border-bottom: 1px solid #ebebeb;
}
.sidebarContent .box input[type=text] {
	float: left;
	border: 1px solid #ef731e;
	width: 138px;
	height: 16px;
	margin: 0 5px;
	padding: 2px 5px;
	font-family: Georgia;
	font-size: 12px;
	color: #f5c29f;
}
.sidebarContent .box input[type=image] {
	float: left;
}
.sidebarContent ul {
	padding: 0 0 20px;
	margin: 0 0 0 15px;
	list-style-type: none;
}
.sidebarContent li {
	background: url(images/arrow_blue.png) no-repeat 0 5px;
	padding-left: 20px;
	line-height:150%;
}
.sidebarContent li a {
	color: #007da1;
}
.sidebarContent li a:hover {
	color: #da944a;
}
.sidebarContentBottom {
	background: url(images/sidebarBase.gif) no-repeat;
	height:25px;
	margin-bottom: 20px;
}


/* main content */
#mainWrap {position:relative; top:0px; float:left; width:640px;overflow:hidden;}
#mainContentTop{ position:relative; width:628px; background: url(images/contentTop.gif) no-repeat; height:25px; margin-left:12px; margin-bottom:-18px; z-index:3}
#mainContentBottom{background: url(images/contentBottom.gif) no-repeat;width:628px; height:25px; margin:-16px 0px 5px 12px}
#mainContent {padding:0px 30px; width:568px; background:url(images/contentBG.gif) repeat-y;  margin-left:12px;}
	#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:#54340d}
	#tags a:hover, #text a:hover {color:#aec2e1}
	
	/* sets the tile box for h1 and h2 tags */
	#mainContent h1 { position:relative; background:url(images/contentTitleBox.png) no-repeat; height:56px; width:588px; padding:9px 0 0 40px; margin:15px 0px 0 -41px }
	#mainContent h2 { position:relative; background:url(images/contentTitleBox.png) no-repeat; height:56px; width:588px; padding:9px 0 0 40px; margin:15px 0px 0 -41px; font-size:24px;}
	
	/* image on bottom of content box */
	#mainContentDecor{ /*position:relative; bottom:343px; left:150px; background:url(images/contentSwirl.png) no-repeat; width:353px; height:368px; margin-bottom:-368px;*/}
	/* Post tile link color */
	#mainContent h2 a { color:#fff;}
	#mainContent h2 a:hover { color:#ddd;}
	
	/* time */
	.time {background:url(images/clock.gif) no-repeat; padding:2px 0 0 28px; color:#1fa400; height:16px; margin-bottom:0;}
	
	/* postmetadata margin-bottom:36px; */
	.postmetadata {background:url(images/person.gif) no-repeat; padding:2px 0 0 28px; color:#1fa400; height:16px;}
	
	/* 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; }
}

.ebdTitle {color: #fff; background: #ff8a00; padding: 3px 5px; font-size:26px;margin:0;display:inline;}
.ebdSubTitle {color:#747474;font-size:18px;margin:10px 0 0 0;}
#text {font-family:Verdana; font-size:12px; color:#747474;}
#text p {line-height:125%;}

