/* CSS Document 

http://www.karaokeconvention.com
author: Jessie Rauch
author site: http://www.jessierauch.com

All rights reserved. This CSS may not be duplicated for any purpose.
*/


/*
1. Universal Declarations
2. Structure
3. Navigation
4. Text Styles
5. Forms
*/


/* Universal Declarations
----------------------------------------------------------------------------- */

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;
	}
		
ul {
		list-style-type: none;
	}
	
* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
	}
		
:link img {
		border: none;
	}

* img {
		border: none;
	}
	
a img {
		border: none;
	}
	
:link img, :active img {
		border: none;
	}

	
/* Structure
----------------------------------------------------------------------------- */
html { 
		margin-top: 32px;
		/*margin-left:32px;*/
		
	}

body {
		font-size: 62.5%; /*  Sets 1em to 10px */
		text-align:center;
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height:1.8em;
		background: url(images/site/woodgrain.jpg) repeat top left;
	}
#wrapper {
		width: 900px;
		margin: 0 auto;
		text-align: left;
		
	}
	
#header {
		text-align:center;
		padding-top:64px;
		background: url(images/site/topbg.png) no-repeat top left;	
}
#copyright {
		clear:both;
		padding-left:36px;
		padding-right:36px;
		padding-bottom:64px;
		height:138px;
		background: url(images/site/bottombg.png) no-repeat top left;
		color:#999;	
}
#footer {
		font-size:1.2em;
		font-family:Helvetica, Arial, sans-serif;
		color:#666;
}
#footer a, #copyright a {
		color:#666;
}
#footer a:hover, #copyright a:hover {
		color:#000;
}
#f1 {
		width:258px;
		padding-right:18px;
		float:left;
}
#f2 {
		width:240px;
		padding-right:18px;
		padding-left:18px;
		float:left;
}
#f3 {
		width:258px;
		padding-left:18px;
		float:right;
}
#contents {
		background-color:#f8f7ee;
		margin-top:-5px;
		padding:36px;
}


.leftside {
		width:534px;
		font-size:1.4em;
		float:left;
}
.rightside {
		width:258px;
		font-size:12px;
		float:right;
}
.clr {
		clear:both;
}
.dline {
		height:1px;
		padding-bottom:16px;
		background: url(images/site/double.png) repeat-x top left;
}
.dlinesp {
		height:16px;
		clear:both;
}
.line {
		height:1px;
		padding-bottom:17px;
		background: url(images/site/single.png) repeat-x top left;
}
.spacer {
		height:18px;
		clear:both;
}
/* Navigation
----------------------------------------------------------------------------- */
#mainnav {
		font-family:"Courier New", Courier, monospace;
		font-size:14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing:2px;
		text-align:center;
}
#mainnav ul li {
		display:inline;
		
}
#mainnav ul li.last a {
		border-right:none !important;	
}
#mainnav ul li.first a {
		margin-left:none !important;	
}
#mainnav ul li a {
		display:inline-block;
		color:#000;
		padding-top:9px;
		padding-bottom:9px;
		margin-top:9px;
		margin-bottom:9px;
		padding-left:24px;
		margin-left:-13px;
		border-right:1px dotted #CCC;
		padding-right:24px;
}

#mainnav ul li.current a {
		color:#FFF;
		/*background-color:#042f79;*/
}
#mainnav ul li a:hover {
		text-decoration:line-through;
}
li#about.current a {
		background: url(images/site/nav/about_red.png) no-repeat top left;
}
li#venues.current a {
		background: url(images/site/nav/venues_red.png) no-repeat top left;
}
li#rehearse.current a {
		background: url(images/site/nav/rehearse_red.png) no-repeat top left;
}
li#gallery.current a {
		background: url(images/site/nav/gallery_red.png) no-repeat top left;
}
li#blog.current a {
		background: url(images/site/nav/blog_red.png) no-repeat top left;
}
li#contact.current a {
		background: url(images/site/nav/contact_red.png) no-repeat top left;
}




