/*-----------------------------------------------------------------------------
KingsSingers Default Style Sheet

Version:   	1.0
Website:   	http://www.kingssingers.com
Date:		December 2007
-----------------------------------------------------------------------------*/
/* =General
-----------------------------------------------------------------------------*/

/* =Typography
-----------------------------------------------------------------------------*/

body {
  	font: 75%/1.5 "Lucida Grande", "Lucida Sans", Arial, Verdana;
	text-align: center;
	background: #fff url(/images/interface/header-tile-blk.gif) repeat-x top center; 
	margin: 0;
	color: #333;
	}
html>body {	font-size: 12px; }

a:link { 
	color: #DD2269; /*PINK:*/
	text-decoration: none;
	}

a:visited { 
	color: #DD2269;
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}

/* =Main Content
-----------------------------------------------------------------------------*/

/* =Main Nav
-----------------------------------------------------------------------------*/
#navcontainer { position: absolute; top: 100px; left: 2px; width: 960px; height: 38px; background: url(/images/interface/nav-bg1.gif) top left no-repeat; }

#mainNav { margin: 0; padding: 0; height: 30px; list-style: none; display: inline; overflow: hidden; text-align: left; }
#mainNav li { margin: 0; padding: 0; list-style: none; display: inline; }
#mainNav a { float: left; padding: 30px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:30px; /* for IE5/Win only */ }
#mainNav a:hover { background-position: 0 -30px; }
#mainNav a:active, #mainNav a.selected { background-position: 0 -60px; }
#thome a  { position: absolute; top: 9px; left: 20px; width: 59px; background: url(/images/interface/nav-home-grey.gif) top left no-repeat; }
#taboutus a { position: absolute; top: 9px; left: 81px; width: 87px; background: url(/images/interface/nav-about-grey.gif) top left no-repeat; }
#tmusic a { position: absolute; top: 9px; left: 232px; width: 60px; background: url(/images/interface/nav-music-grey.gif) top left no-repeat; }
#tcalendar a { position: absolute; top: 9px; left: 232px; width: 87px; background: url(/images/interface/nav-calendar-grey.gif) top left no-repeat; }
#tnews a { position: absolute; top: 9px; left: 323px; width: 60px; background: url(/images/interface/nav-news-grey.gif) top left no-repeat; }
#tgallery a { position: absolute; top: 9px; left: 449px; width: 78px; background: url(/images/interface/nav-gallery-grey.gif) top left no-repeat; }
#tfriends a { position: absolute; top: 9px; left: 529px; width: 76px; background: url(/images/interface/nav-friends-grey.gif) top left no-repeat; }
#tproducts a { position: absolute; top: 9px; left: 170px; width: 60px; background: url(/images/interface/nav-products-grey.gif) top left no-repeat; }
#tcontact a { position: absolute; top: 9px; left: 385px; width: 99px; background: url(/images/interface/nav-contact-grey.gif) top left no-repeat; }

/* =Branding
-----------------------------------------------------------------------------*/
#branding { position: relative; width: 100%; height: 11.6em; color: #fff; background-color:#000000; }
#branding h1 { position: absolute; top: 1px; left: 0px; z-index: 3; width: 356px; height: 98px; margin: 0; padding: 0; background: url(/images/interface/logo-text-blk.jpg) no-repeat; text-indent: -9000px; }
#branding h1 a { display: block; height: 98px; background: url(/images/interface/logo-text-blk.jpg) no-repeat; }
#branding #photo { position: absolute; top: 1px; left: 400px; z-index: 1; width: 550px; height: 98px; }
#branding #strap { position: absolute; top: 67px; left: 88px; z-index: 2; width: 300px; height: 17px; background: url(/images/interface/logo-slogan.gif) no-repeat; text-indent: -9000px; }
#branding p	{ float: right; text-align: right; margin: 10px 0 0 0; }
#branding a { color: #fff; text-decoration: underline; }
#branding a:hover { color: #fff; text-decoration: none; }
#branding #productSearch { position: absolute; top: 0; right: 0; width: 230px; }
#branding #productSearch form { margin: 0; padding: 0;}
#branding #productSearch .searchBox { float: left; width: 168px; height: 21px; margin: 9px 0 0 0; padding: 3px 8px 0 8px; background: url(/images/interface/search-bg-grey.gif) no-repeat top left; border: 0; }
#branding #productSearch .searchButton { float: right; margin: 10px 10px 0 0; }

