/************************************************
 * ReaganStone.com                              *
 * Main Stylesheet                              *
 * 5 June 2009                                  *
 * Design and Development by John Grieco        *
 * http://www.netstuffsolutions.com             *
 ************************************************/

@import url(undohtml.css);

body { background-color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; }

#container { width: 1000px; background: url(/images/bg.jpg) top left no-repeat; margin: 0 auto; height: 800px; }

/**** header / nav ****/
#header { width: 750px; margin: 0 auto; padding-top: 30px; position: relative; }
#header .logo { background: url(/images/logo.png) top left no-repeat; width: 301px; height: 68px; text-indent: -9999px; }
#header .logo a { display: block; width: 301px; height: 68px; }
#header .signup { position: absolute; top: 32px; left: 460px; }
#header .signup p { color: #fff; font-size: 14px; line-height: 18px; margin: 0 0 5px 0; }
#header .signup p span { color: #eee813; font-weight: bold; }
#header .signup .field_bg { background: url(/images/signup_field.png) top left no-repeat; width: 210px; height: 24px; float: left; }
#header .signup .field_bg .field { border: 0; background: none; height: 20px; width: 190px; margin: 2px 0 0 10px; font-size: 15px; }
#header .signup .submit { float: left; width: 25px; height: 25px; padding-left: 15px; }
#header .nav { width: 750px; padding: 20px 0 0 6px; }
#header .nav ul { list-style: none; }
#header .nav ul li { display: block; float: left; text-indent: -9999px; height: 38px; margin-right: 68px; }
#header .nav ul li a { display: block; height: 38px; width: 100%; }
#header .nav ul li a:hover { border-top: 1px solid #fff; }
#header .nav ul li a.current { border-top: 1px solid #eee813; }
#header .nav ul li.home { background: url(/images/nav_home.png) top left no-repeat; width: 72px; }
#header .nav ul li.news { background: url(/images/nav_news.png) top left no-repeat; width: 68px; }
#header .nav ul li.bio { background: url(/images/nav_bio.png) top left no-repeat; width: 41px; }
#header .nav ul li.press { background: url(/images/nav_press.png) top left no-repeat; width: 64px; }
#header .nav ul li.clips { background: url(/images/nav_clips.png) top left no-repeat; width: 58px; }
#header .nav ul li.contact { background: url(/images/nav_contact.png) top left no-repeat; width: 92px; margin-right: 0; }

/**** home ****/
#main { width: 750px; margin: 0 auto; padding-top: 10px; }
#main .home_intro { background: url(/images/homebox_bg.png) top left no-repeat; width: 750px; height: 238px; position: relative; }
#main .home_intro .copy { width: 465px; padding: 23px 0 0 39px; }
#main .home_intro .copy h1 { background: url(/images/home_introtext.png) top left no-repeat; width: 458px; height: 56px; text-indent: -9999px; margin: 0; padding: 0; }
#main .home_intro .copy h1 a { display: block; width: 458px; height: 56px; border-bottom: 0; }
#main .home_intro .copy p { font-size: 14px; line-height: 17px; width: 445px; padding: 0; margin: 12px 0 0 0; }
#main .home_intro .headshot { position: absolute; top: 14px; left: 527px; background: url(/images/headshot.png) top left no-repeat; width: 194px; height: 210px; text-indent: -9999px; }
#main .home_blurbs { margin: 40px 39px 0 39px; }
#main .home_blurbs .blurb { float: left;  }
#main .home_blurbs .latestnews { width: 260px; margin-right: 80px; }
#main .home_blurbs .latestnews h3 { text-indent: -9999px; background: url(../images/h3_latestnews.png) top left no-repeat; width: 125px; height: 24px; margin: 0 0 5px 0; }
#main .home_blurbs .latestnews h4 { font-size: 16px; font-weight: bold; margin: 10px 0 5px 0; }
#main .home_blurbs .latestnews h4 a { color: #fff; border-bottom: 1px dotted #fff; }
#main .home_blurbs .latestnews h4 a:hover { border-bottom: 1px solid #fff; }
#main .home_blurbs .latestnews p { margin: 0; font-size: 12px; line-height: 16px; color: #999; }
#main .home_blurbs .voicelessons { width: 330px; }
#main .home_blurbs .voicelessons h3 { background: url(../images/h3_voicelessons.png) top left no-repeat; width: 134px; height: 24px; margin: 0 0 5px 0; text-indent: -9999px; }
#main .home_blurbs .voicelessons p { margin: 10px 0 10px 0; font-size: 12px; line-height: 16px; }

/**** footer ****/
#footer { width: 750px; margin: 0 auto; font-size: 12px; color: #fff; text-align: center; padding: 50px 0 50px 0; }
#footer a { color: #fff; border-bottom: 1px dotted #fff; }
#footer a:hover { border-bottom: 1px solid #fff; }

