/*  experiencelifemag.com master CSS stylesheet  */
/*  author: Ross DeMeyere; revised:20100820  */

div.shorturl {display:none}

/* universal deployment */

body { background-color: #FFFFFF; 
       margin:0; 
       font-family: "Arial", "Helvetica", sans-serif; 
       color:#000000; 
       font-size:12px;
       text-align:center; 
     }

p, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5
    { font-family: "Arial", "Helvetica", sans-serif; 
      color:#000000; text-align: left;
      font-size:12px;
    }

td  {vertical-align:top;}

a img {border:0;}

a, a:visited { color:#f15b25; }
a:hover, a:active { color:#f15b25; }



/* site style specific */

#leaderboard { position:relative; margin:10px auto 0px; width:1000px; }
#outerpage, #outerad { position:relative; margin:10px auto 10px auto; width:1000px; }
#innerpage, #innerad { border:1px solid #ADB0B3; width:998px; min-width:998px; }

td.grid { background-color:#adb0b3;}
td.grid img {display:block;}


/* homepage gallery cycle */

*.five-thumbs {margin-left:12px; margin-top:12px; height:80px;}
*.five-thumbs a {width:107px; height:70px; display:block; float:left; margin:0 0 0 0; padding:0 0 0 0; }
*.five-thumbs a:hover, *.five-thumbs a.sfocus, *.five-thumbs a.activeSlide {background-image:url(/images/2010-static/five-thumbs-shadow.gif); background-repeat: no-repeat;  }
*.five-thumbs a img { margin:0 0 0 0; padding:3px 0 0 4px; border:0;}

a.activeSlide {background-image:url(/images/2010-static/five-thumbs-shadow.gif); background-repeat: no-repeat; }


/* footer */

#footer { margin:9px 0 6px 13px; background-color:white;}
#footer img {border:0; margin-bottom:3px; margin-right:5px; }
#footer p {color:#77787b; margin: 3px 0 0 0; padding:0; text-transform:uppercase; font-size:11px;}
#footer p#address {font-size:9px; }
#footer a, #footer a:visited { color:#77787b; text-decoration:none }
#footer a:hover, #footer a:active { text-decoration:underline}


/* masthead */

#masthead {background-image:url('/images/2010-static/experience-life.jpg');height:113px; position:relative; }
#masthead img {border:0; }

#loginarea { position:absolute; top:5px; left:775px; width:210px; display:none; }
#loginarea p {color:#808184; margin: 3px 0 0 0; padding:0; text-align:right; font-weight:bold;}
#loginarea a, #loginarea a:visited { color:#808184; text-decoration:none; }

#searchformarea { position:absolute; top:33px; left:685px; width:300px;}
#searchformarea form {margin:0; padding:0; }
#searchformarea p {color:#adb0b3; margin:0; padding:0 0 3px 0; text-align:right;}
#searchformarea td {padding-left:8px;}
#search {color:#adb0b3; margin:0; padding:0; text-align:left; width:199px; height:23px; margin:0; border:1px solid #bbb; background-color:white; }
#submit {border:0; width: 78px; height: 25px;}
#searchformarea a, #searchformarea a:visited { color:#adb0b3; text-decoration:none; }
#searchformarea a:hover, #searchformarea a:active { text-decoration:underline; }


#navigation {border-top:1px solid #ADB0B3; border-bottom:1px solid #ADB0B3; background-color:#6d9d32; height:22px; width:998px; }
#navigation a {float:left; display:inline; margin:0; padding:0; }
#navigation span {float:left;}
#navigation img {display:block; margin:0; padding:0; vertical-align: bottom; }


/* advertisements */

div.advertisement { border-top:1px solid #ADB0B3; padding-top:12px; padding-bottom:12px;}
div.advertisement p { color:#adb0b3; text-align:center; margin:0; padding:0; }
div.advertisement img {border:0; outline:0; }


/* columns one and two */

#column1, #column2, div.article, div#relatedcontent {padding:12px;}


/* div.story is an element of the home page */

h3.category {font-size:15px; color:#414142; text-transform:uppercase; padding:0; margin:0 0 4px 0; }
div.story + h3.category {margin-top:20px; }

div.story h4 {font-size:11px; color:#909295; margin:0 0 2px 0; padding:0; font-weight:normal; text-transform:uppercase;  } /* used for department */
div.story {margin-bottom: 13px; clear:both;}
div.story img { border:1px solid #adb0b3; margin-top:3px; margin-right:10px; margin-bottom:13px; float:left; }
div.story img.continued { border:0; margin:0; float:none; }
div.story h2 { font-size:13px; margin:0; padding:0; color:black;}
div.story h2 a, div.story  h2 a:visited { color:#0068AC; text-decoration:none; }
div.story h2 a:hover, div.story h2 a:active { text-decoration:underline; }
div.story p { margin:0; padding:6px 0 0 0; margin-left:102px }
div.story.nophoto p {margin-left:0;}
div.story p.byline { color: #6d6371; font-size:11px; }
div.story p a, div.story p a:visited { color:#00416e; text-decoration:none;  font-weight:normal; }
div.story p a:hover, div.story p a:active { text-decoration:underline;  }

#searchresults h1 { font-size:13px; margin:0; padding:0; color:black;}
#searchresults h1 a, #searchresults h1 a:visited { color:#0068AC; text-decoration:none; }
#searchresults h1 a:hover, #searchresults h1 a:active { text-decoration:underline; }
#searchresults  p { margin:0; padding:0px 0 0 0;}
#searchresults p.byline { color: #6d6371; font-size:11px; }


/* most sidebar element */

#most { padding-bottom:10px; }
*.most img {display:inline; border:0; }
*.mostdetail {margin:0; padding:0; }
*.mostdetail ol {margin:0 0 0 -13px; font-weight:bold; }
*.mostdetail ol li {margin-top:0; margin-bottom:0; }
*.mostdetail ol li p {margin:0 0 0 0; padding:0 5px 5px 0; font-weight:normal; }
*.mostdetail a, *.mostdetail a:visited { color:#000; text-decoration:none;  font-weight:normal; }
*.mostdetail a:hover, *.mostdetail a:active { text-decoration:underline;  }


/* sidebar area for subscribe */

#subscribearea { border-top:1px solid #ADB0B3; padding:0 0 12px 22px;}
#subscribearea table {padding-top:15px;}
#subscribearea td.two p {margin:0; padding:0 0 15px 20px;}

/* sidebar area for stay connected */

#stayconnected { border-top:1px solid #ADB0B3; padding:12px; }
#stayconnected p, div.commentorshare p {font-weight:bold;padding:0;margin:0;margin-top:12px;}
#stayconnected img.h32, div.commentorshare img.h32 {padding:0;margin:0;padding-bottom:3px; outline:0; }
#stayconnected form {margin:0; padding:0; }
#stayconnected td {padding-right:8px;}
#email {color:#adb0b3; margin:0; padding:0; text-align:left; width:199px; height:23px; margin:0; border:1px solid #bbb; background-color:white; }
#stayconnected #submit { width: 82px; height: 24px;}


/* landing page header and feature */

div#landingheader {background-color:#efefef; padding:12px; }
div#landingheader img {float:left; margin:0; padding:5px 10px 0 0; }
div#landingheader h2 {font-size:36px; line-height:36px; text-transform:uppercase; float:left; margin:0; padding:0; }
div#landingheader p { font-size:16px; line-height:15px; float:left; width:370px; margin:0; padding:3px 0 0 10px; }

div#landingheader.fitbody h2 {color:#0072bc; }
div#landingheader.fitbody p {color:#0072bc; width:370px; }
div#landingheader.healthyeating h2 {color:#da2128; }
div#landingheader.healthyeating p {color:#da2128; width:250px; }
div#landingheader.lifewisdom h2 {color:#f47920; }
div#landingheader.lifewisdom p {color:#f47920; width:340px; }
div#landingheader.wellness h2 {color:#7ebd0f; }
div#landingheader.wellness p {color:#7ebd0f; width:370px; }

div#landingfeature { border-top:1px solid #ADB0B3; padding-top:12px; padding-bottom:12px;}
div#landingfeature img { padding:0 22px; float:left;}
div#landingfeature h1 { padding:0 12px 0 344px; font-size:38px; line-height:38px; color:#0068ac; margin:0; font-weight:normal;}

div#landingfeature h1 a, div#landingfeature h1 a:visited  {color:#0068ac;text-decoration:none; }
div#landingfeature h1 a:hover, div#landingfeature h1 a:active  {color:#0068ac; text-decoration:underline; }

div#landingfeature p.byline { padding:8px 12px 0 344px; margin:0; font-size:19px; line-height:19px; color:#6d6e71; font-weight:normal;}
div#landingfeature p { padding:8px 20px 0 344px; margin:0; font-size:19px; line-height:19px; color:#231f20; font-weight:normal;}

div#landingfeature.issue h1 {padding-left:0;}
div#landingfeature.issue p {padding-left:0;}

/* pagination block */

#pagination {border-top:1px solid #ADB0B3;}
#pagination p {text-align:center; }
#pagination a {color:#f15b25; text-decoration:none;}


/* tag cloud for landing pages and third party navigation */

div#tagcloud { border-top:1px solid #ADB0B3; padding:12px;}
div#tagcloud p { margin:0; font-size:10px; line-height:13px; color:#0068ac; font-weight:normal;}
div#tagcloud a, div#tagcloud a:visited { color:#0068ac; text-decoration:none; }
div#tagcloud a:hover, div#tagcloud a:active { text-decoration:underline; }


/* comment or share for article pages */

div.commentorshare {padding:12px; border-top:1px solid #ADB0B3; }
#sidebar div.commentorshare {padding-top:0; border:0; }
div.commentorshare h2 {font-size:13px; color:#414142; padding:0; margin:0;  }
div.commentorshare textarea#comment {height:100px; width:530px; padding:2px; color:#a7a9ac; font-size:10px; border: 1px solid #a7a9ac }
div.commentorshare div.shorturl {}
div.commentorshare div.shorturl p {color:#414142; font-size:14px; line-height:19px; width:308px; }
div.commentorshare div.shorturl p textarea {height:12px; width:210px; padding:2px; color:#a7a9ac; font-size:10px; border: 1px solid #a7a9ac }
div#commentarea div.shorturl p { width:608px; }
div#commentarea div.shorturl p textarea { width:460px; }
#commentform {margin:0; padding:0; }
#commentform p {color:#adb0b3; margin:0; padding:12px 0; text-align:right;}
#commentform td {padding-right:8px;}
div.commentorshare #submit {border:0; width: 82px; height: 24px;}


div#sidebar div.commentorshare {padding-top:0; border:0; }
div#sidebar div.commentorshare h2,
div#sidebar div.commentorshare p,
div#sidebar div.commentorshare p a,
div#sidebar div.commentorshare div.shorturl p
  {font-size:14px; color:#414142; padding:0; margin:0; text-decoration:none; line-height:19px; margin:3px 0 0 0; padding:0;  }

#ataglance {padding:12px;}
#ataglance h2 {font-size:15px; color:#414142; text-transform:uppercase; }
#ataglance p {font-size:14px; line-height:21px; margin-top:6px;}
#ataglance p a {color:#f15b25}


#relatedcontent {padding:12px; border-top:1px solid #ADB0B3; }
#relatedcontent h2.title {font-size:15px; color:#414142; text-transform:uppercase; padding:0; margin:0 0 8px 0; }

/* article related CSS */

*.article img {margin:0; padding:0; }
*.article h1 {color:#006bac;font-size:38px;margin:0; padding:0; font-weight:normal; line-height:38px;}
*.article p {padding:0; margin:19px 0; line-height:19px;font-size:13px; color:#414042;}
*.article li {padding:0; margin:9px 0; line-height:19px;font-size:13px; color:#414042;}
*.article p.deck {font-size:18px; margin-top:8px; }
*.article p.byline {font-size:17px; color:#6d6e71; }
*.article table.underfeaturedphoto {padding:0; margin:0 0 12px 0;}
*.article table.underfeaturedphoto td {padding:0; margin:0; vertical-align:top;}
*.article table.underfeaturedphoto td p {padding:0; margin:0;}
*.article table.underfeaturedphoto td.featureslink {width:320px; }
*.article table.underfeaturedphoto td.featureslink p {color:#414142; padding-top:12px; font-size:13px; text-transform:uppercase; }
*.article table.underfeaturedphoto td.featureslink a {background-color:#f15b25; color:white; text-decoration:none; padding:0 4px; }
*.article table.underfeaturedphoto td.photocredit {width:320px; }
*.article table.underfeaturedphoto td.photocredit p {font-size:10px; text-align:right; color:#a7a9ac;}
*.article h2 {color:#0068ac; font-weight:normal; font-size:15px; margin-bottom:0;  }
*.article h2 strong {font-weight:normal; }
*.article h2 a {color:#0068ac; text-decoration:none; }
*.article h2 + p {margin-top:0px }
*.article p a {color:#f15a25; text-decoration:none; }

*.article p.bio { color:#6d6e71; border-top: 1px solid #ADB0B3; padding:6px 0 }
*.article div.sidebar {border-top:1px solid #ADB0B3;}
*.article div.webextra {border-top:1px solid #ADB0B3;}
*.article div.sidebar p.title span {background-color:#0068ac; color:white; text-decoration:none; padding:0 4px; text-transform:uppercase}
*.article div.webextra p.title span {background-color:#0068ac; color:white; text-decoration:none; padding:0 4px; text-transform:uppercase}


body.print div.article {width:640px;}
div.article div.printmasthead {display:none;}
body.print div.article div.printmasthead {display:block; padding-bottom:24px;}
body.print div.article {width:640px;}


div#commentarea td p {font-style:italic; margin:0; padding:6px 0 0 0; text-align:left; color:#414142}

div#comments {border-top: 1px solid #ADB0B3; padding:12px 12px 0; background-color:#e6e7e8; }
div#comments h2 {background-color:#0068ac; color:white; text-decoration:none; padding:0 4px; margin:0; text-transform:uppercase; font-weight:normal; font-size:13px;}
div.comment {padding:12px; margin:0;border-top: 1px solid #ADB0B3; }
div.comment p.datetime, div.comment h3, div.comment p {font-size:13px; color:#414042; font-weight:normal; line-height:19px; padding:0; margin:0; }
div.comment h3 {color:#0068ac;}


div#beta { position:fixed; top:5px; left:5px; width:50px; padding:12px; z-index:1; background-color:white; border:1px solid #414142; }

div#validation {display:none; }

/* subscribe to newsletter 11 */

#contentcolumnwide { padding:12px; margin:0; }
#contactform table p {margin:0; padding:0; line-height:24px; text-align:right; }
#contactform *.required { color:#00416e; }

#c_firstname, #c_lastname, #c_email, #c_verifyemail, #c_phone, #c_subject {width:250px;color:black;background-color:#ebebec;}
#c_subject {width:300px;}
#c_message {width:350px; height:250px; color:black;background-color:#ebebec;}
