/* REEL LIFE WITH JANE LAYOUT AND STYLE
-----------------------------------------------------------------------------------------
Site design and layout, copyright 2007 Design by Reese
Author: Design by Reese
Modified: April 24, 2008

www.designbyreese.com

*/

/* - - - GLOBAL   - - - */
/* - - - COLORS  
orange (movie title, etc) #fc7831
brown (text) #543217
teal (text, celeb profile name) #4ba683
light teal (dvd releases bg) #c6f7de;
- - - */

hr {
display: none;
}

body {
background: #fff url(/images/design/bodybg.gif) repeat-x top left;
color: #543217;
font-size: 11px;
font-family: Georgia, Bookman Old Style, Times, Times New Roman, serif;
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #8cb518;
}

a:link {
text-decoration: none;
color: #8cb518;
}

a:hover {
color: #62b394;
}

a:visited {
color: #8cb518;
}

a.read_more {
padding-bottom: 2px;
border-bottom: 1px solid #fff;
}

a.read_more:hover {
border-bottom: 1px solid #543217;
}

input, textarea, submit {
color: #543217;
}

/* - - - LAYOUT/STRUCTURE - - - */
#header_container {
position: relative;
margin: 0 auto;
width: 783px;
}

#header img#logo {
position: absolute;
right: 0px;
top: -1px;
padding: 0;
z-index: 10;
}

#header h1 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
}

#header h2 {
text-indent: -9999px;
font-size: 1px;
color: #fff;
display: block;
background: url(/images/design/header-tagline.gif) no-repeat top left;
width: 277px;
height: 20px;
position: absolute;
left: 245px;
top: 10px;
}

/* search */
#header #search_box {
float: left;
margin: -2px 0 0 0;
}

#search_box {
width: 165px;
height: 33px;
background: url(/images/design/button-searchinput.gif);
}
#search_box #s {
float: left;
padding: 0;
margin: 8px 0 0 6px;
border: 0;
width: 120px;
background: none;

}
#search_box #search_button {
float: right;
margin: 0 4px 0 0;
}

#navigation {
width: 784px;
height: 33px;
position: absolute;
top: 116px;
right: 5px;
z-index: 10;
}

#container {
margin: 155px auto 0 auto;
padding: 0;
width: 783px;
background: transparent;
}

#primary_content {
float: left;
width: 383px;
padding: 0 0 0 0;
margin: 0;
}

#secondary_content {
float: right;
width: 382px;
padding: 0;
}

#buy_stuff {
clear: both;
float: left;
width: 783px;
text-align: center;
margin: 15px 0 0 0;
}

#footer {
clear: both;
width: 100%;
text-align: center;
height: 53px;
padding: 10px 0 0 0;
font-size: 11px;
}

/* - - - NAVIGATION  - - - */
ul#menu {
height:33px;
width:784px;
margin:0;
padding:0;
border:0;
list-style: none;
background: url(/images/design/slidingnav.png) no-repeat top left;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
color: #000;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
outline: none;
background: url(/images/design/slidingnav.png) no-repeat top left;
}

li#home a{
width:41px;
height: 33px;
padding: 0;
margin: 0;
}

li#about-jane a{
width:72px;
height: 33px;
padding: 0;
margin: 0;
}

li#info-for-editors a{
width:100px;
height: 33px;
padding: 0;
margin: 0;
}

li#movie-reviews a {
width:92px;
height: 33px;
padding: 0;
margin: 0;
}

li#tv-reviews a {
width:71px;
height: 33px;
padding: 0;
margin: 0;
}


li#celeb-profiles a {
width:93px;
height: 33px;
padding: 0;
margin: 0;
}

li#feature-stories a {
width:97px;
height: 33px;
padding: 0;
margin: 0;
}

li#reprints a {
width:64px;
height: 33px;
padding: 0;
margin: 0;
}

li#publications a {
width:82px;
height: 33px;
padding: 0;
margin: 0;
}

li#people-say a {
width:72px;
height: 33px;
padding: 0;
margin: 0; 
}

