/*
Theme Name: 4Kids Entertainment
Theme URI: http://www.4kidsentertainment.com
Description: The 4Kids Entertainment, Inc. corporate site theme.
Author: dirnonline
Author URI: http://www.dirnonline.com
Version: 1.0
Template: twentyten
*/


html, body, h1, h2, h3, h4, h5, h6, img { border: 0; margin: 0; padding: 0; }
p { margin-top: 0; padding-top: 0; }

* { font-family: Arial, sans-serif; }

html, body { height: 100%; }
body { background: white url(images/global/bg-site.png) repeat-x top; }

a { color: #f60; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { height: 100%; }

#container { margin-bottom: -45px; min-height: 100%; position: relative; }

#header { margin: 0 auto; padding-top: 6px; width: 955px; }

#branding a { background: url(images/global/logo.png) no-repeat top; display: block; float: left; height: 136px; overflow: hidden; text-indent: -5000px; width: 199px; }

ul#menu-top-hat { float: right; list-style: none; margin: 0; overflow: hidden; padding: 0; }
ul#menu-top-hat li { float: left; margin: 0 0 0 16px; }
ul#menu-top-hat li a { background: url(images/global/sprite-top-hat.png) no-repeat; display: block; height: 82px; overflow: hidden; text-indent: -5000px; width: 106px; }
ul#menu-top-hat li#menu-item-41 a { background-position: 0 0; }
ul#menu-top-hat li#menu-item-41:hover a, ul#menu-top-hat li#menu-item-41.current-menu-item a,
body.parent-case-studies ul#menu-top-hat li#menu-item-41 a, body.single-kde-case-study ul#menu-top-hat li#menu-item-41 a { background-position: 0 -82px; }
ul#menu-top-hat li#menu-item-412 a { background-position: -106px 0; }
ul#menu-top-hat li#menu-item-412:hover a, ul#menu-top-hat li#menu-item-412.current-menu-item a,
body.parent-media ul#menu-top-hat li#menu-item-412 a, body.single-kde-press-release ul#menu-top-hat li#menu-item-412 a, body.single-kde-interview ul#menu-top-hat li#menu-item-412 a { background-position: -106px -82px; }

ul#menu-header { background: url(images/global/bg-nav.png) repeat-x; clear: both; height: 33px; list-style: none; margin: 0; padding: 0 1px; }
ul#menu-header li { float: left; margin: 0 1px; position: relative; }
ul#menu-header li a { background: url(images/global/sprite-nav.png) no-repeat; display: block; height: 33px; overflow: hidden; text-indent: -5000px; }
ul#menu-header li ul { background: white; border: 1px solid #999; left: -2px; display: none; list-style: none; margin: 0; padding: 15px 0; position: absolute; }
ul#menu-header li:hover ul { display: block; }
ul#menu-header li li { float: none; margin: 0; padding: 5px 0; text-align: center; }
ul#menu-header li li a { background: none; display: inline; font-size: 12px; text-indent: 0; }

ul#menu-header li#menu-item-409 ul { width: 158px; }
ul#menu-header li#menu-item-411 ul { width: 215px; }
ul#menu-header li#menu-item-410 ul { width: 220px; }

ul#menu-header li#menu-item-409 a { background-position: 0 0; width: 113px; }
ul#menu-header li#menu-item-409:hover a, ul#menu-header li#menu-item-409.current-menu-item a,
body.parent-about ul#menu-header li#menu-item-409 a { background-position: 0 -33px; }

ul#menu-header li#menu-item-411 a { background-position: -113px 0; width: 213px; }
ul#menu-header li#menu-item-411:hover a, ul#menu-header li#menu-item-411.current-menu-item a,
body.parent-services ul#menu-header li#menu-item-411 a { background-position: -113px -33px; }

ul#menu-header li#menu-item-37 a { background-position: -326px 0; width: 147px; }
ul#menu-header li#menu-item-37:hover a, ul#menu-header li#menu-item-37.current-menu-item a,
body.parent-properties ul#menu-header li#menu-item-37 a, body.single-kde-property ul#menu-header li#menu-item-37 a { background-position: -326px -33px; }

ul#menu-header li#menu-item-410 a { background-position: -473px 0; width: 218px; }
ul#menu-header li#menu-item-410:hover a, ul#menu-header li#menu-item-410.current-menu-item a,
body.parent-investors ul#menu-header li#menu-item-410 a { background-position: -473px -33px; }

ul#menu-header li#menu-item-39 a { background-position: -691px 0; width: 121px; }
ul#menu-header li#menu-item-39:hover a, ul#menu-header li#menu-item-39.current-menu-item a,
body.parent-careers ul#menu-header li#menu-item-39 a { background-position: -691px -33px; }

ul#menu-header li#menu-item-40 a { background-position: -812px 0; width: 128px; }
ul#menu-header li#menu-item-40:hover a, ul#menu-header li#menu-item-40.current-menu-item a,
body.parent-contact ul#menu-header li#menu-item-40 a { background-position: -812px -33px; }

#content { background: white; border-top: 4px solid #999; margin: 0 auto; overflow: hidden; padding-bottom: 130px; width: 955px; }

#breadcrumbs { background: #eaeef0; color: #254d6f; font-size: 12px; height: 25px; line-height: 25px; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; }

h1 { border-bottom: 1px solid #d6ddde; color: #b41927; font-size: 18px; margin-bottom: 15px; padding: 30px 20px 2px; }
body.home h1 { border: none; font-size: 28px; margin: 0 0 .5em; padding-left: 0; }

#content .content { float: left; padding-bottom: 20px; padding-left: 20px; }
body.home #content .content { width: 591px; }

#content .content h2 { color: #254d6f; font-size: 21px; margin-bottom: .5em; }

#content .content p { color: #333; font-size: 12px; }
#content .content p.meta { font-style: italic; }

#content .widgets.rail { float: right; }
body.home #content .widgets.rail { margin-right: 20px; margin-top: 30px; padding-bottom: 20px; }

#content .widgets.footer { border-top: 1px solid #ccc; clear: both; margin: 0 20px; padding-top: 10px; }
#content .widgets.footer h3 { color: #244c6e; font-size: 16px; }

#cheating { clear: both; height: 45px; }
#footer { background: url(images/global/bg-footer.png) repeat-x; height: 45px; position: relative; width: 100%; }
#footer .content { margin: 0 auto; padding: 0 20px; width: 915px; }

ul#menu-footer { float: left; list-style: none; margin: 0 0 0 20px; overflow: hidden; padding: 0; }
ul#menu-footer li { background: url(images/global/bg-footer-nav.png) no-repeat 0 20px; float: left; height: 45px; line-height: 45px; padding: 0 10px 0 13px; }
ul#menu-footer li:first-child { background: none; padding-left: 0; }
ul#menu-footer li a { color: white; font-size: 12px; }

#copyright { color: white; float: right; font-size: 12px; line-height: 45px; margin: 0; padding: 0; }

.scrollable-wrapper { position: relative; }
.scrollable { position: absolute; }
a.scroll { background: url(images/global/sprite-scroll.png) no-repeat; display: block; height: 84px; overflow: hidden; text-indent: -5000px; width: 39px; }
a.scroll.disabled { cursor: default; filter: alpha(opacity=40); opacity: 0.4; }
a.scroll.previous, a.scroll.previous.disabled, a.scroll.previous.disabled:hover { background-position: 0 0; }
a.scroll.previous:hover{ background-position: 0 -84px; }
a.scroll.next, a.scroll.next.disabled, a.scroll.next.disabled:hover { background-position: -39px 0; }
a.scroll.next:hover { background-position: -39px -84px; }

input[type=submit] { background: url(images/global/sprite-submit.png) no-repeat 0 0; border: 0; cursor: pointer; font-size: 0; height: 28px; overflow: hidden; text-indent: -5000px; width: 62px; }
input[type=submit]:hover { background-position: 0 -28px; }

a.download { background: url(images/global/sprite-download.png) no-repeat 0 0; display: block; height: 28px; overflow: hidden; text-indent: -5000px; width: 111px; }
a.download:hover { background-position: 0 -28px; }

/* Landing Pages */
body.about #content .attachment-post-thumbnail, body.services #content .attachment-post-thumbnail, body.investors #content .attachment-post-thumbnail { border: 1px solid #ccc; float: right; margin-left: 20px; margin-right: 20px; padding: 4px; }

/* Case Studies */
#content .case-studies .content { float: none; width: auto; }

body.case-studies #content .content ul.case-studies { list-style: none; margin: 0; padding: 0; }
body.case-studies #content .content ul.case-studies.featured { float: right; margin-right: 20px; }
body.case-studies #content .content ul.case-studies li { font-size: 12px; }
body.case-studies #content .content ul.case-studies.featured li { float: left; font-size: 12px; margin: 0 0 0 7px; text-align: center; width: 300px; }

.widget_kde_case_study h3 { color: #244c6e; font-size: 16px; margin-bottom: 10px; }

body.case-studies #content .content ul.case-studies.featured img, .widget_kde_case_study a.case-study img { border: 1px solid #ccc; padding: 4px; }

.widget_kde_case_study a.more { background: url(images/case-studies/btn-view-all.png) no-repeat top; display: block; height: 28px; margin-top: 12px; overflow: hidden; text-indent: -5000px; width: 181px; }
.widget_kde_case_study a.more:hover { background-position: bottom; }

body.single-kde-case-study #content .attachment-post-thumbnail { border: 1px solid #ccc; float: right; margin-right: 20px; padding: 4px; }
body.single-kde-case-study #content .tabbed { float: left; padding-right: 20px; width: 585px; }
body.single-kde-case-study #content .tabbed .section { float: right; width: 415px; }
body.single-kde-case-study #content .tabbed .section.ui-tabs-hide { display: none; }
body.single-kde-case-study #content .tabbed ul.tabs { float: left; list-style: none; margin: 0; padding: 0; width: 160px; }
body.single-kde-case-study #content .tabbed ul.tabs a { font-size: 12px; }
body.single-kde-case-study #content .tabbed ul.tabs .ui-state-active a { color: #254d6f; }

/* Media Center */
body.media #content .attachment-post-thumbnail { border: 1px solid #ccc; float: right; margin-left: 20px; margin-right: 20px; padding: 4px; }

body.media #content .content, body.parent-media #content .content { float: right; margin-right: 20px; width: 735px; }
body.media #content .widgets.rail, body.parent-media #content .widgets.rail { float: left; margin: 0 20px; }
body.media #content .widget_nav_menu ul, body.parent-media #content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; }
body.media #content .widget_nav_menu ul a, body.parent-media #content .widget_nav_menu ul a { font-size: 12px; }

body.media #content .widget_nav_menu ul .current-menu-item a, body.parent-media #content .widget_nav_menu ul .current-menu-item a { color: #254d6f; }

body.press-releases #content .content ul.press-releases, body.press-releases #content .content ul.year { color: #333; font-size: 11px; list-style: none; margin: 0; padding: 0; }
body.press-releases #content .content ul.year li { padding-bottom: 10px; }
body.press-releases #content .content ul.press-releases h3 { font-size: 12px; }
body.press-releases #content .content ul.press-releases h4 { background: url(images/global/sprite-toggle.png) no-repeat 0 0; color: white; cursor: pointer; font-size: 12px; height: 28px; line-height: 28px; margin-bottom: 10px; text-indent: 10px; }
body.press-releases #content .content ul.press-releases h4:hover { background-position: 0 -28px; }
body.press-releases #content .content ul.press-releases h4.ui-state-active { background-position: 0 -56px; }
body.press-releases #content .content ul.press-releases h4.ui-state-active:hover { background-position: 0 -84px; }
body.press-releases #content .content ul.press-releases p { margin: 0; padding: 0; }

body.single-kde-press-release #content .content h2 { margin-bottom: 0; }

body.articles #content .content ul.articles, body.articles #content .content ul.year { color: #333; font-size: 11px; list-style: none; margin: 0; padding: 0; }
body.articles #content .content ul.year li { padding-bottom: 10px; }
body.articles #content .content ul.articles h3 { font-size: 12px; }
body.articles #content .content ul.articles h4 { background: url(images/global/sprite-toggle.png) no-repeat 0 0; color: white; cursor: pointer; font-size: 12px; height: 28px; line-height: 28px; margin-bottom: 10px; text-indent: 10px; }
body.articles #content .content ul.articles h4:hover { background-position: 0 -28px; }
body.articles #content .content ul.articles h4.ui-state-active { background-position: 0 -56px; }
body.articles #content .content ul.articles h4.ui-state-active:hover { background-position: 0 -84px; }
body.articles #content .content ul.articles p { margin: 0; padding: 0; }

body.interviews #content .content ul.interviews { font-size: 12px; list-style: none; margin: 0; padding: 0; }
body.interviews #content .content ul.interviews a.icon { float: left; }
body.interviews #content .content ul.interviews .content { float: right; width: 580px; }
body.interviews #content .content ul.interviews h3 { font-size: 12px; }
body.interviews #content .content ul.interviews p { margin: 0; }

body.single-kde-interview #content .content { float: right; margin-right: 20px; overfow: hidden; width: 735px; }
body.single-kde-interview #content .widgets.rail { float: left; margin: 0 20px; }
body.single-kde-interview #content .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; }
body.single-kde-interview #content .widget_nav_menu ul a { font-size: 12px; }

body.single-kde-interview #content .widget_nav_menu ul #menu-item-228 a { color: #254d6f; }

body.single-kde-interview #content .content .tabbed { float: left; width: 315px; }
body.single-kde-interview #content .content h2 { margin: 0; }
body.single-kde-interview #content .content .video { float: right; }

/* About */
body.parent-about #content .content { padding-right: 20px; }

/* Services Overview */
body.parent-services #content .content { padding-right: 20px; }

body.licensing #content .tabbed .section { float: right; width: 700px; }
body.licensing #content .tabbed .section.ui-tabs-hide { display: none; }
body.licensing #content .tabbed ul.tabs { float: left; list-style: none; margin: 0; padding: 0; width: 200px; }
body.licensing #content .tabbed ul.tabs a { font-size: 12px; }
body.licensing #content .tabbed ul.tabs .ui-state-active a { color: #254d6f; }


body.senior-management #content .tabbed .section { float: right; width: 700px; }
body.senior-management #content .tabbed .section.ui-tabs-hide { display: none; }
body.senior-management #content .tabbed ul.tabs { float: left; list-style: none; margin: 0; padding: 0; width: 200px; }
body.senior-management #content .tabbed ul.tabs a { font-size: 12px; }
body.senior-management #content .tabbed ul.tabs .ui-state-active a { color: #254d6f; }

body.senior-management #content .tabbed .section img { float: left; margin: 0 10px 10px 0; }

/* Properties */
.widget_kde_properties h3 { margin-bottom: 10px; }
.widget_kde_properties a.scroll.previous { float: left; }
.widget_kde_properties a.scroll.next { float: right; }
.widget_kde_properties .scrollable-wrapper { float: left; height: 84px; margin-left: 8px; overflow: hidden; width: 820px; }
.widget_kde_properties ul { list-style: none; margin: 0; padding: 0; width: 50000em; }
.widget_kde_properties ul li { float: left; margin-right: 5px; }

body.properties #content .content ul.properties { list-style: none; margin: 0 -17px 0 0; overflow: hidden; padding: 0; }
body.properties #content .content ul.properties li { float: left; margin-right: 17px; text-align: center; margin-bottom: 5px; width: 170px; }
body.properties #content .content ul.properties a { display: block; font-size: 12px; padding-bottom: 2px; }

body.properties #content .content ul.properties img { border: 1px solid #ccc; margin-bottom: 4px; padding: 4px; }

body.single-kde-property #content .attachment-kde-property-featured { border: 1px solid #ccc; float: left; margin-right: 20px; padding: 4px; }
body.single-kde-property #content .tabbed { float: right; padding-right: 20px; width: 495px; }
body.single-kde-property #content a.back { font-size: 12px; }

/* Investor Relations */
body.annual-reports #content .content ul.annual-reports { list-style: none; margin: 0; padding: 0; width: 300px; }
body.annual-reports #content .content ul.annual-reports li { font-size: 12px; line-height: 28px; margin: 2px 0;  }
body.annual-reports #content .content ul.annual-reports a { float: right; }

/* Careers */
body.careers #content .content { padding-right: 20px; }
body.careers #content .content label { color: #333; display: inline-block; font-size: 12px; font-weight: bold; line-height: 26px; text-transform: uppercase; width: 186px; }
body.careers #content .attachment-post-thumbnail { border: 1px solid #ccc; float: right; margin-left: 20px; margin-right: 20px; padding: 4px; }
body.careers #content .content input[type=submit] { margin-left: 190px; }

/* Contact */
body.contact #content .content { padding-right: 20px; }
body.contact #content .attachment-post-thumbnail { border: 1px solid #ccc; float: right; margin-left: 20px; margin-right: 20px; padding: 4px; }

/* 404 */
body.error404 #content .content label { color: #333; font-size: 12px; }