body {
	margin: 0;
	padding: 0;
	font-family: optima, trebuchet MS, verdana, helvetica, arial sans-serif;
	color: #ffffff;
	position: relative;
 	background: #66a6da url(/nonsequitur/img/background.jpg) center top repeat-y;
	}

/* Normal links */
a:link, a:visited {
	color: #4b95d1;
	 }

a:hover, a:visited:hover {
	color: #a8deef; } 



/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
	border: none;
	background-color:transparent; }

/* Abbreviations */	
abbr { border-bottom: 1px dotted #900; cursor: help; }


/*------------------HEADING--------------------*/

h1 {
	font-family: optima, trebuchet MS, arial, helvetica, verdana, sans-serif;
	margin: 16px 0 0 0;
	padding: 0 0 5px 0;
	font-size: 24px;
	line-height: 27px;
	font-weight: bold;
	color: #2f2f2f; }

h1 span { color: #666;font-size:0.5em;vertical-align:0.2em }

h2 {
	font-family: optima, trebuchet MS, arial, helvetica, verdana, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	color: #2f2f2f; }

h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height:12px;
	color: #2f2f2f; }

h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 15px;
	color: #2f2f2f; }
	
h5 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 12px; 
	color: #2f2f2f;
	border-bottom:1px solid #dedede; }

h5 span {
	display: block;
	color: #333;
	font-size: 0.8em;
	font-weight: normal; }

h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #2f2f2f; }


/*-----------PARAGRAPH TEXT ELEMENTS-------------------*/

/* General paragraph rules */
p {
	margin: 0 0 1.0em 0;
	padding: 0;
	font-size: x-small;
	line-height: 1.4em; }

/*/*/a{}
body p {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; }
  
html>body p { font-size: small; }
/* */

p.oldbrowsers {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #c00; }

blockquote {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px 30px;
	font-size:12px;
	line-height:18px;
	color: #666; }
	
.clear {
 clear: both;
 height: 1px;
 overflow: hidden;
 margin-bottom: -1px;
}
/*------------------FORMS----------------*/

input.txt, textarea.txt {
	font-family: optima, trebuchet MS, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333; }

select {
	font-size: 12px; }

form {
	display: block;
	margin: 0px;
	padding: 0px; }
	

/*--------------MISCELLANEOUS----------------*/

img { border: none; }
hr { display: none; }

/* Outer bounding box for all pages */
#Frame {
	margin: 30px auto 0px;
	padding: 0;
	width: 760px; }

#RoundedTop{
 height: 21px;
 margin: 5px 0 0 0;
 padding: 0;
 background: url(/nonsequitur/img/top_rounded.gif) bottom no-repeat;
}

#RoundedBottom{
 height: 21px;
 padding: 0;
 margin: 0 0 0px 0;
 background: url(/nonsequitur/img/bottom_rounded.gif) top no-repeat;
}

#TopBox { 
	color: #000000;
	width: 760px;
	height: 275px;
	margin: 0;
	padding: 0;
}
.TopBoxBg { 
	background: url(/nonsequitur/img/content_bg.gif) repeat-y; 
}
#LogoNavFrame{
	float: left;
	margin: 0;
	height: 60px;
	width: 760px;
}

#LogoFrame{
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
	width: 200px;
}
#NavFrame{
float: right;
padding: 11px 30px 0 0;
	width: 450px;
}

#LeftFrame{
	float: left;
	margin: 0;
	padding: 0 30px 0px 30px;
	width: 420px;
}
#LeftFrame img{
	margin-bottom: 10px;
}
#RightFrame{
float: right;
padding: 0px 50px 20px 0px;
	width: 220px;
	margin-right: 
}

#RightFrame p {
margin: 0;
padding: 0;
}
/*--------------MAIN NAVIGATION----------------*/
#navigation {
	background: url(/nonsequitur/img/navbar.gif) #ffffff no-repeat;
	height: 14px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#navigation li, #navigation a {
	height: 14px;
	margin: 0;
	padding: 0;
	display: block;
	}

#navigation a {
	text-indent: -5000px;
	text-decoration: none;
	}

#nav_home {left: 0px; width: 54px;}
#nav_about {left: 58px; width: 51px;}
#nav_members {left: 116px; width: 67px;}
#nav_music {left: 190px; width: 51px;}
#nav_media {left: 246px; width: 50px;}
#nav_auditions {left: 300px; width: 70px;}
#nav_groupies {left: 378px; width: 70px;}

