
/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-r.css');


body {
	background: url(images/concreteBG.jpg) #666666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    padding: 0;
    text-align: center; /*for IE*/
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

a:link 		{ color: #684a92; }
a:hover 	{ color: #000000; }

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 940px;
	text-align: left;
	z-index:1;
}

#yellowBar { background: url(images/yellowBar.gif) no-repeat; height: 18px; }

#header {
	background: url(images/headerBG.gif) no-repeat;
	height: 181px;
}

#mainArea {
	background: url(images/containerBG.gif) repeat-y;
	margin: 0;
	padding-left: 56px;
	padding-right: 58px;
}

#feature {
	background-color: #333333;
	width: 555px;
	height: 300px;
	overflow: hidden;
	margin-bottom: 20px;
}

#splash { width: 100%; height: 100%; }

#footer {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

#footerArea {
	font-size: 11px;
	background: url(images/footer.gif) no-repeat;
	height: 60px;
	width: 900px;
	padding-left: 40px;
	padding-top: 5px
	margin-left: 137px;
}

.one li a 			{ color: #ffffff; text-decoration: none; }
.one li a:hover		{ color: #8de0ff; }

.two li a 			{ color: #ffffff; text-decoration: none; }
.two li a:hover		{ color: #ff955b; }

.three li a 		{ color: #ffffff; text-decoration: none; }
.three li a:hover	{ color: #ffe430; }

.four li a 			{ color: #ffffff; text-decoration: none; }
.four li a:hover	{ color: #abffa2; }

#copyright { color: #8d8d8d; float: left; clear: both; margin-top: 25px; width: 500px;}
#copyright a { color: #ffffff; text-decoration: none; }
#copyright a:hover { color: #8de0ff; }

#primary {
	background-image: url(images/concreteBG.jpg);
	padding: 15px 15px 15px 15px;
	color: #ffffff;
	font-size: 11px;
	line-height: 16px;
}

#primary a 			{ color: #ffffff; text-decoration: none;  }
#primary a:hover	{ color: #ffe430; text-decoration: none; }
#primary img		{ border: 0px; }

#primary ul { margin: 0px 0px 0px 0px; }
#primary li { list-style-type: none; }


h1						{ color: #694991; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; padding-top: 0px;}
h2 						{ color: #f06918; font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin-top: 8px; margin-bottom: 0px; padding: 0px; outline: none;}
h3 						{ color: #fcdc01; font-size: 12px; }

h1.entry-title			{ margin-left: 8px; margin-bottom: 20px; margin-top: 8px; }

/* post styling */

.hentry				{ background: url(images/postBG.gif); border: 1px solid #e4e4e4; margin-bottom: 15px; border-top: 2px solid #cccccc; }

abbr.published 				{ color: #c0c0c0; font-size: 11px; border: none; margin: auto 8px auto 8px; padding-top: 0px; }
.entry-title a				{ font-family: Arial, Helvetica, sans-serif; color: #f06918; text-decoration: none; margin: 8px 8px 8px 8px; }
.entry-title a:hover		{ color: #8de0ff; text-decoration: none;}
.entry-content				{ color: #333333; font-size: 12px; margin: auto 8px auto 8px; }
.entry-content a			{ color: #694991; text-decoration: underline; }
.entry-content a:hover		{ color: #000000; }
.entry-meta					{ color: #ffffff; font-size: 11px; padding: 4px 0px 4px 8px; background:url(images/concreteBG.jpg) no-repeat;}
.entry-meta a				{ color: #fcdc01; text-decoration: none;}
.entry-meta a:hover			{ color: #694991; }

h1.entry-title				{ font-size: 30px; text-transform: uppercase; color: #694991; }

#homeButton			{ position: absolute; top: 18px; left: 75px; width: 270px; height: 87px; text-indent: -999999px; background: url(images/logo.gif) no-repeat; }
#homeButton	a		{ display: block; outline: none; height: 100%;}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Search Form */
#searchform					{ margin: 5px 0px; padding-bottom: 15px; }
#searchform input#s			{ padding: 5px 0px 0px 3px; float: left; color: #fff; background: #694991 url(images/searchBG.gif) no-repeat; width: 145px; height:21px; border:none; margin: 0; padding: 0;}
#searchform input.button	{ float: left; background: #694991 url(images/searchButtonBG.gif) no-repeat; width: 21px; height: 21px; border:none; text-indent: -9999px; margin: 0; padding: 0; cursor: pointer; outline: none; }

/* INDEX WIDGET */
#widgetModule { width: 100%; margin: 0px 0px 15px 0px; padding:0; }
#widgetModule li { list-style-type: none; margin: 0; padding:0; }


/* Main Menu */

#mainMenu	{ position: absolute; top: 134px; left: 236px; z-index: 300; margin: 0; padding: 0; }

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	color:#ffffff;
	font-size: 12px;
}
ul#menu li {
	float: left;
	display: inline;
	height: 30px;
	margin: 0;

}
ul#menu li a {
	display: block;
	height: 30px;
	text-indent: -999999em;
	outline: none;
}


#planVisit a, #parkFeatures a, #whatsNew a, #media a, #shop a { background: url(images/mainmenu.gif) no-repeat; }

#planVisit a							{ width: 103px; left:0; background-position: 0 0; }
#planVisit a:hover						{ background-position: 0 -47px; }
body.parent-pageid-2 #planVisit	a		{ background-position: 0 -94px; }

#parkFeatures a							{ width: 136px; left:103; background-position: -103px 0;}
#parkFeatures a:hover					{ background-position: -103px -47px;}
body.parent-pageid-33 #parkFeatures	a	{ background-position: -103px -94px; }	

#whatsNew a								{ width: 116px; left:239; background-position: -239px 0;}
#whatsNew a:hover						{ background-position: -239px -47px;}
body.parent-pageid-22 #whatsNew	a		{ background-position: -239px -94px; }

#media a								{ width: 71px; left:355; background-position: -355px 0; }
#media a:hover							{ background-position: -355px -47px;}
body.parent-pageid-43 #media a			{ background-position: -355px -94px; }

#shop a									{ width: 46px; left:426; background-position: -426px 0; }
#shop a:hover							{ background-position: -426px -47px;}
body.pageid-369 #shop a			{ background-position: -426px -94px; }

/* Drop downs */

ul#menu li ul li a {
	background-image: none;
	text-indent: 0;
	height: auto;
	width: auto;
	background-color: #FFFFFF;
	padding: 4px 5px 4px 5px;
	list-style-type: none;
	color: #333333;
	font-size: 11px;
	text-transform: capitalize;
	text-decoration: none;
	height: 13px;
	border-bottom: #fcdc01 1px solid; 
}

#menu #planVisitMenu				{ position: absolute; left: -10px; top: 30px; z-index: 200; display: none; background: #ffffff; }
#menu #planVisitMenu ul				{ list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 215px; }
#menu #planVisitMenu li				{ list-style-type:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#menu #planVisitMenu li a			{ color: #333333; text-decoration: none; padding: 4px 10px 4px 10px; outline: none; margin: 0px 0px 0px 0px; display: block; height: 15px; }
#menu #planVisitMenu li a:hover		{ color: #ffffff; background-color: #694991; }

#menu #parkFeaturesMenu					{ position: absolute; left: 108px; top: 28px; z-index: 200; display: none; background: #ffffff; }
#menu #parkFeaturesMenu ul				{ list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 215px; }
#menu #parkFeaturesMenu li				{ list-style-type:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#menu #parkFeaturesMenu li a			{ color: #333333; text-decoration: none; padding: 4px 10px 4px 10px; outline: none; margin: 0px 0px 0px 0px; display: block; height: 15px; }
#menu #parkFeaturesMenu li a:hover		{ color: #ffffff; background-color: #694991; }

#menu #whatsNewMenu					{ position: absolute; left: 244px; top: 28px; z-index: 200; display: none; background: #ffffff; }
#menu #whatsNewMenu ul				{ list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 215px; }
#menu #whatsNewMenu li				{ list-style-type:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#menu #whatsNewMenu li a			{ color: #333333; text-decoration: none; padding: 4px 10px 4px 10px; outline: none; margin: 0px 0px 0px 0px; display: block; height: 15px; }
#menu #whatsNewMenu li a:hover		{ color: #ffffff; background-color: #694991; }

#menu #mediaMenu				{ position: absolute; left: 359px; top: 28px; z-index: 200; display: none; background: #ffffff; }
#menu #mediaMenu ul				{ list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 215px; }
#menu #mediaMenu li				{ list-style-type:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#menu #mediaMenu li a			{ color: #333333; text-decoration: none; padding: 4px 10px 4px 10px; outline: none; margin: 0px 0px 0px 0px; display: block; height: 15px; }
#menu #mediaMenu li a:hover		{ color: #ffffff; background-color: #694991; }


ul#menu li ul li {
	float: none;
	height: auto;
	display: block;
	margin: 0 0 0px 0;
}

ul#menu li ul {
	display: none;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
	left: 0;
	list-style-type: none;
}

ul#menu li>ul {
	top: auto;
	left: auto;
}

ul#menu li:hover ul, ul#menu li.over ul {
	display: block;
	left: auto;
}
*:first-child+html ul#menu li:hover ul,
*:first-child+html ul#menu li.over ul {
	position: static;
}







/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
