

body, html {
	background: url(../images/background.jpg) center top;
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	
#page {
	width:740px;
	height: 100%;
	min-height: 300px;
	margin: 0 auto;
}

#main_image {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
	
.fadein {display: none;}

img {border:0;}



	
/* LAYOUT */

#header {
	position: relative;
	top:0;
	width: 740px;
	height:240px;
	}

#logo {
	position: absolute;
	top:0; 
	left:0;
	width:540px;
	height:240px;
	}
	
#visit {
	position:absolute;
	left: 540px;
	top: 0px;
	width:200px;
	height:50px;
	z-index:40;
	overflow: hidden;
	}
	
#visit a {display:block;width:200px; height:50px; background: url(../images/visit.png); text-indent: -1000px;}
#visit a:hover {background-position: 0 -50px;}
	
#sidebar {
	position: absolute;
	top:290px;
	margin: 0 0 0 560px;
	width:160px;
	min-height: 300px;
	}

	
#content {
	width:540px;
	min-height: 400px;
	margin: 0 10px 0 10px;
	}
	
.post {
	position: relative;
	width:400px;
	}
	
.postTop {
	position: relative;
	width:540px;
	height: 40px;
	background: url(../images/post_top.png);
	}
	
.postBottom {
	position: relative;
	width:540px;
	height: 40px;
	background: url(../images/post_bottom.png);
	margin: 0;
	}
	
.postContent {
	position: relative;
	width:400px;
	background: url(../images/post_bg.png);
	padding: 10px 70px;
	margin: 0;
	}
	
.archiveContent {
	position: relative;
	width:400px;
	background: url(../images/post_bg.png);
	padding: 10px 70px;
	margin: 0;
	}


#prevnew{display:block; margin-bottom: 95px;}	

.previous {display:block; width:170px; height:45px; float: left; overflow: hidden;}
.newer {display:block; width:170px; height:45px; float: right; overflow: hidden;}

.previous a {display:block; width:170px; height:45px; background: url(../images/entries_prev.png); text-indent: -1000px}
.previous a:hover {background-position: 0 -45px;}
.newer a {display:block; width:170px; height:45px; background: url(../images/entries_new.png); text-indent: -1000px}
.newer a:hover {background-position: 0 -45px;}

#footer {
	width:740px;
	margin: 30px auto 0 auto;
	text-align: center;
	color: white;
	}
	
#footer p {color:#ffe7d8; margin: 0 180px 40px 0;}


p {
	color: #4f1603;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}

p.image {background: black; height:190px; width:400px;}
p.permalink {margin: 40px 0 0 0;}
p.categories {margin: 3px 0 0 0;}
.archiveContent p.permalink {margin: 10px 0 0 0;}
	
.post h2 {
	color: #ff7e00;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	margin: 0;
	
	}
	
a {color: #ff7e00; text-decoration: none; font-weight: bold;}
a:hover {color: #4f1603;}

address {color: #4f1603;}



/* NAVIGATION */	
#nav {
	position: absolute;
	top:0;
	left: -20px;
	width:180px;
	height:230px;
	z-index: 20;
	}
	
#navThink, #navAbout, #navSquare, #navResources {width:180px; height:60px; position: absolute; overflow: hidden; }

#navThink a:hover, #navAbout a:hover, #navSquare a:hover, #navResources a:hover {background-position: 0 -60px}	
#navThink a:active, #navAbout a:active, #navSquare a:active, #navResources a:active {background-position: 0 -120px}	
	
#navThink {z-index: 10; height: 56px;}
#navAbout {z-index: 9;top:42px; height: 53px;}
#navSquare {z-index: 8;top:84px; height: 54px;}
#navResources {z-index: 7;top:123px; height: 55px;}

#navThink a{background: url(../images/nav_think.png);}
#navAbout a{background: url(../images/nav_about.png);}
#navSquare a{background: url(../images/nav_squareholes.png);}
#navResources a{background: url(../images/nav_resources.png);}

#nav a {display:block; width:180px; height:60px; text-indent: -1000px;}

.tape {display: none; position: absolute; width: 60px; height: 100px; z-index: 50; margin-left: -60px;}
.navThinkTape {background:url(../images/nav_think_tape.png) no-repeat; margin-top: -24px; }
.navAboutTape {background:url(../images/nav_about_tape.png) no-repeat; margin-top: 25px; }
.navSquareTape {background:url(../images/nav_squareholes_tape.png) no-repeat; margin-top: 65px; }
.navResourcesTape {background:url(../images/nav_resources_tape.png) no-repeat; margin-top: 110px; }

#pageThink #navThink a {background-position: 0 -120px; z-index: 50;}
#pageThink .navThinkTape {display:block;}
#pagePost #navThink a {background-position: 0 -120px; z-index: 50;}
#pagePost .navThinkTape {display:block;}
#pageAbout #navAbout a {background-position: 0 -120px; z-index: 50;}
#pageAbout .navAboutTape {display:block;}
#pageSquare #navSquare a {background-position: 0 -120px; z-index: 50;}
#pageSquare .navSquareTape {display:block;}
#pageResources #navResources a {background-position: 0 -120px; z-index: 50;}
#pageResources .navResourcesTape {display:block;}


#visit a {display:block;width:200px; height:50px; background: url(../images/visit.png); text-indent: -1000px;}
#visit a:hover {background-position: 0 -50px;}

/* SIDEBAR */

#search {
	position: relative;
	width: 120px;
	margin: 200px 0 0 0;
	padding: 0 20px 10px 20px;
	background: url(../images/bg_torn1.png) bottom;
	overflow: hidden
	}
	
#search h3{width:120px; height:30px; background: url(../images/sidebar_search.png); text-indent: -1000px; margin: 0; }

.searchForm {width: 118px; border: 1px solid #ff9f5f; margin: 5px 0 15px 0}
.searchText {width: 90px; height:18px; background: none; border: none; color: white; }
.searchSubmit {width: 22px; height:18px; background: url(../images/search.png); border: none; text-indent: -1000px; cursor: pointer;}



	
#categories {
	position: relative;
	width: 120px;
	margin: 10px 0 0 0;
	padding: 0 20px 10px 20px;
	background: url(../images/bg_torn2.png) bottom;
	overflow: hidden
	}
	
#categories h3{width:120px; height:30px; background: url(../images/sidebar_categories.png); text-indent: -1000px; margin: 0; }
	
#archives {
	position: relative;
	width: 120px;
	margin: 10px 0 0 0;
	padding: 0 20px 10px 20px;
	background: url(../images/bg_torn3.png) bottom;
	overflow: hidden
	}
	
#archives h3{width:120px; height:30px; background: url(../images/sidebar_archives.png); text-indent: -1000px; margin: 0;}	
	
#subscribe {
	position: relative;
	width: 120px;
	margin: 10px 0 0 0;
	padding: 0 20px 10px 20px;
	background: url(../images/bg_torn1.png) bottom;
	overflow: hidden
	}
	