#nav_home a:hover, #nav_home a:active { background: url(/nonsequitur/img/navbar.gif) -0px -24px no-repeat;}
#nav_about a:hover, #nav_about a:active { background: url(/nonsequitur/img/navbar.gif) -58px -24px no-repeat;}
#nav_members a:hover, #nav_members a:active { background: url(/nonsequitur/img/navbar.gif) -116px -24px no-repeat;}
#nav_music a:hover, #nav_music a:active { background: url(/nonsequitur/img/navbar.gif) -190px -24px no-repeat;}
#nav_media a:hover, #nav_media a:active { background: url(/nonsequitur/img/navbar.gif) -246px -24px no-repeat;}
#nav_auditions a:hover, #nav_auditions a:active { background: url(/nonsequitur/img/navbar.gif) -300px -24px no-repeat;}
#nav_groupies a:hover, #nav_groupies a:active { background: url(/nonsequitur/img/navbar.gif) -378px -24px no-repeat;}

#nav_home a.selected:link, #nav_home a.selected:hover, #nav_home a.selected:visited, #nav_home a.selected:visited:hover { background: url(/nonsequitur/img/navbar.gif) -0px -48px no-repeat;}
#nav_about a.selected:link, #nav_about a.selected:hover, #nav_about a.selected:visited, #nav_about a.selected:visited:hover { background: url(/nonsequitur/img/navbar.gif) -58px -48px no-repeat;}
#nav_members a.selected:link, #nav_members a.selected:hover, #nav_members a.selected:visited, #nav_members a.selected:visited:hover { background: url(/nonsequitur/img/navbar.gif) -116px -48px no-repeat;}
#nav_music a.selected:link, #nav_music a.selected:hover, #nav_music a.selected:visited, #nav_music a.selected:visited:hover { background: url(/nonsequitur/img/navbar.gif) -190px -48px no-repeat;}
#nav_media a.selected:link, #nav_media a.selected:hover, #nav_media a.selected:visited, #nav_media a.selected:visited:hover { background: url(/nonsequitur/img/navbar.gif) -246px -48px no-repeat;}
#nav_auditions a.selected:link, #nav_auditions a.selected:hover, #nav_auditions a.selected:visited, #nav_customerreviews a.selected:visited:hover { background: url(/nonsequitur/img/navbar.gif) -300px -48px no-repeat;}
#nav_groupies a.selected:link, #nav_groupies a.selected:hover, #nav_groupies a.selected:visited, #nav_groupies a.selected:visited:hover { background: url(/nonsequitur/img/navbar.gif) -378px -48px no-repeat;}


/*-------------------------------------------------ROUNDED CORNERS-------------------------------------------------*/

/* set background images for corners */
.rbtop div { background: url(/nonsequitur/img/bkd_corner_tl.gif) no-repeat top left; }
.rbtop { background: url(/nonsequitur/img/bkd_corner_tr.gif) no-repeat top right; }
.rbbot div { background: url(/nonsequitur/img/bkd_corner_bl.gif) no-repeat bottom left; }
.rbbot { background: url(/nonsequitur/img/bkd_corner_br.gif) no-repeat bottom right; }

/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 5px;
	font-size: 1px;
}

.rssThumbFloat {
  float: left;
  width: 90px;
  padding: 0px;
  margin: 0;
  text-align: center;
  font-size: .85em;
}

.rssThumb {
  	padding: 0;
	margin: 0;
}
.one-image {
	display: inline;
	width: 100px;
	padding: 0 10px 0 0;
	margin: 0;
}
.nopadding {
padding: 0;
margin: 0;
}

#ContentBox .one-image img {
	border: 1px solid #000;
	padding: 0;
	margin: 0;
}

#rand-img {
	margin:auto;
	width: 450px;
}
		
#ContentBox { 
	color: #000000;
	margin: 0;
	padding: 0;
}
.ContentBoxBg { 
	background: url(/nonsequitur/img/content_bg.gif) repeat-y; 
}

#ContentBox img{
		padding: 0px 0px 10px 0px;
	}
	#ContentBox p {
		padding: 0px 0px 0px 0px;
		margin: 0;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
		color: #2f2f2f; }
	
	#ContentBox li, #ContentBox ul {
		padding: 0px 0px 10px 15px;
		font-size: 15px;
		font-weight: normal;
		line-height: 15px;
		color: #2f2f2f; }
		
	#ContentBox h4{
		padding: 0px 0px 0px 0px;
		margin-bottom: 2px; 
		font-size: 15px;
		line-height: 15px;
		color: #2f2f2f; }
		
	#ContentBox h6 {
		padding: 0px 0px 10px 0px;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
		color: #2f2f2f; }
	
		 
	#ContentBox h3 {
		padding: 3px 0px 7px 0px;
		font-size: 18px;
		line-height: 18px;
		color: #2f2f2f; }

	
	#ContentBox a:link, #ContentBox a:visited { color: #4b95d1; text-decoration: underline;}
	#ContentBox a:hover, #ContentBox a:visited:hover { color: #aeaeae;text-decoration: underline; }