li#home a:hover, li#home.active-nav a {
background-position: 0px -33px;
}

li#about-jane a:link, li#about-jane a:visited {
background-position: -41px 0px;
}

li#about-jane a:hover, li#about-jane.active-nav a {
background-position: -41px -33px;
}

li#info-for-editors a:link, li#info-for-editors a:visited {
background-position: -113px 0;
}

li#info-for-editors a:hover, li#info-for-editors.active-nav a {
background-position: -113px -33px;
}

li#movie-reviews a:link, li#movie-reviews a:visited {
background-position: -213px 0px;
}

li#movie-reviews a:hover, li#movie-reviews.active-nav a {
background-position: -213px -33px;
}

li#tv-reviews a:link, li#tv-reviews a:visited {
background-position: -305px 0px;
}

li#tv-reviews a:hover, li#tv-reviews.active-nav a {
background-position: -305px -33px;
}

li#celeb-profiles a:link, li#celeb-profiles a:visited {
background-position: -376px 0px;
}

li#celeb-profiles a:hover, li#celeb-profiles.active-nav a {
background-position: -376px -33px;
}

li#feature-stories a:link, li#feature-stories a:visited {
background-position: -469px 0px;
}

li#feature-stories a:hover, li#feature-stories.active-nav a {
background-position: -469px -33px;
}

li#reprints a:link, li#reprints a:visited {
background-position: -566px 0px;
}

li#reprints a:hover, li#reprints.active-nav a {
background-position: -566px -33px;
}

li#publications a:link, li#publications a:visited {
background-position: -630px 0px;
}

li#publications a:hover, li#publications.active-nav a {
background-position: -630px -33px;
}

li#people-say a:link, li#people-say a:visited {
background-position: -712px 0px;
}

li#people-say a:hover, li#people-say.active-nav a {
background-position: -712px -33px;
}

/* - - - PRIMARY CONTENT- - - */
/* - - HOME PAGE - - */
h2.latest {
width: 383px;
height: 26px;
text-indent: -9999px;
margin: 0;
padding: 0;
background: url(/images/design/header-latest.gif) no-repeat top left;
}

/* - movie review - */
.home_movie_review h3 {
float: left;
text-indent: -9999px;
margin:  12px 0 6px 0;
padding: 0;
width: 383px;
height: 40px;
background: url(/images/design/header-moviereview.gif) no-repeat top left;
}

.home_movie_review h4{
color: #fc7831;
font-style: italic;
font-size: 18px;
margin: 0;
padding: 0 0 0 0;
font-weight: normal;
}

.home_movie_review p {
font-size: 12px;
line-height: 18px;
margin: 3px 0;
}

.home_movie_review p.read_the_rest {
position: relative;
margin: 0 0 15px 0;
padding: 0;
height: 41px;
background: url(/images/design/icon-reviewarrow.gif) no-repeat top left;
}

.home_movie_review p.read_the_rest a.read_more {
position: absolute;
right: 0px;
top: 15px;
text-indent: -9999px;
background: url(/images/design/link-readtherest.gif) no-repeat top left;
width: 88px;
height: 9px;
}

/* - celebrity profile - */
.home_celebrity_profile {
float: left;
width: 383px;
background: url(/images/design/browndots.gif) repeat-x top left;
padding: 15px 0;
position: relative;
}

.home_celebrity_profile img {
float: left;
padding: 10px;
width: 150px;
background: #f5fb5c url(/images/design/graphic-yellowpatternlight.gif) repeat top left;
}

.home_celebrity_profile h3{
float: left;
text-indent: -9999px;
margin: 9px 0 0 30px;
padding: 0;
width: 177px;
height: 75px;
background: url(/images/design/header-celebrityprofile.gif) no-repeat top left;
}

.home_celebrity_profile h4 {
float: left;
color: #4ba683;
font-size: 18px;
font-style: italic;
font-weight: normal;
margin: 0 0 0 30px;
padding: 9px 0px 10px 0;
}

