@charset "utf-8";

/**************************************************
Universal Styles
**************************************************/

body {
	font-family: 'Verdana',arial,sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	background-image: url('/images/bg_text.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin:0px 0px 0px 0px;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0;
}

.rightalign {
	text-align: right;
	padding: 5px;
}

/**************************************************
Framing Styles
**************************************************/

#siteframe {
	width: 902px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-right: 1px solid #000000;
	background-image: url('/images/bg_bubbles.png');
	background-repeat:repeat;
}

/**************************************************
Left styles
**************************************************/

#leftframe {
	width: 200px;
	float: left;
}

/**************************************************
Content Styles
**************************************************/

#contentframe {
	width: 700px;
	float: right;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	background-color: #ffffff;
	background-image: url('/images/bg_stars.png');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#top {
	width: 700px;
	height: 50px;
	background-color: #000000;
}

.topname {
	margin: 10px;
	float: left;
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	line-height: 12px;
}

.search {
	margin: 10px;
	float: right;
	text-align: left;
}

#menu {
	width: 693px;
	height: 34px;
	background-color: #333333;
	padding-left: 7px;
}

#feature {
	width: 700px;
	height: 210px;
	background-image: url('/images/bg_stripes.png');
	background-repeat: repeat;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
}

.feattext {
	width: 680px;
	padding: 10px;
	text-align: right;
}

.featalbum {
	width: 140px;
	text-align: center;
	float: left;
	color: #ffffff;
}

.featimg {
	width: 100px;
	height: 100px;
	border: solid 5px #ffffff;
}

.featimg:hover {
	width: 100px;
	height: 100px;
	border: solid 5px #009cff;
}

.featdesc {
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
}

.feattitle {
	font-size: 10px;
	font-weight: bold;
}

.featlog {
	font-size: 10px;
}

.featprice {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
}

#main {
	width: 700px;
	overflow: auto;
}

#bottom {
	width: 700px;
	background-color: #000000;
	border-top: 1px #ffffff solid;
}

/*************************************************
Main Page Content Styles
*************************************************/

.blogframe {
	width: 320px;
	text-align: center;
	padding: 15px;
	float: left;
}

.bloghead {
	text-align: left;
	width: 320px;
	padding-bottom: 5px;
}

.blogsection {
	border: 1px #000000 solid;
	width: 320px;
	text-align: left;
	color: #5e5e5e;
	background-color: #ffffff;
}

.blogfirst {
	background-color: #dddddd;
	padding: 5px;
}

.blogsecond {
	background-color: #ffffff;
	padding: 5px;
}

.blogtitle {
	font-size: 14px;
	font-weight: bold;
}

.blogdate {
	font-size: 10px;
	color: #000000;
}

.galleryframe {
	width: 700px;
	float: left;
}

.gallerytitle {
	text-align: left;
	padding-left: 15px;
}

.galleryimgbox {
	width: 130px;
	text-align: center;
	float: left;
	padding: 5px;
}

.galleryimg {
	border: 5px solid #009cff;
	height: 100px;
	width: 100px;
}

.galleryimg:hover {
	border: 5px solid #cccccc;
	height: 100px;
	width: 100px;
}

/*************************************************
Album Page Styles
*************************************************/

.albuminfo {
	width: 675px;
	margin: 6px;
	padding: 5px;
	float: left;
	background-color: #ffffff;
	border: 1px #cccccc solid;
}

.albumart {
	border: 10px #cccccc solid;
	height: 300px;
	width: 300px;
	float: left;
}

.albumart:hover {
	border: 10px #009cff solid;
	height: 300px;
	width: 300px;
	float: left;
}

.albumdetail {
	padding: 10px;
	width: 330px;
	float: left;
}

.albumtitle {
	font-size: 24px;
	color: #003353;
	font-weight: bold;
}

.albumprice {
	text-align: center;
	font-size: 18px;
	color: #003353;
	font-weight: bold;
	padding: 15px;
	width: 310px;
	float: left;
}

.albumcart {
	text-align: center;
	width: 310px;
	float: left;
}

.albumtags {
	width: 310px;
	padding: 10px;
	float: left;
	text-align: center;
}

.songnumber {
	text-align: center;
	font-weight: bold;
}

.songlist {
	width: 680px;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	padding: 5px;
	margin-left: 4px;
}

.songalt {
	background-color: #eeeeee;
}

.songtitle {
	font-weight: bold;
	font-size: 10px;
	padding-top: 5px;
}

.songartist {
	font-style: italic;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 2px;
}

.songremix {
	font-size: 8px;
	padding-top: 2px;
}

.songgenre {
	font-size: 8px;
	color: #65a4d9;
	padding-top: 2px;
	padding-left: 2px;
}

.songsample {
	text-align: center;
}

.reviews {
	margin: 10px;
	width: 680px;
}

.reviewone {
	background-color: #ffffff;
	border: 1px #cccccc solid;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.reviewdate {
	font-size: 10px;
	font-style: italic;
}

.reviewstars {
	text-align: right;
	padding-right: 5px;
}

.reviewtitle {
	font-size: 14px;
	font-weight: bold;
	color: #65a4d9;
	padding: 3px;
}

.reviewcontent {
	padding: 5px;
	font-size: 10px;
}

/*************************************************
Footer Styles
*************************************************/

.socialframe {
	text-align: right;
	padding-top: 5px;
}

.socialimg {
	padding-right: 5px;
}

.legal {
	text-align: left;
	padding: 5px;
	color: #ffffff;
	font-size: 10px;
}

/**************************************************
Sidebar Styles
**************************************************/

