/* Base stylesheet for Word of Mouth Magazine mini site */
/* Web design by Tastic Multimedia */

/* Initial Stuff */
html            {background:url(/images/site/top_faderp.png) repeat-x 50% 0 white;color:black;font-size:101.01%;font-family:arial;padding:0px;margin:0px;}
h1,h2,h3        {font-weight:bold;}

/* General Elements */

.sep            {clear:both;float:none;}
hr.sep          {height:0px;border:none;}

hr              {border-top:solid 3px #ddd;clear:both;margin:0px;padding:0px;}

a:hover         {color:#f30;}

.hidden         {display:none;}

/* General Layout */

body            {width:700px;margin-left:auto;margin-right:auto;padding:15px;position:relative;background:url(/images/site/body_top2.png) no-repeat scroll 50% 0;margin-top:0;}

h1              {background:url(/images/site/word-of-mouth-logo.gif) no-repeat 10px -5px;position:relative;width:450px;height:100px;}
    h1 span         {visibility:hidden;}
    h1 a            {position:absolute;top:0px;left:0px;width:100%;height:100%;text-decoration:none;}            

#main-content-area {float:left;width:435px;margin-right:15px;}
#supplimental-content-area {float:right;width:240px;text-align:center;}

#legal          {clear:both;padding:0px 10px 0px 10px;text-align:center;font-size:0.8em;font-weight:bold;margin-bottom:-10px;margin-top:50px;border-top:solid 2px #ddd;}
    #legal ul       {}
        #legal li       {list-style-type:none;display:inline;padding:0 10px;border-right:solid 1px #aaa;border-left:solid 1px #aaa;margin-left:-1px;}
    #legal a        {color:black;text-decoration:none;}
    #legal p        {font-size:0.8em;}   
    
/* Top Menu */

#topmenu        {position:absolute;top:-15px;left:410px;width:320px;height:140px;}
          
    #topmenu li     {list-style-type:none;
                    font-weight:bold;font-size:0.7em;text-align:center;
                    display:block;float:left;padding:6px;width:126px;position:relative;
                    padding-top:75px;
                    }          
        #topmenu li a   {text-decoration:none;color:red;background:url(/images/site/menublock-top.gif) no-repeat 50% 0;  
                         min-height:13px;display:block;padding:13px 3px 13px 0px;margin:0 0 3px 0;}       
            #topmenu li span {background:url(/images/site/menublock-bottom.gif) no-repeat 50% 100%;display:block;padding-bottom:13px;width:126px;}
                #topmenu li span span {background:white;display:block;height:auto;padding:0;width:123px;}

        #topmenu li a:hover span,
        #topmenu li.active span {color:black;background:url(/images/site/menublock-bottom-highlighted.gif) no-repeat 50% 100%;}                      
        #topmenu li a:hover span span,
        #topmenu li.active span span {border-right:solid 2px black;margin-right:-2px;background:white;}

                        
    #topmenu li#latest-edition {background:url(/images/site/topmenu-mag.png) no-repeat 50% 0;}
    #topmenu li#directory {background:url(/images/site/topmenu-directory.png) no-repeat 50% 0;}
                        

/* Page Buttons */

.button         {text-decoration:none;color:white;
                 font-weight:bold;font-size:0.8em;text-align:center;letter-spacing:-1px;
                 display:block;padding:7px;width:106px;position:relative;margin-right:auto;margin-left:auto;
                 background:url(/images/site/redblock-top.gif) no-repeat 50% 0;
                }          
    .button .bs2 {background:red;display:block;width:103px;}
    .button .bs1 {background:url(/images/site/redblock-bottom.gif) no-repeat 50% 100%; 
                        min-height:13px;display:block;padding:2px 3px 9px 0px;margin:0 0 3px 0;
                        display:block;padding:0 0 9px 0;width:106px;}   
                                                                                
    .button:hover {top:-1px;left:-1px;margin-right:auto;margin-left:auto;}
    .button:hover .bs2 {border-right:solid 1px black;margin-right:-2px;}
    .button:hover .bs1 {background:url(/images/site/redblock-bottom-hover.gif) no-repeat 50% 100%;}                     

#download-adobe {text-align:center;padding-bottom:15px;}
    #download-adobe a {color:black;text-decoration:none;font-size:0.6em;}
        #download-adobe a img {border:none;}

