/* author: aaron@madebygiant.com */

/***********************************************************

Content:

=BASE STYLES
=STRUCTURE


***********************************************************/


.hidden-pic {display:none;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0; padding:0; } 

body { background:#222222; color:#141414; font-size:76%; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5em; }

/* BASE TYPOGRAPHY
-----------------------------------------------------------*/

html>body {font-size:12px;}

p { font-size: 1em; line-height: 1.5em; margin:1.5em 0; }



h1 { font-size:1.9em; font-variant:small-caps; line-height: 1em; margin-top: 0; margin-bottom: .7em; color:#542626; font-weight:700; letter-spacing:1px; }
h2 { font-size:1.9em; line-height: 1em; margin-top: 0; margin-bottom: .7em; color:#883131; font-weight:700; letter-spacing:1px; }
h3 { font-size:1.15em; line-height: 1.2em; color:#542626; font-family : arial, verdana, sans-serif;}
h4 { font-size:1em; line-height: 1.5em; margin:1.5em 0 0 0; color:#542626; font-weight:bold; }
h5 { font-size:1.167em; line-height:1.636em; margin:0.455em 0; font-weight:bold; color:#fff; background-color:#883131; padding-left: 15px;}
h6 {}
#content h2 {font-size:2em;}
.comment-form h5 {color: #ffffff;}

blockquote {padding-left: 30px; font-size:1.5em; line-height: 1em; margin-bottom: .7em; color:#542626; font-weight:500; }

ul {}
ol {}

li {padding-bottom: 7px; margin-left: 15px;}

hr { margin:20px 0; }

/* =BASE STYLES
------------------------------------------------------------*/

a:link, a:visited { color:#883131; text-decoration:none; }
a:hover, a:active { color:#111; text-decoration:none; }

p a:link, p a:visited { color:#883131; text-decoration:none; }
p a:hover, p a:active { text-decoration:underline; }

del {text-decoration: line-through;}

:focus {outline: 0;}
.clear:after { content:"."; height:0; visibility:hidden; display:block; clear: both; }


.clearer {clear:all;}



/* =STRUCTURE
------------------------------------------------------------*/
body {background: #1b0808 url(../Images/parts/bg.jpg) repeat-x;}




#wrapper { width:860px; margin:0 auto; border-right: 2px solid #1b0808; border-left: 2px solid #1b0808;}

#canvas {margin:0 auto; background : url(../Images/parts/content-bg-3.jpg) repeat-y;}
 
#pageBody {} 


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

.feature {height:413px; width:860px; background : url(../Images/parts/featured-3.jpg) no-repeat;}


h1.sitetitle {font-variant:small-caps; text-align:left; margin-top: 40px; margin-left:40px; padding-bottom:17px;}
h1.sitetitle a {font-size:1.3em; line-height:1em; color:#b1b1b1; }
h1.sitetitle a:hover { text-decoration:none; }
.sitesubtitle {font-weight:100; font-size:.5em; color:#7e7e7e;}


/* =NAV Horizontal
------------------------------------------------------------*/


#header {text-align:left; line-height:46px; padding: 0 32px 0 58px; color:#FFFFFF; font-family:arial, verdana, sans-serif; background : url(../Images/parts/nav-bg.png) repeat-x; }

#nav {list-style:none; margin:0; padding:0; width:100%; }
#nav li {float : left; margin-left: 10px; font-weight:normal;}

#nav li a {font-weight:normal;  color:#FFFFFF; padding: 3px 5px 3px 5px; }
#nav li a:hover {text-decoration:none; color:#efefef; border: 1px solid #b5b6a7; padding: 2px 4px 2px 4px;}
 
#nav ul li.list-none {list-style: none;}

#search {float: right; width: 200px;}



/* =CONTENT
------------------------------------------------------------*/

#content { margin-top: -200px;}

#middle-column h4 {text-align:right; color: #883131;  padding-right: 10px;}

/*
#logo {padding: 0 0 20px 20px; width:174px; height:117px; background : url(../Images/parts/logo.jpg) no-repeat;}
*/
#logo {padding: 0 0 5px 20px; width:174px; height:130px;}



#main-content-container {float: left; width: 631px;}

/*--- left column NAV ---*/  

  #left-column {float: left; width: 208px; padding: 0 15px 0 15px;}


/*--- middle column ---*/    
  #float-right {float: right;}
  #middle-column {float: right; width: 363px; padding: 60px 15px 0 15px;}

  
  
/*--- right column ---*/  
  #right-column {float: right; width: 198px; margin-top: 60px; padding: 0px 15px 0 15px; border-left: 1px solid #ffffff;}	
  #right-column h3 {padding-bottom: 0px; font-size: 1.4em;}
  

/*---search form ---*/   

      .search-box {padding-top: 10px;}             
        .cat_textbox_small{display: block; float: left; width:150px; border:1px solid #b5b6a7; background:none; color:#7c7c7c; padding: 4px 0 5px 10px; }
        .cat_button-search {display: block; float: right; width: 15px; padding-left: 0px;}
		



/* =HOMEPAGE
-----------------------------------------------------------------------*/

#featured-events-container {padding-top: 6px;}


#feature-text {padding-top: 25px; font-family:Arial, Helvetica, sans-serif; color: #fff; font-weight:lighter; text-align:right; }
#feature-text a {display: block; margin-bottom:15px; }

#feature-text h2 {color: #fff; font-size:2.2em; font-variant:normal; font-weight:bold; padding-bottom: 10px; margin:0; padding-right: 31px;}
#feature-text h4 {color: #fff; line-height:1.7em; margin:0; padding-bottom:10px; padding-right: 31px; font-weight:lighter;}
#feature-text h3 {display: block; font-variant : small-caps; line-height:35px;background-color:#883131; margin-left:645px; font-weight:bold; padding-right: 31px;} 


#feature-text h3 a {color: #fff;} 
#feature-text a:hover h2 {color: #e0e2cf;} 
#feature-text a:hover h4 {color: #e0e2cf;} 
#feature-text h3 a:hover {color: #e0e2cf;} 


.featured-events {width:366px; background : url(../Images/parts/events/event-07-28-08.jpg) no-repeat; font-weight:lighter; padding-top: 40px;}

.featured-events h5 {background: url(../Images/parts/nav-bg.png) repeat-x; padding: 4px 0 4px 7px;}

h1.home-section {font-size: 1.5em; font-weight: bold; font-variant: normal; color:#542626; font-family : arial, verdana, sans-serif;}
.featured-events h5.home-section {font-size: 1.9em; margin-bottom: 0; font-style:italic; font-weight:normal;}
#featured-events-container .the-date {text-indent: 5px; padding-top: 7px color: #000000; font-size: 1.05em; font-weight: normal;font-family : arial, verdana, sans-serif;}
#featured-events-container p {margin-top: 1.1em;}

h4.ticket-button {}
h4.ticket-button a {display : block; text-align: center; color: #fff; line-height: 32px; margin-left: auto; width: 136px; height: 32px; background : url(../Images/parts/ticket-button.gif) no-repeat center;}

h4.ticket-button a:hover {color: #E0E2CF;}

/******** calendar ********/
#calendar-bg {padding: 10px 0 0 20px; margin-left: 0px; width:363px; height: ; background: url(../Images/parts/calendar-bg.jpg) no-repeat;}
#calendar-bg h3 {margin-bottom: 10px;}
#calendar-bg h4 {margin: 0; padding: 15px 0 0 0; text-align:left; font-weight:normal;}
#calendar-bg h4 a {text-size: .9em;}


table.module-calendar {width: 323px; Height: 200px;}

h4.click-arrow a {padding-left: 15px; background: url(/CatalystImages/ArrowMenuRight.gif) no-repeat left center;}



 
 /* =BLOG
-----------------------------------------------------------------------*/
 .post-body .links {display : none;}
 .blog-container h1 {font-size: 1.9em; }
 h4.post-title {color: #585858; font-weight:bold; margin:18px 0 0 0; padding:0; font-size:1.1em;}
.blog-post p {margin:0; padding:0; }




 /* =ANNOUNCEMENTS
-----------------------------------------------------------------------*/

h4.date {margin-top: 0; margin-bottom:10px;}
.announcement-list p {margin-top: 0; margin-bottom: 0;}
.sections-news {padding: 10px 0 10px 0px; border-bottom: 1px solid #fff;}



  /* =SECONDARY TEMPLATE
-----------------------------------------------------------------------*/
 
 .feature-secondary {height:347px; width:860px; background : url(../Images/parts/featured-secondary-2.jpg) no-repeat;}
  #middle-column-secondary {float: left; width: 545px; padding: 60px 15px 0 15px;}

 
 
 
 
   /* =VERTICAL NAVIGATION
-----------------------------------------------------------------------*/


#nav-container .sections {padding: 10px 0 10px 0px; border-top: 1px dotted #1b0808;}

#nav-container .root {font-weight:bold;}
#nav-container .secondary a {text-indent: 10px;}

/*for nav set 1*/
.catsub0248440 {background : url(../Images/parts/nav-bg-light-4.jpg) repeat-y top right;}
.catsub1248440 {background : url(../Images/parts/nav-bg-light-5.jpg) repeat-y;}
/*for nav set 2*/
.catsub0248484 {background : url(../Images/parts/nav-bg-light-4.jpg) repeat-y top right;}
.catsub1248484 {background : url(../Images/parts/nav-bg-light-5.jpg) repeat-y;}
/*for nav set 3*/
.catsub0248490 {background : url(../Images/parts/nav-bg-light-4.jpg) repeat-y top right;}
.catsub1248490 {background : url(../Images/parts/nav-bg-light-5.jpg) repeat-y;}


li.root {}
li.root ul li.secondary {}
.root ul {background : url(../Images/parts/nav-bg.png) repeat;}


 
 
   /* =image buttons
-----------------------------------------------------------------------*/

#img-buttons {padding-right: 20px;}
#img-buttons a img {display: block; margin-left: auto; margin-top: 15px; margin-bottom: 15px;}



/* =FOOTER
------------------------------------------------------------*/  
#footer {display: block; text-align: center; font-size: 1em; letter-spacing: 1px; width: 860px; height: 186px; padding-top: 210px; background: url(../Images/parts/footer-bg-2.jpg) no-repeat; }
#footer h4 {margin: 0; color : #e0e1cf; font-weight: lighter;}
#footer h4 a {margin: 0; color : #e0e1cf; font-weight: normal;}
#footer h4 a:hover {margin: 0; color : #883131;}