/*------------------------------------------------------------------

[Master Stylesheet]

Project:		Art in the Wilds
Version:		3.0 [2009 Show]
Created By:		Jesse Lavery, Starn Marketing Group
Last change:	10/08/09 [Added Sunshine link & sponsors]

--------------------------------------------------------------------

[Colors]

Background:		#642200 (dk brown)
Content - Feat:	#000	(black hole sun)
Content - Main:	#333 	(dk gray)
BG - Feature:	#e3dbc7	(dk tan)
BG - Content:	#f9f5ec	(light tan)
h2:				#1b3e01	(dk green)
h3:				#6f5e33	(weird greenish brown color)

-------------------------------------------------------------------*/



/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
/* background: url(../images/bg.jpg) #642200 repeat-x; */  /* Brown version */
background-color: #000;
color: #333;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: center;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p, ul li {line-height: 1.4em;}


/* Container
------------------------------*/

#container {
/* background-color: #f9f5ec; */
margin: 0px auto;
width: 760px;
}

/* Header
------------------------------*/

#header h1 {
/* background: url(../images/logo-brown.jpg) no-repeat; */  /* Brown version */
background: url(../images/logo-black.jpg) no-repeat;  /* Black version */
height: 245px;
text-indent: -9999px;
width: 760px;
}

/* Menu
------------------------------*/

#menu {
display: block;
height: 24px;
position: relative;
margin: -24px 0 0 0;
padding-top: 0px;
width: 760px;
}

#menu ul {
background: url(../images/menu.jpg) no-repeat;
height: 24px;
margin: 0px;
width: 760px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 252px; top: 0px; width: 45px; height: 24px;}
#menu #menu2, #menu #menu2 a {left: 299px; top: 0px; width: 71px; height: 24px;}
#menu #menu3, #menu #menu3 a {left: 372px; top: 0px; width: 105px; height: 24px;}
#menu #menu4, #menu #menu4 a {left: 479px; top: 0px; width: 75px; height: 24px;}
#menu #menu5, #menu #menu5 a {left: 556px; top: 0px; width: 80px; height: 24px;}
#menu #menu6, #menu #menu6 a {left: 638px; top: 0px; width: 57px; height: 24px;}
#menu #menu7, #menu #menu7 a {left: 697px; top: 0px; width: 57px; height: 24px;}

#menu #menu1 a:hover {background: transparent url(../images/menu.jpg) -252px -24px no-repeat;}
#menu #menu2 a:hover {background: transparent url(../images/menu.jpg) -299px -24px no-repeat;}
#menu #menu3 a:hover {background: transparent url(../images/menu.jpg) -372px -24px no-repeat;}
#menu #menu4 a:hover {background: transparent url(../images/menu.jpg) -479px -24px no-repeat;}
#menu #menu5 a:hover {background: transparent url(../images/menu.jpg) -556px -24px no-repeat;}
#menu #menu6 a:hover {background: transparent url(../images/menu.jpg) -638px -24px no-repeat;}
#menu #menu7 a:hover {background: transparent url(../images/menu.jpg) -697px -24px no-repeat;}

body#home #menu #menu1 a {background: transparent url(../images/menu.jpg) -252px -24px no-repeat;}
body#about #menu #menu2 a {background: transparent url(../images/menu.jpg) -299px -24px no-repeat;}
body#show #menu #menu3 a {background: transparent url(../images/menu.jpg) -372px -24px no-repeat;}
body#art #menu #menu4 a {background: transparent url(../images/menu.jpg) -479px -24px no-repeat;}
body#info #menu #menu5 a {background: transparent url(../images/menu.jpg) -556px -24px no-repeat;}
body#photos #menu #menu6 a {background: transparent url(../images/menu.jpg) -638px -24px no-repeat;}
body#contact #menu #menu7 a {background: transparent url(../images/menu.jpg) -697px -24px no-repeat;}