/**** inner pages *****/
#main .inner { padding-left: 6px; }
#main .inner p { font-size: 16px; line-height: 20px; }
#main .inner img.rightpad { margin: 5px 10px 10px 10px; }
#main .bio strong { color: #eee813; font-weight: normal; }
#main .bio h1.bio { background: url(../images/h1_currentbio.png) top left no-repeat; width: 172px; height: 31px; text-indent: -9999px; }
#main .clips_col { float: left; width: 370px; }
#main h1.reel { background: url(../images/h1_reel.png) top left no-repeat; width: 52px; height: 27px; text-indent: -9999px; margin-bottom: 15px; }
#main h1.clips { background: url(../images/h1_audioclips.png) top left no-repeat; width: 109px; height: 30px; text-indent: -9999px; margin-top: 50px; }
#main h4 { margin: 10px 0 0px 0; font-size: 20px; }
#main h6 { margin: 0 0 15px 0; font-size: 18px; font-weight: normal; }
#main p.desc { font-size: 14px; line-height: 18px; }
#main .inner .press_subnav { width: 200px; float: left; }
#main .inner .press_subnav ul { padding-top: 5px; }
#main .inner .press_subnav ul li.subhead { padding-top: 12px; font-size: 16px; }
#main .inner .press_subnav ul li a.current { color: #fff; border-bottom: 0; font-weight: bold; }
#main .inner .press_subnav ul li a.current:hover { border-bottom: 0; }
#main .inner .press_subnav ul li { padding-bottom: 5px; font-size: 14px; line-height: 17px; }
#main .inner .press_main { width: 535px; float: left; height: 520px; overflow: auto; }
#main .inner .press_main h1 { background: url(../images/h1_pressreleases.png) top left no-repeat; width: 331px; height: 26px; text-indent: -9999px; margin: 12px 0 0 0; }
#main .inner .contact_form { width: 540px; float: left; height: 500px; }
#main .inner .contact_form h1 { font-size: 20px; margin: 8px 0 0 0; background: url(../images/h1_wanttosayhi.png) top left no-repeat; text-indent: -9999px; height: 33px; width: 156px; }
#main .inner .contact_form input.field { height: 24px; width: 450px; border: 0; font-size: 18px; }
#main .inner .contact_form textarea.message { height: 200px; width: 450px; border: 0; font-size: 16px; vertical-align: top;  }
#main .inner .contact_info { width: 200px; float: left; }
#main .inner .contact_info h3 { font-size: 18px; margin: 12px 0 10px 0; background: url(../images/h1_contactinfo.png) top left no-repeat; text-indent: -9999px; height: 24px; width: 115px; }
#main .inner .contact_info p { font-size: 14px; }
#main .inner .contact_info address { line-height: 22px; font-size: 15px; }
p.msg { color: #eee813; font-weight: bold;   }
#main .news h1.news { background: url(../images/h1_newsandevents.png) top left no-repeat; width: 167px; height: 24px; text-indent: -9999px; }
#main .news .news_scroll { height: 520px; overflow: auto; width: 760px; }
#main .news .news_scroll h3 { font-size: 18px; margin: 10px 0 10px 0; }
#main .news .news_scroll h3 span { color: #999; font-size: 14px; }
#main .news .news_scroll .story { width: 740px; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 20px;  }
#main .news .news_scroll .story p { color: #ccc !important; }
#main .news .news_scroll .last { border-bottom: 0 !important; }


/**** admin area *****/
#admin_login input.field { width: 250px; height: 25px; font-size: 21px; border: 0; }
#newsadmin_table { margin-top: 30px; }
#newsadmin_table tr.heading td { font-weight: bold; font-size: 18px; }
#newsadmin_table tr td { font-size: 16px; border: 1px solid #999; padding: 5px; }
#newsadmin_table tr td.action { width: 120px; }
#newsadmin_table tr td a { font-size: 14px; }
#main .inner h1.admin { font-size: 22px; text-indent: -9999px; background: url(../images/h1_adminarea.png) top left no-repeat; width: 124px; height: 25px; }
#newsadmin_add .field { border: 0; height: 20px; font-size: 16px;  }
#newsadmin_add input.month { width: 40px;  }
#newsadmin_add input.date { width: 40px; }
#newsadmin_add input.year { width: 60px; }
#newsadmin_add input.title { width: 700px; }
#newsadmin_add textarea.story { width: 700px; height: 300px !important; }


/**** etc ****/
.clear { clear: both; }
#main a { border-bottom: 1px dotted #eee813; color: #eee813; }
#main a:hover { border-bottom: 1px solid #eee813; }
#header input:focus { outline-width: 0; }