/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.2
Developer: 			Parscale Media
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Brad Parscale - Parscale Media
Last Modified: 		Sat 8.19.09 @ 1:28pm

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q{ quotes: none; }
br{ height: 0; }
ul, ol, dl{ list-style: none; }

/* Class for clearing floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}


/* 2. Define Base Typography 
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #57482f; font-family: "georgia",serif;}

/* Create the Default Paragraphs */
p {color:#373736; line-height:15px; margin-bottom: 10px;}

/* Specific Header Settings */
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px; font-weight: normal; font-family: "arial";}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

/* Other Typo */
strong{font-weight: bold;}
hr{border:0 #000 solid;border-top-width:1px;clear:both;height:0;}
ol{list-style:decimal;}
ul{list-style:square;}
h2.lines {margin-bottom: 10px; padding-bottom: 5px; text-transform: lowercase; background: url(/images/site/dotted_line_rptr.gif) bottom repeat-x;}


/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style:none;}

/* Create default inline image class */
img.inline{ display: inline; vertical-align: middle; }


/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a{color:#296085;text-decoration:none;}
a:hover{color:#296085;text-decoration:underline;}
a:active{outline:none;}
a:focus{outline:1px dotted invert;}
a.arrow {background: url(/images/site/arrow.gif) 5px 9px no-repeat; padding: 5px 5px 5px 20px; background-color: #f1f0df;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}

/* Default Horizontal Zebra Table */
#hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;}
#hor-zebra b{font-size: 13px; font-weight: bold;color:#02624e;}
#hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #02624e;}
#hor-zebra td{color:#454444;padding:5px 8px 5px 8px; }
#hor-zebra .odd{background:#f1f1f2;}

/* 7. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
body {background: url(http://mackmedia.net/imageserver/corp/bg/bg_01.jpg) repeat-x; font: 12px "arial",sans-serif, monospace;background-attachment:fixed;}
.latest {background: url(http://mackmedia.net/imageserver/corp/bg/bg_04.jpg) repeat-x;background-attachment:fixed;}
.music {background: url(http://mackmedia.net/imageserver/corp/bg/bg_06.jpg) repeat-x;background-attachment:fixed;}
.gallery {background: url(http://mackmedia.net/imageserver/corp/bg/bg_07.jpg) repeat-x;background-attachment:fixed;}
.contact {background: url(http://mackmedia.net/imageserver/corp/bg/bg_03.jpg) repeat-x;background-attachment:fixed;}
.about {background: url(http://mackmedia.net/imageserver/corp/bg/bg_05.jpg) repeat-x;background-attachment:fixed;}
.tours {background: url(http://mackmedia.net/imageserver/corp/bg/bg_07.jpg) repeat-x;background-attachment:fixed;}

/* Header */
#header_wrapper {height: 100px; position: relative; margin-bottom: 20px;}
#fake_header{position: absolute; top: 20px; left: 0; height: 90px; background: #463c2e; width: 960px;}
#header {margin: 0 auto; height: 90px; width: 960px; background: #463c2e; position: relative; top: 20px;}
#logo {width: 465px; height: 45px; position: absolute; top: 12px; left: 0;}

/* Navigation */
#navigation {position: absolute; right: 0; top: 0;}
#navigation ul {list-style: none;}
#navigation ul li {display: inline;}
#navigation ul li a {display: block; float: left; border-left: 1px solid #6f604a;}
#navigation ul li a.latest {width: 43px; height: 90px; overflow: hidden; background: url(/images/site/nav_latest.jpg) no-repeat;}
#navigation ul li a.music {width: 43px; height: 90px; overflow: hidden; background: url(/images/site/nav_music.jpg) no-repeat;}
#navigation ul li a.tours {width: 43px; height: 90px; overflow: hidden; background: url(/images/site/nav_tour.jpg) no-repeat;}
#navigation ul li a.gallery {width: 43px; height: 90px; overflow: hidden; background: url(/images/site/nav_gallery.jpg) no-repeat;}
#navigation ul li a.contact {width: 43px; height: 90px; overflow: hidden; background: url(/images/site/nav_contact.jpg) no-repeat;}
#navigation ul li a.about {width: 43px; height: 90px; overflow: hidden; background: url(/images/site/nav_about.jpg) no-repeat;}
#navigation ul li a:hover {background-position: 0 -90px;}
#navigation ul li a#active {background-position: 0 -90px;}

/* Content */
#content {width: 960px; margin: 0 auto;}

/* Home Content */
#home_left_content {width: 460px; float: left; margin-right: 10px;}
#home_right_content {width: 490px; float: right; margin-top: 20px;}
#home_blog {width: 340px; padding: 10px 20px 20px; background: #eff2f3; float: right; margin-bottom: 10px; position: relative;}
#home_blog_rss {width: 32px; height: 40px; overflow: hidden; position: absolute; top: 5px; left: -32px;}
#home_news {width: 310px; padding: 10px 20px 20px; background: #eff2f3; float: right; position: relative;}
#home_news_rss {width: 32px; height: 40px; overflow: hidden; position: absolute; top: 5px; left: -32px;}
#home_music {width: 370px; padding: 10px 20px 0; background: #eff2f3; margin-bottom: 10px;}
#home_gallery {width:325px; padding: 10px 20px 20px; background: #eff2f3; margin-bottom: 10px;}
#home_gallery img {margin-right: 10px; border: 3px solid #bccddc; margin-bottom: 5px;}
#home_tour {width: 400px; padding: 10px 20px 20px; background: #eff2f3; margin-bottom: 10px; position: relative;}
#home_tour p {margin-bottom: 0;}
#home_tour_rss {width: 32px; height: 40px; overflow: hidden; position: absolute; top: 5px; right: -32px;}

.home_music_item {width: 370px; margin-bottom: 10px;}
.hmi_image {width: 100px; float: left;}
.hmi_text {width: 270px; float: right;}
.home_tour_item {width: 370px; margin-bottom: 10px;}
.hti_date {width: 100px; float: left;}
.hti_location {width: 270px; float: right;}
.rss {background: url(/images/site/rss_swap.png); display: block; width: 32px; height: 40px;}
.rss:hover {background-position: 0 -40px;}
.rss_right {background: url(/images/site/rss_swap.png) right top no-repeat; display: block; width: 32px; height: 40px;}
.rss_right:hover {background-position: right -40px;}

/* Newsletter Signup */
#newsletter_join {width: 245px; height: 120px; margin-bottom: 10px; position: relative; background: #eff2f3;}
.right {float: right;}
#newsletter_form {background: url(/images/site/signup_box.png) no-repeat; width: 245px; height: 75px; position: absolute; left: -5px; top: 10px;}
#newsletter_social {width: 225px; position: absolute; top: 85px; right: 0;}
#newsletter_social p {float: left; font-weight: bold; color: #646464; padding-top: 7px; margin-right: 10px; margin-bottom: 0;}
#newsletter_form form {position: absolute; top: 9px; left: 25px;}
#newsletter_form input {font-size: 19px; color: #646464; width: 130px; margin-right: 10px;}
#newsletter_form input.submit {width: 40px; background: #1f313f; height: 30px; color: #fff; cursor: pointer;}

/* Internal Content */
#internal_left_content {width: 630px; float: left; margin-right: 10px;}
#internal_right_content {width: 320px; float: right; margin-top: 20px;}
#internal_news {width: 280px; padding: 10px 20px 20px; background: #eff2f3; position: relative; margin-bottom: 10px;}
#internal_news_rss {width: 32px; height: 40px; overflow: hidden; position: absolute; top: 5px; right: -32px;}
#internal_latest, #internal_gallery, #internal_about {width: 200px; padding: 10px 20px 20px; background: #eff2f3; margin-bottom: 10px;}
#internal_latest ul, #internal_gallery ul, #internal_about ul {list-style: none;}
#internal_latest ul li, #internal_gallery ul li, #internal_about ul li {margin-bottom: 5px;}

/* Blog */
.blog_summary {background: url(/images/site/dotted_line_rptr.gif) bottom repeat-x; padding-bottom: 10px; margin-bottom: 20px;}
#blog {width: 550px; padding: 10px 20px 20px; background: #eff2f3; float: right; margin-bottom: 20px; position: relative;}
#blog_rss {width: 32px; height: 40px; overflow: hidden; position: absolute; top: 5px; left: -32px;}

/* Music */
#music {width: 550px; padding: 10px 20px 20px; background: #eff2f3; float: right; margin-bottom: 20px; position: relative;}
#music_player {width: 250px; float: left;}
#music_list {width: 300px; float: right;}
#music_list h2 {margin-bottom: 10px;}
/* Contact */
#contact {width: 550px; padding: 10px 20px 20px; background: #eff2f3; float: right; margin-bottom: 20px; position: relative;}

/* About */
#about {width: 550px; padding: 10px 20px 20px; background: #eff2f3; float: right; margin-bottom: 20px; position: relative;}

/* Tour Table */
.tour_list {width: 520px; background: url(images/site/inside_bkg_box_rptr.png); padding: 10px;}
.tour_text {width: 500px; background: url(images/site/inside_body_table_box_rptr.png); padding: 10px;}
.tour_text a {color: #379aa9;}

.tourdates {width: 500px;}
.tourdates tr {height: 80px;}
.tourdates tr.odd {background: #fff;}
.tourdates td {padding: 5px; color: #033552;}
.tourdates td span {font-size: 30px;}
.tourdates td img {width: 60px; max-height: 60px;}


/* Gallery */
#gallery {width: 550px; padding: 10px 20px 20px; float: right; margin-bottom: 20px; position: relative;}
#gallery_title {background: #eff2f3; padding: 5px; margin-bottom: 10px;}
#gallery_images {width: 550px; height: 400px; overflow: hidden;}
#gallery_images img {max-width: 550px; max-height: 380px; margin-bottom: 100px;}
#gallery_images_nav {}
#gallery_images_nav a {background: #fff; color: #1f1e1d; padding: 5px 7px; border: 1px solid #1f1e1d; margin-right: 5px;}
#gallery_images_nav a.activeSlide {background: #1f1e1d; color: #fff; text-decoration: none;}
#gallery_images_nav a:hover {background: #1f1e1d; color: #fff; text-decoration: none;}


/* Footer */
#footer_wrapper {position: relative;}
#fake_footer {position: absolute; top: 0; right: 0; height: 120px; background: #bac8d3; width: 960px;}
#footer {width: 960px; margin: 0 auto; top: 0;}
#footer_bar {background: #bac8d3; width: 960px; padding: 10px 10px 0 10px; height: 110px; position: relative; top: 0;}
#footer_bar img {border: 3px solid #fff;}
#footer_bar_left {width: 470px; float: left; padding-top: 20px;}
#fbl_image {width: 100px; float: left;}
#fbl_text {width: 370px; float: right;}
#footer_bar_right {width: 470px; float: right;}
.fbr_image {width: 100px; float: left;}
.fbr_text {width: 370px; float: right;}
.fbr_text table {margin-bottom: 5px;}
.fbr_text table td {font-size: 13px; color: #373736;}

#footer_text {margin-top: 10px;}
#footer_text p {color: #b2b5b5;}
#footer_text ul {list-style: none; margin-bottom: 3px;}
#footer_text ul li {display: inline; margin-right: 5px; color: #296085;}

#tabs {}
#tabs ul {margin-top: 0; margin-bottom: 5px; list-style: none;}
#tabs ul li {margin-bottom: 3px;}
#tabs a.arrow {background-color: transparent;}
.tabNavigation {list-style: none; margin-bottom: 0; margin-left: 100px;}
.tabNavigation li {display: inline; background: none; padding: 0; margin: 0;}
.tabNavigation li a {text-decoration: none;}
.tabNavigation li a:hover {}
#tab1 ul li a {color: #57482f;}