/* Feature
------------------------------*/

#feature {
background-color: #e3dbc7;
height: 186px;
}

/* Feature - Sidebar
------------------------------*/

#feature #sidebar-feature {
float: left;
width: 235px;
}

#feature #sidebar-feature img {
margin: 20px 0 0 20px;
}

/* Feature - Content
------------------------------*/

#feature #content-feature {
float: left;
padding: 20px 0 0 20px;
width: 465px;
}

#feature #content-feature h2 {
color: #1b3e01;
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
}

#feature #content-feature p {
color: #000;
margin-top: 10px;
}

#feature #content-feature p strong {
font-weight: bold;
}

#feature #content-feature p em {
font-style: italic;
}

#feature #content-feature p a {
color: #333;
text-decoration: underline;
}

#feature #content-feature p a:hover {
color: #642200;
text-decoration: none;
}

#feature #content-feature ul {
color: #1b3e01;
margin: 5px 0 0 24px;
}

#feature #content-feature ul li {
list-style-type: square;
list-style-position: outside;
}

#feature #content-feature .list50 {
float: left;
width: 230px;
}

#feature #content-feature ul li a {
color: #1b3e01;
text-decoration: underline;
}

#feature #content-feature ul li a:hover {
color: #642200;
text-decoration: none;
}

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

#content { /* Necessary to make the bg img stick to the bottom */
background: url(../images/bg-main.jpg) #f9f5ec 0px bottom no-repeat;
display: table;
}

#main {
/* background: url(../images/bg-main.jpg) #f9f5ec 0px bottom no-repeat; */
clear: both;
min-height: 410px;  /* See IE6 hack in ie6.css */
width: 760px;
}

#main h3 {
color: #6f5e33;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}

#main h4 {
color: #333;
font-size: 12px;
font-weight: bold;
}

#main p {
font-size: 11px;
}

/* Main - Sidebar
------------------------------*/

#main #sidebar-main {
float: left;
padding: 20px 20px 0 20px;
width: 195px;
}

#main #sidebar-main #email-box {
border: 2px solid #e3dbc7;
margin: 0 0 15px 0;
}

#main #sidebar-main p#emaillink {
background: url(../images/email.gif) 0 2px no-repeat;
*background: url(../images/email.gif) 0 0px no-repeat;
margin: 15px 0 15px 15px;
}

#main #sidebar-main p#emaillink a {
color: #6f5e33;
font-weight: bold;
margin-left: 20px;
text-decoration: none;
}

#main #sidebar-main p#emaillink a:hover {
color: #333;
text-decoration: underline;
}

/*
#main #sidebar-main #volunteer-box {
border: 2px solid #e3dbc7;
padding: 20px;
}

#main #sidebar-main #volunteer-box p#volunteerlink a {
background: url(../images/volunteerlink.jpg) no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
margin-top: 15px;
width: 155px;
}

#main #sidebar-main #volunteer-box p#volunteerlink a:hover {
background: url(../images/volunteerlink.jpg) 0 -30px no-repeat;
}
*/

#main #sidebar-main #news-box {
margin: 30px 0;
}

#main #sidebar-main h2 {
border-bottom: 1px solid #6f5e33;
color: #6f5e33;
font-size: 14px;
font-weight: bold;
}

#main #sidebar-main #news-box h3 {
margin: 0 0 0 0;
}

#main #sidebar-main #news-box h4 {
border-bottom: 2px solid #e3dbc7;
color: #6f5e33;
font-size: 10px;
font-style: normal;
font-weight: normal;
margin: -11px 0 15px 0;
padding-bottom: 5px;
text-align: right;
}

/*
#main #sidebar-main #news-box h4 a {
color: #6f5e33;
text-decoration: none;
}

#main #sidebar-main #news-box h4 a:hover {
text-decoration: underline;
}
*/

#main #sidebar-main #news-box h4 a {
background-color: #f1ebdd;
color: #6f5e33;
padding: 4px;
text-decoration: none;
}