#membersexcerpts {
float: left;
border: 1px dotted #919191;
background: #ededed;
padding: 8px;
height: 140px;
width: 172px;
margin: 0 10px 10px 0;
}
#memberpic {
float: left;
text-align: center;
width: 165px;
padding: 0 10px 0px 0px;
margin: 0;
}

#memberdesc {
float: left;
width: 170px;
padding: 0;
margin: 0;
text-align: center;
}
#memberdesc h2{
		padding: 0px 0px 0px 0px;
		margin-bottom: 2px; 
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
		color: #3d3d3d;
}


#memberspage {
border: 1px dotted #919191;
padding: 8px;
margin: 0 0 10px 0;
}
#memberfullpic {
float: left;
width: 100px;
padding: 0 10px 300px 0;
}
#memberfulldesc {
}
#memberfulldesc h2{
		padding: 0px 0px 0px 0px;
		margin-bottom: 2px; 
		font-size: 15px;
		font-weight: bold;
		line-height: 18px;
		color: #3d3d3d;
}

/* Copyright notice at bottom */
#Copyright {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 10px 20px;
	text-align: right;
	font-size: 9px;
	line-height: 1.3em;
}
#Copyright h5 {
	margin: 0px 20px 0 0;
	padding: 5px 0 0 0;
	border-bottom: none;
	color: #ededed;
	font-size: 9px;
	}
#Copyright a:link, #Copyright a:visited { color: #ededed; text-decoration: underline;}
#Copyright a:hover, #Copyright a:visited:hover { color: #9ac3e5;text-decoration: underline; }

/*---------------LAYOUT BOXES----------------------*/

/* 2-column layout container */
#Content {
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	text-align: left;
	border-top: 3px solid #ffffff;
	border-bottom: 4px solid #fff;
	background-color: #fff; }

/* Main content column */
#MainCol {
	float: left;
	margin: 0 0 20px 0;
	padding: 10px 30px 0px 30px;
	width: 400px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 400px; } html>body #MainCol { width: 400px; }

/* Sidebar column */
#SubCol {
	float: right;
	margin: 0;
	padding: 5px 30px 20px 0px;
	width: 247px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 247px; } html>body #SubCol { width:247px; }

/* One column only */
#OneCol {
	margin: 0;
	float: left;
	padding: 0;
	width: 100%; }
	
/*--------------MAIN TEXT -> #MainCol------------------------*/
/* Intro Text Block */
#WelcomeBox {
}
	#WelcomeBox h2 { 
		padding: 0;
		border: 0;
		font-size: 15px; 
		line-height: 24px;
		color: #000000; 
		margin-top: 15px;
	}
	#WelcomeBox b { 
		padding: 0;
		border: 0;
		font-size: 12px; 
		color: #559ad3; 
	}
	#WelcomeBox p { 
		padding: 0;
		margin: 0;
		font-size: 12px; 
		color: #000000; 
		line-height: 18px;
	}
	#WelcomeBox h4 { 
		padding: 0;
		margin: 15px 0 0 0;
		font-size: 12px; 
		color: #000000; 
		line-height: 15px;
	}
	#WelcomeBox a:link, #WelcomeBox a:visited { color: #4b95d1;text-decoration: underline; }
	#WelcomeBox a:hover, #WelcomeBox a:visited:hover { color: #aeaeae; }

#WelcomeTitle{
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
	border-top: 6px solid #ffeb93;
	border-bottom: 1px dotted #877c6a;
}
#WelcomeTitle img{
	padding: 0;
	border: 0;
}
/*--------------MAIN TEXT -> #MainCol------------------------*/
/* Intro Text Block */
#AnnouncementsBox { padding: 0px;}
	#AnnouncementsBox h2 { 
		padding: 0;
		border: 0;
		font-size: 15px; 
		line-height: 24px;
		color: #000000; 
		margin-top: 15px;
	}
	#AnnouncementsBox b { 
		padding: 0;
		border: 0;
		font-size: 12px; 
		color: #559ad3; 
	}
	#AnnouncementsBox p { 
		padding: 0;
		margin: 0;
		font-size: 12px; 
		color: #000000; 
		line-height: 18px;
	}
	#AnnouncementsBox h4 { 
		padding: 0;
		margin: 15px 0 0 0;
		font-size: 12px; 
		color: #000000; 
		line-height: 15px;
	}
	#AnnouncementsBox a:link, #AnnouncementsBox a:visited { color: #4b95d1;text-decoration: none; }
	#AnnouncementsBox a:hover, #AnnouncementsBox a:visited:hover { color: #aeaeae; }

#MainTitle{
	padding: 10px 0px 10px 0px;
	margin-bottom: 20px;
	border-top: 6px solid #ffeb93;
	border-bottom: 1px dotted #877c6a;
}
#MainTitle img{
	padding: 0;
	border: 0;
}
#MainContentImage{
	padding:0;
	margin: 0 0 10px 0;
}
#comments{
	padding: 10px 0px 0px 0px;
	margin: 0 0 10px 0;
	border-top: 1px dotted #877c6a;
}

