/* ---- MAINBODY ---- */

    html,body { 
	height:100%;
	overflow-x:hidden;
	overflow-y: auto;
	}
body{
background-color:#C0D7E2;
/*background-image: url(images/diymainbg.png);*/
background-repeat: no-repeat;
background-position:center 0px;
margin:0;
font-family: verdana, helvetica, arial, serif;

}

a, a:link, a:focus, a:active {
	outline: none;
}
.alignleft { float:left; }
.wp-caption-text { color:#003366; text-shadow:none; text-align:center; } 

.Swanky and Moo Moo FOR 2011 Menu {
  font-family: 'Swanky and Moo Moo', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}




.homeButton11 a {
display:inline-block;
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fac800), color-stop(1, #ff8214) );
	background:-moz-linear-gradient( center top, #fac800 5%, #ff8214 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac800', endColorstr='#ff8214');
	background-color:#fac800;
	-moz-border-radius:27px;
	-webkit-border-radius:27px;
	border-radius:27px;
	border:1px solid #dcdcdc;
		color:#f0faf2;
	font-family:arial;
	font-size:27px;
	font-weight:bold;
	padding:22px 76px;
	text-decoration:none;
}

.homeButton11 a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8214), color-stop(1, #fac800) );
	background:-moz-linear-gradient( center top, #ff8214 5%, #fac800 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8214', endColorstr='#fac800');
	background-color:#ff8214;
}
.homeButton11 a:active {
	position:relative;
	top:1px;
}






#header {
	display:block;
	height:167px;
	width:880px;
	text-align:center;
	background-image: url(images/DIY-LogoHeader.png);
	background-repeat: no-repeat;
	background-position:left 0px;
	
}

#wrap{
   	/*margin:0 auto;
   	width:880px;
	padding:10px 0 10px 0;
	padding:13px;
	margin-top:10px;
	margin-bottom:20px;*/
}

#Sky {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(images/sky_layer.png);
	position: absolute;
	z-index: -5000;
	height: 500px;
	width: 2400px;
	margin: 0 0 0 0;
	overflow:hidden;
	float:left;
	}

#BGSlider {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(images/cityscape_layer.png);
	position: absolute;
	z-index: -2000;
	height: 1400px;
	width: 10000px;
	margin: 240px 0 0 -1000px;
	overflow:visible;
	float:inherit;
}

#Knoll {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/knoll_layer.png);
	position: absolute;
	z-index: -1000;
	height: 900px;
	width: 2400px;
	margin: 540px 0 0 0;
	overflow:hidden;
	float:left;
	}
	


#Sky .night{
	background-image: url(images/sky_layer.png);
	}

#BGSlider .night {
	background-image: url(images/cityscape_layer.png);
}

#Knoll .night{
	background-image: url(images/knoll_layer.png);	
	}

#Page {
	display:block;
	position:relative;
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 920px;
	height:101%;
	min-height:100%;
	z-index: 0;
	overflow:visible;
	
}

#ContentPanel {
	display:block;
	position:fixed;
	top: 0;
	margin: 0 auto 0 auto;
	background-color: #fff;
	-moz-opacity:.70; -ms-filter:�alpha(opacity=70)�; filter:alpha(opacity=70); opacity:.70;
	padding: 0px;
	width: 920px;
	min-height: 100%;
	z-index: 1000;
}

#ContentWrap {
	background: none;
	position:absolute;
	padding: 0px;
	opacity: 1.0;
	width: 880px;
	margin: 0 0 0 20px;
	z-index: 2000;
	min-height: 100%;
	color:#000;
	overflow:visible;
}

/* ---- COMMON --- */

.inside{
   	margin:0 auto;
	/*width:95%;*/
	padding-left:0px;
	padding-bottom:0px;
    }
.inside a, .inside a:visited{
   	color:#000000;
    }

img { border: 0px; }


/* ---- 2009 HEADER & NAV ---- */

#diy_nav09_wrapper{
	height:31px;
	width:100%;
	background-color:#033253;
	text-align:center;
	color:#FFFFFF;
	}

