/* Blue #199cc4 */


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* Elements */
body { background: #000; color: #ccc; font-weight: normal; font-family: Helvetica, Arial, "Lucida Sans", "Lucida Grande", Lucida, sans-serif; }
h1, h2, h3, h4, h5, h6, p, ul, ol, table { margin-top: 10px; line-height: 21px; font-weight: normal; }
h2, h3, h4, h5, h6 { font-size: 21px; }
h2 { font-size: 30px; line-height: 42px; color: #199cc4; border-bottom: 1px solid #444; margin-top: 10px; }
h3 { margin-top: 21px; font-weight: bold; font-size: 21px; color: #199cc4; }
h4 { font-size: 18px; }
h5 { font-size: 14px; font-weight: bold; }
p, ul, ol, table { font-size: 14px; }
ol { margin-left: 21px; }
ul { margin-left: 21px; }
li { line-height: 21px; }
ul li { list-style: square; }
ul ul, ul ul ul { margin-top: 0; }
img { margin-top: 10px; }
table tr th { font-weight: normal; text-align: left; }
table tr th, table tr td { padding: 2px 10px 2px; line-height: 21px; font-size: 12px; }
a img { border: 0; }
a:link { color: #199cc4; }
a:visited { color: #199cc4; }
a:hover { color: #facd7e; }


/* Forms */
form { margin-bottom: 21px; }
form img { vertical-align: bottom; padding: 0 0 10px 5px; display: none; }
label { display: block; float: left; text-align: right; width: 100px; padding: 10px 10px 0 0; }
input[type="text"], input[type="password"], textarea { padding: 6px 4px; font-size: 14px; line-height: 21px; border: 1px solid #999; outline: 0; color: #222; width: 275px; background-color: #fff; }
input[type="text"]:hover, input[type="password"], textarea:hover { border: 1px dotted #333; }
input[type="submit"] { font-weight: bold; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-style: solid; }
input[type="submit"]:hover { cursor: pointer; }
textarea { width: 450px; height: 200px; }


/* Often-used classes */
.wrapper { width: 960px; margin: 0 auto; }
.content { width: 593px; float: left; }
.sidebar { margin-top: 42px; margin-left: 614px; color: #666; }
.sidebar h3 { font-size: 16px; }
.sidebar h4 { font-size: 16px; }
.sidebar p { margin-top: 0 }
.break { clear: left; margin-bottom: -21px; }
#flatpage_1161 .lower, #flatpage_1162 .lower { margin-top: -42px; }
.lower .content { margin-top: -21px; }
.item { margin-bottom: 21px; }
.access, .hide { position: absolute; left: -9999px; }
.primary { background: #199cc4; color: #ccc; }
.map { width: 100%; height: 300px; }
.amp { font-family: "Adobe Caslon Pro", "Goudy Old Style", georgia, serif; font-style: italic; font-weight: normal; }
.caps { letter-spacing: 1px; }
.bold { font-weight: bold; }
.day { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.intro { font-size: 18px; line-height: 28px; color: #666; }
.special { margin: 42px 0 0; font-size: 18px; color: #666; }
.bullet { padding: 0 4px; color: #444; }
.logo { float: left; margin: 0 21px 0 0; }
.col { width: 470px; }
.one { float: left; clear: left; }
.two { margin-left: 490px; }
.extra { padding-top: 21px; width: 960px; }
.extra .col .logo img { display: block; }
.extra .two { margin-top: -10px; }
.feed { margin-top: 21px; }
.feed a { background-image: url('http://media.ljworld.com/static/freestatestudios.com/images/rss.gif'); background-position: left top; background-repeat: no-repeat; padding-left: 25px; }
.landing { margin: 42px 0 0; }
.date { color: #444; padding-right: 10px; }
.clear { overflow: hidden; width: 100%; }

#home .col { width: 305px; float: left; }
#home .one { }
#home .two,
#home .three { margin-left: 20px; }


/* Services */
body.services .chrome { margin-top: 21px; }
body.services .player { width: 593px; height: 475px; }
body.services .player a:active { background: none; }
body.services .package { margin: 42px 0; }
body.services .playlist { background-color: #111; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-top: -10px; }
body.services .playlist a { display: block; text-decoration: none; float: left; width: 170px; margin: 5px 0 5px 20px; color: #666; }
body.services .playlist a strong { padding-left: 6px; font-size: 16px; }
body.services .playlist a:hover strong { color: #999; text-decoration: underline; }
body.services .playlist a:active { color: inherit; background: none; }
body.services .playlist a img { margin-bottom: 0; padding: 5px; background: #fff; }
body.services .playlist a.playing img { background: #44b3ff; }
#services-jumps { margin: 20px 0 0; padding: 10px 15px 15px; text-indent: 0; background-color: #222; -webkit-border-radius: 10px; -moz-border-radius: 10px;  }
#services-jumps:after { /* Clear fix */ content:  ".";display: block; height: 0; clear: both; visibility: hidden; }
#services-jumps li { margin: 0; padding: 0; text-indent: 0; display: inline;}
#services-jumps li a { display: block; padding: 10px; width: 250px; float: left; font-size: 24px; text-align: center; }
#services-jumps li a:hover { background-color: #444; -webkit-border-radius: 10px; -moz-border-radius: 10px;}



/* Shows navigation */
#nav-secondary {  }
#nav-secondary .amp { line-height: 10px; }
#nav-secondary:after { /* Clear fix */ content:  ".";display: block; height: 0; clear: both; visibility: hidden; }
#nav-secondary ul, #nav-secondary ul li { margin: 0; padding: 0; }
#nav-secondary li { float: left; font-size: 13px; display: inline; }
#nav-secondary li a { border-bottom: 1px solid #555; color: #facd7e; text-decoration: none; padding: 8px 20px; display: block; text-shadow: 1px 1px 1px #00417a; margin-bottom: -1px; width: 105px; }
#nav-secondary li a:hover { background-color: #014c6c; }
body.nav-home-away #nav-secondary li.nav-home-away a,
body.nav-jaynis-kitchen #nav-secondary li.nav-jaynis-kitchen a,
body.nav-river-city-weekly #nav-secondary li.nav-river-city-weekly a,
body.nav-turnpike #nav-secondary li.nav-turnpike a,
body.nav-1-1-trivia #nav-secondary li.nav-1-1-trivia a,
body.nav-drive #nav-secondary li.nav-drive a,
body.nav-day-away #nav-secondary li.nav-day-away a,
body.nav-sixnews #nav-secondary li.nav-sixnews a,
body.nav-ktka #nav-secondary li.nav-ktka a,
body.nav-sports #nav-secondary li.nav-sports a,
body.nav-community #nav-secondary li.nav-community a { font-style: italic; }


/* Flatpage galleries */
.gallery-wrapper { margin-bottom: 11px; }
.gallery img { display: block; margin: 0; }


/* Show video frames */
.frame-wrapper { margin-top: 36px; /* background: url('http://media.ljworld.com/static/freestatestudios.com/images/frame.gif') left top repeat-x; */ }
.frame { position: relative; }
.player { margin: 0 auto; display: block; }
.player img { display: block; }
.player .chrome { position: absolute; top: 0; left: 53px; }
.standard { width: 640px; }
.widescreen { width: 853px; }
.remote { margin-top: 21px; }
.remote .thumb { float: left; width: 140px; margin-right: 20px; }
.remote a { display: block; margin-bottom: 20px; padding: 10px; text-decoration: none; font-size: 12px; }
.remote a:hover { background-color: #444; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.remote .t-one { clear: left; }


/* Sidebar (social part) */
.social { margin: 21px 0; padding: 21px 0 0 0; border-top: 1px solid #444; }
.social p { margin: 0 0 21px 21px; padding: 0; }
.social a { display: block; text-decoration: none; background: none; }
.social a img { display: block; }


/* "Outline" ordered list */
.outline { margin-top: 21px; }
.outline li { font-weight: bold; }
.outline li ol li, .outline li ol li ol li { font-weight: normal; }
.outline li ol, .outline li ol li ol { margin-top: 5px; margin-left: 21px; margin-bottom: 5px; }
.outline { list-style-type: decimal; }
.outline li ol { list-style-type: lower-alpha; }
.outline li ol li ol { list-style-type: decimal; }


/* RSS table */
table.rss { width: 593px; margin-top: 21px; }
table.rss thead tr th { font-weight: bold; }
table.rss tbody tr { border-top: 1px solid #ddd; }
table.rss tbody tr.header th { text-align: center; color: #666; padding-top: 21px; }


/* Shows */
.show { width: 440px; float: left; }
.show-one { margin-right: 42px; clear: left; }
.show .logo { margin: 5px 21px 0 0; }
.show .logo img { display: block; }
.show .description { margin: 0 0 0 140px; }
.show .day { text-transform: capitalize; letter-spacing: 0; }
.show .description h3 { margin-top: 10px; font-size: 18px; }
.show p { margin-bottom: 10px; }


/* TV schedule */
body.shows table.schedule, table.schedule thead tr th, table.schedule tbody tr td { margin: 0; padding: 0; border: 0; width: 960px; }
body.shows table.schedule { margin: 21px 0 42px; color: #ccc; font-size: 12px; }
body.shows table.schedule caption { position: absolute; visibility: hidden; }
body.shows table.schedule tbody tr th, table.schedule tbody tr td { padding: 5px; line-height: 14px; }
body.shows table.schedule thead tr th { font-weight: bold; text-align: center; padding: 7px; border-left: 1px solid #fff; color: #fff; border-bottom: 1px solid #ddd; }
body.shows table.schedule tbody tr { border: 0; }
body.shows table.schedule tbody tr.even { background: #222; }
body.shows table.schedule tbody tr th { font-weight: normal; color: #fff; text-align: right; white-space: nowrap; }
body.shows table.schedule tbody tr th.meridian { font-weight: bold; }
body.shows table.schedule tbody tr td { font-family: Verdana, sans-serif; border-left: 1px solid #ddd; vertical-align: top; font-size: 11px; }
body.shows table.schedule a { font-weight: normal; }
body.shows table.schedule a:hover { text-decoration: none; }
body.shows .content_title h3 { margin-top: 10px; }
body.shows .content { margin-top: 0; }
body.shows .col .player { margin: 10px 0 0 0; }

/* Weblogs */
.entry_detail .content { overflow: visible; }
div.content_tools { margin-top: 30px; }


/* Staff */
.member { padding: 0 0 21px; clear: left; }
.member p.position { color: #444; margin-top: 10px; margin-bottom: -22px; float: left; }
.member p.contact { clear: both; text-align: right; position: relative; }
.mugshot { float: left; margin: -10px 14px 21px 0; }
.mugshot a { text-decoration: none; background: none; }
.mugshot a img { display: inline; border: 1px solid #83c1e5; background: #fff; padding: 3px; }
.mugshot a:hover img { border: 1px solid #199cc4; }
.profile { margin-left: 131px; }
.bio .mugshot { float: right; display: block; border: 1px solid #83c1e5; margin: 0 0 21px 21px; padding: 5px; }
.staff_contact_form table { margin: 21px 0 0; }
.staff_contact_form table tr th, .staff_contact_form table tr td { padding: 5px; font-weight: normal; vertical-align: top; }
.errorlist, .errorlist li { margin: 0; padding: 0; list-style: none; }
.recent p { float: left; margin-right: 21px; width: 120px; }
.recent img { display: block; margin-bottom: 5px; }
.recent .t-one { clear: left; }


/* Page-specific exceptions */
body.home .content, body.schedule .content { width: 960px; }
body.home .content { margin-top: 0; }
body.home h2 { font-family: Helvetica, Arial, "Lucida Sans", "Lucida Grande", Lucida, sans-serif; }
body.home .col h2 { color: #ccc; }
body.home .col h3 a { text-decoration: none; }
body.home .col p, body.home .col li { font-size: 14px; color: #ccc; }
body.home .col li a:hover { border: 1px solid #aaa; }
body.home .col li a.second { margin-right: 0; }
body.home .logos { margin: 21px 0 0; }
body.home .logos a { background: none; }
body.home .logos a img { margin: 0 21px 21px; }
body.shows #nav-secondary { clear: left; background: #042538; margin-bottom: 10px; }
body.shows #header-wrapper { height: 161px; }
body.awards .content { margin-top: -21px; }
body.awards .content h3 { margin-top: 42px; }
body.awards .content h4 { margin-bottom: -5px; }
body.section .blurb { margin-top: 5px; }
body.section .content table { color: #bbb; width: 90%; }
body.section .content table tbody tr { border-top: 1px solid #333; }
body.section .content table tbody tr.last { border-bottom: 1px solid #333; }
body.section .content table tbody th { width: 100px; }
body.section .content table tbody .today { font-weight: bold; background: #111; color: #fff; }
body.section .content .crew .staff { float: left; }
body.section .content .crew h4 { color: #444; }
body.section .content .crew p { font-size: 12px; }
body.section .content .extra { clear: left; }
body.section h2 { margin: 0 0 0 140px; font-weight: bold; font-size: 21px; border: 0; }
body.section p.blurb { margin: 0; }
body.section .frame-wrapper { margin-bottom: -21px; }
.flat h3 { padding-top: 21px; }


/* Header */
#header-wrapper { height: 180px; margin: 0; width: 100%; background: #000 url('http://media.ljworld.com/static/freestatestudios.com/images/bg-masthead.jpg'); }
#branding h1 { margin: 0 auto; height: 125px; width: 960px; }
#branding h1 a:hover { text-decoration: none; }
#branding h1 img { margin: 0; }


/* Navigation */
#nav ul { text-align: right; font-size: 12px; width: 960px; margin: 5px auto 0; }
#nav ul:after { /* Clear fix */ content:  ".";display: block; height: 0; clear: both; visibility: hidden; }
#nav li { display: inline; letter-spacing: 1px; text-transform: uppercase; }
#nav li a { display: block; float: left; text-decoration: none; padding: 5px 15px 3px; color: #5ac6de; font-weight: normal; border: 1px solid #222; border-width: 0 1px 0 0; }
#nav li a:hover { background: #222; }
body.home #nav li.home a, body.about #nav li.about a, body.awards #nav li.awards a, body.contact #nav li.contact a, body.jobs #nav li.jobs a, body.schedule #nav li.schedule a, body.services #nav li.services a, body.shows #nav li.shows a, body.clients #nav li.clients a { font-weight: bold; }
#nav-shows { display: none; }
#nav-shows ul { text-align: center;}
#nav-shows li { margin-left: 0; }


/* Homepage */
#promo-wrapper { margin: 30px auto 60px; }
#promo h2 { margin: 7px 0; padding: 0; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #222; font-size: 36px; border-bottom: 0; }
#blurb { width: 600px; float: left; }
#blurb p { margin: 0; padding: 0; font-size: 16px; line-height: 32px; text-shadow: 1px 1px 1px #00356b; }
#blurb a { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px solid #199cc4; }
#blurb a:hover { border-color: #fff; }
#action { margin-left: 615px; }
#action a { margin-left: 10px; display: block; text-decoration: none; width: 158px; height: 77px; color: #333; font-weight: bold; float: left; text-indent: -9999px; position: relative; }
#action a:hover { background-position: left bottom; }
#action a:active { background-color: inherit; }
#action a.about { background: url('http://media.ljworld.com/static/freestatestudios.com/images/homepage/promo-about.png') left top no-repeat; }
#action a.contact { background: url('http://media.ljworld.com/static/freestatestudios.com/images/homepage/promo-contact.png') left top no-repeat; }
#action a.promo-enhanced:hover { background-position: left top; }
#action span.promo-dark { position: absolute; left: 0; top: 0; width: 158px; height: 77px; display: block; }
#action span.promo-dark-about { background: url('http://media.ljworld.com/static/freestatestudios.com/images/homepage/promo-about.png') left bottom; }
#action span.promo-dark-contact { background: url('http://media.ljworld.com/static/freestatestudios.com/images/homepage/promo-contact.png') left bottom; }
/*#demo { background: url('http://media.ljworld.com/static/freestatestudios.com/images/frame.gif') left top repeat-x; }*/
#demo .wrapper { background: #000; height: 480px; }
/* Zap2it widget */
.zcc-prog-view { margin-top: 20px;}
.zcc-station { display: none; }
.zcc-sked { margin-bottom: 10px; }
.zcc-sked-day, .zcc-sked-date { display: none; }
.zcc-sked-time { padding-left: 20px; }


/* Footer */
#footer { margin-top: 42px; padding: 10px 0 21px; border-top: 1px solid #222; }
#footer p { color: #666; font-size: 11px; line-height: 14px; }
#footer a { padding-left: 2px; padding-right: 2px; font-weight: normal; }
#footer a:hover { color: #facd7e; }
#footer a:active { color: #199cc4; }

/* Search */

body.search .content_title { padding-left: 0; }
.search_form #id_q { width: 470px;}
.search .list{ width:443px; border-left-color:#333; }
.search .content_title h2{ border-bottom:0 none; }
.search .list .footer li{ float:left; display:block; }
#search label{ width:100%; display:block; text-align:left; }
.shows #search #id_q{ margin-top:15px; }

/* LIST */
.list { margin-bottom: 20px; }
.list h3 { margin-bottom: 2px; font-size: 14px; line-height: 20px; color: #a4cf0e; }
.list h3 a { color: #a4cf0e; }
.list .item { margin-bottom: 20px; }
.list .item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.list .item .type { margin-bottom: 5px; font-size: 13px; line-height: 18px; font-weight: bold; color: #a4cf0e; text-transform: uppercase; }
.list .item h4 { margin-bottom: 2px; font-size: 17px; line-height: 22px; font-weight: bold; }
.list .item h5 { margin-bottom: 2px; font-size: 14px; line-height: 18px; font-weight: normal; color: #555; text-transform: none; }
.list .item h5 a { color: #444; }
.list .item p { margin-bottom: 5px; font-size: 14px; line-height: 20px; color: #ccc; }
.list .item .phone { font-size: 13px; color: #777; }
.list .item .date { margin: 0; font-size: 13px; color: #999; }
.list .item .byline { margin: 0; font-size: 13px; color: #999; }
.list .item .thumbnail { float: right; display: block; margin: 0 0 0 10px; }
.list .item .thumbnail img { padding: 4px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.list .item .thumbnail:hover img { background: #175e99; border-color: #175e99; }
.list .footer { list-style: none; margin: 5px 0 0 0; padding: 0; font-size: 12px; line-height: 20px; color: #999; overflow: hidden; }
.list .footer li { float: left; margin: 0 15px 0 0; overflow: hidden; }
.list .footer li img.avatar { float: left; margin: 0 5px 0 0; padding: 2px; background: #ddd; width: auto; height: auto; -webkit-border-radius: 3px; }

table.list { width: 100%; }
table.list th { padding: 5px; border-bottom: 1px solid #eee; font-size: 13px; font-weight: bold; color: #777; }
table.list td { padding: 5px; border-bottom: 1px solid #eee; }
table.list td.byline a { font-size: 13px; color: #777; }

/* Jayni's kitchen */

form h3 { margin-top: 0; }


/* Comments */
.highlighted_comment > .comment_content_wrapper { background-color: #444; }