#comments label{
	padding: 0 0 5px 0;
	border: 0;
	font-size: 12px; 
	
}
#comments input{
	padding: 0;
	margin: 5px 0 5px 0;
}
/*----------------------SIDEBAR COLUMN -> #SubCol------------------------*/
#GrayRoundedTop{
position: relative;
 height: 13px;
 margin: 0 0 0 0;
 padding: 0;
 background: url(/nonsequitur/img/gray_top_rounded.gif) bottom no-repeat;
}

#GrayRoundedBottom{
 margin: 0;
 padding: 0 0 10px 0;
 height: 13px;
 background: url(/nonsequitur/img/gray_bottom_rounded.gif) top no-repeat;
}
#BlueRoundedTop{
position: relative;
 height: 13px;
 margin: 0 0 0 0;
 padding: 0;
 background: url(/nonsequitur/img/blue_top_rounded.gif) bottom no-repeat;
}

#BlueRoundedBottom{
 margin: 0;
 padding: 0 0 10px 0;
 height: 13px;
 background: url(/nonsequitur/img/blue_bottom_rounded.gif) top no-repeat;
}

#UpcomingEventsTitle{
	padding: 0px 0px 10px 0px;
	margin: 0;
	border-bottom: 1px dotted #877c6a;
}
#UpcomingEventsTitle img{
	padding: 0;
	margin: 0;
}
/* Content block in sidebar */
	#SubColTop {	
		margin: 0;
		padding: 6px 20px 10px 20px;
	}
	.SubColTopBg { 
		background: url(/nonsequitur/img/blue_box_bg.gif) repeat-y; 
	}
	#SubColTop p {
		margin: 8px 0 0 0;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}
	#SubColTop h3 {
		margin: 0 0 0 0;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}
	#SubColTop a:link, #SubColTop a:visited,  #SubColTop a:active { color: #4b95d1;text-decoration: none;}
	#SubColTop a:hover, #SubColTop a:visited:hover, #SubColTop a:visited:active { color: #aeaeae;text-decoration: none; }


	#SubColContent {	
		margin: 0;
		padding: 6px 20px 0px 20px;
	}
	.SubColContentBg { 
		background: url(/nonsequitur/img/gray_box_bg.gif) repeat-y; 
	}
	#SubColContent p {
		margin: 8px 0 0 0;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}
	#SubColContent h3 {
		margin: 0 0 0 0;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}
	#SubColContent a:link, #SubColContent a:visited,  #SubColContent a:active { color: #4b95d1;text-decoration: none;}
	#SubColContent a:hover, #SubColContent a:visited:hover, #SubColContent a:visited:active { color: #aeaeae;text-decoration: none; }

	#SubColBottom {
	margin: 10px 0 0 0;
	padding: 0;
	}
	#SubColBottom img{
		padding: 0px 0px 0px 0px;
	}
	#SubColBottom div {
		padding: 0px 25px 0px 25px;
	}
	#SubColBottom p {
		margin-top: 5px;
		margin-bottom: 15px;
		color: #3d3d3d;
		font-size: 12px;
		line-height: 18px;
	}
	#SubColBottom a:link, #SubColBottom a:visited { color: #353535;text-decoration: none;}
	#SubColBottom a:hover, #SubColBottom a:visited:hover { color: #461015;text-decoration: underline; }


/*------------MISCELLANEOUS-----------------------*/

/* Mostly text pages */
#BodyText img{
		padding: 0px 0px 0px 0px;
	}
	#BodyText p {
		padding: 0px 0px 8px 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 18px;
		color: #2f2f2f; }
	
	#BodyText li, #BodyText ul {
		padding: 0px 0px 10px 15px;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
		color: #2f2f2f; }
		
	#BodyText h4{
		padding: 0px 0px 0px 0px;
		margin-bottom: 2px; 
		font-size: 15px;
		line-height: 15px;
		color: #2f2f2f; }
		
	#BodyText h6 {
		padding: 0px 0px 10px 0px;
		font-size: 15px;
		font-weight: normal;
		line-height: 18px;
		color: #2f2f2f; }
	
	#BodyText h3 {
		padding: 3px 0px 7px 0px;
		font-size: 18px;
		line-height: 18px;
		color: #2f2f2f; }

	
	#BodyText a:link, #BodyText a:visited { color: #4b95d1; text-decoration: underline;}
	#BodyText a:hover, #BodyText a:visited:hover { color: #aeaeae;text-decoration: underline; }


/* Remove traces of float */	
.ClearAll {
	clear: both;
	font-size: 2px; }

/* Hide warning from newer browsers */
.oldbrowsers { display: none; }

td.nowrap {
	white-space: nowrap;
	}