@import "common/reset.css";
@import "common/grid.css";
@import "common/type.css";

@import "type.css";
@import "widgets.css";
@import "forms.css";
@import "comments.css";
@import "inlines.css?version=2";
@import "photos.css";
@import "share.css";

/*
 * Blues
 * ------------------------
 * Dark         :   #125a95
 * Regular      :   #4e9bda
 * Light        :   #97c9f2
 * Very light   :   #cbe4f8
 * 
 * Greys
 * ------------------------
 * Copy Black   :   #272d31
 * Grey2        :   #445057
 * Sub Grey     :   #697a85
 * Grey         :   #92a2ad
 * Rule Grey    :   #bac6cf
 * Grey6        :   #dae2e8
 * Off White    :   #ebeff2
 *
 * ------------------------
 * Red          :   #cb0000
 * Green        :   #68b000
 */

/*
body    { background: #bac6cf url(../images/bg.gif) repeat-y top center; }
#header { background: url(../images/bg.gif) repeat-y top center; }
#body   { padding: 0 10px; background: url(../images/bg.gif) repeat-y top center; }
*/
#body { padding: 0 10px; }
.block  { width: 960px; }
.hidden { display: none; }


/* TOOLBAR
-------------------------------------------------------------------------------- */
#toolbar                      { position: relative; padding: 3px 0; background: #2a6a9f; border-bottom: 2px solid #124b7a; z-index: 11; -webkit-text-size-adjust: none; }
#toolbar .block               { position: relative; margin: 0 auto; }
#toolbar_user                 { float: left; width: 200px; }
#toolbar_user p               { float: left; margin: 0 5px 0 0; font-size: 12px; font-weight: bold; line-height: 23px; }

#toolbar_weather              { position: absolute; top: -7px; left: 290px; height: 60px; }
#toolbar_weather .icon        { float: left; display: block; margin-top: -20px; height: 80px; overflow: hidden; }

#toolbar_search               { float: right; }
#toolbar_search p             { float: left; margin: 0 5px 0 0; font-weight: bold; }
#toolbar_search #search       { margin-right: 5px; padding: 2px 5px; width: 120px; background: #749ec2; border: none; font-size: 13px; line-height: 17px; color: #fff; -webkit-border-radius: 10px; }
#toolbar_search #search:focus { background: #fff; color: #333; outline: none; }