/* =Home Page BOXES
-----------------------------------------------------------------------------*/
.boxHomepage { position: relative; width: 750px; height: 335px; background: #DCDCDC url(/images/interface/box-main-homepage-b.gif) no-repeat bottom left; }
#boxOnepage { position: relative; width: 900px; background-color:#DCDCDC  }
#boxOnepage h2 { background: url(/images/interface/box-main-homepage-f.gif) no-repeat top left; }
#primaryContent #boxOnepage h2 { margin: 0; padding: 16px 0 0 20px; font-size: 1.5em; color: #222; }
#boxOnepage p {
	width: 400px;
	font-size: 0.95em;
	line-height: 1.25em;
	padding: 0px;
	margin-top: 1px;
	margin-right: 20px;
	margin-bottom: 1px;
	margin-left: 20px;
}
#boxOnepage p a { text-decoration: underline; }
#boxOnepage p a:hover { text-decoration: none; }
#boxOnepage .imageHolder { float:left; width: 400px; }

.boxHomepage h2 { background: url(/images/interface/box-main-homepage-t.gif) no-repeat top left; }
#primaryContent .boxHomepage h2 { margin: 0; padding: 16px 0 0 20px; font-size: 1.5em; color: #222; }
.boxHomepage p { width: 310px; margin: 1em 20px;}
.boxHomepage h3{ width: 310px; margin: 1em 10px 10px 20px; padding-bottom:5px; text-transform: uppercase; border-bottom:1px solid #DD2269; v}
.boxHomepage h4{ width: 310px; margin: 1em 20px 0px 20px; padding:0;}
.boxHomepage p a { text-decoration: underline; }
.boxHomepage p a:hover { text-decoration: none; }
.boxHomepage .imageHolder { position: absolute; left: 350px; top: 16px; }

#boxCalendar { float: left; width: 330px; height: 230px; margin-top: 20px; background: #eee url(/images/interface/box-calendar-b.gif) no-repeat bottom left; }
#boxCalendar h4 {  background: url(/images/interface/box-calendar-t.gif) no-repeat top left; margin:0; padding: 20px 10px 0.25em 20px; font-size: 1em; font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; color: #454545; }
#boxCalendar p, .boxRightPlayer p { margin: 0; padding: 0 10px 20px 20px; }
#boxCalendar a { text-decoration: underline; }
#boxCalendar a:hover { text-decoration: none; }

#boxBlogs { float: left; width: 330px; height: 230px; margin-top: 20px; background: #eee url(/images/interface/box-calendar-b.gif) no-repeat bottom left; }
#boxBlogs h4 {  background: url(/images/interface/box-calendar-t.gif) no-repeat top left; margin:0; padding: 20px 10px 0.25em 20px; font-size: 1em; font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; color: #454545; }
#boxBlogs p { margin: 0; padding: 10px 0 0 0; }
#boxBlogs a { text-decoration: underline; }
#boxBlogs a:hover { text-decoration: none; }
#pBlogs{ margin:0 20px 0 20px;border-top:1px solid #DD2269; }

#boxutube { float: left; width: 400px; height: 480px; margin: 20px 20px 0 0; background: #A9A9A9 url(/images/interface/box-Player-b.gif) no-repeat bottom left; }
#boxutube h4 { background: url(/images/interface/box-Player-t.gif) no-repeat top left; margin:0; padding: 20px 10px 0.25em 20px; font-size: 1em; font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; color: #454545; }
#boxutube p, .boxRightPlayer p { margin: 0; padding: 0 10px 20px 20px; }
#boxutube a { text-decoration: underline; }
#boxutube a:hover { text-decoration: none; }

#boxutube2 { float: left; width: 600px; height: 480px; margin: 20px 20px 0 0; background: #A9A9A9 url(/images/interface/box-Player-b600.gif) no-repeat bottom left; }
#boxutube2 h4 { background: url(/images/interface/box-Player-t600.gif) no-repeat top left; margin:0; padding: 20px 10px 0.25em 20px; font-size: 1em; font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; color: #454545; }


#youtube{ margin:0 20px 0 20px;border-top:1px solid #DD2269; padding:5px; padding-left:15px;}

#boxPlayer09 { float: left; width: 330px; height: 230px; margin-top: 20px;  background: #eee url(/images/interface/box-calendar-b.gif) no-repeat bottom left; }
#boxPlayer09 h4 { background: url(/images/interface/box-calendar-t.gif) no-repeat top left; margin: 0; padding: 20px 10px 0.25em 20px; font-size: 1em; font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; color: #454545; }

#boxPlayer09 p { margin: 0; padding: 0 5px 20px 5px; font-size: 0.95em; line-height: 1.25em; }
#boxPlayer09 a { color: #4e3218; text-decoration: underline; }
#boxPlayer09 #featuredInfo a:hover { background: #fbfaf7; text-decoration: none; border-bottom: 2px solid #999; }
#boxPlayer09 img { float: left; background: #fff; border:1px solid #bbb; margin: 0 10px 0 0px; padding: 4px; }
#boxPlayer09 img:hover { background: #ccc; }

#boxPlayer09 #featuredProduct {  margin:0 10px 0 20px; border-top:1px solid #DD2269; }
#boxPlayer09 #featuredInfo { float: left; margin: 0; width: 150px; }
#boxPlayer09 .featured { display: block; margin-top: 1em; }
#boxPlayer09 .featuredPrice { font-weight: bold; font-size: 1.25em; margin: 0 10px 0 0; }

/* PHP CALENDAR FUNCTION */
#calendar { margin:0 20px 0 20px;border-top:1px solid #DD2269; padding:0;}
#calendar1 { }
#cal_prev {float: left; width:30%;}
#calendarMonth {float: left; width:40%; font-weight:bold; margin-top:8px; text-align:center;}
#cal_next {float: left; width:30%;}
#date_table{float: left; width:98%;}
.days     { font-family:Verdana, arial, helvetica, sans-serif; color:#000000; font-size:10px; }
.calendar-month   { font-family:Verdana, arial, helvetica, sans-serif; color:#000000; font-size:12px; font-weight: bold; }
a.calendarlink:link  { color:#f0f0f0; background-color: #DD2269; padding: 1px; text-decoration: none; }
a.calendarlink:visited { color:#f0f0f0; background-color: #DD2269; padding: 1px; text-decoration: none; }
a.calendarlink:hover { color:#f0f0f0; background-color: #DD2269; padding: 1px; text-decoration: underline; }
a.nav:link  { color: #000000; font-weight: normal;  font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; }
a.nav:visited { color: #000000; font-weight: normal;  font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; }
a.nav:hover  { color: #000000; font-weight: normal;  font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; }
a.navbar:link  { color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
a.navbar:visited { color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
a.navbar:hover  { color: #666666; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }

#boxPlayer, #boxRightPlayer { float: left; width: 400px;  height: 230px; margin-top: 20px; background: #A9A9A9 url(/images/interface/box-Player-b.gif) no-repeat bottom left; }
#boxPlayer h4, #boxRightPlayer h4 { background: url(/images/interface/box-Player-t.gif) no-repeat top left; margin: 0; padding: 20px 10px 0.25em 20px; font-size: 1em; font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; color: #454545; }
#boxPlayer h5, #boxRightPlayer h5 { margin: 0 0 0.25em 0; }
#boxPlayer h5 a { color: #333; text-decoration: none; }
#boxPlayer p { margin: 0; padding: 0; }
#boxPlayer a { color: #4e3218; text-decoration: underline; }
#boxPlayer #featuredInfo a:hover { background: #fbfaf7; text-decoration: none; border-bottom: 2px solid #999; }
#boxPlayer img { float: left; background: #fff; border:1px solid #bbb; margin: 0 20px 0 0px; padding: 4px; }
#boxPlayer img:hover { background: #ccc; }

#boxPlayer #featuredProduct {  margin:0 20px 0 20px; border-top:1px solid #DD2269; }
#boxPlayer #featuredInfo { float: left; margin: 0; width: 192px; }
#boxPlayer .featured { display: block; margin-top: 1em; }
#boxPlayer .featuredPrice { font-weight: bold; font-size: 1.25em; margin: 0 10px 0 0; }

#boxCalender #newProduct {  margin:0 20px 0 20px; border-top:1px solid #DD2269; }