.sidebarframe {
	border-bottom: 1px dotted #ffffff;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: auto;
	color: #ffffff;
}

.sidebarhead {
	padding-bottom: 15px;
	text-align: left;
}

.sidebaralbum {
	padding-bottom: 15px;
	width: 145px;
	float: left;
}

.sidebarimgbox {
	float: left;
	padding-right: 5px;
}

.sidebarimg {
	border: 1px solid #ffffff;
	width: 35px;
	height: 35px;
}

.sidebarimg:hover {
	border: 1px solid #009cff;
	width: 35px;
	height: 35px;
}

.sidebartitle {
	font-size: 11px;
	font-weight: bold;
}

.sidebarartist {
	font-size: 8px;
}

.sidebarprice {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

/**************************************************
Link Styles
**************************************************/

a:link {
	color: #5e5e5e;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #5e5e5e;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	color: #5e5e5e;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #5e5e5e;
	text-decoration: underline;
	font-weight: bold;
}

a:link.black {
	color: #cccccc;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a:visited.black {
	color: #cccccc;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a:active.black {
	color: #cccccc;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a:hover.black {
	color: #cccccc;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}

a:link.more {
	color: #003353;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a:visited.more {
	color: #003353;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a:active.more {
	color: #003353;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a:hover.more {
	color: #003353;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

a:link.side {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a:visited.side {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a:active.side {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a:hover.side {
	color: #009cff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

a:link.cartlink {
	color: #003353;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

a.cartlink:hover {
	color: #003353;
	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

a:active.cartlink {
	color: #003353;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

a:visited.cartlink {
	color: #003353;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

a:link.tags {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #003353;
	line-height: 20px;
}

a.tags:hover {
	color: #003353;
	text-decoration: none;
	font-weight: bold;
	background-color: #eeeeee;
	line-height: 20px;
}

a:active.tags {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #003353;
	line-height: 20px;
}

a:visited.tags {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #003353;
	line-height: 20px;
}

a.cd_name {
	font-size: 18px;
	font-weight: bold;
	color: #003353;
}

a:active.cd_name {
	font-size: 18px;
	font-weight: bold;
	color: #003353;
}

a:visited.cd_name {
	font-size: 18px;
	font-weight: bold;
	color: #585858;
}

a:hover.cd_name {
	font-size: 18px;
	font-weight: bold;
	color: #003353;
	text-decoration: underline;
}

/*************************************************
Span Styles
*************************************************/

.points {
	font-size: 10px;
}

/*************************************************
Form Styles
*************************************************/

input#search {
	border: 1px solid #cccccc;
	color: #ffffff;
	background-color: #000000;
	padding-left: 5px;
}

input#search:focus {
	border: 1px solid #009cff;
}

/***************************************************
Tooltip Styles
***************************************************/

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

a.info:hover{z-index:24;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #cccccc;
    background-color:#ffffff; color:#000000;
    text-align: center}
	
/***************************************************
Page Select Styles
***************************************************/

a.pagenumbers {
	padding: 4px;
	align-text: center;
	border: solid 1px #000000;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	color: #74b0e4;
}

a:visited.pagenumbers {
	padding: 4px;
	align-text: center;
	border: solid 1px #000000;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	color: #74b0e4;
}

a:active.pagenumbers {
	padding: 4px;
	align-text: center;
	border: solid 1px #000000;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	color: #74b0e4;
}

a:hover.pagenumbers {
	border: solid 1px #009cff;
	background-color: #eeeeee;
}

a.pagearrows {
	padding: 4px;
	align-text: center;
	border: solid 1px #000000;
	background-color: #585858;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

a:visited.pagearrows {
	padding: 4px;
	align-text: center;
	border: solid 1px #000000;
	background-color: #585858;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

a:active.pagearrows {
	padding: 4px;
	align-text: center;
	border: solid 1px #000000;
	background-color: #585858;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

a:hover.pagearrows {
	background-color: #cccccc;
	color: #000000;
}

/*************************************************
Album List Page Styles
*************************************************/

.cd_list {
	width: 680px;
	background-color: #ffffff;
	border: 1px solid #000000;
	overflow: auto;
	margin: 10px;
}

.cd_art {
	padding: 9px;
	height: 125px;
	width: 125px;
	float: left;
}

.cd_border {
	border: 1px solid #000000;
}

.cd_details {
	width: 525px;
	padding: 10px 10px 10px 0px;
	float: left;
}

.cd_title {
	padding-bottom: 10px;
}

.cd_info {
	float: left;
	font-size: 10px;
	width: 325px;
}

.cd_cart {
	float: left;
	text-align: right;
	width:200px;
}

.cd_catno {
	font-size: 12px;
	font-weight: bold;
}

.cd_artist {
	font-size: 14px;
}

.cd_price {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}


/*************************************************
Links Page Styles
*************************************************/

.link_box {
	width: 220px;
	height: 80px;
	border: 1px solid #000000;
	background-color: #ffffff;
	padding-top: 15px;
	text-align: center;
	margin: 5px;
	float: left;
}

.linkimg {
	width: 200px;
	height: 40px;
	border: solid 5px #ffffff;
}

.linkimg:hover {
	width: 200px;
	height: 40px;
	border: solid 5px #009cff;
}

a.link_name {
	font-size: 12px;
	font-weight: bold;
	color: #003353;
}

a:active.link_name {
	font-size: 12px;
	font-weight: bold;
	color: #003353;
}

a:visited.link_name {
	font-size: 12px;
	font-weight: bold;
	color: #585858;
}

a:hover.link_name {
	font-size: 12px;
	font-weight: bold;
	color: #003353;
	text-decoration: none;
}