#main #sidebar-main #news-box h4 a:hover {
background-color: #e3dbc7;
color: #642200;
text-decoration: underline;
}

#main #sidebar-main #news-box p {
background: url(../images/news.gif) no-repeat;
padding-left: 24px;
}

#main #sidebar-main #news-box p a {
color: #6f5e33;
line-height: 1.4em;
text-decoration: underline;
}

#main #sidebar-main #news-box p a:hover {
color: #642200;
line-height: 1.4em;
text-decoration: none;
}

#main #sidebar-main #artistlinks {
margin: 20px 0 0 -15px;
}

#main #sidebar-main #artistlinks h3 {
margin: 0 0 0 15px;
}

#main #sidebar-main #artistlinks h4 {
border-bottom: 2px solid #e3dbc7;
color: #6f5e33;
font-size: 10px;
font-style: normal;
font-weight: normal;
margin: -10px 0 15px 15px;
padding-right: 4px;
padding-bottom: 4px;
text-align: right;
}

#main #sidebar-main #artistlinks .artist {
display: block;
float: left;
height: 90px;
margin: 0 0 0 15px;
width: 90px;
}

#main #sidebar-main #artistlinks .artist p {
background-color: #f1ebdd;
font-size: 10px;
padding: 5px 0;
text-align: center;
}

#main #sidebar-main #artistlinks .artist p a {
color: #6f5e33;
text-decoration: none;
}

#main #sidebar-main #artistlinks .artist p a:hover {
text-decoration: underline;
}

#main #sidebar-main #sunshinelink a {
margin-top: 50px;
}

/* Main - Content
------------------------------*/

#main #content-main {
float: left;
padding: 20px 0 0 20px;
width: 465px;
}

#main #content-main h3.subh3 {
border-top: 2px solid #e3dbc7;
margin-top: 20px;
padding-top: 20px;
}

#main #content-main #article h3 {
line-height: 1.4em;
}

#main #content-main h4 {
margin-top: 10px;
}

#main #content-main #article h4 {
margin: 0 0 10px 0;
}

#main #content-main p {
margin-bottom: 10px;
}

#main #content-main p a,
#main #content-main ul a {
color: #333;
text-decoration: underline;
}

#main #content-main p a:hover,
#main #content-main ul a:hover {
color: #642200;
text-decoration: none;
}

#main #content-main p em {
font-style: italic;
}

#main #content-main p strong,
#main #content-main ul li strong {
font-weight: bold;
}

#main #content-main p#sectionsummary {
font-size: 12px;
font-weight: bold;
}

#main #content-main p#sectionsummary span {
font-size: 11px;
font-weight: normal;
}

#main #content-main p#sectionsummary a {
margin-right: 3px;
}

/*
#main #content-main p#app-download {
padding: 10px 0;
}

#main #content-main p#app-download a {
background: url(../images/page_word.gif) #e3dbc7 4px 4px no-repeat;
font-weight: bold;
padding: 6px 6px 6px 25px;
text-decoration: underline;
}
*/

#main #content-main p#app-download a {
background: url(../images/appbutton.jpg) no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
margin-top: 15px;
width: 234px;
}

#main #content-main p#app-download a:hover {
background: url(../images/appbutton.jpg) 0 -30px no-repeat;
}

#main #content-main p#application-download a {
background-color: #678f4b;
border: 2px solid #1b3e01;
color: #f9f5ec;
display: block;
font-size: 12px;
font-weight: bold;
margin: 20px 0;
padding: 20px;
text-align: center;
}

#main #content-main p#application-download a em {
font-style: normal;
font-weight: normal;
text-decoration: none;
}

#main #content-main p#flickr {
clear: both;
}

#main #content-main p#flickr a {
background: url(../images/flickrbutton.jpg) no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
margin-top: 15px;
width: 199px;
}

