/*   
Theme Name: PMMP
Theme URI: http://www.pmmp.fi/
Description: WordPress theme for PMMP
Author: 7am
Author URI: http://www.7am.fi/
Version: 1.0
*/

body {margin: 0px; padding: 0px; background: #000000; color: #6a7773; font-size: 100%;}
.hide {display: none;}
.clear:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clear {display: inline-block;}                                                                         
html[xmlns] .clear {display: block;}                                                                    
* html .clear {height: 1%;}                                                                             

#wrapper {width: 100%; background: url(images_vv/bg.jpg) no-repeat transparent; background-position: 50% 0%; min-width: 960px; min-height: 780px; text-align: center;}

#box, input, select, textarea {font-family: "palatino linotype", "palatino", "times new roman", times, serif;}
#box {width: 960px; margin: 0px auto; font-size: 0.8em; position: relative; line-height: 150%; padding-bottom: 70px; text-align: left;} 
#header {width: 960px; height: 325px; position: relative;}
#header h1 {width: 434px; height: 201px; margin: 0px; padding: 0px; position: absolute; left: 61px; top: 84px; background: url(images_vv/logo.gif) no-repeat transparent; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px;}
input, select, textarea {font-size: 1em;}

#mainMenu {width: 204px; height: 156px; position: absolute; left: 718px; top: 106px; background: url(images_vv/menu.gif) no-repeat transparent;}
#mainMenu a, #mainMenu span.active {display: block; position: absolute; width: 101px; height: 29px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px;}
#b_uutiset     {left: 0px; top: 3px;}
#b_paivakirja  {left: 0px; top: 33px;}
#b_biografia   {left: 0px; top: 62px;}
#b_diskografia {left: 0px; top: 92px;}
#b_kirja_dvd    {left: 0px; top: 122px;}
#b_keikat       {left: 102px; top: 3px;}
#b_galleria     {left: 102px; top: 33px;}
#b_videot       {left: 102px; top: 62px;}
#b_yhteystiedot {left: 102px; top: 92px;}
#b_keskustelu   {left: 102px; top: 122px;}

#b_uutiset.active      {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: 0px -3px;}
#b_paivakirja.active   {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: 0px -33px;}
#b_biografia.active    {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: 0px -62px;}
#b_diskografia.active  {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: 0px -92px;}
#b_kirja_dvd.active     {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: 0px -122px;}
#b_keikat.active       {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: -102px -3px;}
#b_galleria.active     {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: -102px -33px;}
#b_videot.active       {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: -102px -62px;}
#b_yhteystiedot.active {background: url(images_vv/menu_active.gif) no-repeat transparent; background-position: -102px -92px;}


h1,h2 {font-size: 1.8em; font-weight: normal; font-style: italic; color: #ffffff; line-height: 115%;}
h2.news .date {font-size: 0.5em; color: #6a7773;}
a:link, a:visited {color: #c2787f; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: underline;}
a img {border: none;}
p,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6 {margin: 0px; padding: 0px;}
ul {padding-left: 29px;}
ol {padding-left: 35px;}
h2 a:link, h2 a:visited {color: #fff;}

p,ul,ol,dl {padding-top: 0.6em; padding-bottom: 0.6em;}
h1,h2,h3 {padding-top: 0.75em; padding-bottom: 0.2em;}

body.uutiset #news {display: inline; float: left; width: 407px; margin-right: 32px; margin-left: 35px;}
body.uutiset #album {display: inline; float: left; width: 208px; height: 366px; margin-right: 32px; margin-top: 170px; background: url(images_vv/vv_front.jpg) no-repeat transparent; position: relative;}
body.uutiset #links {display: inline; float: left; width: 174px; border: 1px solid #202222; padding: 4px 10px 20px 25px; margin-top: 10px;}
body.uutiset #album h2, body.uutiset #album p {display: none;}
body.uutiset #album ul {display: block; width: 208px; height: 56px; position: absolute; top: 310px; left: 0px; padding: 0px; margin: 0px 0px 0px 0px; background: url(images_vv/logot.gif) no-repeat transparent; list-style: none;}
body.uutiset #album ul li {list-style: none; display: block; position: absolute;}
body.uutiset #album ul a {display: block; font-size: 1px; overflow: hidden; white-space: nowrap; text-indent: -2000px;}
body.uutiset #album li#sony  {width: 50px; height: 56px; left: 0px; top: 0px;}
body.uutiset #album li#popgee   {width: 57px; height: 30px; left: 70px; top: 0px;}
body.uutiset #album li#hotjooga {width: 64px; height: 25px; left: 144px; top: 0px;}
body.uutiset #album li#motivus  {width: 61px; height: 17px; left: 68px; top: 37px;}
body.uutiset #album li#sony a  {width: 50px; height: 56px;}
body.uutiset #album li#popgee a   {width: 57px; height: 30px;}
body.uutiset #album li#hotjooga a {width: 64px; height: 25px;}
body.uutiset #album li#motivus a  {width: 61px; height: 17px;}

#nokia {display: block; width: 208px; height: 92px; clear: both; top: 70px; position: relative; list-style-type: none;}
#nokia a {background: url(images_vv/nokia_cwm.gif) no-repeat top left; display: block; width: 208px; height: 92px; text-indent: -9999px; font-size: 1px; }

body.uutiset #links ul {padding-left: 2px; list-style: none;}
body.uutiset #links h2.buyOnline { position: relative; width: 174px; height: 28px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; background: url(images_vv/hl_tilaanetista.gif) no-repeat transparent; margin: 16px 0px 2px -5px;}
body.uutiset #links h2.otherStuff {position: relative; width: 174px; height: 25px; font-size: 1px; white-space: nowrap; overflow: hidden; text-indent: -2000px; background: url(images_vv/hl_muutasalaa.gif) no-repeat transparent; margin: 14px 0px 0px -3px;}

p.readMore {text-align: right;}

#footer {display: none;}

#text {display: inline; float: left; width: 407px; margin-right: 32px; margin-left: 35px;}
#image {display: inline; float: left; width: 208px; margin-right: 32px; margin-top: 170px;}
#text p img {max-width: 407px;}

#subMenu {display: inline; float: left; width: 211px; padding: 0px; margin-top: 0px;}
#subMenu h2 {margin: 0px; padding-bottom: 18px;}
#subMenu ul {list-style: none; padding: 0px; border-bottom: 1px solid #202222;}
#subMenu li {display: block; border-top: 1px solid #202222; padding: 0px;}
#subMenu li a {display: block; padding: 4px 8px 4px 7px; background: transparent;}
#subMenu li.current_page_item a {background-color: #202222; padding: 4px 8px 4px 7px; color: #ffffff;}
#subMenu .date {font-size: 0.85em;}
#subMenu a .date {color: #404444;}
#subMenu a:hover {color: #ffffff; text-decoration: none;}
#subMenu a:hover .date {color: #ffffff;}
#subMenu p.readMore {padding-top: 10px;}

#subMenu li.page-item-26        {background: url(images_vv/discomenu_vv.jpg) no-repeat transparent; background-position: 4px 4px; }
#subMenu li.page-item-38        {background: url(images_vv/discomenu_ph.jpg) no-repeat transparent; background-position: 4px 4px; }
#subMenu li.page-item-39        {background: url(images_vv/discomenu_lt.jpg) no-repeat transparent; background-position: 4px 4px; }
#subMenu li.page-item-42        {background: url(images_vv/discomenu_kk.jpg) no-repeat transparent; background-position: 4px 4px; }
#subMenu li.page-item-44        {background: url(images_vv/discomenu_ke.jpg) no-repeat transparent; background-position: 4px 4px; }

body.diskografia #subMenu li a {min-height: 50px; _height: 50px; padding-left: 63px;}
body.diskografia #subMenu li.current_page_item {background-color: #202222; padding: 4px 8px 4px 63px;}
body.diskografia #subMenu li.current_page_item a {min-height: 50px; _height: 50px; padding: 0;}
body.diskografia #subMenu li .date {display: block; font-size: 0.85em; margin-top: -2px; color: #404444;}
body.diskografia #image {margin-top: 0em;}

body.diskografia #text {width: 647px;}
body.diskografia #text #lyrics, body.diskografia #text #album {display: inline; float: left;}
body.diskografia #text #lyrics {width: 308px;}
body.diskografia #text #album {width: 307px; margin-right: 32px;}

body.galleria #text {width: 647px;}
body.videot #text {width: 450px;}

body.videot #box {background: url(images_vv/vis_yhteystiedot.jpg) no-repeat transparent; background-position: 486px 365px;}
body.yhteystiedot #box {background: url(images_vv/vis_yhteystiedot.jpg) no-repeat transparent; background-position: 486px 365px;}
body.keikat #box {background: url(images_vv/vis_yhteystiedot.jpg) no-repeat transparent; background-position: 486px 365px;}

ol.lyrics {border: 1px solid #202222; border-left: none; border-right: none; padding-top: 11px; padding-bottom: 13px;}

div.lyrics a:hover {text-decoration: none;}

a.nayte {color: #6a7773;}

#lyrics i {display: block; margin-top: 4.9em; border: 1px solid #202222; text-align: center; padding: 11.4em 0;}
#lyrics small {font-size: 100%; font-style: italic; color: #404444;}
#album p.cover {margin: 6px 0;}

body.kirja-dvd #image {display: none;}
body.kirja-dvd #text {width: 890px;}
body.kirja-dvd #text img {margin: 6px 20px 0 20px;}

p.madeby, p.credits {font-style: italic; color: #404444;}

.alignleft { float: left; }
.alignright { float: right; }

.fb-laik { display: block; clear: both; }