.home_celebrity_profile a.read_more {
text-indent: -9999px;
float: left;
background: url(/images/design/link-gettheinsidescoop.gif) no-repeat top left;
width: 125px;
height: 11px;
padding: 0 30px 0 0;
margin: 0 0 15px 30px;
}

/* - new dvd releases - */
.new_dvd_releases {
float: left;
width: 383px;
background: url(/images/design/browndots.gif) repeat-x top left;
padding: 15px 0;
}

.new_dvd_releases h2 {
text-indent: -9999px;
margin: 0;
padding: 0;
background: url(/images/design/header-newdvdreleases.gif) no-repeat top right;
width: 208px;
height: 43px;
}

.new_dvd_releases ul {
list-style-type: none;
margin: 9px 0 0 0;
padding: 0;
width: 363px;
padding: 18px 10px 0 10px;
background-color: #c6f7de;
float: left;
}

.new_dvd_releases li {
float: left;
width: 50%;
padding: 0 0 18px 0;
margin: 0;
height: 100%;
}

.new_dvd_releases li h3 {
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
}

.new_dvd_releases a {
text-indent: -9999px;
float: left;
border-bottom: 1px solid #c6f7de;
}

a.read_review {
background: url(/images/design/link-readreview.gif) no-repeat top left;
width: 53px;
height: 7px;
}

a.buy_on_amazon {
background: url(/images/design/link-buyonamazon.gif) no-repeat top left;
width: 63px;
height: 7px;
margin: 0 0 0 10px;
}

/* - on jane's blog - */
.on_janes_blog {
float: left;
width: 383px;
background: url(/images/design/browndots.gif) repeat-x top left;
padding: 15px 0;
}

.on_janes_blog h2 {
text-indent: -9999px;
margin: 0;
padding: 0;
background: url(/images/design/header-onjanesblog.gif) no-repeat top left;
width: 383px;
height: 24px;
}

.on_janes_blog ul {
list-style-type: none;
margin: 9px 0 0 0;
padding: 0;
width: 210px;
float: left;
}

.on_janes_blog li {
margin: 0 0 12px 0;
padding: 0 0 0 20px;
background: url(/images/design/icon-arrowbullet.gif) no-repeat 0 50%;
font-size: 12px;
}

.on_janes_blog li a {
color: #fc7831;
border-bottom: 1px solid #543217;
}

.say_hi_to_jane {
width: 165px;
height: 88px;
float: right; 
background: url(/images/design/sayhitojane.gif) no-repeat top left;
height: 88px;
position: relative;
}

.say_hi_to_jane h3 {
text-indent: -9999px;
margin: 0;
padding: 0;
}

.say_hi_to_jane p {
position: absolute;
left: 39px;
top: 20px;
font-size: 10px;
width: 115px;
}

.say_hi_to_jane p a {
text-indent: -9999px;
float: left;
background: url(/images/design/link-emailjane.gif) no-repeat top left;
width: 52px;
height: 8px;
margin: 0;
padding: 0;
position: absolute;
bottom: 2px;
left: 20px;
}

/* - - - SECONDARY CONTENT- - - */
/* - - HOME PAGE - - */
/* - movie image - */
.home_movie_image {
position: relative;
float: left;
width: 382px;
}

.home_movie_image img {
z-index: 1;
}

.home_movie_image .movie_overlay {
position: absolute;
z-index: 10;
bottom: 40px;
left: 0px;
width: 383px;
height: 60px;
background: url(/images/design/background-header-largephoto.png) no-repeat top left;
}

.home_movie_image a.read_more {
text-indent: -9999px;
float: right;
background: url(/images/design/link-readthereviewtofindout.gif) no-repeat top left;
width: 158px;
height: 9px;
margin: 36px 10px 0 0;
}

.home_movie_image h3.movie-subhead {
color: #bd4a10;
font-style: italic;
font-size: 21px;
font-weight: normal;
margin: 0;
padding: 0;
position: absolute;
top: 12px;
left: 15px;
z-index: 2000;
}

/* - tv - */
.home_tv {
float: left;
clear: left;
margin: 18px 0 0 0;
width: 183px;
}