#subscribe h3{width:120px; height:30px;background: url(../images/sidebar_subscribe.png); text-indent: -1000px; margin: 0; }	
	
#search ul, #categories ul, #archives ul, #subscribe ul {
	list-style: none;
	padding: 0;
	margin-top: 0;;
	}

#search li, #categories li, #archives li, #subscribe li {
	font-size: 12px;
	margin-bottom: 2px;
	color: #ffe7d8;
	list-style: none;
	}
	
#sidebar li ul {list-style: none;}	
	
#search li a, #categories li a, #archives li a, #subscribe li a {
	color: #ffe7d8;
	font-weight: normal;
	}
	
#search li a:hover, #categories li a:hover, #archives li a:hover, #subscribe li a:hover {
	color: #4f1603;
	}
	
	
	
	
/* POST */

.postContent h3 {
	color: #4f1603;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 -10px 0;
	}
	
.postContent ul {
	color: #4f1603;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: -10px 0 10px 0;
	padding: 0 0 0 20px;
	list-style: disc;
	}

.postContent li {color: #4f1603;}
	
.break {
	position: relative;
	width:520px;
	background: url(../images/post_bg.png);
	padding: 10px 10px;
	margin: 0;
	}

.postComments {
	position: relative;
	width:400px;
	background: url(../images/post_bg.png);
	padding: 10px 70px;
	margin: 0;
	}
	
.postComments ol {padding: 0;}

.postComments li {
	color: #4f1603;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	list-style: none;
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
	border-bottom: 1px dotted #ff7e00;
	}
	
.postComments li:last-child {border: none;}
	
.postedby {display: block; margin: 6px 0 0 0;}

.postCommentForm {
	position: relative;
	width:400px;
	background: url(../images/post_bg.png);
	padding: 10px 70px 40px 70px;
	margin: 0;
	}
	
	
.postCommentForm input {display: block; float: left; width: 148px; height: auto; margin-right: 20px;}
.postCommentForm label {display:block; color: #4f1603; height: 25px; width: 400px; padding: 5px 0 0 0; font-size: 10px; font-family: Helvetica, Arial, sans-serif;}	
	
#comment {width: 400px; margin-bottom: 10px;}

.logout {float: right;}
.imgheading {margin-bottom: 15px;}
.hidden {display: none;}
.icon {margin: 2px 10px 0 0}

.archiveContent h3 {font-size:16px; border-top: 1px dotted #ff7e00; padding-top: 40px; margin-bottom: 0;}

.postContent img, .archiveContent img {
	margin-bottom: 10px;
	clear: both;
	display: block;
 	/*margin-right: 100%;*/ 
}

.postContent p {
	display:block; 
	width: 400px;
	clear: both;
}

.postContent p img {
/* 	margin-right:230px */
}

.postContent font {
		font-size: 12px;
}


#pageResources .blogroll {
	margin-top: 8px;
}

