/* CSS Document */

/* 
	COLORS:
	Tan 		#dbb060
	Lt. Tan 	#eeca70
	Yellow	#ffd631
	Off-white	#ffed91
	Blue		#006699
*/

html, body, form, fieldset {margin: 0;padding: 0;}
body {background: #7F001F url(http://www.barrelofmonkeys.org/images/interface/gradientbg.gif) repeat-x; font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 62.5%}

.body_test {background: #cc0000 url(http://www.barrelofmonkeys.org/images/interface/red_yellow_burst.jpg) no-repeat top center;}

h1, h2, h3, h4, h5, h6, p, pre, label, ul, ol, dl, address {margin: 0; padding: 0;}
p, .small, .footnote, .smallnote, blockquote, cite, ul, ol, dl, pre, label, address {color: #2E2E2E;}
p {font-size: 14px; line-height: 24px; margin-bottom: 18px;}
h1, h2, h3, h4, #mainnav ul a, #schoolsubnav ul a, #performancessubnav ul a, #aboutsubnav ul a  { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1 {font-size: 22px; line-height: 30px; margin: 22px 0 14px 0;}
h2 {font-size: 18px; line-height: 18px; margin: 12px 0 6px 0;}
h3 {font-size: 15px; line-height: 18px; margin: 12px 0 6px 0;}
img + h1 {margin: 0 0 14px 0;}
img {vertical-align: bottom;}
a {outline: none;}
a:link, a:visited {color: #006699; text-decoration: none; font-weight: bold;}
a:hover, a:active {text-decoration: underline; font-weight: bold;}
strong {color: #000;}
blockquote {font-size: 14px; line-height: 18px; margin: 20px 30px 18px 30px;}
cite {font-size: 12px; line-height: 18px; margin-bottom: 18px;}
ul {list-style-type: none;}
ul.columns {float: left; width: 62em;}
li.column {float: left; width: 18em;}

/* ------------------------- TEXT CLASSES ------------------------- */

h1.rockwell_h1 object {margin: -10px 0 !important;}
h2.rockwell_h2 object {margin: -10px 0 !important;}
h1.rockwell_home object {margin: 0 0 -12px;}
h3.rockwell_homeblog object {width: 375px; margin: -1px 0 -6px;}
h1.rockwell_yellowbar object {margin: -7px 0 -12px;}
h2.rockwell_yellowbar object {margin: 0 0 -6px;}
h2.rockwell_blog object {margin: -1px 0 -12px;}
.small {font-size: 12px; margin: 0;}
.footnote, .smallnote {font-size: 12px; font-style: italic;}
.caption {font-size: 11px; line-height: 14px; font-style: italic; text-align: center;}
.note {background: #ffed91; padding: 10px; font-size: 12px; line-height: 18px;}
.highlight {background: #ffed91; padding: 2px 0;}
.subhead {color: #555; font-weight: normal; font-style: italic; font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}
.yellowbar {padding: 6px 10px; margin: 6px -10px; background: #FFCC00; clear: both;}
.starleft {padding-left: 15px; margin-left: -15px; background: url(http://www.barrelofmonkeys.org/images/interface/starbullet.gif) no-repeat 0;}
.inline_left {display: inline; float: left;}
.inline_right {display: inline; float: right;}
.clear {clear: both;}
a.button {background: #ffcc00; padding: 3px 8px; margin-left: 4px; border: 1px #bb8833; border-style: solid none; text-align: center;}
.rightalign {text-align: right;}

/*---- sIFR ---*/
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none;}
.sIFR-active .rockwell_blog, .sIFR-active .rockwell_yellowbar, .sIFR-active .rockwell_h1, .sIFR-active .rockwell_h2 {visibility: hidden;}

/* ------------------------- IMAGE CLASSES ------------------------- */

.imageborder {background-color: #fff; padding: 5px; border: 1px solid #a9a9a9; margin: 5px 0;}
.imageblog {max-width: 480px; max-height: 720px; margin-bottom: 5px;}
.imageleft {float: left; margin-right: 14px;}
.imageright {float: right; margin-left: 10px;}
.imagecenter {display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px;}

/* ------------------------- MISC CLASSES ------------------------- */

.rightalign {text-align: right;}
.dottedline {border-bottom: 2px dotted #DBB060;}
.hide {display: none; visibility: hidden;}
.mp3embed {background: #ffed91; padding: 11px 14px 9px 14px; width: 300px; margin: 0pt auto; margin-bottom: 10px; font-size: 12px;}
#inputform .text {width: 100px; border: 1px solid #999999;}

/* ------------------------- HEADER ------------------------- */

#wrapper {width: 850px; margin: 0pt auto;}

#topleftbanner {position: absolute; left: 0; top: 0; display: block; height: 125px; width: 125px; background: url(http://www.barrelofmonkeys.org/images/interface/10thyear.png) no-repeat; text-indent: -999em; text-decoration: none; z-index: 1; behavior: url(iepngfix.htc);}

#header {float: left; width: 850px; height: 140px; position: relative;}
#home #header {background: url(http://www.barrelofmonkeys.org/images/interface/headerbg.png) no-repeat 0 0; height: 300px; behavior: url(iepngfix.htc);}
#header h1 {margin-left: -9999px;}

#header_logo, #header_title {border: none; float: left;}
#header_logo {margin-top: 15px;}
#header_title {margin: 50px 0 0 15px;}

/* ------------------------- NAVIGATION ------------------------- */

#utilitynav {background: #ffcc00; padding: 0 3px 3px; font-size: 1.2em; line-height: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: 0; right: 0;}
#utilitynav ul {list-style: none;}
#utilitynav ul a {padding: 0.7em 0.7em 0.3em; text-decoration: none; float: left;}
#utilitynav ul a:hover {text-decoration: underline;}

#mainnav { background: #00487b url(http://www.barrelofmonkeys.org/images/interface/mainnav-g-bg.gif) repeat-x; width: 844px; border: 3px solid; border-style: solid solid none solid; font-size: 1.6em; float: left; clear: both;}
#mainnav ul {list-style: none; float: right;}
#mainnav ul a { display: block; padding: 8px 16px; text-decoration: none; color: #fff; float: left;}
#mainnav ul a:hover { text-decoration: underline;}
#mainnav li, #utilitynav li {float: left;}
.current, #mainnav ul a:hover {background: #003E78;}

.home_mainnav {border-style: solid !important;}

#subnav, #schoolsubnav, #performancessubnav, #storiesubnav, #aboutsubnav {background: #003E78; font-size: 1.4em; width: 844px; border-left: 3px solid; border-right: 3px solid; float: left;}
#subnav ul, #schoolsubnav ul, #performancessubnav ul, #storiesubnav ul, #aboutsubnav ul {list-style-type: none; float: right;}
#schoolsubnav ul {}
#performancessubnav ul {}
#aboutsubnav ul {}
#subnav ul li, #schoolsubnav ul li, #performancessubnav ul li, #storiesubnav ul li, #aboutsubnav ul li {float: left; display: inline;}
#subnav ul a, #schoolsubnav ul a, #performancessubnav ul a, #storiesubnav ul a, #aboutsubnav ul a {color: #fff; padding: 0.5em 1em; text-decoration: none; float: left; font-weight: normal;}
#subnav ul a:hover, #schoolsubnav ul a:hover, #performancessubnav ul a:hover, #storiesubnav ul a:hover, #aboutsubnav ul a:hover {background: #002251; text-decoration: underline;}
.subcurrent {background: #002251;}

/* ------------------------- MAIN CONTENT ------------------------- */

#middle {background: #dbb060; width: 844px; overflow: hidden; clear: both; border: 3px solid; border-style: solid solid none solid;}
.content {background: #DBB060; width: 660px; float: left; padding: 0; overflow: hidden; clear: both;}
.dialog {width: 547px; margin: 0pt auto; margin-top: 15px; padding: 10px 20px; clear: both; background: #DBB060 url(http://www.barrelofmonkeys.org/images/interface/dialogbg.gif) no-repeat top;}
.dialog ul li, #schoolbox ul li, #twgbox ul li, .entry ul li {background: url(http://www.barrelofmonkeys.org/images/interface/starbullet.gif) no-repeat 30px 5px; padding-left: 50px; font-size: 14px; line-height: 24px;}
.dialog ol, .dialog ul {margin-bottom: 18px;}
.dialog ol li {font-size: 14px; line-height: 18px; margin-left: 50px; margin-bottom: 6px;}

/* ------------------------- HOME PAGE ------------------------- */

#home_content {width: 849px; overflow: hidden; clear: both;}
#home1, #home2, #home3 {width: 100%; overflow: hidden; clear: both; background: #dbb060; margin: 6px 0 0; position: relative; float: left;}
#home3 {margin-bottom: 6px;}
h1.rockwell_home {margin: 0; padding: 3px 0 0 10px; color: #ffd631; font-family: Rockwell, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 3.2em; line-height: 1.3em; letter-spacing: 1px; background: #006699;}
.home_left, .home_right {min-height: 165px; _height: 165px; overflow: hidden; background: #dbb060; float: left;}
.home_left {width: 384px; padding: 6px 3px 6px;}
.home_right {width: 450px; padding: 6px 6px 6px 3px; position: relative;}
.home_text {color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 2.2em; line-height: 1.2em; margin: 10px;}
.home_links {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; font-size: 1.6em; line-height: 1.5em; margin: 10px 45px 0;}
.home_overlay {width: 438px; height: 48px; padding: 6px; position: absolute; bottom: 6px; background: url(http://www.barrelofmonkeys.org/images/interface/translucent.png) repeat;}
.home_overlay img {border: none; float: left; margin-right: 12px;}
.home_overlay h3 {font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; font-style: italic; margin: 0;}
.home_overlay p {font-size: 12px; line-height: 16px; margin: 0;}
#home_featured {background: #eeca70; width: 382px; margin: 40px 2px 5px; position: absolute; bottom: 0;}
#home_news {}
#home_news h2 {font-size: 2.2em; line-height: 1.3em; letter-spacing: 0.5px; padding: 6px 10px; margin: 0; background: #ffcc00;}
#home_news h3 {font-size: 2em; margin: 0 0 3px;}
#home_news .blog_titlebar {width: 430px; padding: 10px; margin-top: 5px;}
#home_news .blog_entry_date {width: 40px;}
#home_news .date_number {font-size: 2.4em; margin: 2px 0;}
#home_news .posted {margin: 0 0 0 50px; padding: 4px;}
#home_news .entry {width: 430px; padding: 0 10px 10px; margin: 0;}
#home_news .entry p {font-size: 1.2em; line-height: 1.5em; margin: 0 0 0.8em;}

#schoolbox, #twgbox {width: 285px; min-height: 340px; margin: 10px 0; padding: 15px;}
#schoolbox {background: #ffcc00 url(http://www.barrelofmonkeys.org/images/interface/schoolboxbg.gif); float: right; margin-left: 5px; margin-right: 10px;}
#twgbox {background: #ff9900 url(http://www.barrelofmonkeys.org/images/interface/twgboxbg.gif); float: left; margin-right: 5px; margin-left: 10px;}
.news {background: #ffed91 url(http://www.barrelofmonkeys.org/images/interface/newsbg2.gif) no-repeat bottom; width: 547px; margin: 0pt auto; margin-bottom: 15px; padding: 10px 20px 50px; clear: both;}
#home .news {width: 600px;}

/* ---------------------------ryznar gilder/levin image replacement for page headers--------------------------- */

.replace {position: relative; overflow: hidden; margin: 0; padding: 0;}
.replace span {display: block; position: absolute; top: 0px; left: 0px; z-index: 1;}
#twgbox h1, #twgbox h1 span {width: 289px; height: 105px;}
#twgbox span {background: url(http://www.barrelofmonkeys.org/images/interface/twgbox.gif) no-repeat 0 0;}
#schoolbox h1, #schoolbox h1 span {width: 285px; height: 66px;}
#schoolbox span {background: url(http://www.barrelofmonkeys.org/images/interface/schoolbox.gif) no-repeat 0 0;}
.pagetitle h1, .pagetitle h1 span {width: 264px; height: 88px;}
.wide h1, .wide h1 span {width: 587px; height: 85px;}
.blogtitle h1, .blogtitle h1 span {width: 587px; height: 150px;}

.pagetitle #aboutbom span {background: url(http://www.barrelofmonkeys.org/images/interface/aboutbom.gif) no-repeat 0 4px;}
.pagetitle #aboutschool span {background: url(http://www.barrelofmonkeys.org/images/interface/aboutschool.gif) no-repeat 0 4px;}
.pagetitle #afterschool span {background: url(http://www.barrelofmonkeys.org/images/interface/afterschool.gif) no-repeat 0 -14px;}
/* .pagetitle #blogtitle span {background: url(http://www.barrelofmonkeys.org/images/interface/blog.gif) no-repeat 0 0;}  */
.blogtitle #blogbanner_h1 span {background: url(http://www.barrelofmonkeys.org/images/interface/blog_header2.gif) no-repeat -6px 0;}           /*THIS IS THE NEW ONE*/
.pagetitle #companymembers span {background: url(http://www.barrelofmonkeys.org/images/interface/companymembers.gif) no-repeat 0 3px;}
.pagetitle #contactus span {background: url(http://www.barrelofmonkeys.org/images/interface/contactus.gif) no-repeat 0 -14px;}
.pagetitle #curriculum span {background: url(http://www.barrelofmonkeys.org/images/interface/schoolcurriculum.gif) no-repeat 0 -17px;}
.pagetitle #datesdirections span {background: url(http://www.barrelofmonkeys.org/images/interface/datesdirections.gif) no-repeat 0 0;}
.pagetitle #faq span {background: url(http://www.barrelofmonkeys.org/images/interface/faq.gif) no-repeat 0 -16px;}
.pagetitle #funders span {background: url(http://www.barrelofmonkeys.org/images/interface/funders.gif) no-repeat 0 -22px;}
.pagetitle #gallery span {background: url(http://www.barrelofmonkeys.org/images/interface/gallery.gif) no-repeat 0 0;}
.pagetitle #gettickets span {background: url(http://www.barrelofmonkeys.org/images/interface/gettickets.gif) no-repeat 0 0;}
.pagetitle #history span {background: url(http://www.barrelofmonkeys.org/images/interface/history.gif) no-repeat 0 -15px;}
.pagetitle #inthepress span {background: url(http://www.barrelofmonkeys.org/images/interface/inthepress.gif) no-repeat 0 0;}
.pagetitle #mailinglist span {background: url(http://www.barrelofmonkeys.org/images/interface/mailinglist.gif) no-repeat 0 0;}
.pagetitle #multimedia span {background: url(http://www.barrelofmonkeys.org/images/interface/multimedia.gif) no-repeat 0 0;}
.pagetitle #othervenues span {background: url(http://www.barrelofmonkeys.org/images/interface/othervenues.gif) no-repeat 0 0;}
.pagetitle #reservations span {background: url(http://www.barrelofmonkeys.org/images/interface/reservations.gif) no-repeat 0 0;}
.pagetitle #results span {background: url(http://www.barrelofmonkeys.org/images/interface/results.gif) no-repeat 0 -13px;}
.pagetitle #schoolhistory span {background: url(http://www.barrelofmonkeys.org/images/interface/schoolhistory.gif) no-repeat 0 -15px;}
.pagetitle #storyarchive span {background: url(http://www.barrelofmonkeys.org/images/interface/storyarchive.gif) no-repeat 0 0;}
.pagetitle #storyarchivebanner span {background: url(http://www.barrelofmonkeys.org/images/interface/storyarchive_banner.gif) no-repeat 0 0;}           /*THIS IS THE NEW ONE*/
.pagetitle #support span {background: url(http://www.barrelofmonkeys.org/images/interface/support.gif) no-repeat 0 3px;}
.pagetitle #twgbanner span {background: url(http://www.barrelofmonkeys.org/images/interface/twgbanner2.gif) no-repeat 0 0;}

/* ------------------------- PAGE BANNERS ------------------------- */

.pagebanner {width: 547px; overflow: hidden; padding: 10px 0 5px 0; margin-bottom: 10px; border-bottom: 2px dotted #dbb060;}
.pagetitle {margin-right: 10px; padding-right: 10px; float: left; width: 244px;}
.bannerimage {padding: 14px 0 10px 10px; float: left;}

.pagequote {width: 283px; float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: url(http://www.barrelofmonkeys.org/images/interface/pagequote_top.gif) no-repeat top; padding-top: 14px;}
.pagequote blockquote {margin: 0; background: url(http://www.barrelofmonkeys.org/images/interface/pagequote_bottom.gif) no-repeat bottom; padding-bottom: 22px;}
.pagequote blockquote p {font-size: 12px; line-height: 18px; margin: 0; padding: 0 14px; color: #fff; background: url(http://www.barrelofmonkeys.org/images/interface/pagequote_bg.gif) repeat-y;}
.pagequote cite {padding: 1px 5px; margin: 0; font-weight: bold; font-size: 11px; font-style: normal; background: #ffed91;}

.blogbanner {height: 150px; width: 587px;}

/* ------------------------- SIDEBAR ------------------------- */

.sidebar {background: #eeca70 url(http://www.barrelofmonkeys.org/images/interface/sidebarbg.gif) no-repeat bottom; width: 154px; padding: 5px 15px 20px 15px; float: right;}
.sidebar p {margin: 0; padding-bottom: 0.5em; font-size: 1.2em; line-height: 1.5em;}
.sidebar h1 {margin: 0; font-size: 16px; line-height: 18px; font-style: italic;}
.sidebar h2 {margin: 0; font-size: 16px; line-height: 18px; font-weight: normal;}
.sidebar img {border: 0;}
.sidebar ul li {margin: 4px 0; font-size: 11px;}
#sidebarsearch, #sidebarfaq, #sidebarmailinglist, #sidebarsupport, #sidebarcurrent, #sidebartwg, #sidebarcd {padding: 10px 0; border-bottom: 2px dotted #DBB060;}
#sidebarcontact {padding: 10px 5px;}
a.arrow_link {display: block; padding-right: 20px; background: url(http://www.barrelofmonkeys.org/images/interface/whitearrowredcircle.gif) no-repeat top right;}

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

#footer {background: #004679 url(http://www.barrelofmonkeys.org/images/interface/footer-g-bg.gif) repeat-x; color: #FFFFFF; font-size: 12px; width: 844px; border: 3px solid #000; float: left;}
#footer a:hover {text-decoration: underline;}
#footer p {width: 555px; font-size: 12px; line-height: 3em; padding: 0; margin: 0 0 0 15px; color: #e6e6e6; float: left; display: inline;}
#footer p a {color: #fff;}
#footer ul {width: 264px; float: left; padding: 0; margin: 0 10px 0 0; list-style-type: none; display: inline;}
#footer li {float: right; line-height: 3em;}
#footer li a {color: #ffffff; text-decoration: none; padding: 8px;}

/* ---------------------------Mailing List Styles--------------------------- */

        .mailinglistcontent {
        background-color:#FFFFFF;  /* #1# Editable Foreground */
        padding:20px;  /* #3# Editable */
        }

        .formText {
        font-size:1.4em;  /* #3# Editable */
        line-height: 1.6em;  /* #3# Editable */
        }

        .alert {
        font-size:2em;  /* #3# Editable */
        line-height:Double;  /* #3# Editable */
        color:#FF0000;  /* #3# Editable */
        font-weight:bold;  /* #3# Editable */
        }

        div.errorText {
        font-size: 1.4em;  /* #3# Editable */
        line-height:1.6em;  /* #3# Editable */
        font-weight:bold;  /* #3# Editable */
        color:#FF0000;  /* #3# Editable */
        background-color:#FFEEEE;  /* #3# Editable */
        padding:5px;  /* #3# Editable */
        margin:3px;  /* #3# Editable */
        }
		
	label {
	font-size: 1.2em;
	}

        a.poweredBy {
        font-size:1.2em;
        color:#CC9900;  /* #4# Editable */
        text-decoration: none;
        }

        div.headerTextOn {
        	display: none;
        }
        
        div.headerImgOff {
        	display: none;
        }

/* End Mailing List Styles */

/* ---------------------------Company Member Pages--------------------------- */

.companymember_list {clear: both; width: 100%; overflow: hidden;}
.companymember_small {height: 66px; width: 168px; background: #ffed91; padding: 5px; margin: 2px; float: left;}
.companymember_thumb {background-color: #fff; padding: 2px; border: 1px solid #a9a9a9; float: left; margin-right: 5px; width: 60px; height: 60px;}
.companymember_small p {font-size: 12px; line-height: 14px; margin: 2px 0 5px 0;}
.companymember {width: 527px; overflow: hidden; padding: 10px; background: #ffed91;}
.companymember p {margin-bottom: 12px; margin-left: 258px;}

.membertitle {text-align: center; font-size: 18px; line-height: 30px; margin: 0 0 18px 257px; background: #ffcc00;}
.membertitle:before {content: url(http://www.barrelofmonkeys.org/images/interface/starbullet.gif) " ";}
.membertitle:after {content: " " url(http://www.barrelofmonkeys.org/images/interface/starbullet.gif);}

.companymember .imageborder {margin-top: 0px;}
.companymember .imageleft {margin-right: 0px;}

/* -------------------------------------BLOG------------------------------------- */

.blogbackground {background: #eeca70 url(http://www.barrelofmonkeys.org/images/interface/blogdialogbg.gif) no-repeat top;}
.blog_page {width: 587px; margin: 0pt auto; margin-top: 15px; padding: 0;}
.categoryheading {border-bottom: 2px dotted #DBB060;}

.entry {background: #eeca70 url(http://www.barrelofmonkeys.org/images/interface/entry_bottom.gif) no-repeat bottom; width: 498px; padding: 0 25px 10px 64px; margin-bottom: 15px; overflow: hidden;}
.entry blockquote {background: #ffed91; border-left: 4px solid #dbb060; padding: 10px;}
.entry blockquote p {font-size: 12px; margin-bottom: 9px;}
.entry .imagecenter, {margin-bottom: 0;}
.entry embed {display: block; margin: 0 auto;}

.date {margin-bottom: 0px; font-size: 14px; font-weight: normal; font-style: italic; color: #666;}

.blog_titlebar {background: #eeca70 url(http://www.barrelofmonkeys.org/images/interface/entry_top.gif) no-repeat top; padding: 15px 10px 10px; width: 567px; overflow: hidden;}

.blog_entry_date {padding: 0; border: 2px solid #dbb060; width: 45px; min-height: 45px; _height: 45px; display: inline; float: left; margin: 0 10px 0 0; background: #FFcc33 url(/images/interface/red_star5.gif) no-repeat scroll center bottom;}
.blog_entry_date p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: center;}
.date_month {font-size: 11px; text-transform: uppercase; margin: 0; background: #dbb060;}
.date_number {font-size: 28px; margin: 5px 0;}
.date_year {font-size: 10px; margin: 0;}

.title {margin: 0 0 10px 59px; font-size: 24px; line-height: 28px; font-weight: normal; letter-spacing: 0.5px;}
.title a {font-weight: normal; color: #000;}

.posted {font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; padding: 3px 5px 5px; margin: 0 10px 0  54px; background: #ffed91;}

.comments_links {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 5px 0; text-align: right; border-top: 2px dotted #dbb060;}
.comments_links p {margin: 0;}
a.comment_button {background: #ffd631; padding: 3px 8px; margin-left: 4px; border: 1px #dbb060; border-style: solid none;}

.comments {padding: 10px; background: #dbb060;}
.comment_number {float: left; font: 36px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; margin: 6px 0; width: 48px; overflow: hidden;}
.comment {background: url("http://www.barrelofmonkeys.org/images/interface/comment_bg.gif") repeat-y; margin: 0 0 0 48px; padding: 0 10px; position: relative; width: 460px;}
.comment p {color: #fff; margin: 0 15px 0 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

.comment_top {margin-left: 48px;}
.comment_bottom {position: relative; left: -10px;}

.comment_posted {background: #ffed91; margin: 5px 48px 18px 48px; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; overflow: hidden; padding: 5px;}
.comment_posted_author {display: inline; float: left;}
.comment_posted_date {display: inline; float: right;}

.blog_header {padding: 12px 10px; margin: 6px 0 12px; background: #FFCC00; font-weight: normal; clear: both;}

.sidebar_module {padding: 5px 0 10px;}
.sidebar_module h2 {border-bottom: 2px dotted #dbb060;}

.recententries li {margin: 3px 0;}

.noborder {border-style: hidden;}

li ul {margin-left: 15px;}

.paginate {background: #eeca70; font-size: 14px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 15px 15px 26px; margin: 0;}
.paginate li {display: inline; background: transparent !important; padding: 0 10px !important;}
.paginate li a:link, .paginate li a:visited, .paginate li a:active, .paginate li a:hover {padding: 5px 10px !important; margin: 0 -9px; border: 1px solid #dbb060;}
.paginate li a:hover {background: #dbb060;}
#end-pagination a:hover {background: transparent;}

#li-open, #li-close, #end-pagination a:link, #end-pagination a:visited, #end-pagination a:hover, #end-pagination a:active {border: none;}

.pagecount { font-size: 10px; color:	 #666; font-weight: normal; background-color: transparent;}

/* ---------------------------FORMS--------------------------- */

#mailinglist_form {background: #ffed91; padding: 10px; margin-bottom: 10px;}
.input {border-top: 1px solid #999999; border-left: 1px solid #999999; background-color:  #fff; color: #000; font-size: 1.2em; height: 1.6em; padding: .3em 0 0 2px; margin: 3px 0;}
.textarea {border-top: 1px solid #666; border-left: 1px solid #666; background-color: #fff; color: #000; font-size: 1em; margin-top: 3px; margin-bottom: px;}
.checkbox {background-color:  transparent; margin: 3px; padding: 0; border: 0;}
.submit {background-color:  #fff; font-size: 1em; font-weight: bold; padding: 1px 3px 1px 3px; margin-top: 6px; margin-bottom: 4px; color: #000;}

/* ---------------------------STORY ARCHIVE--------------------------- */

.story_entry {background: #eeca70 url(http://www.barrelofmonkeys.org/images/interface/entry_bottom.gif) no-repeat bottom; width: 557px; padding: 0 15px 10px; margin-bottom: 15px; overflow: hidden;}
.story_titlebar {background: #ffed91; width: 100%; overflow: auto; margin: 10px 0;}
.story_title {background: #FFcc33 url(/images/interface/red_star2.gif) no-repeat scroll left bottom; margin: 0; padding: 5px 5px 5px 55px; font-size: 24px; line-height: 28px; font-weight: normal;}
.story_author {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; color: #666; margin: 5px;}
.story_categories {font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5em; color: #666; padding: 3px 5px 5px; background: #ffed91; clear: both;}

/* ---------------------------ExpressionEngine Search Stuff--------------------------- */

.storiessearch {background: #ffed91; margin-bottom: 10px; padding: 10px;}
.storiessearchsubmit {font-size: 12px; text-align: center; padding: 1px 5px; margin-top: 2px;}

.searchSubmit {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 text-align: center;
 padding:           6px 10px 6px 6px;
 border-top:        1px solid #4B5388;
 border-bottom:     1px solid #4B5388;
 background-color:  #C6C9CF;
}

.fieldset {
 border:        1px solid #999;
 padding: 10px;
}

.default, .defaultBold {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			11px;
 color:				#000;
 padding:			3px 0 3px 0;
 background-color:	transparent;
}

.defaultBold {
 font-weight:		bold;
}

/* ---------------------------Search Results--------------------------- */

.resultRowOne {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 padding:           6px 6px 6px 8px;
 background-color:	#ffed91;
}

.resultRowTwo {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         12px;
 padding:           6px 6px 6px 8px;
 background-color:  #ffe875;
}

.resultHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 		14px;
 font-weight: 		bold;
 padding: 			8px 0 8px 8px;
border-bottom: 2px dotted #DBB060;
 background-color:	transparent;
}
