/*
Style Sheet for MarkZak.com
created by yours truly.  roar.
      remember: Robots FORBIDDEN
last updated: 13 August 2009
*/

/* Main Page
----------------------------------------------- */

body {
	background-image: url(/images/bg_leaves.jpg);
	background-position: top left;
	background-repeat: repeat;
	background-color: black;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 90%;
	line-height: 110%;
	padding-bottom: 25px;
	text-align: center;
}

#wrapper {
	color: white;
	background-color: black;
	width: 1055px;
	margin: 10px auto;
	border: 2px solid #777;
}

#banner {
	margin: 10px 0 0 -5px;
	background-repeat: no-repeat;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:85px; /* the correct height */
	}
html>#banner {height:90px;}

#menu {
/*	border: 1px solid #848;*/
	margin-left: 10px;
	float: left;
	width: 200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
html>#menu {width: 200px;}

.menu h1 {
	font-size:1.0em;
	letter-spacing:1px;
	margin:0 5px;
	padding-bottom:.1em;
	color:#F1E195;
	background: inherit;
}

#quote {
/*	border: 1px solid #848;*/
	font-size:1.2em;
	text-align: left;
	margin: 6px 15px 15px 15px;
	color: #11EE11;
	background: inherit;	
}

#content {
/*	border: 1px solid #848;*/
	margin: 6px 0 0 222px;
	text-align: left;
}

#footer {
/*	border: 1px solid #848;*/
	border-top: 1px solid #777;
	clear:both;
	color: #CCCCCC;
	background: inherit;
	text-align: center;
	margin: 15px 0 15px 0;
}

a:link {         /* for unvisited links */
	color: #00BF00;
	background: inherit;
	text-decoration:none;
}

a:visited {      /* for already visited links */
	color: #28A028;
	background: inherit;	
	text-decoration:none;
}

a:hover {      /* when mouse is over link */
	color: #9EFEAD;
	background: inherit;	
	text-decoration:none;
}

a:active {      /* when link is clicked */
	color: #088008;
	background: inherit;	
	text-decoration:none;
}

.containerContent {
/*	border: 2px solid #848;*/
	width: 1033px;
}



/* BLOG Entries
----------------------------------------------- */
.date-header {
	margin-top: 1.5em;
	color: #CCCCCC;
	background-color: #2A312A;
	font-size: 70%;
	letter-spacing: .15em;
	line-height: 140%;
	padding-left:.5em;
}

.title {
	margin-top: 1.5em;
	color: #E5E5E5;
	background: inherit;	
	letter-spacing: .13em;
	font-size: 130%;
	padding-left:.2em;
}

.post {
	margin:1em;
	line-height:1.25em;
	padding-bottom:1em;
}

.post-footer {
	padding-left:.2em;
	margin:-1em 0;
	color: #7E7E7E;
	background: inherit;
	font-size: 75%;
}

.post-footer a:link {
	text-decoration:none;
	color:#6E6E6E;
	background: inherit;	
}
.post-footer a:visited {
	text-decoration:none;
	color:#6E6E6E;
	background: inherit;	
}
.post-footer a:hover {
	color:#FFFFFF;
	background: inherit;	
}

.post-border{
	padding-left:.2em;
	line-height:2em;
	margin: 2em 0 1em 0;
	border-bottom:1px dotted #626262;
}

img.blog-mini {
	background:no-repeat 8px 50%;
	border-width:2px;
	border-color:black;
	white-space:nowrap;
}

.comments{
	font-family: Verdana, Geneva, sans-serif;
	line-height: 150%;
	margin:-1em 0;
	color: #D6F8D3;
	background: inherit;
	font-size: 90%;
}

.letter-box1{
	background: #80744C;
	color: inherit;
	border: 1px dashed #ccc;
	margin: 0 25px 0 25px;
}

.letter-box2{
	margin: 0 9px 0 9px;
}

.comments p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
}

.comments a:link {
	Text-decoration:underline;
	color:#CCCCff;
	background: inherit;	
}

.comments a:visited {
	text-decoration:none;
	color:#9999FF;
	background: inherit;	
}

 .comments a:hover {
	color:#FFFFFF;
	background: inherit;	
}

.comments-box1{
	color: inherit;
	background: #666;
	border: 1px solid #CCC;
	margin: 0 50px 0 50px;
}

.comments-box2{
	margin: 0 8px 0 8px;
}

/*   Search Page display 
____________________________*/

.search-title {
	margin-top: 1.2em;
	color: #E5E5E5;
	background: inherit;	
	letter-spacing: .13em;
	font-size: 120%;
	padding-left:.2em;
}

.search-box1{
	color: inherit;
	background: #E5E5E5;
	border: 2px solid #CCC;
	margin: 0 50px 0 50px;
}

.search-box2{
	background: #222222;
	padding: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 107%;
	line-height: 120%;
	color: #D6F8D3;

	
	
}




/*   The TIKI BAR 
__________________*/

/* Curved cutout Borders*/
.curved {
	color: white;
	background: transparent;	
	width:95%; 
	margin:2px auto;
}
.curved h1 {
	font-size:.9em;
	letter-spacing:.1px;
	margin:0 5px;
	padding-bottom:0.2em;
	color:#F1E195;
	background: inherit;
}
.curved h2 {
	font-size:.8em;
	line-height:1em;
	letter-spacing:.9px;
	margin:0 5px;
	padding-bottom:5px
}
.curved h3 {
	font-size:.8em;
	line-height:1.1em;
	letter-spacing:.9px;
	margin:0 5px;
	font-weight: 500;
}
.curved h4 {
	margin: 0 15px 0 15px;
}

.curved a:link {         /* for unvisited links */
	color: #DDDDDD;
	background: inherit;	
	text-decoration:none;
}
.curved a:visited {      /* for already visited links */
	color: #DDDDDD;
	background: inherit;
	text-decoration:none;
}
.curved a:hover {      /* when mouse is over link */
	color: #9EFEAD;
	background: inherit;
	text-decoration:none;
}
.curved a:active {      /* when link is clicked */
	color: #DDDDDD;
	background: inherit;
	text-decoration:none;
}

.curved .top, .curved .bottom {display:block; background:transparent;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#47674C; color: white; border-left:1px solid #BBB; border-right:1px solid #BBB;}
.curved .b1 {margin:0 4px; background:#BBB; color: white;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}
.curved .boxcontent {
	display:block;
	padding-top:3px;
	color: white;	
	background:#47674C;
	border-right:1px solid #BBB;
	border-left:1px solid #BBB;
}


/* Weather POPUP SCREEN
_________________ */

a.screen{
	position:relative;
	border:0px;
	z-index:1;
}
a.screen b {
	position:absolute;
	visibility:hidden; /* hide the image */
	width:180px; /* give it a width */
	height:0; /* no height to solve an Opera bug that 
             		makes it selectable when hidden */
	border:3px solid #CCC; /* add a border */
	left:208px; /* position:the image */
	top:30px;
	background-color: #505AC8;
	color: white;
	letter-spacing:1px;
}
a.screen:hover {
	border:0; /* needed for this to work in IE */ 
	z-index:1000;
}
a.screen:hover b {
	visibility:visible; /* make the image visible */
	padding-top: 4px;
	padding-left: 5px;
	height:140px; /* now give it a height */
	cursor:pointer; /* for IE */
	z-index:500; 
}
a.screen:hover b img {
	border:0; /* remove the link border */
}


/*  EXAMPLES & DEFINITIONS  */
/* ----------------------------------------- */
/* margin: 0px 0px 0px 0px; (top, right, bottom, left) */