/* General */

a{color:#f36;font-weight:bold;text-decoration:none}
a:hover {color:#079;text-decoration:underline}
body{background:#444034;color:#4E382F;font:12px Georgia,"Times New Roman",Times,serif;margin:5px 0 0 0;padding:0}
h1 {font-size:36px;font-weight:bold;margin:0;padding:135px 0 0 570px}
h1 a {color:#fff}
h1 a:hover {text-decoration:underline;color:#f36}
* html.clearfix{height:1%}
#all{background:url(images/paper.png) repeat;border:5px solid #28251E;margin:0 auto;padding:0;text-align:center;width:990px}
#all h2 {color:#f36;font-size:28px;padding:25px 0 10px 0;text-align:center;margin:0;}
/*
#all p {text-align:justify;font-size:15px;line-height:26px;margin:10px 20px 20px 30px}
#all img{float:right;margin:30px 40px}
#all ul {font-size:14px;margin:0 20px 20px 30px;text-align:justify}
#all ul,#all ul,.stripNav ul {list-style:none}
*/
#footer{background:#28251E;clear:both;color:#fff;font-size:13px;margin:0;padding:20px 0 20px 0;text-align:center;width:100%}
#footer a{color:#fff;font-weight:bold;text-decoration:underline}
#google-top{float:right;height:60px;margin:7px 13px 0 0;padding:0;width:468px}
#header{background:#fff url(images/header.jpg) no-repeat;width:980px;height:300px;margin:5px 5px 0 5px;padding:0;text-align:center;}
#menu{margin:0;padding:96px 0 10px 15px;text-align:left;width:960px;height:30px}
#menu a{color:#FFF;font:9px Verdana;padding:6px;text-transform:uppercase;font-weight:bold;background:#000;border-right:3px solid #666;border-bottom:3px solid #666;}
#menu ul,#menu ul li{display:inline;list-style:none;margin:0;padding:0}
#menu li a:hover{color:#FFF;text-decoration:none;padding:6px;background:url(images/menu-hover.png) repeat;border-right:3px solid #666;border-bottom:3px solid #666;}

/*Main page*/

#news {float:left;margin:0;padding:15px 5px 20px 0;text-align:justify;width:625px}
#news h3 {width:520px;float:left;padding:0;margin:0}
#news h3 a {font-size:16px;font-weight:bold;line-height:40px;margin:0;padding:5px 7px 10px 7px;color:#fff;background:url(images/title.png) bottom right;letter-spacing:0}
#news h3 a:hover {background:url(images/title-hover.png) bottom right}
#comments {padding:0;margin:40px 20px 0 70px; width:520px;}
.comments-open-content, .comments-content {clear:both;margin:30px 10px 0 20px;padding:10px}
.news-item {padding:0 0 0 10px;width:610px;clear:both;margin: 0 0 50px 0;border-right:1px dotted #ccc;}
.date{background:url(images/qust2.png) no-repeat top;color:#4E382F;float:left;font-size:10px;font-weight:bold;height:50px;line-height:18px;margin:0 5px 0 0;padding:0 5px 5px 2px;text-align:center;text-transform:uppercase;width:54px;float:left}
.date span{color:#FFF;display:block;font-size:16px;padding-top:2px}
.text {margin:0 10px 0 60px;padding:7px 5px 0 10px;clear:both;}
.text p a img,.story p a img{border:3px solid #ff3366;margin:5px 10px 10px 0;padding:3px}
.text p,.story p,.comments-text p{color:#000;font-size:14px;line-height:24px;margin:0;padding:0 5px 10px 0;text-align:justify}
.text p a img:hover,.story p a img:hover{border:3px solid #007799;background:#fff;}
.comment {width:520px;padding:0 10px 0 5px;}
.comments {margin:10px 5px 20px 0;padding:7px 15px 0 25px}
.comments a {color:#f36}
.comments p {color:#000;font-size:12px;line-height:20px;margin:0;padding:5px 5px 3px 0;text-align:justify}
.archive {text-align:center}
.archive a {padding:3px}

#gallery {margin:20px 20px 0 20px;}
#gallery a img {border:3px solid #ff3366;margin:5px 10px 10px 0;padding:3px}

/*Sidebar*/

#sidebar{float:left;margin:20px 0 0 0;padding:0;width:360px;text-align:left}
#charts, #tourdates {font:9px Verdana;padding:10px 5px 30px 5px;list-style:none}
#charts ul, #tourdates ul {padding:0 0 10px 0;margin:0;list-style:none}
#charts .chart, #tourdates .chart{padding: 3px;font-weight:bold;color:#007799;text-transform:uppercase;}#charts ul li {width:150px;text-align:left}
#sidebar h4, h3.comments-open-header, h3.comments-header {color:#fff;background:url(images/h4.png) repeat-x;font-size:12px;margin:0;padding:5px 0 5px 5px;clear:both;font-weight:bold;line-height:15px}
#sidebar h5 {color:#333;font-size:12px;width:100%;clear:both;}
.cats {padding:0;margin:0;list-style:none;}
.cats li a{color:#f36;font-size:11px;font-weight:normal;line-height:19px;text-decoration:none}
.cats li{list-style:none;margin:0;padding:3px 0 3px 5px;background:url(images/link.png);}
.cats li:hover{background:url(images/link-hover.png);}
.cats li:hover a{color:#fff}
#newre {padding:0;margin:0 0 20px 0;clear:both}
#newre a {line-height:15px}
#newre li a img{background:#fff;border:2px solid #f36;margin:0 7px 3px 0;padding:2px;float:left}
#newre li:hover a img {border:2px solid #fff;}
#newre li {font:9px Verdana;height:45px;width:150px;padding:5px;margin:0 0 -1px 0;list-style:none;display:block;background:url(images/rel.png)}
#newre li:hover {background:url(images/rel-hover.png)}
#newre li:hover a{color:#fff;}
.side-l{float:left;margin:0 5px 0 5px;padding:0;width:160px}
.side-r{float:right;margin:0;padding:0 15px 0 5px;width:160px}
.gside {margin:10px 0 10px 0;width:160px}
.otw  a img {background:#fff;border:2px solid #f36;padding:2px;margin:5px 2px 5px 2px }
.otw  a img:hover {background:#f36;border:2px solid #f36;padding:2px}
#calendar {margin:0 0 30px 0;padding:0 0 0 5px;list-style:none;height:500px}
.cale {height:550px;}
#calendar li {margin:0px -3px -1px -1px;display:block;width:40px;float:left;border:1px dotted #999;background:url(images/calendar.png)}
#calendar li:hover {background:url(http://allaboutmadonna.com/images/calendar-hover.png);}
#calendar li a {padding:10px 12px 10px 12px;font:9px Verdana bold}
#calendar li a:hover {color:#fff;}
#calendar li.cy {display:block;font-size:16px;font-weight:bold;margin:10px 100px 10px 0;border:0;background:#fff;}
.bd {border:0;margin-bottom:15px;}

/*Discography*/

#discography {text-align:center;margin:0;width:990px}
#discography p {display:inline;font-family:Verdana;line-height:17px}
#discography img {background:url(images/disco.png);border:0;padding:18px 20px 15px 20px}
#discography img:hover {background:url(images/disco-hover.png);}
#discography a {color:#888;}
#discography a:hover {color:#555;text-decoration:none}
#discography span {color:#ccc;display:table-cell;display:inline-table;display:inline-block;vertical-align:top;width:130px;height:180px;}

#discography .discot {background:url(images/title-hover.png);font-size:17px;color:#fff;font-weight:bold;line-height:23px;margin:0 5px 0 20px;padding:5px 15px 5px 15px;height:25px;width:925px;clear:both}
#discography .discot span {background:#fff;font-size:11px;color:#4E382F;font-weight:normal;padding:2px 5px 2px 5px;margin:0 0 0 15px;}
#discography ul{list-style:none;font-size:10px;float:left;width:385px;margin:0;padding:0}
#discography ul li a {line-height:25px;font-size:11px;padding:0 0 0 4px}
.tracks {font-weight:bold;font-size:12px;text-transform:uppercase;padding:10px 0 0 0;line-height:20px}
.info {width:150px;height:280px;padding:20px 30px 0 30px;float:left}
.front{background:url(images/cd.png) top right no-repeat;margin:0;padding:11px 15px 20px 15px;width:130px}
.back {background:url(images/cd.png) top right no-repeat;margin:0;padding:11px 0 20px 0px;width:150px}
.cd{height:130px;margin:0;padding:11px 15px 0 10px;width:130px}
.single {}
.album {width:770px;padding:20px 10px 20px 0;min-height:480px;float:left}

/*Videos*/

#videos p,#film p {clear:left;font-size:14px;padding:0 20px 30px 0;line-height:50px;}
#videos span,#film span {line-height:25px;margin:0 0 0 210px;display:block;width:730px}
#videos p a,#film p a{font-size:12px}
#videos p img{background:url(images/tv.png) top right no-repeat;float:left;margin:50px 15px 0 0;border:0;padding:17px 15px 60px 30px;width:140px}
#film p img{background:#fff;border:solid 1px #ccc;padding:4px;float:left;margin:17px 45px 60px 0;width:140px}
.poster {margin:0 0 60px 30px;position:relative;width:150px;float:left;}
.poster img {background:#fff;border:solid 1px #ccc;padding:5px;}
.poster span {width:28px;height:21px;display:block;position:relative;top:10px;left:-135px;background: url(images/pin.png) no-repeat;margin:0;padding:0;}
.poster a {text-decoration: none;}
#videos h3,#film h3{background:#f36;color:#fff;font-weight:bold;line-height:30px;padding:3px 10px 5px 10px;display:inline;font-size:14px}
#videos h3 {margin:0 5px 10px 10px;}
#film h3 {margin:0 5px 10px 30px;}
.stills {background:url(images/film.png);width:730px}
.stills a {border:0}
.stills img {border:0;padding:25px 3px 16px 3px}
.itunes {background:url(images/itunes.png) top left no-repeat;margin:0 0 0 10px;padding:6px 10px 12px 30px;}
.watch {background:url(images/video-off.png) top left no-repeat;margin:0;padding:6px 10px 12px 30px;}
.watch:hover{background:url(images/video-on.png) top left no-repeat;margin:0;padding:6px 10px 12px 30px}

/*Downloads*/

#downloads p{text-align:center;clear:both;}
.downloads {text-align:center;padding:20px 0 0 0;clear:both;}
.downloads img{height:100px;width:160px;border:5px solid #FFDB6A;margin:0 0 15px 0;}
.downloads div {width:170px;float:left;margin:4px 0 15px 20px;position:relative;text-align:center}
.downloads div a {font-size:10px;line-height:20px;background:#f36;color:#fff;font-weight:bold;margin:0;padding:2px 5px 2px 5px;}
.downloads div a:hover {background:#007799;color:#fff}
.downloads div ul {width:170px;list-style:none;padding:0;margin:0;text-align:center}
.downloads div li {list-style:none;text-align:center;margin:0;padding:0;}
.downloads p {clear:left;text-align:center; width:900px}
.gad {width:728px;height:90px;padding:20px 100px 20px 125px}
.no{width:20px}

/*Other pages*/

.credit{background:url(images/paperb.png) no-repeat bottom;clear:left;margin:0;padding:10px 0 30px 0}
.credit h4 {padding: 0 0 10px 0; margin:0}

.albums,.singles,#photos,#dvd{clear:both;color:#fff;margin:0;overflow:hidden;padding:10px 0 0 0;text-align:left;width:980px}

#dlvid div, #dlpuz div {height:200px}


.overpic p{line-height:24px;margin:35px 5px 0 5px;text-align:center;width:160px}

.singles{background:url(images/cds-shelf.png)}
.singles img{background:url(images/cds.png) top right no-repeat;float:left;height:66px;margin:0 0 20px 0;width:75px}
.singles p{height:180px;width:70px}
.singles p span{font-size:10px;line-height:15px}
.singles p span a{padding:3px 2px 3px 2px}
.story,.comments-text{background:url(images/news.jpg) repeat-y bottom right;margin:0 10px 0 0;padding:7px 15px 15px 15px}
#layouts {margin:0 0 150px 150px}#layouts a img {background:none;width:60px;height:60px;float:left;margin:10px 5px 10px 30px;padding:0}
.time{width:30px}
.track,.credits{width:450px}
#gigography img{float:left;margin:0 40px 30px 70px}
#gigography p{font-size:14px;line-height:26px;margin:10px 70px 20px 360px;text-align:justify}
#gigography p.reviews{margin:10px 70px 20px 70px}
#interviews img{float:right;padding:8px 3px 5px 23px;margin:0 40px 0 0;background:#fff url(images/magcover.jpg) top right no-repeat}
#interviews p,#lyrics p {font-size:15px;line-height:26px;margin:15px 50px 0 50px;padding:0 0 10px 0}
#interviews p {text-align:justify}
#interviews p {background:url(images/text.jpg)}
#interviews ul {margin:0 50px 0 20px}
#interviews ul li {list-style:square;padding:5px;margin:0 0 0 15px}
#interviews ul li.year{font-size:20px;font-weight:bold;margin:0;padding:40px 0 10px 0;list-style:none}
.iad {margin:10px 20px 10px 50px;float:left;width:300px;height:250px}
#press {text-align:center}
#press div {font-size:12px;line-height:35px;float:left;margin:10px 0 35px 35px;padding:0;height:285px;width:156px;text-align:center;position:relative;}
#press img {width:150px;height:200px;padding:6px 6px 5px 0;margin:0;background:url(images/magcover-s.jpg) top right no-repeat;}
#press div a {background:#f36;color:#fff;font-weight:bold;margin:5px 5px 0 0;padding:3px 10px 5px 10px;}
#press span {display:block;}
#press div a:hover {background:#007799;}
#lyrics p  {text-align:center}
#interviews,#links,#videos,#film,#gigography,#downloads,#press {margin:10px 0 0 10px;padding:0 0 30px 0;text-align:left;width:980px}
#links h3, #downloads h3, #gigography  h3, #interviews h3 {font-size:24px;color:#007799;clear:both;text-align:center;}
#links p {float:left;font-size:10px;margin:0;padding:20px 10px 40px 30px;width:280px}
#links p a{border-bottom:1px solid #f36;color:#4E382F;font-size:12px;line-height:25px;margin-right:10px;padding-bottom:4px}
#links p a:hover {border-bottom:1px solid #079;text-decoration:none}
#logo{float:left;margin:0 20px 0 0;padding:13px 0 0 30px;text-align:left;width:420px}

#dvd{background:url(images/shelf.jpg);clear:both;color:#fff;height:280px;margin:0 0 0 5px;overflow:hidden;padding:10px 0 0 0;position:relative;text-align:left;width:970px;z-index:2}

#submit {padding: 20px 20px 50px 30px;}
.albums img:hover{background:url(images/cd.png) top right no-repeat;float:left;height:130px;margin:0 0 20px 0;padding:11px 10px 10px 6px;width:150px}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.overpic a:hover{background:#000;color:#fff;display:block;font-weight:bold;margin:0;padding:3px 5px 3px 5px;text-align:center;width:170px}
.singles img:hover{float:left;height:66px;margin:0 0 20px 0;width:75px}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 20px 0px 80px; position: relative;width:500px}
.Comments h3 { font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#660000; border-bottom: solid 2px #660000;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 5px 0px; margin: 10px 0px; list-style-type: none; background: url(http://allaboutmadonna.com/images/PostDotted.gif) repeat-x bottom; }

/**/ * html .List .LGrav { right: 30px;} /* */ 
.List .LGrav { position: absolute; right: 0px; top: 10px;}
.List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}

.List .LUsr { margin: 0px; padding: 0px; font-size: 11px; line-height: 12px; color:#999;}
.List .LUsr a { color:#999; text-decoration: none;}
.List .LUsr strong { font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#666;}
.List .LUsr strong a { color:#cc0000; text-decoration: none;}

.List .LCon { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;}
.List .LCon p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;}

.List .Author { background:fff; }



/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
.Form .Email { background: url(http://allaboutmadonna.com/images/FooterEmail.png) no-repeat left top;}

.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana';}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 57px; height: 29px; background: url(http://allaboutmadonna.com/images/SubmitComment.png) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(http://allaboutmadonna.com/images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 57px; height: 29px; background: url(http://allaboutmadonna.com/images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}