/* First, let's import the other .css files */

@import url(/css/globals.css);
@import url(/css/text.css);
@import url(/css/advertising.css);



/* Twitter stuff */

#twitter_div					{ padding: 0px 0px 100px 0px; }
#twitter_update_list				{ list-style-type: decimal-leading-zero !important; }
#twitter_update_list li				{ line-height: 200%; }



/* Parts of the Page */

#canvas						{ width: 100%; padding: 20px 0px 20px 0px; margin: 0px; background: url(/gfx/back/canvas.gif) repeat-y center top; }
#canvas.amazon				{ text-align: center; margin-top: 200px; }
#canvas.amazon a:hover			{ border: 0px; }

#rootHead						{ margin: 0px auto 20px auto; }

#container					{ width: 100%; text-align: center; }
#content						{ position: relative; left: 0px; top: 0px; width: 1000px; text-align: left; margin: 0px auto 0px auto; }
#content p b,#content p strong		{ font-size: 10pt; color: #202020; }
#page						{ width: 980px; margin: 0px auto 0px auto; }
#dateTime					{ }
#dateTime a:link,#dateTime a:visited	{ text-decoration: underline !important; }
#ibanner						{ padding-top: 10px; }
.iBanner						{ float: right; width: 468px; height: 80px; background-color: #fc0; overflow: hidden; }

.banner						{ margin-bottom: 5px; }
.bannertext					{ color: #c0c0c0; font-size: 8pt; font-family: verdana; text-decoration: none; }
.bannertext:visited				{ color: #c0c0c0; }
.bannertext:hover 				{ color: #808080; text-decoration: underline; }

.pagegrid						{ width: 740px; background-color: #FFFFFF; table-layout: fixed; }
.footgrid						{ table-layout: auto !important; }
.maxline						{ width: 740px; }
.verdana						{ font-family: verdana !important; }
.headlite						{ color: #000099; font-family: verdana;	font-size: 0.8em; font-weight: normal; }
.head						{ color: #000099; font-family: verdana;	font-size: 0.8em; font-weight: bold; }
.headlink						{ color: #000099; font-weight: normal; }
.headlink:visited				{ color: #000099; }



/* Table version.. */

#headband					{ margin: 0px; width: 100%; height: 30px; color: #808080; background: #fafafa url(gfx/back/headband.gif) repeat-x top; font: normal 8pt verdana; border-collapse: collapse; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #808080; }
#headband td					{ padding: 5px; }
#headband a:link				{ color: #808080 !important; text-decoration: none !important; }
#headband a:visited				{ color: #808080 !important; text-decoration: none; }
#headband a:hover				{ color: #404040 !important; text-decoration: underline; background: transparent !important; }
#headband strong				{ color: #404040; font: normal 10pt verdana; }

.shading						{ width: 100%; height: 5px; background: #ffffff url(/gfx/back/shading.gif) repeat-x; margin: 0px auto 20px auto; overflow: hidden; }
.footline						{ width: 100%; height: 1px; color: #8aadce; background: #8aadce; clear: both !important; border: 0px; }
.footlite						{ color: #808080; font-family: verdana;	font-size: 8pt; font-weight: normal; }
.footlite a,.footlite a:visited 		{ color: #505050; }

.footlist						{ color: #c0c0c0; list-style-type: square; font-size: 8pt; font-family: verdana; }
.footlist li						{ color: #c0c0c0 !important; }
.footlist li:hover					{ color: #808080 !important; }
.footlist a:hover					{ background-color: yellow; color: red; }

.clock						{ }
.credit						{ color: #808080; font: normal 8pt verdana; }
.credit a,.credit a:visited			{ color: #505050; }
.credit a:hover					{ color: #000000; }
.credit a:active					{ color: #505050; background: #e0e0e0; }
.auctions						{ padding-top: 0px; }

#updatedTD					{ }
#updatedTD A:link				{ color: #000000; text-decoration: underline !important; }
#updatedTD A:visited				{ color: #000000; text-decoration: underline !important; }
#updatedTD A:hover				{ color: #000000; text-decoration: none !important; }



.text							{ color: #000000; font: normal 8pt verdana; }
.norm						{ color: #303030; font: normal 8pt verdana; line-height: 20px; }
.foto							{ border: 1px solid #c0c0c0; }
.body 						{ color: #000000; font: normal 0.8em verdana; }
.caption						{ color: #000090; font: normal 8pt verdana; text-decoration: none !important; clear: left; }
.caption:visited 					{ color: #000090 !important; }
.caption:hover					{ color: #000090 !important; }

.result						{ color: #000000; font-family: verdana; font-size: 8pt; list-style-type: circle; }

.menulink						{ color: #808080; font: normal 8pt verdana; }
.menudorment					{ color: #202020; font: normal 8pt verdana; }
.main						{ color: #202020; font: normal 8pt verdana; text-align: center; }

.prodname					{ color: #000099; font-family: verdana;	font-size: 7.5pt; font-weight: bold; }
.prodgrid						{ color: #c0c0c0; font-family: verdana; font-size: 7.5pt; background-color: #c0c0c0; }
.prodgridlink					{ color: #404040; width: 100%; height: 100%; }
.prodgridlink:hover				{ color: #000000; width: 100%; height: 100%; }
.prodgridlink:active				{ color: #000000; width: 100%; height: 100%; }
.prodgridlink:visited				{ color: #000000; width: 100%; height: 100%; }
.rowhi						{ background-color: #ffffd9; cursor: pointer; }
.rowoop						{ background-color: #fafafa; cursor: crosshair; }
.shopgrid						{ color: #000000; font-family: verdana; font-size: 7.5pt; background-color: #fc3; }

.terms						{ width: 200px; }
.go							{ width: 75px; }
.hometerms					{ width: 200px; }
.homego						{ width: 75px; }

.oop							{ color: red !important; text-decoration: line-through; font: normal 8pt verdana; }
.nostock						{ color: red !important; font: normal 8pt verdana; }

#releases						{ table-layout: fixed; width: 570px; }
#releases TD					{ border: 1px solid #eeeeee; }
.cellon						{ border: 1px solid #808080 !important; }

#info						{ background: no-repeat top right; }
#nostock						{ width: 100%; background: #FF0000; color: #FFFFFF; font: bold 0.8em verdana; padding: 5px; }
#moneyend					{ color: #808080; font: normal 8pt "MS Sans Serif",verdana; }



/* Photographs, thumbnails and images */

.thumb						{ border: 1px solid #808080; }
.framed						{ padding: 4px; border: 1px solid #c0c0c0; }
.framed:hover					{ padding: 4px; border: 1px solid #606060; }
.framedFaded					{ padding: 4px; border: 1px solid #c0c0c0; }
.framedFaded:hover				{ padding: 4px; border: 1px solid #606060; }
.framedHi						{ padding: 4px; border: 1px solid #000000; }

.double						{ padding: 4px; border: 2px solid #202020; }



/* DIVS, IDs etc. */

#header						{ color: #606060; background: #fafafa url(gfx/back/headband.gif) repeat-x top; width: 100%; margin-bottom: 10px; font: normal 8pt verdana; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
#header a:link					{ color: #606060; text-decoration: none; }
#header a:visited				{ color: #606060; text-decoration: none; }
#header a:hover,#header a:active 	{ color: #000000; text-decoration: underline; }

#updateInfo a:link				{ text-decoration: underline !important; }
#updateInfo a:visited				{ text-decoration: underline !important; }
#updateInfo a:hover				{ text-decoration: none !important; }

#header form					{ padding-top: 5px; padding-bottom: 5px; }

#title						{ position: relative; left: 0px; height: 30px; padding-top: 11px; padding-left: 5px; }
#title A:active					{ background: transparent !important; }
#headsearch					{ float: right; }

/* Form page */

#comments					{ width: 100%; height: 120px; font: normal 8pt verdana; overflow: hidden; }



/* Form elements */

#formGrid						{ width: 750px; border: 2px solid #202020 !important; border-collapse: collapse; }
#formGrid a					{ color: #202020; }
#formGrid td					{ padding: 13px; border: 1px solid #c0c0c0; }
#formGrid label					{ color: #606060; font: normal 8pt verdana; }

#topic						{ font: normal 10pt verdana !important; }
#sendToJohn					{ border: 1px solid #000000; color: #000000; background-color: #FFFFFF; cursor: pointer; font: bold 10pt verdana; }
#sendToJohn:hover				{ border: 1px solid #404040; color: #404040; background-color: #eeeeee; }
.button						{ width: 200px; cursor: pointer; }

.forSale						{ color: #FFFFFF !important; font-weight: bold; background: red; padding-left: 5px; padding-right: 5px; }
.soldOut						{ color: #cc0000; text-decoration: line-through !important; }



#topRightPromo					{ float: right; margin: 10px 10px 10px 10px; font: normal 10pt verdana; }
#adsenseBaseCentral			{ width: 100%; clear: both; text-align: center; border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; padding: 10px 0px 15px 0px; margin-bottom: 10px; }

#emailTD						{ background-image: url(/gfx/back/emailTD.gif); background-repeat: no-repeat; background-position: right; }



/* Banners and Promotional areas of the screen etc. */

#iTunesTopRight			{ float: right; clear: right; }
#topRightPromo				{ float: right; clear: right; }

#topRightBanner			{ float: right; clear: right; margin: 10px 0px 0px 0px; }

#footGrid					{ width: 100%; }
#footLinks					{ float: left; clear: left; font: normal 0.8em verdana; margin-top: 10px; }
#footRight					{ float: right; clear: right; }

#adsenseLeaderBoard		{ margin-left: auto; margin-right: auto; padding: 20px 0px 20px 0px; text-align: center !important;}



/* Text highlights etc. */

.alert					{ font: normal 8pt verdana; background: yellow; color: red; padding: 5px 5px 5px 5px; border: 1px solid red; text-align: center; clear: both !important; }
.alert b,.alert strong			{ font-size: 10pt; }
.alert a:link				{ color: red !important; }
.alert a:visited				{ color: red !important; }
.alert a:hover				{ color: red !important; }
.alert a:active				{ color: white !important; background: red !important; }



/* Form generic styles */

input						{ font: normal 0.8em verdana; }
form						{ padding: 0px; margin: 0px; }
.textField					{ width: 100%; background: #FFFFFF; border: 1px solid #808080; font: normal 8pt verdana; }
.textFieldOn				{ width: 100%; color: #cc0000; background-color: #ffc; border: 1px solid #cc0000; }
.textareaField				{ width: 100%; border: 1px solid #808080; padding: 10px; }
.droplistField				{ width: 100%; }

/* Google Chrome 2.0 bonuses! */

.textField:focus				{ color: #cc0000; background-color: #ffc; border: 1px solid #cc0000; }
.textareaField:focus			{ color: #cc0000; background-color: #ffc; border: 1px solid #cc0000; }



.hiGrid					{ border: 1px solid #000000 !important; }
.loTD					{ font: normal 8pt verdana; border: 1px solid #e0e0e0; background: #FFFFFF; }
.hiTD					{ font: normal 8pt verdana; border: 1px solid #808080; background: #eeeeee; }
.hiTD a:link				{ color: #404040; }
.hiTD a:visited				{ color: #404040; }
.hiTD a:hover				{ color: #404040; }



/* Photographs etc. */

.mugShotL					{ margin: 0px 10px 10px 0px; color: #808080; font: normal 8pt "MS Sans Serif",verdana; letter-spacing: 1px; }
.mugShotL img				{ float: left !important; margin: 0px 10px 10px 0px; }

.poster					{ padding: 10px; border: 1px solid #808080; }
.poster:hover				{ padding: 9px; border: 2px solid #404040; }

.postcard					{ padding: 5px; border: 1px solid #808080; }
.postcard:hover				{ padding: 5px; border: 1px solid #404040; }

.card						{ padding: 2px; border: 1px solid #808080; }
.card:hover				{ padding: 2px; border: 1px solid #404040; }

#wrappingPhotos			{ clear: both; float: left; font: normal 8pt verdana; display: block; margin: 0px 0px 30px 0px; }
.wrappingPhotoFrame			{ color: #606060; background: #FFFFFF; float: left; padding: 5px; border: 1px solid #b0b0b0; border-bottom: 2px solid #b0b0b0; margin: 5px 10px 15px 0px; }
.wrappingPhotoFrameHi		{ color: #404040; background: #FFFFFF; float: left; padding: 5px; border: 1px solid #404040; border-bottom: 2px solid #404040; margin: 5px 10px 15px 0px; }
.wrappingPhotoFrameHi a		{ color: #404040 !important; }
.wrappingPhotoFrame img		{ margin: 0px 0px 15px 0px; }
.wrappingPhotoFrameHi img	{ margin: 0px 0px 15px 0px; }

.rightPic					{ float: right; clear: right; padding: 0px 10px 5px 15px; }



/* Breaks etc. */

.forcedbr					{ clear: both !important; }



/* Page Footer */

#pageFootmenu				{ clear: both; font: normal 10pt verdana; padding: 10px 0px 0px 0px; }



/* Product Placements! */

#rightProductPlug			{ float: right; margin: 0px 10px 0px 15px; }



/* Shop stuff */

.purchaseItTopRight			{ float: right; text-align: right; margin: 0px 0px 10px 0px; }
.sale						{ color: #ff0000; font: bold 0.8em verdana; }
.saleColours				{ color: #FF0000 !important; background: yellow !important; }



/* Screen-grabs */

.frames					{ clear: both; position: relative; top: 0px; left: 0px; }
.frames img				{ margin: 0px 5px 5px 0px; }



/* End of css commands... coffee time! */