/* TOPLEVEL */
html 							{margin:0; padding:0}
body 							{margin:0; padding:0; font:12px Helvetica, Arial, sans-serif; color:#8A8B8E; font-weight:bold; -webkit-text-stroke: 1px transparent;}
.page							{padding:0 0 24px 0; margin:0 auto; width:940px; }
.row							{clear:both}

/*HEADER & FOOTER*/
.graphic						{height:23px}
.graphic .block					{height:12px; width:43px; margin:0 }
.header h1						{float:left; margin-bottom:14px}
.header h1 a					{color:black; text-decoration:none !important}
.header h1 a:hover				{color:#8A8B8E}
#newsletter						{float:right; color:#8A8B8E; margin:12px 0 0 0; width:300px}
#newsletter input.text			{width:138px; margin:4px 0 0 10px}
#newsletter input.first-child	{margin:6px 0 0 0}
#newsletter a.submit 			{float:right}
ul.menu							{list-style:none; margin:8px 0 0 0; padding:0;}
.menu li						{float:left; margin:0 5px 8px 0}
.menu .right 					{float:right; margin:0 0 8px 5px;}
.menu .grid 					{ /*width: 90px;*/ }
.menu a							{padding:8px 2px; color:#8A8B8E; text-decoration:none; }
.menu a:hover,
.menu a.active					{background:black; color:white !important; text-decoration:none !important}
.search_block					{display:none}
.footer							{margin:20px 0 0 0}
.footer .menu					{margin:4px 0}
.footer .menu a					{padding:0 4px 0 0}
.footer .menu a:hover			{color:#000000 !important; background:none}
.footer .menu a.active			{color:#000000 !important; background:none}



/* STRUCTURAL */
.left							{float:left }
.right							{float:right !important}
.rightsocial					{float:right !important; z-index:109; top:51px;position:absolute;left: 50%;margin-left:396px;width:74px;}
.clear							{clear:both}
/* sizes */
.width-3rd						{width:33% !important; margin:0 !important}
.width1							{width:60px !important}
.width2							{width:140px !important}
.width3							{width:220px !important}
.width4							{width:300px !important}
.width5							{width:380px !important}
.width6							{width:460px !important}
.width7							{width:540px !important}
.width8							{width:620px !important}
.width9							{width:700px !important}
.width10						{width:780px !important}
.width11						{width:860px !important}
.width12						{width:940px !important}
/* Pods sit inside of Rows */
.pod							{border-top:6px solid #8A8B8E; float:left; margin:0 0 0 20px }
.pod:first-child,
.pod.first-child				{margin:0}
/* Blocks are sub-level floated containers sitting inside of Pods */
.foot.block						{border-top:1px solid #8A8B8E; padding:4px 0 10px 0; }
.block							{margin:0 0 0 20px; float:left; border:0 }
.block:first-child,
.block.first-child				{margin:0}
.spacer							{height:30px}


/* GENERIC TYPO / LINES */
h1,h2							{margin:0; padding:0}
h1								{font-size:35px; letter-spacing:-1px}
h2								{font-weight:bold; font-size:18px; margin:0 0 6px 0; padding:8px 0 6px 0; border-bottom:1px solid #8A8B8E; color:#000000}
h3								{font-size:18px; margin:0;  }
p								{line-height:14px; margin:6px 0}
a								{color:#000000; text-decoration:none; outline:none;}
a:hover							{text-decoration:underline}
a.active						{color:#000000 !important; text-decoration:none !important; }
em, em a						{color:#8A8B8E !important; font-style:normal}
b, b a							{color:#000000 !important;}
h2 a							{text-decoration:none !important}
h2 a:hover						{text-decoration:underline !important}
.bullet							{padding:0 0 0 12px !important}
.bigger							{font-size:18px; line-height:19px; }
/* lines */
hr								{display:none}
dl								{margin:0}
.hr								{height:1px; background:#8A8B8E}
.fat.hr							{height:6px;}



/* FORMS */
form							{margin:0; padding:0}
input.text						{border:1px solid #8A8B8E; color:#8A8B8E; padding:2px}
.gs-visibleUrl, .gs-watermark	{display:none}
div.gs-title, div.gs-title b 	{text-decoration:none !important}
.gs-title a						{color:#000000 !important;}
.gs-title a:hover				{text-decoration:none !important}
.gs-title b						{color:#000000 !important;}
.gs-snippet						{color:#8A8B8E !important;}
.search-pagination a			{color:#8A8B8E}
/*#subscribe td					{padding:0 0 5px 0}
#subscribe td:first-child		{padding:0 10px 5px 0; text-align:right}
*/
label.error						{color:#E4011C; padding:0 0 0 6px}
.errors							{color:#E4011C;}

/*IMAGES*/
a img							{border:0}
img.inline-left					{float:left; margin: 0 20px 12px 0}
img.inline-right				{float:right; margin: 0 0 12px 12px}
img.block						{display:block; margin: 0 0 12px 0 !important}
img.block-left					{display:block; float:left; margin: 0 20px 12px 0}
img.block-right					{display:block; float:right; margin: 0 0 12px 12px}


/*MISC*/
/* thumb grid/index */
.index-row						{margin:20px 0 0 0}
.index img						{margin:0 0 0 20px}
.index img.first-child			{margin:0}
/* JQuery effects related */
.collapse_bt.open				{cursor:auto; text-decoration:none; /*color:#000 !important;*/ }
.collapse.closed				{display:none}
.collapse_bt					{color:#8A8B8E; display:block; padding:1px 0}
.collapse_bt.open				{padding:0 0 6px 0; color:#000000;}

/* headlines list*/
.headlines p					{margin:0}
.headlines dt					{margin:0}
.headlines dd					{margin:0 0 8px 0;}


/*PALETTE*/
.grey							{color:#8A8B8E}
.darkgrey						{background:#5c5d5f}
.pink							{background:#E40060}
.pink.bullet					{background:url(../gfx/bullet-pink.png) no-repeat 0 2px; }
.orange							{background:#f08a01}
.orange.bullet					{background:url(../gfx/bullet-orange.png) no-repeat 0 2px; }
.orange.pod						{border-top:6px solid #f08a01; background:white}
.lime							{background:#97be0d}
.lime.bullet					{background:url(../gfx/bullet-lime.png) no-repeat 0 2px; }
.lime.pod						{border-top:6px solid #97be0d; background:white}
.dblue							{background:#203e9e}
.dblue.bullet					{background:url(../gfx/bullet-dblue.png) no-repeat 0 2px; }
.yellow							{background:#ffcc00}
.yellow.bullet					{background:url(../gfx/bullet-yellow.png) no-repeat 0 2px; }
.blue							{background:#53b7e8}
.blue.bullet					{background:url(../gfx/bullet-blue.png) no-repeat 0 2px; }
.forest							{background:#049135}
.forest.bullet					{background:url(../gfx/bullet-forest.png) no-repeat 0 2px; }
.purple							{background:#8d147e}
.purple.bullet					{background:url(../gfx/bullet-purple.png) no-repeat 0 2px; }
.lavender						{background:#6363a1}
.lavender.bullet				{background:url(../gfx/bullet-lavender.png) no-repeat 0 2px; }
.turquoise						{background:#009bb1}
.turquoise.bullet				{background:url(../gfx/bullet-turquoise.png) no-repeat 0 2px; }
.red							{background:#E4011C}
.red.bullet						{background:url(../gfx/bullet-red.png) no-repeat 0 2px; }



/* POD/MODULE SPECIFIC CSS */

/* Latestnews */
.latestnews						{width:940px; border-top:0 }
.latestnews .item-block			{border-top:6px solid #E4011C}
.latestnews .list-block			{border-top:6px solid #ffcc00}

/* Anews */
.anews							{width:620px; border-top:6px solid #E4011C !important}
.anews .item-block				{}
.anews #news-item img			{width:300px}

/* headlines */
.headlines.pod					{width:300px; border-top:6px solid #ffcc00}
.headlines.pod p				{margin:0}
.headlines.pod dt				{padding:0}
.headlines.pod dd				{margin:0; padding:0 0 12px 0}

/* Latestrelease */
.latestrelease					{width:300px; border-top:6px solid #53b7e8}


/* Aphoto */
.aphoto							{width:300px; border-top:6px solid #E40060}
.aphoto img						{display:block; margin:0 0 12px 0; }
#aphoto-slideshow				{height:300px; position:relative}
#aphoto-slideshow .entry		{position:absolute; top:0; left:0}
#aphoto-slideshow img			{max-width:300px}

/* Tweets */
.tweets							{width:300px; overflow:hidden; border-top:6px solid #049135}
.tweets ul						{list-style:none; margin:0; padding:0}
.tweets li						{padding:0; margin:0; color:#000000 }
.tweets li em					{display:block; margin:0 0 8px 0; }

/* A Lyric */
.alyric							{width:300px; }
.alyric .bullet					{background:url(../gfx/bullet-orange.png) no-repeat 0 2px; }

/* Video */
.avideo							{width:300px; border-top:6px solid #8d147e}

/* TourDates */
.tourdates						{width:300px; border-top:6px solid #203e9e}
.tourdates ul					{list-style:none; margin:0; padding:0;}
.tourdates li					{margin:0 0 8px 0; }
.tourdates .bullet				{background:url(../gfx/bullet-dblue.png) no-repeat 0 2px; }

/* News */
.news							{width:940px; border-top:6px solid #E4011C}
#news-item img 					{max-width:300px}
.news .collapse					{margin:0}
.newshome.active				{background:url(../gfx/bullet-red.png) no-repeat 0 2px; padding-left:12px }

/* Pet Texts */
.texts							{width:940px; border-top:6px solid #049135}
#news-item img 					{max-width:300px}
.texts .collapse					{margin:0}
.newshome.active				{background:url(../gfx/bullet-forest.png) no-repeat 0 2px; padding-left:12px }

/* Tour */
.tour							{width:940px; border-top:6px solid #203e9e}
.tour .grid ul					{list-style:none; margin:0 0 0 20px; float:left; padding:0; width:300px; }
.tour .grid ul.first			{margin-left:0}
.tour .right ul					{list-style:none; margin:0; padding:0;}
/*.tourlist						{}
.tourlist .block				{width:100px;  margin:0}*/
.collapse						{margin:0; }
.collapse.open					{border-bottom:0px solid #8A8B8E; padding:0 0 6px 0}

/* OnThisDay */
.onthisday						{width:300px; border-top:6px solid #009bb1}
.onthisday	a					{color: #E40060}

/* Product */
.product						{width:940px; border-top:6px solid #53b7e8}
/*.product img					{width:220px}*/
.product .related img,
.product .index img				{width:60px}
.product .singles img			{margin:0 10px 0 0}
.product .left					{width:140px; margin:0 20px 0 0 }
.product a						{color:#53b7e8; font-weight:bold}
.product .releases p			{margin:0 0 6px 0 }
.product .right					{width:780px; }
.product .pod					{border-top:6px solid #53b7e8; margin-top:20px; }

/* Lyrics */
.lyrics							{width:940px; border-top:6px solid #97be0d}
.lyrics ul						{list-style:none; margin:0; padding:0; overflow:hidden; }
.lyrics li						{margin:0;}
.lyrics .letters .space			{padding:0 1px}
.lyrics .headlines				{margin-top:12px}


/* History */
.history						{width:940px; border-top:6px solid #049135}
.history img.inline-left		{width:200px}
.history ul						{list-style:none; margin:0; padding:0;}
.history li						{float:left; width:140px; border-bottom:1px solid #8A8B8E; margin-bottom:6px; }
.history li p					{margin:6px 0}
.history select					{width:300px}
.history .fetching				{display:block; margin:12px 0}
#history-item h3 a				{color:#000000; text-decoration:none}
#history-item h3 a:hover		{color:#8A8B8E;}

/* Search */
.search_pod						{width:940px}
.search_pod form input.text		{width:374px; margin:0 17px 0 0}

/* Photos */
.photos							{width:940px; border-top:6px solid #8d147e}
.photos #open-item img			{width:300px}
.photos .right ul				{list-style:none; margin:0; padding:0;  }
.photos .index img				{width:60px; border-bottom:4px solid #ffffff}
.photos .index img.open			{border-bottom:4px solid #8d147e}
.photos .index-row				{margin:16px 0 0 0}

/* Film */
.film							{width:940px; border-top:6px solid #6363a1}
.film #open-item img			{width:300px}
.film ul						{list-style:none; margin:0; padding:0; }
.film .index img				{width:60px; border-bottom:4px solid #ffffff}
.film .index img.open			{border-bottom:4px solid #6363a1}
.film .index-row				{margin:16px 0 0 0}

/* Press */
.press							{width:940px; border-top:6px solid #009bb1}
.press #open-item img			{width:300px}
.press ul						{list-style:none; margin:0; padding:0; }
.press .index img				{width:60px; border-bottom:4px solid #ffffff}
.press .index img.open			{border-bottom:4px solid #009bb1}
.press .index-row				{margin:16px 0 0 0}

/* Contact */
.contact						{width:940px; border-top:6px solid #53b7e8; min-height:300px}
.contact a						{color:#53b7e8}

/* Links */
.links						{width:940px; border-top:6px solid #f08a01; min-height:300px}
.links a						{color:#f08a01}

/* Petheads */
.petheads						{width:940px; border-top:6px solid #f08a01}
.petheads .countries ul			{margin:0; padding:0; list-style:none}
.petheads .members a			{display:block; float:left; position:relative; margin:0 0 0 20px}
.petheads .members a.first-child{margin:0}
.petheads .members a span		{position:absolute; width:56px; height:58px; padding:1px 2px; word-wrap:break-word; overflow:hidden; top:0; left:0; cursor:pointer;
									color: #f08a01}
.petheads .members a:hover span{color:white; background:black; text-decoration:none}
.petheads .members img			{width:60px; margin:0}
table.member td					{padding:0 12px 6px 0; vertical-align:top}

.mailing						{width:940px;}
.userform						{margin:0; padding:0}
.userform label					{clear:both; float:left; margin:7px 20px 7px 0; width:200px;}
.userform label.error			{margin:-6px 0 7px 220px; padding:0; width:200px;}
.userform p.copy				{margin:-6px 0 7px 220px; padding:0; width:400px;}
.userform input,
.userform select,
.userform textarea 				{float:left; width:388px;
									background-color:#FFFFFF; border:1px solid #8A8B8E;
									font:18px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#8A8B8E; font-weight:bold;
									margin:0 0 12px; padding:2px 5px; }
.userform fieldset				{border:0 none; float:left; margin:6px 0 0 0; padding:0; width:380px;}
.userform fieldset label,
.userform fieldset input,		
#N-dob_1, #N-dob_2, #N-dob_3,
#N-optin						{float:none; width:auto;}
.userform select 				{width:400px;}
.userform input#submit,
#subscribe_submit				{float:left; width:auto; clear:left; cursor:pointer;
									margin:20px 0; padding:2px 5px;
									font:18px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000000; font-weight:bold; 
									background-color:#F08A01; border:0; }
#subscribe_submit				{margin:20px 0 20px 220px}
.userform input#submit:hover 	{ background-color: #000000; color: #f08a01;}


.privacy						{width:940px;}

.store							{border-top:6px solid #6363a1; width:300px}
.media							{width:620px;}



/*FIXES*/
.gecko .page 					{border-top:1px solid white; margin-top:-1px} /* rare to have bugs in FF! */
.ie .header h1					{margin-bottom: 2px;}
.ie h3, .ie h2				 	{margin-top:0; }
.ie #news-item					{background:white;}
.ie .header .menu				{height:31px}
.ie .menu li a 					{display:block;}
.ie6 .graphic .block			{padding:0 !important border:0 !important}
.ie6 .header .left				{width:400px}
.ie6 #newsletter .left			{width:250px; margin:0 }
.ie6 .anews .left				{margin:0}
.ie6 .anews .item-block			{padding:0; border:0 !important}
.ie6 .anews #news-item .left	{border:0 !important}
.ie6 .media						{border-top:6px solid #f08a01 !important;}
.ie .userform .radio			{border:0; vertical-align:bottom}
.ie8 .userform .radio			{border:0; vertical-align:sub}
.ie .userform .checkbox			{border:0; display:block}
.ie .userform select			{vertical-align:middle}
.ie label.error					{display:block; float:none;}

.iphone body {-webkit-text-stroke: 0px transparent;}