#main #content-main p#flickr a:hover {
background: url(../images/flickrbutton.jpg) 0 -30px no-repeat;
}

#main #content-main p#volunteerlink a {
background: url(../images/volunteerlink.jpg) no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
margin-top: 15px;
width: 155px;
}

#main #content-main p#volunteerlink a:hover {
background: url(../images/volunteerlink.jpg) 0 -30px no-repeat;
}

#main #content-main p.backtotop {
margin-top: -5px;
margin-bottom: -17px;
*margin-bottom: -15px;  /* IE hackification */
text-align: right;
}

#main #content-main p.backtotop a {
background-color: #f1ebdd;
color: #b7a874;
padding: 4px;
text-decoration: none;
}

#main #content-main p.backtotop a:hover {
background-color: #e3dbc7;
color: #642200;
text-decoration: underline;
}

#main #content-main img.rightpic {
border: 1px solid #642200;
float: right;
margin: 0 0 10px 20px;
}

#main #content-main img.sponsors {
margin: 5px 0 10px 0;
}

#main #content-main ul {
color: #333;
margin: 5px 0 10px 24px;
}

#main #content-main ul li {
font-size: 11px;
list-style-type: square;
list-style-position: outside;
}

#main #content-main ul li span {
/*display: -moz-inline-box;
display: inline-block;
width: 120px;*/
font-weight: bold;
margin-right: 0px;
}

#main #content-main iframe {
margin: 20px 0;
}

#main #content-main .restaurant,
#main #content-main .hotel {
background-color: #f1ebdd;
border: 1px solid #e3dbc8;
margin: 20px;
padding: 20px;
}

#main #content-main .restaurant h4,
#main #content-main .hotel h4 {
margin-top: 0;
margin-bottom: 5px;
}

#main #content-main .restaurant p.hours,
#main #content-main .hotel p.hours {
/* background-color: #e3dbc8; */
border: 2px solid #e3dbc8;
border-width: 2px 0;
margin: 20px 0 0 0;
padding: 10px 0;
}

#main #content-main #gallery a {
border: 2px solid #e3dbc7;
float: left;
height: 75px;
margin: 0 10px 10px 0;
width: 100px;
}

#main #content-main #gallery a:hover {
border: 2px solid #642200;
}

#main #content-main .testimonial {
background: url(../images/quote.gif) no-repeat;
padding: 0 0 20px 55px;
}

#main #content-main .testimonial p.author {
color: #6f5e33;
}

#main #content-main .testimonial p.author em {
font-style: italic;
}

#main p.supportercredit {
background-color: #e3dbc8;
/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
font-size: 12px;
padding: 10px;
}

#main p.supportercredit strong {
color: #6f5e33;
font-weight: bold;
}

/* Footer
------------------------------*/

#footer {
background: url(../images/bg-footer.jpg) #e3dbc7 bottom no-repeat;
clear: both;
height: 240px;
margin-bottom: 20px;
width: 760px;
}

#footer p {
color: #6f5e33;
font-size: 10px;
padding: 195px 0 0 20px;
}

#footer p a {
color: #6f5e33;
text-decoration: underline;
}

#footer p a:hover {
color: #642200;
text-decoration: none;
}

#footer p a#smg {
color: #6f5e33;
text-decoration: none;
}

#footer p a#smg:hover {
color: #642200;
text-decoration: none;
}



/* Admin
------------------------------*/

body#admin #feature  {
background-color: #1b3e01;
height: 50px;
}

body#admin #feature h2 {
color: #e3dbc7;
font-size: 14px;
font-weight: bold;
line-height: 50px;
padding: 0 20px;
}

body#admin #feature p {
color: #e3dbc7;
font-size: 11px;
margin-top: -32px;
padding: 0 10px;
text-align: right;
}

body#admin #feature p a {
color: #e3dbc7;
text-decoration: underline;
}