.error {border:solid 2px #aaa;background:#ff9;color:red;font-weight:bold;font-size:1.3em;padding:5px 20px;margin:10px 0;}

/* Forms */


#content form   {margin-top:15px;}
    #content form label {font-size:0.8em;}
    #content form input,
    #content form textarea,
    #content form select {margin-bottom:3px;width:410px;border:solid 1px #aaa;background:#ddd;padding:4px;font-size:1.2em;}

    #content fieldset {border:none;padding:0;margin:0;}
    #content fieldset#send {text-align:right;padding:9px 20px;}
    #content fieldset#send input {padding:7px;width:auto;}

    #content form ol {margin:0;padding:0;}
    #content form ol li {list-style-type:none;margin:0;padding:0;background:none;}

    #content dl dt   {font-size:1.2em;margin-bottom:5px;border-bottom:solid 1px #aaa;}
    #content dl dd   {font-size:0.9em;padding-bottom:5px;margin:5px 0px;}
        
    #content a       {color:#700;text-decoration:none;}
    
/* Main Content */

#content {margin-top:30px;}

#content h2,h3,h4     {color:#EF2A34;letter-spacing:-1px;margin:8px 0px;padding:0;text-transform:lowercase;}
#content h2     {font-size:2.3em;border-bottom:1px solid #ddd;line-height:85%;margin-top:15px;}
#content h3     {font-size:2.3em;}
#content h4     {font-size:2em;}

#content ul     {margin-left:20px;padding-left:0px;}
    #content li     {list-style-type:none;padding:0 0 0 17px;background:url(/images/site/arrow-right.gif) no-repeat 0 3px;}
        #content li a   {color:black;text-decoration:none;}
        #content li a:hover {color:#f40;}
    

/* Previous Editions List */

#previous-editions {clear:both;border-top:solid 3px red;}
    #previous-editions dt {font-size:1.4em;font-weight:bold;float:left;clear:both;}
        #previous-editions dt a {color:black;text-decoration:none;}
            #previous-editions dt a:hover {color:red;text-decoration:underline;}
    #previous-editions dd {float:right;margin:0px;}

/* Latest Edition */
#latest-edition-details {font-size:1.3em;}

/* Web Pages */

/* Magazine */

#cta            {font-weight:bold;padding-bottom:30px;background:url(/images/site/arrow-down.jpg) no-repeat 50% 100%;}
#dpdf           {padding-top:15px;}

/* Links */

.link-group p   {margin:1px 1px 10px 5px;padding:4px;}
    .link-group ul {margin:1px 1px 1px 35px;padding:1px;}
        .link-group ul li {list-style-type:circle;font-size:0.6em;}
            .link-group ul li a {color:black;text-decoration:none;font-size:0.9em;font-weight:bold;letter-spacing:1px;}
                .link-group ul li a:hover {color:red;text-decoration:underline;}

    .link-group h2 {font-size:0.9em;}
        .link-group h2 span {font-size:0.6em;padding-left:18px;font-weight:normal;}

/* Main Layout */

/* RSS FEEDS */

.rssfeed h3 a   {color:black;text-decoration:none;}

#weather .feeditem {float:left;width:170px;margin-right:15px;margin-left:15px;text-align:center;margin:0px 0px 15px 0px;}
    #weather span       {font-size:0.8em;}

#bbcnews .feeditem {float:left;width:215px;margin-right:15px;}
    #bbcnews img        {float:left;margin:0px 15px 0px 0px;}
    #bbcnews p a        {margin-left:75px;}
    #bbcnews .story     {height:9em;overflow:hidden;}

/* Breadcrumbs */

#content .breadcrumbs {margin-left:0;}
    #content .breadcrumbs li {list-style-type:none;padding:0 12px 0 0px;background:url(/images/site/arrow-right.gif) no-repeat 100% 3px;display:inline;}
    #content .breadcrumbs li.last {background:none;}
        #content .breadcrumbs li a {color:black;text-decoration:none;}
        #content .breadcrumbs li a:hover {color:#f40;}
    
/* Links */

.breadcrumbs {font-style:italic;font-size:0.8em;padding:0px;margin:0px;}
.breadcrumbs a {padding:0px 4px;}

.right {text-align:right;}

#link-info {float:left;width:200px;border:solid 1px #dcc;padding:15px;background:#FAFAD2;margin-bottom:20px;}
    h4 {margin-top:0px;}
#link-detail {margin-top:20px;width:440px;padding-left:15px;margin-left:240px;}
#link-detail img {margin-left:10px;float:right;}

/* Microformats */

/* vCard */
.vcard br {display:none;}
.vcard span {display:block;font-size:0.8em;margin-top:4px;border-bottom:dotted 1px #aaa;}
.vcard span span {display:inline;border:none;font-size:1em;}
.vcard .tel span {display:none;}
.vcard .tel .value {text-align:left;font-size:1.4em;font-weight:bold;margin-top:8px;display:block;}

/* Mapping */

.map {position:relative;height:400px;width:800px;}
.map li {position:absolute;list-style-type:none;}
    .map a {position:absolute;top:0px;left:0px;height:100%;width:100%;}
        .map a img         {border:none;}
        .map .anglesey a    {top:45px;left:0px;z-index:4;}
            .map .anglesey img {width:200px;}
        .map .northwales a  {top:60px;left:25px;z-index:1;}
            .map .northwales img {width:411px;}
        .map .borderlands a {top:100px;left:370px;z-index:2;}
            .map .borderlands img {width:233px;}
        .map .cheshire  a   {top:0px;left:430px;z-index:3;}
            .map .cheshire img {width:231px;}