body {background:#f7f7f7; font:13px/18px arial; color:#525252;}
body * {outline:none;}
body, p, h1, h2, h3, h4, h5, ul, ol {margin:0; padding:0;}
ul {list-style:none;}
img {border:none;}
/* reusable classes */
.text_overlay {text-indent:-999px; overflow:hidden;}
.box {background:#eaeaea; padding:15px; margin-bottom:12px;}
.box p {width:360px;}
.corners {border-radius:14px;}
.box .inner {background:#f7f7f7; overflow:hidden; margin-bottom:18px;}
.box .inner p {width:280px;}
/* END reusable classes */
#h1_cnt {width:948px; height:107px; background:url('../images/spelling-book/bg-h1.gif'); float:left; margin-top:-4px;}
h1 {height:107px; float:left; font:bold 70px/98px arial; color:#757574; text-indent:28px; white-space:nowrap;}
h1.small {font-size:40px;}
h1 span {color:#83c1c2;}
h4 {background:#757574; color:#fff; font:24px/34px arial; text-indent:16px; margin-bottom:12px;}
h4.green {background:#9ad746;}
h4.aqua {background:#83c1c2;}
h5 {font:bold 15px/20px arial; margin:-4px 0 2px;}
a {color:#50a2a3;}
h1#not_found {font-size:24px;}
.logo_ginger {width:119px; height:30px; display:block; background:url('../images/spelling-book/logo.gif'); float:left; margin:5px 0 20px -5px;}
#left h4 {text-indent:0; padding-left:16px;}

#cnt {width:944px; margin:10px auto 0;}
#header {width:100%; height:350px; float:left; margin-bottom:15px; position:relative;}
a.logo {display:block; width:119px; height:30px; background:url('../images/spelling-book/logo.gif'); margin-bottom:38px; float:left;}
#logo {width:536px; float:left; position:relative; clear:left;}
#logo h3 {width:320px; height:46px; background:url('../images/spelling-book/head-spelling-book.gif'); position:absolute; top:10px; right:0; z-index:4;}
#logo h4.confused {width:236px; height:28px; background:url('../images/spelling-book/head-confusing-words.gif'); position:absolute; top:67px; right:0;}
#logo h4.misspelled {width:250px; height:22px; background:url('../images/spelling-book/head-misspelled-words.gif'); position:absolute; top:72px; right:0;}

/* menu */
ul.mainMenu {margin:0 -20px 0 0;}
ul.mainMenu li a,
ul.mainMenu li ul li a {color:#656565; font-size:11px;}
ul.mainMenu li.facebook,
ul.mainMenu li.twitter {display:none;}
ul.mainMenu li ul li.top {background-image:url('../images/spelling-book/dd-top.gif');}
/* END menu */

/* charachter */
#character_cnt {width:282px; height:145px; position:relative; overflow:hidden; float:left;}
#character {width:281px; height:145px; background:url('../images/spelling-book/logo-overlay.png'); position:absolute; top:0; left:0; z-index:3;}
#eyes {width:109px; height:51px; background:url('../images/spelling-book/logo-eyes.png'); position:absolute; top:29px; left:52px; z-index:1;}
#lids {width:109px; height:51px; background:#83c1c2; position:absolute; top:-17px; left:52px; z-index:2;}
#moustache {width:85px; height:28px; background:url('../images/spelling-book/logo-moustache.png'); position:absolute; top:73px; left:65px; z-index:4;}
#trigger {display:block; width:5px; height:5px; z-index:3; position:absolute; right:1px; bottom:61px; outline:none;}
/* END charachter */

#content {width:100%; float:left;}
#left {width:505px; float:left;}
#twitter {width:365px; height:401px; float:right; background:url('../images/spelling-book/twitter-cnt-middle.gif'); position:relative;}
#twitter .top,
#twitter .bottom {width:365px; background:url('../images/spelling-book/twitter-cnt.gif')}
#twitter .top {height:74px; float:left;}
#twitter .top p {font-size:12px; color:#fff; margin:10px 0 0 13px; float:left;}
#twitter .top h5 {font-size:14px; line-height:20px; font-weight:normal; color:#fff; margin:1px 0 0 13px; float:left; white-space:nowrap; clear:left;}
#twitter .top h5.small {font-size:12px; line-height:14px; white-space:normal;}
#twitter .bottom {height:66px; position:absolute; left:0; bottom:0; background-position:left bottom;}
#twitter .inner {width:349px; height:280px; overflow:hidden; position:relative; z-index:2; float:left; margin:-10px 0 0 8px;}
#twitter .inner ul {float:left; width:349px; margin-top:5px;}
#twitter .inner ul li {float:left; width:100%; margin-bottom:15px;}
#twitter .inner ul li img {float:left; margin-left:12px;}
#twitter .inner ul li p {width:288px; float:right; margin:0 0 3px 5px; font:15px/20px arial;}
#twitter .inner ul li .links {width:100%; float:left; border-top:1px dashed #ddd; border-left:none; border-right:none; margin:0;}
#twitter .inner ul li .links p {font-size:9px; color:#50a2a3;}

/* widget */
#widget_cnt {width:100%; height:109px; float:left; margin-bottom:24px; position:relative;}
.hp_widget_cnt {width:759px; height:109px; background:url('../images/spelling-book/widget-bg.gif'); margin:0 0 0 -54px;}
.hp_widget_cnt textarea,
.hp_widget_cnt #GingerWidget-originalHtmlText {width:290px; margin-top:59px;}
.hp_widget_cnt input {margin-top:54px;}
.hp_widget_cnt #GingerWidget-innerBox,
.hp_widget_cnt #GingerWidget-correctedText {width:290px;}
.hp_widget_cnt #GingerWidget-originalHtmlText {font-size:11px;}
.hp_widget_cnt #GingerWidget-innerBox {margin-top:59px;}
#widget_cnt h2 {position:absolute; top:0; left:177px; z-index:2; font:bold 20px/22px arial; color:#757574;}
#widget_cnt .download_file {float:right; display:block; width:209px; height:64px; background:url('../images/spelling-book/free-dl.gif'); margin:44px -3px 0 0;}
#widget_cnt .download_file:hover {background-position:left bottom;}
#GingerWidget-correctedText .correction {font-size:11px;}
#GingerWidget-correctedText .correction.no_link {cursor:default; text-decoration:none;}
/* END widget */

.prev_next {float:right;}
.prev_next ul {float:left;}
.prev_next li {float:left;}
.prev_next li:first-child {margin-right:13px; padding-right:12px; background:url('../images/spelling-book/bg-prev-next.gif') no-repeat right -49px;}
.prev_next ul.one_link li:first-child {padding-right:0; background:none;}
.prev_next li a {background:url('../images/spelling-book/bg-prev-next.gif') no-repeat; display:block; height:18px; text-decoration:none; color:#595959;}
.prev_next li a:hover {color:#83c1c2;}
.prev_next a.prev {padding-left:13px; background-position:0 -13px;}
.prev_next a.next {padding-right:13px; background-position:right -31px;}
.prev_next.top {position:absolute; right:11px; bottom:146px;}
.prev_next.bottom .home {display:none;}

.num {display:block; width:40px; height:40px; background:#9ad746; border-radius:8px; font:bold 28px/40px arial; color:#fff; text-align:center; float:left;}
.right {width:280px; float:right; margin-right:106px;}

#footer {clear:both; height:30px; position:relative;}
#footer p {float:left; margin:0 92px 0 3px;}
#footer .prev_next {float:none; position:absolute; top:0; right:3px;}
#footer a {color:#595959;}
#footer a:hover {color:#83c1c2;}

#index_page #header {height:206px; margin:0;}
#index_page .box {width:540px;}
#index_page .box h3 {font:18px/25px arial; margin-bottom:5px;}
#index_page .box p {width:520px;}

#index_page #logo {width:568px;}
#index_page #logo h3 {background-image:url(../images/spelling-book/head-spelling-book-index.gif); width:354px; height:51px;}
#index_page #logo h4.confused {background-image:url(../images/spelling-book/head-confusing-words-index.gif); width:279px; height:24px; margin-top:5px;}
#index_page #logo h4.misspelled {background-image:url(../images/spelling-book/head-misspelled-words-index.gif); width:271px; height:24px;}

#ab_list {clear:left;}
#ab_list li {float:left; margin-right:8px;}
#ab_list li a {display:block; width:25px; height:25px; font:15px/25px arial; text-align:center; color:#525252; text-decoration:none;}
#ab_list li a:hover,
#ab_list li a.selected {background:#9ad746; color:#fff; font-weight:bold; border-radius:3px;}

.pagination_content {float:left; width:100%;}
.pagination_content ul {width:280px; float:left; margin:0 10px 40px 0;}
.pagination_content li a {display:inline; font:14px/20px arial; color:#525252; text-decoration:none;}
.pagination_content li a:hover {text-decoration:underline;}
.pagination_content {float:left; display:none; margin:22px 0 0 5px; min-height:300px; height:auto!important; height:300px;}
.pagination_content.selected {display:block;}

table {float:left; font-size:13px; margin-left:30px;}
.first_col {width:100px;}
#charts_inner_cnt {width:475px; overflow:hidden; background:url('../images/spelling-book/charts-cnt-bg.gif');}
#chart {width:133px; height:133px; float:right; margin:0 48px 0 0;}
#chart img {margin-left:-55px;}

#social_cnt {position:absolute; top:135px; right:6px;}
#social_cnt .fb_share_link {width:53px; height:18px; background:url('../images/spelling-book/fb-share.gif'); padding:0; margin-top:1px;}

#body_front ul.mainMenu {margin:0 -16px 0 0;}
#hp_content {width:100%; float:left; position:relative; margin-bottom:48px;}
#hp_content .main {width:708px; position:relative; z-index:1; float:left; background:url('../images/spelling-book/hp-main.png'); margin-top:22px;}
#hp_content .main .corner {display:block; width:708px; height:18px; position:absolute; left:0; background-image:url('../images/spelling-book/hp-main-corners.png');}
#hp_content .main .top {top:-18px;}
#hp_content .main .bottom {bottom:-18px; background-position:0 -18px;}
#hp_content .main p {font:13px/18px arial; color:#858585; text-align:center; width:620px; margin:auto; clear:both;}
#hp_content .main p.intro {margin-bottom:40px;}
#hp_content .main p.links {margin-bottom:10px; border:none; width:100%;}
#hp_content .main p.links a {color:#80ba30; text-decoration:underline;}
#hp_content .main p.links a:hover {text-decoration:none;}

#hp_content .hp_title_cnt {width:941px; height:107px; background:url('../images/spelling-book/hp-title.png'); position:relative; z-index:1;}
#hp_content .hp_title_cnt h1 {background:none; width:auto; height:auto; color:#757574; font:bold 64px/107px arial; text-indent:218px; background:url('../images/spelling-book/logo-small.gif') no-repeat 20px 6px;}
#hp_content h2 {margin:20px 0 0 200px; padding:0; font:42px/50px arial; background:none; width:auto; height:auto; float:left;}

#hp_content .menu_hp {float:left; margin:6px 0 0 145px;}
#hp_content .menu_hp li.title a {width:386px; height:34px; font:24px/34px arial; color:#fff; padding:0; text-indent:60px; background-image:url('../images/spelling-book/hp-head-icons.gif'); background-repeat:no-repeat; float:left; border-radius:20px; text-decoration:none;}
#hp_content .menu_hp li.title a.confusing_words {background-position:10px 0; background-color:#83c1c2;}
#hp_content .menu_hp li.title a.misspelling {background-position:10px -34px; background-color:#9ad746;}
#hp_content .menu_hp li.text {width:360px; float:left; color:#858585; margin:12px 0 55px 5px;}
#hp_content .menu_hp li a.right {float:right; width:auto; margin:15px 0 0 0;}

#hp_content .right_col {width:272px; height:612px; background:url('../images/spelling-book/hp-banner.gif'); position:absolute; right:-11px; top:98px;}
#hp_content .right_col a {position:absolute; left:58px; bottom:196px; width:179px; height:72px; background:url(../images/spelling-book/hp-dl-btn.png);}
#hp_content .right_col a:hover {background-position:left bottom;}

.hp_footer {width:711px; margin:auto; clear:both;}
.hp_footer {height:30px; margin-top:10px;}
.hp_footer p.copy {color:#999999;float:left; margin-left:4px;}
.hp_footer ul {float:right; margin-right:-16px;}
.hp_footer ul li {color:#595959; float:left; margin-right:12px;}
.hp_footer ul li a, .footer ul li.social {color:#595959; text-decoration:none;}
.hp_footer ul li.store a {display:block; height:22px; padding:8px 0 0 42px; background:url('../images/spelling-book/footer.gif') no-repeat left top; margin-top:-8px;}
.hp_footer ul li a.twitter,
.hp_footer ul li a.facebook,
.hp_footer ul li a.pinterest {display:inline-block; width:25px; height:25px; background:#000; margin:-11px 4px 0 0; position:relative; bottom:-7px; background-image:url('../images/spelling-book/footer.gif');}
.hp_footer ul li a.twitter {background-position:0 -30px;}
.hp_footer ul li a.facebook {background-position:-25px -30px;}
.hp_footer ul li a.pinterest {background-image:url('../images/pinterest-small.gif');}

.social_icons_home {width:270px; float:right; margin:16px 20px 0 0;}
.social_icons_home a.fb_share_link_home {background:url('//cdn.gingersoftware.com/images/facebook_share_icon.gif') no-repeat scroll left center transparent; display:block; float:right; width:53px; height:20px; margin-right:4px;}
.social_icons_home {z-index:2; top:80px; right:18px;}
.social_icons_home .twitter-share-button {float:right;}
.social_icons_home .plus_one {float:right; margin:0 0 0 2px;}

a.home {display:block; width:16px; height:13px; background:url('../images/spelling-book/bg-prev-next.gif'); float:left; margin:2px 0 0 0;}
#breadcrumbs {float:left; margin:7px 0 0 4px;}
#breadcrumbs li {float:left; font-size:12px;}
#breadcrumbs li a:hover {text-decoration:underline;}
li.seperator {width:7px; height:18px; background:url('../images/spelling-book/bg-prev-next.gif') no-repeat right -31px; margin:0 8px;}
#breadcrumbs li, #breadcrumbs li a {color:#595959; text-decoration:none;}
#index_page #breadcrumbs {margin:-2px 0 30px;}

#footer_secondary {height:30px; margin-top:60px;}
#footer_secondary p.copy {color:#999999;float:left; margin-left:4px;}
#footer_secondary ul {float:right; margin-right:-16px;}
#footer_secondary ul li {color:#595959; float:left; margin-right:12px;}
#footer_secondary ul li a, .footer ul li.social {color:#595959; text-decoration:none;}
#footer_secondary ul li.store a {display:block; height:22px; padding:8px 0 0 42px; background:url('../images/spelling-book/footer.gif') no-repeat left top; margin-top:-8px;}
#footer_secondary ul li a.twitter,
#footer_secondary ul li a.facebook,
#footer_secondary ul li a.pinterest {display:inline-block; width:25px; height:25px; background:#000; margin:-11px 4px 0 0; position:relative; bottom:-7px; background-image:url('../images/spelling-book/footer.gif');}
#footer_secondary ul li a.twitter {background-position:0 -30px;}
#footer_secondary ul li a.facebook {background-position:-25px -30px;}
#footer_secondary ul li a.pinterest {background-image:url('../images/pinterest-small.gif');}

p.coming_soon {font-weight:bold;}