body#admin #feature p a:hover {
color: #fff;
text-decoration: none;
}

body#admin #main #sidebar-main p a {
background: url(../images/newsbutton.jpg) no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
margin-top: 0px;
width: 155px;
}

body#admin #main #sidebar-main p a:hover {
background: url(../images/newsbutton.jpg) 0 -30px no-repeat;
}

body#admin #main #content-main h3 {
border-bottom: 1px solid #6f5e33;
margin-bottom: 0;
padding-bottom: 5px;
}

body#admin #main #content-main h3#badlogin {
border-bottom: 0px;
color: #ff0000;
}

form#loginform {
background-color: #f1ebdd;
padding: 20px 10px;
margin-right: 20px;
margin-top: 10px;
}

form#loginform table tr td {
padding: 3px;
}

form#loginform table tbody tr td {
font-size: 12px;
}

form#loginform table tbody tr td input {
width: 180px;
}

form#loginform table tfoot tr td {
color: #6f5e33;
font-size: 11px;
}

form#loginform table tfoot tr td a {
color: #6f5e33;
text-decoration: underline;
}

form#loginform table tfoot tr td a:hover {
text-decoration: none;
}


/* Form */

form#eventform table,
body#about #subcontent-body table,
body#event #subcontent-body table {
width: 450px;
}

form#eventform table.secondarytable,
body#about #subcontent-body table.secondarytable {
margin-top: 30px;
}

form#eventform table tbody tr td,
form#eventform table thead tr td,
form#eventform table tfoot tr td,
body#about #subcontent-body table tbody tr td,
body#about #subcontent-body table thead tr td,
body#about #subcontent-body table tfoot tr td,
body#event #subcontent-body table tbody tr td,
body#event #subcontent-body table tfoot tr td {
line-height: 30px;
padding: 0 10px;
}

form#eventform table tbody tr td.fieldname,
body#event #subcontent-body table tbody tr td.fieldname {
width: 100px;
}

body#event #subcontent-body table tbody tr td.fieldname {
color: #866001;
font-size: 11px;
text-transform: normal;
}

body#event #subcontent-body table tfoot tr td a {
color: #866001;
font-size: 11px;
}

form#eventform table tbody tr td.ex-format {
color: #c89619;
font-size: 11px;
font-style: italic;
text-align: left;
width: 300px;
}

form#eventform table thead tr.instructions td,
body#about #subcontent-body table thead tr td {
background-color: #e8d99c;
color: #a68d2d;
font-size: 11px;
text-transform: normal;
}

form#eventform table thead tr.instructions td em {
font-style: normal;
font-weight: bold;
}

form#eventform table thead tr.eventtype td {
background-color: #e8d99c;
}

body#about #subcontent-body table tbody tr td span {
color: #a68d2d;
font-size: 11px;
}

form#eventform table tfoot tr td {
color: #c89619;
font-size: 11px;
}

form#eventform table tfoot tr td a {
color: #866001;
}

form#eventform table tfoot tr td.deletealert {
color: #ff0000;
font-size: 14px;
}

form#eventform table tfoot tr td.deletealert em {
color: #333;
font-size: 12px;
font-style: italic;
}

table#member-table tbody tr td {
line-height: 30px;
padding: 0 10px;
}

table#member-table tbody tr td.news-pubdate {
font-size: 11px;
width: 100px;
}

table#member-table tbody tr td.news-title {
width: 250px;
}

table#member-table tbody tr td.options {
font-size: 11px;
text-align: right;
width: 100px;
}

table#member-table tbody tr td a {
color: #6f5e33;
}

table#member-table tbody tr td.options a {
color: #6f5e33;
text-decoration: underline;
}

table#member-table tbody tr td.options a:hover {
color: #6f5e33;
text-decoration: none;
}

table.stripetables tbody tr td {
background-color: #f1ebdd;
}

table.stripetables tbody tr.even td {
background-color: #e3dbc8;
}