/* TOP BANNER AD
-------------------------------------------------------------------------------- */
.top-banner-ad-wrapper { background: #CCD7E4; }
.top-banner-ad { height: 90px; width: 728px; margin: 0 auto; padding: 10px 0 15px 0; }



/* HEADER
-------------------------------------------------------------------------------- */
#header { padding: 0 10px; z-index: 5; -webkit-text-size-adjust: none; }
#header .block { position: relative; margin: 0 auto 10px auto; padding-top: 38px; border-bottom: 1px solid #dae2e8; z-index: 10; }
body.section #header .block { border: none; }

/* Main navigation */
#header #nav { float: right; font-size: 13px; }
#header #nav li a { padding: 3px 10px 4px 10px; font-weight: bold; }

#nav-temp                             { position: relative; float: right; margin: 0 0 4px 0; list-style: none; font-size: 13px; line-height: 15px; font-weight: bold; z-index: 10; }
#nav-temp li                          { position: relative; float: left; padding: 2px 0 3px 0; margin: 1px 0 0 8px; }
#nav-temp li a                        { padding: 0; }
#nav-temp li.on                       { border-left: 1px solid #dae2e8; border-top: 1px solid #dae2e8; border-right: 2px solid #bac6cf; }
#nav-temp li span                     { display: block; float: left; color: #125A95; }
                                      
#nav-temp li span img                 { margin-left: 2px; margin-bottom: -6px; width: 19px; height: 20px; -webkit-border-radius: 4px; }
#nav-temp li span .menu-button img    { background: url(http://media.ljworld.com/images/arrows/menu.gif) 0 0 no-repeat; }
#nav-temp li span .menu-button:hover img { background-color: #4e9bda; }
#nav-temp li span .menu-button-on img { background: #697a85 url(http://media.ljworld.com/images/arrows/menu.gif) 0 -20px no-repeat; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; }
                                      
#nav-temp .dropdown { position: absolute; padding: 8px 0; top: 22px; right: 0; width: 150px; background: #697a85; font-size: 12px; line-height: 21px; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; }
#nav-temp .dropdown a { float: none; display: block; padding: 0 8px !important; color: #fff; }
#nav-temp .dropdown a:hover { background: #445057; text-decoration: none; cursor: pointer; }
#nav-temp .off { display: none; }

#nav-temp li#health_nav { margin-right: -15px; }

body.news #nav-temp li a.news,
body.sports #nav-temp li a.sports,
body.ae #nav-temp li a.ae,
body.living #nav-temp li a.living,
body.opinion #nav-temp li a.opinion,
body.multimedia #nav-temp li a.multimedia { padding: 5px 15px 7px 15px; background-image: url(../images/nav_bottom_left.gif), url(../images/nav_bottom_right.gif), url(../images/nav_top_left.gif), url(../images/nav_top_right.gif);  background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-color: #92a2ad; color: #fff; }

/* Active nav */
body.living #nav li.living, body.state_regional #nav li.state, body.politics #nav li.politics, body.today #nav li.today, body.lawrence #nav li.lawrence, body.weather #nav li.news, body.sports #nav li.sports, body.business #nav li.business, body.ae #nav li.ae, body.opinion #nav li.opinion, body.religion #nav li.faith, body.photos #nav li.photos, body.marketplace #nav li.marketplace, body.classifieds #nav li.classifieds { background: #dae2e8 url(../images/nav/left_on.gif) top left no-repeat; }
body.living #nav li.living a, body.state_regional #nav li.state a, body.politics #nav li.politics a, body.today #nav li.today a, body.lawrence #nav li.lawrence a, body.weather #nav li.news a, body.sports #nav li.sports a, body.business #nav li.business a, body.ae #nav li.ae a, body.opinion #nav li.opinion a, body.religion #nav li.faith a, body.photos #nav li.photos a, body.marketplace #nav li.marketplace a, body.classifieds #nav li.classifieds a { color: #445057; background: url(../images/nav/right_on.gif) top right no-repeat; }

/* Alt navigation */
#altnav { position: absolute; top: 18px; right: 0; }
#altnav li a { padding: 0 10px; color: #92a2ad; }
#altnav li a:hover { color: #cb0000; }

/* Sub navigation */
#sub_navigation { float: right; margin-bottom: 10px; width: 960px; }
#sub_navigation ul { float: right; margin: 0; padding: 5px 10px; width: 940px; background: #92a2ad; font-size: 13px; line-height: 17px; font-weight: bold; -webkit-border-radius: 4px; }
#sub_navigation li a { padding: 2px 10px; color: #fff; -webkit-border-radius: 10px; }
#sub_navigation li a:hover { background: #697a85; text-decoration: none; }
#sub_navigation li.active a {}
#sub_navigation:after { content:  "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clear fix */
#sub_navigation { zoom: 1; } /* IE */



/* HEADING
-------------------------------------------------------------------------------- */
#heading { margin: 0 auto 10px auto; padding: 0 0 10px 0; width: 960px; border-bottom: 1px solid #dae2e8; }
#heading img { margin-bottom: 10px; }
body.detail #heading, #heading-sm { display: none; margin: 0 auto 10px auto; padding: 2px 0; width: 960px; }


/* PRIMARY AND SECONDARY
-------------------------------------------------------------------------------- */
#primary { position: relative; z-index: 4; }
#primary .block { position: relative; margin: 0 auto; border-bottom: 10px solid #fff; background: url(../images/rules/page-bg.gif) repeat-y; }

#secondary { position: relative; z-index: 3; }
#secondary .block { position: relative; margin: 0 auto; }

/* Content and Rail */
.content { float: left; margin-right: 10px; width: 640px; }
.rail { float: left; padding-left: 10px; width: 300px; background: url(../images/rules/vertical.gif) repeat-y; }
.content .rail { float: right; margin: 0 0 20px 10px; border-left: solid 10px #fff; width: 230px; background: #fff url(../images/rules/vertical.gif) repeat-y; }

.ad { margin-bottom: 28px; width: 300px; }
.skyscraper { text-align: center; }
.ad p { padding: 0; margin: 0; line-height: 8px; text-align: right; letter-spacing: 1px; color: #697a85; text-transform: uppercase; }
.ad p small { font-size: 10px; }

.banner-ad { margin: 0 auto; padding: 10px 0; border-top: 1px solid #dae2e8; background-color: #fff !important; background-image: none !important; text-align: center; }
.banner-ad p { padding: 0 0 5px 0; margin: 0; line-height: 8px; text-align: center; letter-spacing: 1px; color: #697a85; text-transform: uppercase; }
.banner-ad p small { font-size: 10px; }



/* FOOTER
-------------------------------------------------------------------------------- */
#footer { padding: 0 10px; background: #bac6cf; }
#footer .block { position: relative; padding: 10px 0 20px 0; }



/* SHRAPNEL
-------------------------------------------------------------------------------- */
.rail #calendar_widget { padding: 10px 0; }

#photo-detail .content { padding-top: 10px; }

#popular-news { margin-bottom: 28px; }


p.submit-question a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/submit-question.gif) no-repeat; overflow: hidden; }
p.submit-question a:hover { background: url(../images/buttons/submit-question.gif) 0 -30px no-repeat; }

p.submit-letter a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/submit-letter.gif) no-repeat; overflow: hidden; }
p.submit-letter a:hover { background: url(../images/buttons/submit-letter.gif) 0 -30px no-repeat; }

p.moderate-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/moderate-chat.gif) no-repeat; overflow: hidden; }
p.moderate-chat a:hover { background: url(../images/buttons/moderate-chat.gif) 0 -30px no-repeat; }