#diy_nav09_container{
	height:31px;
	width:840px;
	background-color:#033253;
	text-align:center;
	min-width:840px;
	display: block; 
	margin:auto;
	clear: both; 
	}
	
#diy_nav09{
	height:31px;
	width:840px;
	background-color:#003366;
	text-align:center;
	margin: auto;
	padding:0;
	background:url(images/nav/09_nav.gif) no-repeat;
	background-position:0px 0px;
	}
	
#diy_nav09 span{
display: none;
}

#diy_nav09 li, #diy_nav09 a{
	height:31px;
	display:block;
}

#diy_nav09 li {
float:left;
list-style:none;
display:inline;
}

#nav09_about a{width:74px;}
#nav09_mainstage a{width:125px;}
#nav09_kidszone a{width:110px;}
#nav09_marketplace a{width:126px;}
#nav09_beergarden a{width:125px;}
#nav09_restaurantrow a{width:169px;}
#nav09_contactus a{width:111px;}

#nav09_about a:hover {background:url(images/nav/09_nav.gif) 0px -5px no-repeat; }
#nav09_mainstage a:hover {background:url(images/nav/09_nav.gif) -74px -5px no-repeat; }
#nav09_kidszone a:hover {background:url(images/nav/09_nav.gif) -199px -5px no-repeat; }
#nav09_marketplace a:hover {background:url(images/nav/09_nav.gif) -309px -5px no-repeat; }
#nav09_beergarden a:hover {background:url(images/nav/09_nav.gif) -435px -5px no-repeat; }
#nav09_restaurantrow a:hover {background:url(images/nav/09_nav.gif) -560px -5px no-repeat; }
#nav09_contactus a:hover {background:url(images/nav/09_nav.gif) -729px -5px no-repeat; }



/* ---- 2010 HEADER & NAV ---- */

#diy_nav10_wrapper{
	height:31px;
	width:100%;
	background-color:#033253;
	text-align:center;
	color:#FFFFFF;
	margin:auto;
	}

#diy_nav10_container{
	height:31px;
	background-color:#033253;
	text-align:center;
	min-width:840px;
	display: block; 
	margin:auto;
	clear: both; 
	}
	
#diy_nav10{
	height:31px;
	background-color:#033253;
	text-align:center;
	margin:0 auto;
	padding:0;
	}

#diy_nav10 li {
float:left;
list-style:none;
display:inline;
}

#diy_nav10 li a, #diy_nav10 li a:visited{
	
	display:block;
	height:31px;
	margin:auto;
	padding: 0 .6em 0 .6em;
	text-align:center;
	vertical-align:middle;
	line-height:31px;
	text-decoration:none;
	font-family: "Cantarell", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
}
#diy_nav10 li a:hover{
background-color:#5280E2;
color:#CBC7F7;
}


/* End 2010 Nav */





#header .homelink{
	display:block;
	float:none;
	height:167px;
	width:400px;
	z-index:auto;
	position:absolute;
}

#header .headera a{
	color:#f59422;
	font-size:30px;
	margin:auto;
	text-align:left;
	text-transform: uppercase;
	font-variant: small-caps;
	text-decoration:none;
}

#header .headera a:active{ outline:none; }
#header .headera a:focus
{
  -moz-outline-style: none;
}

#header a:focus
{
  -moz-outline-style: none;
}

.description {
	display:inline;
	margin:auto;
	text-align:left;
	font-size:15px;
	color:#000;
	text-transform: uppercase;
	font-variant: small-caps;
}

#header ul.pagelinks {
	list-style-type: none;
	/*display:inline;
	font-size: 0.80em;
	margin-left: -15px;*/
	float:left;
	font-size:16px;
	}

#header ul.pagelinks li{
	float: left;
	background-color:#ffffff;
	list-style-type: none;
	margin-right:10px;
	padding:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}

/* ---- NAV-AREA & SEARCH ---- */

