/* standard layout */
body                    { margin: 0; padding: 0; text-align: center; height: 100%}
#container              { width: 1000px; margin: 0px auto; text-align: left; position: relative; height: auto; min-height: 100%; }
.nav                    { clear: both; margin: 0px; }
.nav li                 { float: left; list-style-type: none; }
.nav li a               { display:block; }
#mainNav                { position:relative; bottom: -43px; margin-left: 40px; }
#mainNav a				{ font-size: 3.6em; color: #fff; text-decoration: none; text-align:center; margin-top: 16px; padding: 0px 35px;   }
.content                { margin:0px 18px; border: 4px solid #5AC100; border-top: 0px; clear:both; padding: 0px 22px 18px; background: #4A9E00; color: #fff; position:relative; top: -19px;}
#foot                   { clear: both; overflow:hidden; }
#sideBar				{ width: 252px; float:right; margin-left: 10px; }
#leftCol				{ width: 640px; text-align:justify; }

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


#contactForm input, #contactForm textarea { font-family: arial; font-size: 0.9em; }
#contactTab { position: fixed; right: 0px; top: 40%; }

/* Form styling */
form label                          { width:260px; display:block; float:left; /* font-size: 116%; */ }
form ul                             { margin:0; }
form li                             { padding: 0.2em 0em; list-style-type: none; }
input[type=text], input[type=password], select, textarea, input[type=checkbox]
                                    { padding: 0.3em !important; border: 1px solid #cfcfcf; width: 340px;}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus, input[type=checkbox]:focus 
                                    { border: 1px solid #04a5e3; background: #FFFCDF;}
.formErrors							{ background: #f33; list-style: none; color: #fff; padding: 10px; margin: 10px 0 10px !important; border: 1px solid #000;}
.formErrors li						{ background: url(/images/icons/alert.png) no-repeat center left; padding: 0 0 0 20px; list-style: none; }
.formSuccesses						{ background: #6ab250; list-style: none; color: #fff; padding: 10px; margin: 10px 0 10px !important; border: 1px solid #000;}
.formSuccesses li					{ background: url(/images/icons/tick.png) no-repeat center left; padding: 0 0 0 20px; list-style: none; }

/* useful classes and notification styles */
.clear { clear:both; } .left { float:left; } .right { float:right; } .center { display:block; margin: 0 auto; } .half { width: 50%; }
.notice     { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFCC url(/images/icons/notice-load.gif) no-repeat scroll 10px 4px; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; margin:4px 0 10px; padding:4px 4px 4px 30px; }
.error      { margin: 4px 0; padding: 4px 4px 4px 30px; background: url(/sfPropelPlugin/images/error.png) no-repeat 10px 4px; border: 3px solid #fff; background-color: #f33; color: #fff; }
.notice li	{ list-style: none; }

/* DEFAULT OUTLINE STYLES */
.content h1				{ font-size: 4.5em; margin-top: 19px;}
.content p				{ font-family: Arial; font-size: 1.4em; }
.content li p 			{ font-size: inherit; }

#head, #foot            { height: 150px; position:relative; }
.nav li                 {  }
html					{ background: url(/images/groots/siteback.gif) repeat-y 50% 0%; height: 100%; }
#head					{ background: url(/images/groots/header.jpg) no-repeat; width: 1000px; height: 462px; }
#foot					{ width: 970px; background: url(/images/groots/footerslice.gif) repeat-x; height: 168px; margin: -168px auto 0px; clear:both; }
#siteBase				{ height: 9px; width: 964px; margin-bottom: 178px; }

#buyTickets				{ background: url(/images/groots/buysticker.png) no-repeat; width: 165px; height: 165px; display:block; float: right; text-indent: -999em; outline:none; margin: 32px 42px 0px 0px; }
#buyTickets:hover		{ background: url(/images/groots/buystickerover.png) no-repeat; }

#mainNav li				{ background: url(/images/groots/mainnavback.gif) repeat-x; height: 80px; cursor: pointer; }
#mainNav li:hover, #mainNav li.on { background: url(/images/groots/mainnavover.gif) repeat-x;  }


#foot					{ padding-left:30px;  }
.footNav				{ float:left; text-align: left; width: 180px; display:block; margin: 30px 0px;  }
.footNav li				{ float:none; padding: 5px 10px; font-size:1.1em; }
.footNav li a			{ color: #fff; }

a						{ color: #fff !important; }
a:hover 			 	{ text-decoration: none; }
.content li				{ font-family:Arial; font-size:1.4em;}
.content ul 			{ margin-left: 0px !important; }

a.imgTxt				{ outline:none; text-indent:-9999em; }
#freethinkingdesign		{ background: url(/images/groots/footerbutton_ft.gif) no-repeat; width: 396px; height: 47px; float: right; display:block; margin-right: 20px;  }
#footBuy				{ background: url(/images/groots/footerbutton_buy.gif) no-repeat; width:396px; height: 84px; float:right; display:block; margin: 20px 20px 10px 0px; }
#footBuy:hover			{ background: url(/images/groots/footerbutton_buyover.gif) no-repeat; }

#home					{ width: 310px; height:300px; left:350px; display:block; position:relative; cursor:pointer;}
#sideBar				{ position: relative; text-align: center; top:-90px; }
#sideBar .blue			{ background: url(/images/groots/blueBottom.gif) no-repeat bottom #19d7cd; padding: 18px 0px; margin-bottom: 18px; }
#sideBar h3				{ font-size: 3em; color: #fff; margin: 0px; font-weight: normal;}

.latestPost				{ background: #42860b; padding: 4px 14px 14px ; width:612px; }
#tweets					{ left:28px; padding:4px 14px; position:absolute; top:121px; width:178px; height:116px; }
#tweets li 				{ font-size:1.2em; line-height:1.3em; margin-bottom:15px; text-align:left; }
#followLink				{ color:#4AD6E3 !important; font-weight:bold; left:109px; position:absolute; top:238px; }
.newsList li { clear: left !important; }
ul li { list-style-type: none; }

#sideBar .box { height: auto; width:250px; margin: 0px auto 8px;/* padding: 0px 14px;*/ clear:both}
#sideBar .box a, #sideBar .box p {  color:#fff; font-size: 1em; text-align:left; line-height: 1.5em ;}
#sideBar .box p { margin-bottom: 0.8em !important; }
sideBar:first-child .box { margin-top: 18px; }
muddyField { background: url(/images/groots/muddyField.jpg) no-repeat; }
elecPasture { background: url(/images/groots/electronicPasture.jpg) no-repeat; }
valleyAntics { background: url(/images/groots/valleyOfTheAntics.jpg) no-repeat; padding-left:14px !important; width: 218px !important; }
dreamersCommon { background: url(/images/groots/dreamerscommon.jpg) no-repeat; padding: 0px 14px !important; width: 218px !important; }
dreamersCommon a { color: #006b7b !important; font-weight: bold; }
#sideBar .box a:first-child { position:relative;  top: 18px; }
.sbLink img { margin-bottom: 18px; }
.newsList {margin-left: 0px !important; }
#homeTab { background: url(/images/groots/homeTab.png) no-repeat; width:147px; height:29px; outline:none; text-indent:-9999em; display:block; float:left; position:relative; left:40px; top:18px; }
#flickrTab { background: url(/images/groots/flickrTab.png) no-repeat; width:252px; height:29px; outline:none; text-indent:-9999em; display:block; float:right; position:relative; right: 42px; top:18px; }

.ticketSellers { text-indent: -9999em; outline:none; background: url(/images/groots/ticketSellers.gif) no-repeat; width: 640px; height: 66px; cursor: pointer; display:block;}
.ticketSellers:hover { background:url(/images/groots/ticketSellersOn.gif) no-repeat; }