/* -----------------------------------------
Stylesheet for More Than Sound - www.morethansound.net
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: April 2009
-------------------------------------------- */

body {background:#fff url(new-images/bg.png) repeat-x; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:#333;}
body {text-align:center;} /* IE6- hack to center page contents */

h1, h2, h3 {padding:0; margin:0;}
h1 {font:bold 20px Arial, Helvetica, sans-serif; color:#010165; padding:0 0 12px 0; text-transform:uppercase;} /* Page titles */
    h1 span {text-transform:none !important; font-weight:normal;}
h2 {font:bold 14px Arial, Helvetica, sans-serif; color:#010165; padding:0 0 4px 0;}
    h2 span {font-weight:normal;}

p {margin:0; padding:0 0 12px 0; line-height:15px;}
p.intro {font:normal 12px verdana,arial,helvetica,sans-serif; line-height:17px; padding:0 0 15px 0; color:#333;}
p.error {padding:0 0 5px 22px !important; background:url(admin/icons/warning.gif) 0 0 no-repeat; color:#de0000;} /* for forms */
ul, ol {padding:0; margin:0 0 12px 25px;}
li {line-height:15px; padding:0 0 5px 0;}
#content li {line-height:15px; padding:0 0 6px 0;}

img {border:0;}
label {display:none;}
.clearfloats {clear:none; line-height:0px; height:0px; font-size:0px; display:none !important;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE6-
#logo-kew, #logo-ve {behavior:url(scripts/iepngfix.htc);}*/

/* ---- links ----------------------------------------- */
a {color:#8A1617; text-decoration:underline;}
a:visited {color:#8A1617;}
a:hover {color:#447CB9; text-decoration:none;}
a:active {color:#8A1617;}
a:active, a:focus {outline:none;}

a.pdf {background:url(new-images/icon-pdf.gif) 0 0 no-repeat; padding-left:22px; padding-bottom:3px;}

/* ---- ids & classes ----------------------------------------- */
#frame {margin:0 auto; width:870px; background:transparent; text-align:left; position:relative; border:0;}


#header {height:139px; position:relative; width:860px; margin:0 auto;}
    #header h1, #header h2 {padding:0; margin:0; text-indent:-4000px;}
    #logo {width:297px; height:85px; background:url(new-images/logo.gif) no-repeat; position:absolute; top:26px; right:-10px;}
        #logo a {display:block; width:297px; height:85px;}
    #tagline {width:531px; height:34px; background:url(new-images/tagline.gif) no-repeat; position:absolute; top:50px; left:-8px;}
   
   
#navmenu {height:26px; width:870px; margin:0 auto;}
    #menuwrapper {margin:0; padding:0; list-style:none; z-index:50;}
        /* Drop-down menus: see p7exp.css for menuwrapper styles */

   
#content {padding:20px 0 15px 0; width:860px; min-height:350px; margin:0 auto;}
    /* home page */
    #featured, #resources {margin-top:10px; background:#fff;}
    #featured {margin-right:15px;}
    #resources-l {margin-right:15px;}
    #resources-c {margin-right:15px;}
    #featured h1, #resources h1 {padding-bottom:8px;}
    #featured {width:100%;}
        #featured .fbox {float:left; height:320px; width:183px; display:inline-block; background:#F1F5FA !important; padding:10px; margin:6px;}
        #featured .fbox img {float:middle; display:block; margin:0 10px 0 0 !important;}
        #featured .fbox p {padding:0 !important;}
    #featured a {color:#447CB9;}
    #featured a:hover {color:#8A1617;}
    p#facebook {line-height:16px;}
        p#facebook a {background:url(new-images/icon-facebook.png) 0 0 no-repeat; padding:1px 0 3px 20px; font-weight:bold;}
   
    #resources {width:100%;}
    #resources-l, #resources-c, #resources-r {float:left;}
#resources-l {width:255px;}
#resources-c {width:255px;}
#resources-r {width:255px;}
        #resources h1 span {font:normal 11px verdana; color:#5E5E9B; font-style:italic; text-transform:none;}
        #resources h2 {text-transform:uppercase; color:#9E4243; font-size:13px; background:#FDF1E7; height:21px; line-height:21px; margin:0 0 8px 0;
            padding:0 0 0 6px; position:relative;}
            #resources h2 a.rss {position:absolute; top:3px; right:4px; width:36px; height:14px; text-indent:-4000px;
                background:url(new-images/icon-rss.gif) no-repeat;}
        #resources .feed {padding:0 0 10px 5px;}
        #resources p {font-size:10px; line-height:13px;}
            #resources p span {color:#999;}
    #contact {padding-top:15px;}
        #contact h1 {padding-bottom:4px !important;}
        #contact p {font-size:12px !important; line-height:17px !important; padding-left:2px;}
    /* interior */
    img.mainimg {display:block; float:right; margin:3px 0 20px 20px; border:1px solid #eee; padding:2px;}
    #content .box {background:#fff; margin:20px 0 0;}
        #content .box .image {/* display:block; margin:1px 20px 5px 0; float:left; */} /*width is inline to accomodate varying image sizes*/
        #content .box .image img {float:left; display:block; border:1px solid #eee; padding:2px; margin:0 12px 12px 0;}
        #content .box .text {float:left; background:#fff;} /*width is inline to accomodate varying image sizes*/
        div.store-buttons {padding:0px 0 12px 0;}
            div.store-buttons form {margin:0 8px 0 0; font-family:verdana; float:left;}
            div.store-buttons input {margin:0 8px 8px 0; color:#555; font-size:11px; font-family:verdana;}
    /* Resources page */
    #resourcespage {}
        #resourcespage h1 span {font:normal 11px verdana; color:#5E5E9B; font-style:italic; text-transform:none;}
        #resourcespage h2 {text-transform:uppercase; color:#9E4243; font-size:13px; background:#FDF1E7; height:21px; line-height:21px; margin:0 0 8px 0;
            padding:0 0 0 6px; position:relative;}
            #resourcespage h2 a.rss {position:absolute; top:3px; right:4px; width:36px; height:14px; text-indent:-4000px;
                background:url(new-images/icon-rss.gif) no-repeat;}
        #resourcespage .feed {padding:0; background:#fff; float:left; margin-right:35px; width:260px;}
        #resourcespage p {font-size:10px; line-height:13px;}
            #resourcespage p span {color:#999;}
    /* Authors */
    img.authorimg {display:block; float:left; margin:3px 20px 20px 0; border:1px solid #eee; padding:2px;}
    table#authors {margin:8px auto; width:100%;}
        table#authors td {vertical-align:top; padding:0 20px 20px; width:25%;}
            table#authors td div {padding:8px 8px 5px 8px; background:#F1F5FA;  height:65px;}
        table#authors a {}
        table#authors p {padding:0;}
        table#authors img {display:block; float:left; margin:0 10px 0 0; border:1px solid #eee; padding:2px; background:#fff;}


#footer {width:100%; clear:both;text-align:center; color:#666; padding-top:10px; border-top:1px solid #AEC6E1;}
    #footer p {}
    #footer a {color:#666;}
   
   
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:2px; top:2px;
    border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:180px; z-index:100;}
    #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
    #adminmenu table td {padding:3px;}
    #adminmenu img {margin-left:6px;}
    #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
    #adminmenu a:hover {color:red;}

#facebook {
margin-top:4px;
}

#featured {
margin-top:0px;
}

#top div {
float:left;
}

#top .clear {
float:none;
}

#email {
width:350px;
margin-left:20px;
}

#email iframe {
width:400px;
height:30px;
}

#storesearch {
}