.home_tv h3 {
text-indent: -9999px;
background: #d0f258 url(/images/design/tvbackground.gif) no-repeat top left;
margin: 0;
padding: 0;
width: 183px;
height: 28px;
}

.home_tv h3 span {
text-indent: 0px;
display: block;
font-size: 15px;
font-weight: normal;
font-style: italic;
padding: 0 0 0 42px;
margin-top: -12px;
}

.home_tv h3 span a {
color: #523110;
font-weight: bold;
}

.home_tv h3 span a:hover {
color: #8d5220;
font-weight: bold;
}


/* - read jane's blog - */
h3.read_janes_blog {
float: right;
width: 182px;
height: 183px;
text-indent: -9999px;
margin: 12px 0 0 0;
padding: 0;
background: url(/images/design/header-cliqueclacktv.gif) no-repeat top left;
}

/* - need cool content - */
.need_cool_content {
float: left;
position: relative;
margin: 12px 0 0 0;
padding: 0;
clear: left;
width: 192px;
}

.need_cool_content img {
position: absolute;
left: -15px;
top: 0px;
}

.need_cool_content h3 {
text-indent: -9999px;
margin: 0;
padding: 0;
background: url(/images/design/header-needcoolcontent.gif) no-repeat top left;
width: 105px;
height: 41px;
position: absolute;
right: 0px;
top: 20px;
}

.need_cool_content p {
margin: 0;
padding: 0;
position: absolute;
top: 85px;
font-size: 16px;
line-height: 20px;
}

.need_cool_content a {
text-indent: -9999px;
float: left;
clear: left;
background: url(/images/design/link-findoutmoreinfo.gif) no-repeat top left;
width: 118px;
height: 9px;
margin: 6px 0 0 0;
}

/* - gear reviews - */
.cool_gear_reviews {
float: right;
margin: 12px 0 0 0;
width: 182px;
}

.cool_gear_reviews h4 {
text-indent: -9999px;
margin: 0;
padding: 0;
background: url(/images/design/header-tvsquad.gif) no-repeat top left;
width: 182px;
height: 185px;
}

/* - regional pubs - */
.regional_parenting_pubs {
float: left;
width: 382px;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
background: url(/images/design/browndots.gif) repeat-x top left;
}
.regional_parenting_pubs h3 {
text-indent: -9999px;
background: url(/images/design/header-heyrpp.gif) no-repeat top left;
height: 25px;
margin: 0;
padding: 0;
}

.regional_parenting_pubs img {
float: left;
width: 85px;
margin: 6px 6px 6px 0;
padding: 6px;
background-color: #fc7831;
}

.regional_parenting_pubs p {
color: #8d5220;
font-size: 12px;
line-height: 18px;
margin: 3px 0 0 0;
padding: 0;
}

.regional_parenting_pubs p a {
font-family: arial, helvetica, verdana, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
border-bottom: 1px solid #fff;
}

.regional_parenting_pubs p a:hover {
border-bottom: 1px solid #543217;
}

/* - - - FOOTERS - - - */
#buy_stuff h5{
text-indent: -9999px;
margin: 0;
padding: 0;
background: url(/images/design/link-buyreellifestuff.gif) no-repeat top left;
width: 779px;
height: 35px;
}

#footer {
clear: left;
float: left;
width: 783px;
text-align: center;
margin: 15px 0 0 0;
}

ul.list-footer-links {
list-style: none;
margin: -15px 0 0 0;
padding: 0;
width: 783px;
font-size: 10px;
}

ul.list-footer-links li {
display: inline;
padding: 0 14px 0 0;
text-align: center;
margin: 0;
}

ul.list-footer-links li a {
color: #8d5220;
}

ul.list-footer-links li a:hover {
color: #4d9a7c;
}


ul.list-footer-credits {
color: #8d5220;
list-style: none;
float: left;
clear: left;
width: 783px;
font-size: 10px;
text-transform: uppercase;
margin: 9px 0 0 0;
padding: 0;
}

/* PRIMARY CONTENT LINKS */
#primary_content a:hover {
color: #4d9a7c;
}