/* Global Styles */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */
body, td, p, a, h1, h2, input, option, textarea, div {
  font-family : Tahoma, Arial, Helvetica, sans-serif;
}

#twitter-widget-1{   
      width:530px;
    }

a:link						{color:#D63C39; text-decoration : none;}
a:visited					{color:#D63C39; text-decoration : none;}
a:hover						{color:#D63C39; text-decoration : underline;}

body {
  background: #ffffff  top left repeat-y;
  margin : 0px 0px 0px 10px;
  color : #000000;
  font-size : 80%;
  letter-spacing : normal;
  line-height : normal;
}

#container {
  background : #ffffff  top left repeat-y;
  border : solid 0px #ffffff;
  margin: 0 auto;
  padding: 0px;
  width : 900px;
}

.floatleft {float : left;}
.floatright {float : right;}
.hide {display : none;}
.clear {clear : both;}
.savage-content {background: url(../images/savage-background.jpg) no-repeat left top;}
.index-contact {font-size: 10px;}

.redtext {
  border : #CC0000 solid 1px;
  color: #CC0000;
  margin : 12px;
  padding : 12px;
  background : #FFFFFF;
}

hr {
  border : #CCCCCC dotted 1px;
  height : 1px;
}

html>body hr {
  border : #000000 solid 0px;
  border-top : #CCCCCC dotted 1px;
  border-bottom : #000000 solid 0px;
  display : block;
  margin : 3px 0px 3px 0px;
  background : #FFFFFF;
}

/* TOP STYLE - START */
#top {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width : 900px;
  height : 150px;
}
/* TOP STYLE - END */

#tagmenu {
  margin: 0;
  padding: 5px 0;
  width:100px;
  float:left;
}

#diarylist {
  float:left;
}

/* MAIN STYLE - START */
#main {
  background : #ffffff  no-repeat top left;
  width : 900px;
  float : left;
  padding : 0px;
  margin : 5px 0px 0px 0px;
}

#main h1 {
  background : #666;
  color : #fff;
  font-weight : bolder;
  font-size : 180%;
  padding-left: 10px;
  margin-top: 10px;

}

#main td.h1 {
  background : #ffffff;
  color : #000000;
  font-weight : bolder;
  font-size : 180%;
  padding-left: 10px;
  margin-top: 10px;

}

#main p {
  padding : 6px 24px 6px 24px;
  margin : 0px;
  color : #146b8b;
  font-size : 100%;
}

#main li {
  color : #146b8b;
}

#main td p {
  padding : 6px 24px 6px 24px;
  margin : 0px;
  color : #146b8b;
}

#main td p {
  padding : 0px;
  margin : 0px;
}

#main p.title {
  color: #D1272F;
  font-size: 130%;
  font-weight: bold;
}

#main p.artist {
  font-size: 110%;
  font-weight: bold;
}

#main h2 {
  color : #3E8BA7;
  font-weight : bolder;
  font-size : 110%;
  margin-top : 10px;
  margin-bottom: 0px;
  text-decoration:underline;
}

#main p.date_big {
  font-size: 36px; 
  font-weight: bold;
}

#main p.venue_title {
  color: #D1272F;
  font-size: 180%;
  font-weight: bold;
}
/* MAIN STYLE - END */

/* BASE STYLE - START */
#base {
  background : #ffffff  top left no-repeat;
  clear : both;
  width : 900px;
  height : 203px;
  padding : 0px;
  margin : 0px;
}

#base p {
  text-align : center;
  margin : 6px;
  font-size : 85%;
  line-height : normal;
  color : #999999;
}

#base a:link {color : #146b8b; text-decoration : none;}
#base a:visited	{color : #146b8b; text-decoration : none;}
#base a:hover	{color : #146b8b; text-decoration : underline;}
/* BASE STYLE - END */

/* TWEET STYLE - START */
#twitter { 
  width: 150px; 
  float: left; 
  padding: 2px;  
}

.tweet { 
  padding: 5px; 
  margin: 5px 0;
  font-size: 10px; 
  border: 2px solid #4494b5;
  background: #ffffff;
}
/* TWEET STYLE - END */

/* MSG STYLES - START */
.select-bar {
	clear:both;
	padding:5px 0 3px 0;
	margin:0 0 17px 0;
}
.info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding:10px 5px 10px 45px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('../images/success.png');
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../images/error.png');
}
/* MSG STYLES - END */

/* MENU STYLE - START */
#menu { 
	display: block;
  text-align: center;
  font-size: 100%;
  text-decoration: none;
}

#menu ul { 
	width: 900px; /*If your links text is bigger you will have to adjust this value*/
  height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text verticaly*/
	text-decoration: none;
  background: url(../images/menu/menu_bg2.jpg) repeat-x left top;
  text-align: center;
}


#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 15px;
	color: #CCCCCC;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
  background: url(../images/menu/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
  background: url(../images/menu/menu_sep.jpg) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(../images/menu/menu_over2.jpg) repeat-x center top;
	text-decoration: none;
	color: white;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}


/******IE hack******/
<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->

/* MENU STYLE - END */

/* FORM STYLES - START */
form {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

textarea {
  font-size : 12px;
}

.button {
  background-color : #CC0066;
  color: #ffffff;
  border:1px solid #666666;
  font-size:10pt;
  font weight: bold;
}
/* FORM STYLES - END */


/* TABLE STYLES - START */
table {
  margin: 0px 0px 0px 0px;
  border : 0px;
}

th {
  padding-left : 3px;
  padding-right : 3px;
  padding-top : 3px;
  padding-bottom : 3px;
  font-size : small;
  font-weight: bold;
  text-align : left;
  border : 0px;
}
/* TABLE STYLES - END */

.nextbigthing {
  background: url("../images/menu/menu_bg2.jpg") repeat-x scroll left top transparent;
  color: #ffffff;
  width:100%;
  margin-top: 10px;
  font-size: 180%;
  font-weight: bolder;
  margin-top: 10px;
  padding: 0 10px;
}

#nbtbox {
  background: #000000;
  text-align: right;
  
}