/* Text Styles
----------------------------------------------------------------------------- */
p a {
		color:#083f8a;
}
p a:hover {
		color:#CC0000;
		text-decoration:underline;
}
h1.logo {
		font-family:Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size:18px;
		text-transform:uppercase;
		line-height:1;
		text-indent:-9000px;
		background: url(images/site/karaoke_convention_logo.png) no-repeat top left;
}
/*span.pagetitle {
		font-family:Helvetica, Arial, sans-serif;
		font-weight: bold;
		display: inline;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:18px;
		line-height:1;
		text-align:center;
}*/
h2.pagetitle {
		font-family:Helvetica, Arial, sans-serif;
		font-weight: bold;
		display: inline;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:18px;
		line-height:1;
		text-align:center;
		color:#000 !important;
}
h2.pagetitle a {
		color: #000;
}
h2.pagetitle a:hover {
		color: #CC0000;
}
h2 {
		font-family:Helvetica, Arial, sans-serif;
		font-weight: bold;
		display: inline;
		color: #cc0000;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:16px;
		line-height:1;
}

h3 {
		font-family:"Courier New", Courier, monospace;
		font-weight: bold;
		display: inline;
		color: #FFF;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:1.3em;
}
h3 a {
		color:#FFF;
	}
h3 a:hover { 
		text-decoration:line-through;

}
h4 {
		font-family:Helvetica, Arial, sans-serif;
		font-weight:bold;
		font-size:16px;
}

h5 {
		font-family:Helvetica, Arial, sans-serif;
		font-weight:bold;
		font-size:14px;
}
h5 a, h4 a {
		color:#000;
}
h5 a:hover, h4 a:hover {
		color:#CC0000;
		text-decoration:underline;
}
span.caps {
		font-size:0.9em;
		display: inline;
		text-transform:uppercase;
		letter-spacing:1px;
		line-height:1;
}
p {		
		padding-bottom:18px;
}
div.top a {
		display:block;
		width:64px;
		height:36px;
}
div.top a:hover {
		background: url(images/site/top_bg.png) no-repeat top left !important;
}
ul.bulletlist {
		padding-bottom:18px;
		list-style-type:disc;
		padding-left:-18px;
}
div.sidenav {
		background: url(images/site/sidenav.gif) no-repeat top left;
		width:258px;
		text-align:center;
		padding-top:9px;
		padding-bottom:9px;
}
.rightside ul li {
		font-family:"Courier New", Courier, monospace;
		font-weight: bold;
		color: #FFF;
		text-transform:uppercase;
		letter-spacing:2px;
		size:13px;
}
.rightside ul li a {
		color:#000;
		padding-left:4px;
		display: block;
		line-height: 18px;
		width: 254px;
}
.rightside ul li a:hover {
		color:#FFF;
		background-color:#000;
}

.rightside ul li.current a{
		color:#FFF;
		background-color:#083f8a;
}
div.sidebar {
		background: url(images/site/sidebar.gif) no-repeat top left;
		width:258px;
		text-align:center;
		padding-top:9px;
		padding-bottom:9px;
}
span.date {
		font-family:"Courier New", Courier, monospace;
		text-transform:uppercase;
		letter-spacing:1px;
		color: #999;
		font-size:12px;
}

/* Forms
----------------------------------------------------------------------------- */

.searchbox {
		border:1px solid #CCC;
		margin-left:1px;
		padding:3px;
		color:#666;
}
.searchbox:focus { 
		padding-left:2px;
		padding-top:2px;
		border-top: 2px solid #AAA; 
		border-left: 2px solid #AAA; 
		border-right: 1px solid #BBB; 
		border-bottom: 1px solid #BBB; 
}
.searchbutton {
		border:1px solid #CCC;
		vertical-align:middle; 
		margin-left: 3px;
		margin-bottom:4px;
		padding:4px;
		padding-top:5px;
		background-color:#EFEFEF;
		font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		color:#999;
		font-size:11px;
}
.searchbutton:hover {
		background-color:#FFF;
}
.searchbutton:focus {
		background-color:#999;
		padding-top:4px;
		padding-left:3px;
		border-top: 2px solid #777; 
		border-left: 2px solid #777; 
		border-right: 1px solid #666; 
		border-bottom: 1px solid #666; 
		color: #666;
}
div.displaybutton {
		float:left;
		margin-left:78px;
}

label.overlabel {
		margin-top:6px;
		float:left;
		width:80px;
		font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
		color:#000;
}