#nav{
   	margin:0 auto;
   	width:880px;
	color:#444444;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}
#nav p{
	font-size:13px;
}

#searchform, #searchform p {
	font-size: 12px;
	text-align: right;
	margin: 0px;

	}

#searchform input {
	width: 80px;
	font-size: 11px;
	background: #e1e1e1;
	color: #000;
	margin: 0px;
	border: 1px solid #b8b8b8;
	}


H1 {
  font-family: 'Slackey', serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
  color: #FF3102;
}

H1 a, H1 a:link, H1 a:visited { text-decoration: none; color: #FF3102; }
H1 a:hover { color: #FFFF00; }


H3 {
  font-family: 'Patrick Hand', helvetica, arial, serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
  color: #003366;
}
	
	
	



/* ---- ENTRIES ---- */

#entrybox{
   	margin:0 auto;
   	width:860px;
	float:left;
}
.entry{
	color:#000;
font-family: 'Droid Sans', helvetica, arial, serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 2px 2px 2px #E1F0FF;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.4em;


    }



.entry ul {
	list-style-type: none;
	color:#003366;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    }

.entry li{
	list-style-type: none;
	font-size:14px;
	font-style:normal;
	/*font-weight: bold;*/
	color:#003366;
	background: url(/sublink_bullet.png) left no-repeat;
	background-position: 5px 0;
	margin: .2em 0 0 0;
	padding: 0 0 0 0;
	text-indent: 24px;
	text-decoration: none;
    }

.entry li a {
	text-decoration: none;
    }



.clean ul {
	}

.clean li{
	}

#posttitle{
	color:#FF3103;
	font-size:14px;
	padding-bottom:5px;
	padding-top:5px;
	
    }
#posttitle a:visited{
	color:#74C044;
	font-size:14px;
	text-decoration:none;
	
    }
#posttitle a{
	color:#74C044;
	font-size:14px;
	text-decoration:none;
    }
#posttitle a:active{ outline:none; }
#posttitle a:focus
{
  -moz-outline-style: none;
}

#postmetadata p{
	font-size:0.60em;
	color:#666666;
	line-height:2em;
	border-top:1px dashed #888686;
	margin:0px;
	font-family: sans-serif;
    }
#postmetadata a{
	color:#888686;
	text-decoration:none;
	font-weight:bold;
    }
#postmetadata a:visited{
	color:#888686;
	text-decoration:none;
	font-weight:bold;
    }
.navigation a{
	color:#000;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}
.navigation p{
	color:#000;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}
.navigation a:visited{
	color:#000;
	font-size:0.80em;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}
update{
	color:#666666;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
	border-bottom:1px dashed #55a5bf;
}
step{
	color:#666666;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
	border-bottom:1px dashed #55a5bf;
}
blockquote {
	margin:0 auto;
	padding: 5px;
	background: #ebebeb;
	border:1px solid #dbdbdb;
	border-left:3px solid #dbdbdb;
	border-right:3px solid #dbdbdb;
	font-size:0.95em;
	margin:1em 1px 1em 25px;
	overflow:hidden;
	padding:5px;
}
code{
	font-size: 1em;
	margin: 3em 0;
	padding: 0 1.2em 0 1.2em;
	border-left:2px solid #777e6f;
	border-bottom:1px dashed #777e6f;
}
h2.pagetitle{
	color:#ff3103;
	font-family: 'Slackey', serif;
}

/* ---- ARCHIVES ---- */

.archdate{
	color:#000;
	font-size:10px;
}
.archtitle{
	color:#000;
}

/* ---- COMMENTSBOX ---- */
#commentsbox{
   	width:600px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	}
#comment{
	float:left;
   	width:600px;
	color:#000;
	margin-left:-20px;
	}
#comment .commentinside{
	padding:5px;
	margin-left:-20px;
	}
	
.alt li{
	list-style-type:none;
	margin-left:0px;
	}
	
#comment p{
	color:#000;
	line-height:1em;
	}

	
#commentfrom {
	background-color: none;
	}