p.open-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/open-chat.gif) no-repeat; overflow: hidden; }
p.open-chat a:hover { background: url(../images/buttons/open-chat.gif) 0 -30px no-repeat; }

p.close-chat a { display: block; padding-top: 30px; width: 133px; height: 0; background: url(../images/buttons/close-chat.gif) no-repeat; overflow: hidden; }
p.close-chat a:hover { background: url(../images/buttons/close-chat.gif) 0 -30px no-repeat; }

body.chats div.list div { clear: left; }

.blogs-about-this dt {display:block; font-weight:normal;}
.blogs-about-this .title {display:block; font-weight:bold;}
p.blog-about-this {margin-bottom:7px; border-bottom:#b3c9e1 1px solid; color:#697a85; padding-bottom:5px; padding-left:25px; background:url(/weeklies/images/icons/addlink.gif) 10px 5px no-repeat; p}


.meta {margin:0 0 0 0; font-size:11px; color:#697a85;}


/* profile page
------------------------------------------- */
body.profile div.profile {float:left; width:280px;}
body.profile div.extended_profile {float:left; width:350px;margin-right:10px;}
ul.profile-stats {background:#e5e7ed; padding:10px; list-style:none;}


/* user list
------------------------------------------- */
#userTbl { width: 100%; margin-top: 20px; }
#userTbl tbody tr { background-color: #fff; -webkit-transition: background-color .15s linear; }
#userTbl tbody tr:hover { background-color: #edeff6; }

/* 6news styles
------------------------------------------- */
.sixnews-preheader { line-height:34px; background:#00411a url(http://media.ljworld.com/images/6news/6newheader_110x34.png) left center no-repeat ; height:34px; padding-left:120px;  color:#80a08d; margin-bottom:14px;}
.sixnews-preheader .back {background:none; color:#80a08d; padding:0;}
.sixnews h2.legend {border:none; margin-bottom:0;}


/* ------ weather ------*/

h4.sixweather-preheader:after { /* Clear fix */ content:  ".";   display: block;  height: 0;  clear: both;  visibility: hidden; }
h4.sixweather-preheader { /* IE fix */ zoom: 1; }
h4.sixweather-preheader { padding:0;}
h4.sixweather-preheader span.logo { float:left; background: url(http://media.ljworld.com/images/header-graphics/6-weather-header.gif) no-repeat; height:40px; width:136px; text-indent:-50000px; overflow:hidden; margin-right:21px;}

#weatherForecast { margin:1em 0 21px 0 ;}
#weatherForecast .linklist li {margin:0; font-size:11px; line-height:14px;}
#weatherForecast .weatherCurrent {margin-bottom:0; padding-bottom:0;}
#weatherForecast tr {border:none;}
#weatherForecast .odd {border-right:1px solid #f0f2f7; border-left:1px solid #f0f2f7;}
#weatherForecast th {padding:0 10px;}
#weatherForecast td {padding:2px 11px 2px 10px; vertical-align:top; }
#weatherForecast .current-conditions { color:#fff; position:relative; border:none; width:269px; padding:0 10px; background:#3678b3; -webkit-border-top-left-radius:6px;  -webkit-border-bottom-left-radius:6px; -moz-border-top-left-radius:6px;  -moz-border-bottom-left-radius:6px;}
#weatherForecast .current-conditions p { margin-bottom:7px; color:#fff;}
#weatherForecast .current-conditions h6,
#weatherForecast .current-conditions li {color:#fff;}
#weatherForecast .current-conditions strong, #weatherForecast .current-conditions .quiet {color:#92b7d8;}
#weatherForecast .currentTemp {font-size:22px; font-weight:bold; line-height:26px;}
#weatherForecast .todays-forecast {  border:none; background:#ebf2f8; -webkit-border-top-right-radius:6px; -moz-border-top-right-radius:6px;}
#weatherForecast .todays-sunmoon {  border:none; background:#ebf2f8; -webkit-border-bottom-right-radius:6px;   -moz-border-bottom-right-radius:6px;}
#weatherForecast.night .current-conditions { background:#151533; }
#weatherForecast.night .todays-forecast,
#weatherForecast.night .todays-sunmoon { background:#eeeef4; }

#weatherForecast .current-conditions img { position:absolute; left: -15px }
#weatherForecast .current-conditions div { position:relative; margin-left:110px; }
.weatherForecastImage {width:92px;}
td.sunmoon {width:92px;}
.weatherForecastImage img {float:left; margin:0 8px 0 0;}
#weatherForecast p {clear:both; font-size:12px; line-height:16px; padding-top:7px; color:#445057;}
#weatherForecast th h6 {padding-top:0;}
#weatherForecast td.last, #weatherForecast th.last {padding-right:1px;}
.forecastHighTemp, .forecastLowTemp {font-size:18px; font-weight:bold; line-height:26px;}
.forecastHighTemp {color:#c00;}
.forecastLowTemp {font-weight:normal; color:#3678b3; font-size:15px;}
#weatherForecast p.sun, #weatherForecast p.moon { font-size:10px; margin:-4px 0 9px -4px; position:relative; padding:0 0 0 16px; line-height:13px; background:url(http://media.ljworld.com/images/icons/mini-sun.png)  no-repeat; color:#92a2ad;}
#weatherForecast p.moon {background:url(http://media.ljworld.com/images/icons/mini-moon.png) no-repeat;}
#weatherForecast p.sun {_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://media.ljworld.com/images/icons/mini-sun.png, sizingMethod=crop)}
#weatherForecast p.moon {_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://media.ljworld.com/images/icons/mini-moon.png, sizingMethod=crop)}

#weatherForecast p.sun strong, #weatherForecast p.moon strong { display:none; }
body.weather .alert-subscribe { font-size:18px; line-height:21px;}
#weatherForecast .linklist li { padding:1px 0; margin:0; background:none; }