#commenthead{
	color:#003366;
	}

#replybox{
	clear:both;
	margin-bottom:10px;
	color:#000;
	}
/*#reply{
	line-height:3em;
	}*/
.commentdivider {
	height:1px;
    width:100%;
    background:#66CC00;
	color:#66CC00;
    margin: 0px 0px 0px 0px;  

}
.commentinside cite{
	list-style-type:none;
	font-weight:bold;
	color:#6692ae;
	}
.commentinside cite a{
	list-style-type:none;
	font-weight:bold;
	color:#6692ae;
	}
.commentinside{
	list-style-type:none;
	margin-left:-20px;
	}
.commentinside p{
	font-size:0.80em;
	}

.commentmetadata a{
	font-weight:bold;
	font-size:0.60em;
	color:#000000;
	}
.commentlist ol{
margin-left:-20px;
}
/* ---- SIDEBAR ---- */

#sidebar{
   	margin:0 auto;
   	width:700px;
	background:#96CEF3;
	float:center;
	color:#96CEF3;
	margin-top:70px;
	margin-bottom:10px;
   	clear:both;
}

b.rtop9, b.rbottom9{display:block; background: #96CEF3}
b.rtop9 b, b.rbottom9 b{display:block; height: 1px; overflow: hidden; background: #96CEF3}
b.r19{margin: 0 5px}
b.r29{margin: 0 3px}
b.r39{margin: 0 2px}
b.rtop9 b.r49, b.rbottom9 b.r49{margin: 0 1px;height: 2px}

.inside .block{
	width:85%;
}

.sidetitle{ 
	color:#74C044;
	font-weight:bold;
	line-height:1em;
	text-transform: uppercase;
	font-variant: small-caps;
}

ul.dates, ul.counts, ul.blogroll ul, ul.pages{
	list-style-type:none;
	margin:1.5em 0 2em 0;
	border-top:0px dashed #aaaaaa;
	font-size:0.80em;
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px dashed #aaaaaa;
}
ul.dates .date{
	color:#0099ff;
	padding:0 1.5em 0 0;
}

ul.counts .count{
	float:right;
	color:#0099ff;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
	color:#0099ff;
	text-decoration:none;
	text-transform: uppercase;
	font-variant: small-caps;

}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
	color:#0099ff;
	text-transform: uppercase;
	font-variant: small-caps;

}

/* ---- FOOTER ---- */


b.rtop3, b.rbottom3{display:block; background: #2b2f36}
b.rtop3 b, b.rbottom3 b{display:block; height: 1px; overflow: hidden; background: #1D2128}
b.r13{margin: 0 5px}
b.r23{margin: 0 3px}
b.r33{margin: 0 2px}
b.rtop3 b.r43, b.rbottom3 b.r43{margin: 0 1px;height: 2px}

#footer{
   	margin:20px auto;
   	width:100%;
   	/*background:#1D2128;*/
   	clear:both;
	/*float:center;*/
	font-size:0.70em;
	color:#333;
    }

.insidefooter{
   	margin:0 auto;
	font-size:0.70em;
    }

#footer a{
	text-decoration:none;
	font-weight: bold;
	color:#000;
}
#footer a:hover{
	color:#000;
}
a.sidebarlink{
	color:#74C044;
	text-decoration:none;
	font-size:24px;
}

.lcp_catlist {
font-size:.9em;
	font-style:normal;
	color:#003366;
	background: url(/sublink_bullet.png) top left no-repeat;
	background-position: 5px 0;
	margin: 1em 0 0 0;
	padding: 0 0 0 26px;
	text-decoration: none;
	
}

.lcp_catlist .headline {
	font-size:1em;
	font-weight: bold;
	color:#fff;
}
.lcp_catlist .headline a, #lcp_catlist .headline a:visited, #lcp_catlist .headline a:active{
		color:#fff;
		text-decoration: none;
}
.lcp_catlist .headline a:hover {
	color: #FF3103;
	text-decoration: none;
}