@charset "utf-8";

/* ===== Tags ===============================================================
   Author: Martin Immelman - W3G Intelligent Solutions (Pty) Ltd
   ========================================================================== */
/* ~~ screen ~~ */
body{background-attachment:fixed;background-image:url(../img/background.jpg);font-size:62.5%;height:auto;padding-bottom:50px}
/* ~~ 1st level navigation ~~ */
nav ul{line-height:inherit;margin-bottom:15px;margin-top:15px}
/* ~~ 2nd level navigation ~~ */
nav ul ul{margin-bottom:0;margin-top:0}
/* ~~ 3rd level navigation ~~ */
nav ul ul ul{margin-bottom:0;margin-top:0}
/* ~~ 1st level navigation item ~~ */
nav ul li{border-top:1px dotted #006;display:block;margin:0;padding:0;text-align:center}
/* ~~ 2nd level navigation item ~~ */
nav ul ul li{border-top:1px dotted #006;display:block;margin:0;padding:0;text-align:center}
/* ~~ 3rd level navigation item ~~ */
nav ul ul ul li{border-top:1px dotted #006;display:block;margin:0;padding:0;text-align:center}
/* ~~ 1st level navigation item links ~~ */
nav ul li a,nav ul li a:visited{background-color:#fffffa;color:#000080;font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-weight:bold;line-height:13pt;margin:0;padding:0;text-decoration:none;}
nav ul li a:hover,nav ul li a:active,nav ul li a:focus{background-color:#000080;color:#fffffa;font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-weight:bold;line-height:13pt;margin:0;padding:0;text-decoration:none}
/* ~~ 2nd level navigation item links ~~ */
nav ul ul li a,nav ul ul li a:visited{background-color:#fffffa;color:#336;font-family:Arial,Helvetica,sans-serif;font-size:8pt;font-weight:normal;line-height:12pt;margin:0;padding:0;text-decoration:none}
nav ul ul li a:hover,nav ul ul li a:active,nav ul ul li a:focus{background-color:#336;color:#fffffa;font-family:Arial,Helvetica,sans-serif;font-size:8pt;font-weight:normal;line-height:12pt;margin:0;padding:0;text-decoration:none}
/* ~~ 3rd level navigation item links ~~ */
nav ul ul ul li a,nav ul ul ul li a:visited{background-color:#fffffa;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:8pt;font-weight:normal;line-height:10pt;margin:0;padding:0;text-decoration:none}
nav ul ul ul li a:hover,nav ul ul ul li a:active,nav ul ul ul li a:focus{background-color:#fffffa;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:8pt;font-weight:normal;line-height:10pt;margin:0;padding:0;text-decoration:none}
/* ~~ horizontal dotted line ~~ */
hr.dots{border-top:1px #006 dotted;height:0;margin:10px 0 10px 0;width:100%}
hr.dash{border-top:1px #006 dashed;height:0;margin:10px 0 20px 0;width:100%}
/* ~~ flag icons ~~ */
ul.flag_icons{line-height:inherit;list-style:none;list-style-image:none;padding:0}
ul.flag_icons li{display:table-cell;padding:0 2px 0 2px}
/* ~~ social media icons ~~ */
ul.social_icons{line-height:inherit;list-style:none;list-style-image:none;padding:0}
ul.social_icons li{display:table-cell;padding:0 2px 0 2px;width:33%}
/* ~~ links ~~ */
a,a:visited{color:#000080;font-weight:bold;text-decoration:none}
a:hover,a:active,a:focus{color:#000080;font-weight:bold;text-decoration:underline}
/* ~~ headings ~~ */
h1{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:24pt;font-weight:bold;letter-spacing:0;margin:0 0 9px;padding:0 0 9px;text-decoration:none}
h2{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:18pt;font-weight:bold;letter-spacing:0;margin:0 0 9px 0;padding:0;text-decoration:none}
h3{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:14pt;font-weight:bold;letter-spacing:0;margin:0;padding:0;text-decoration:none}
h4{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-weight:bold;letter-spacing:0;margin:0;padding:0;text-decoration:none}
h5{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;letter-spacing:0;margin:0;padding:0;text-decoration:none}
/* ~~ headings links ~~ */
h1 a,h1 a:visited{background-color:#fffffa;color:#000}
h1 a:hover,h1 a:active,h1 a:focus{background-color:#fffffa;color:#000080}
h2 a,h2 a:visited{background-color:#fffffa;color:#000}
h2 a:hover,h2 a:active,h2 a:focus{background-color:#fffffa;color:#000080}
h3 a,h3 a:visited{background-color:#fffffa;color:#000}
h3 a:hover,h3 a:active,h3 a:focus{background-color:#fffffa;color:#000080}
h4 a,h4 a:visited{background-color:#fffffa;color:#000}
h4 a:hover,h4 a:active,h4 a:focus{background-color:#fffffa;color:#000080}
h5 a,h5 a:visited{background-color:#fffffa;color:#000}
h5 a:hover,h5 a:active,h5 a:focus{background-color:#fffffa;color:#000080}
/* ~~ paragraph content ~~ */
p{color:#336;font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-style:normal;font-weight:normal;line-height:1.5em;margin:4px 0 4px 0;padding:0;text-decoration:none}
/* ~~ images ~~ */
img.cover{margin:0 5px 5px 0}
img.flag{margin:0 0 5px 5px}
/* ~~ table content ~~ */
td{color:#336;font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-style:normal;font-weight:normal;line-height:1.5em;margin-bottom:9pt;padding:0;text-decoration:none}
/* ~~ publishing ~~ */
table.publishing{width:620px}
table.publishing tr td.date{width:100px}
table.publishing tr td.country{width:540px}
/* ~~ character table ~~ */
table.character{width:600px}
table.character tr td.data{width:310px;margin:0;padding:0 0 0 5px}
/* ~~ publish details ~~ */
table.publish{width:640px}
table.publish tr td.country{width:175px}
table.publish tr td.bookname{width:175px}
table.publish tr td.publisher{width:175px}
table.publish tr td.date{text-align:right;width:100px}
/* ~~ board games ~~ */
table.board_games{width:600px}
table.board_games tr td.flag{width:50px}
table.board_games tr td.name{width:550px}
/* ~~ signings ~~ */
table.book_signing{width:640px}
table.book_signing tr td.flag{width:50px}
table.book_signing tr td.city{width:150px}
table.book_signing tr td.detail{width:440px}
/* ~~ publisher table ~~ */
table.publisher{}
table.publisher tr td.flag{width:40px}
table.publisher tr td.detail{padding-left:5px;width:425px}
table.publisher tr td.contact{width:200px}
/* ~~ biography table ~~ */
table.biography{}
table.biography tr td.flag{width:40px}
table.biography tr td.language{padding-left:5px;width:150px}
table.biography tr td.icon{text-align:center;width:25px}
table.biography tr td.link{width:200px}
/* ~~ media information table ~~ */
table.media{}
table.media tr td.photo{text-align:center;width:125px}
/* ~~ media pack table ~~ */
table.media_pack{width:780px}
table.media_pack tr td.icon{width:25px}
table.media_pack tr td.information{width:755px}
/* ~~ accolades ~~ */
table.accolades{width:640px}
table.accolades tr td.flag{width:50px}
table.accolades tr td.information{width:590px}
/* ~~ art of suspense ~~ */
table.suspense{width:780px}
/* ~~ filmography broadcasting ~~ */
table.broadcast{width:600px}
table.broadcast tr td.country{width:200px}
table.broadcast tr td.channel{width:200px}
table.broadcast tr td.date{width:200px}
/* ~~ filmography release ~~ */
table.release{width:600px}
table.release tr td.country{width:200px}
table.release tr td.publisher{width:200px}
table.release tr td.date{width:200px}
/* ~~ cast ~~ */
table.cast{width:640px}
table.cast tr td.character{width:150px}
table.cast tr td.actor{width:200px}
table.cast tr td.appearance{width:250px}
/* ~~ crew ~~ */
table.crew{width:640px}
table.crew tr td.role{width:150px}
table.crew tr td.member{width:200px}
table.crew tr td.production{width:250px}
/* ~~ production ~~ */
table.production{width:600px}
table.production tr td.role{width:150px}
table.production tr td.credit{width:450px}
/* ~~ contact form ~~ */
table.contact{width:600px}
table.contact tr td.label{padding-bottom:5px;padding-top:5px;width:275px}
table.contact tr td.input{padding-bottom:5px;padding-top:5px;width:325px}
table.contact tr td.text{padding-bottom:5px;padding-top:5px;width:600px}
table.contact tr td.button{padding-bottom:5px;padding-top:5px;width:600px}
/* ~~ quiz book titles ~~ */
table.quiz_title{margin-top:10px;width:780px}
table.quiz_title tr td.option{text-align:center;width:40px}
table.quiz_title tr td.title{width:350px}
/* ~~ quiz famous lines ~~ */
table.quiz_line{margin-top:10px;width:780px}
table.quiz_line tr td.option{text-align:center;width:40px}
table.quiz_line tr td.line{width:500px}
table.quiz_line tr td.title{width:200px;}
/* ~~ lists ~~ */
ol,ul{color:#336;font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-weight:normal;line-height:normal;margin:0 0 10px 0;padding:0;text-decoration:none}
ul li{display:list-item;line-height:1.5em;margin:0 0 0 15px}
ol li{display:list-item;line-height:1.5em;margin:0 0 0 25px}

/* ===== Item Classes =======================================================
   Author: Martin Immelman - W3G Intelligent Solutions (Pty) Ltd
   ========================================================================== */
/* ~~ containers ~~ */
.container_12,.container_16,.container_24{background-color:#fffffa;background-repeat:repeat-y}
/* ~~ input field ~~ */
.textfield{font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:normal}
.textinput{width:325px}
.textarea{height:100px;width:323px}
/* ~~ social media icon ~~ */
.icon_social{margin-left:auto;margin-right:auto}
/* ~~ flag icon ~~ */
.icon_flag{margin-left:auto;margin-right:auto}
/* ~~ landing flag icons ~~ */
.flag_entrance{color:#999;font:9pt normal Arial,Helvetica,sans-serif;display:inline-block;margin:0 auto;text-align:center;width:85px;}
/* ~~ left-align ~~ */
.left{text-align:left}
/* ~~ right-align ~~ */
.right{text-align:right}
/* ~~ center-align ~~ */
.center{text-align:center}
/* ~~ left floating ~~ */
.float_left{float:left;margin:0 10px 0 0}
/* ~~ right floating ~~ */
.float_right{float:right;margin:0 0 0 10px}
/* ~~ bold ~~ */
.bold{font-weight:bold}
/* ~~ italic ~~ */
.italic{font-style:italic}
/* ~~ underline ~~ */
.underline{text-decoration:underline}
/* ~~ small text ~~ */
.small{color:#336;font-family:Arial,Helvetica,sans-serif;font-size:7pt;font-style:normal;font-weight:normal;line-height:1em;margin:0;padding:0;text-decoration:none}
/* ~~ heading ~~ */
.heading{font-weight:bold;text-decoration:none}
.heading_next { color: #C00; font-family: Arial,Helvetica,sans-serif; font-size: 12pt; font-weight: bold; letter-spacing: 0; margin: 0; padding: 0; text-decoration: none; }
.red_bold { color: #C00; font-weight: bold; letter-spacing: 0; margin: 0; padding: 0; text-decoration: none; } /* ~~ image pop-ups ~~ */
.popup_title{float:left;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-weight:bold;margin:0;padding:0 10px 0 10px;text-decoration:none}
.popup_download{float:right;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-weight:bold;margin:0;padding:0 10px 0 10px;text-decoration:none}
.popup_download a{color:#fff}
/* ~~ section title ~~ */
.section_title{color:#000080;font-family:Arial,Helvetica,sans-serif;font-size:11pt;font-weight:bold;letter-spacing:.5em;margin:0;padding:0 0 10px 0;text-align:center;text-decoration:none}
.section_subtitle{color:#000080;font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-weight:bold;letter-spacing:0;margin:6px 0 6px 0;padding:0;text-decoration:none}
/* ~~ promotional item ~~ */
.promo_heading{background-color:#000080;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;line-height:1.5em;width:140px}
.promo_title{color:#000080;font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-weight:normal;line-height:normal;margin:0;padding:0;text-decoration:none}
.promo_text{color:#336;font-family:Arial,Helvetica,sans-serif;font-size:8pt;font-weight:normal;line-height:1.5em;text-decoration:none;margin-bottom:8pt;padding:0}
/* ~~ thumbnails ~~ */
.thumbnail{height:105px;width:155px}
/* ~~ social media ~~ */
.social_heading_facebook{background-color:#000080;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-weight:bold;line-height:1.5em;width:375px}
.social_heading_twitter{background-color:#55ACEE;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-weight:bold;line-height:1.5em;width:375px}


/* ===== Item Styles ========================================================
   Author: Martin Immelman - W3G Intelligent Solutions (Pty) Ltd
   ========================================================================== */
/* ~~ page container~~ */
#page_container{border-bottom:1px solid #666;border-left:0;border-right:1px solid #666;box-shadow:5px 5px 20px #666;-moz-box-shadow:5px 5px 20px #666;-webkit-box-shadow:5px 5px 20px #666}

/* ==== Landing Page ====
   Styles related to Landing Page
   ======================*/
/* ~~ header ~~ */
#landing_header_container{}
/* ~~ content ~~ */
#landing_content_container{}
#landing_content_container #image_container{text-align:center}
#landing_content_container #flag_container{padding:10px 0 0 0;text-align:center}
/* ~~ footer ~~ */
#landing_footer_container{}
#landing_footer_container footer{color:#999;font:8pt normal Arial,Helvetica,sans-serif}
#landing_footer_container footer #footer_content{margin:0;padding:0;height:30px;width:960px}
#landing_footer_container footer #footer_content #content_main{float:left;margin:0;padding:0;width:930px;}
#landing_footer_container footer #footer_content #content_curl{float:right;margin:0;padding:0;width:30px;}

/* ==== Content Page ====
   Styles related to Content Page
   ======================*/
/* ~~ sidebar ~~ */
#sidebar_container{}
/* ~~ header ~~ */
#header_container{}
#header_container header #header_master{float:left;margin:0 0 5px 0}
#header_container header #header_promo{float:right;margin:10px 0 5px 0}
#header_container header #header_bar{margin:-15px 0 0 0}
#header_container header #header_bar #header_search{float:left;height:25px;margin:0;padding:5px 0 0 0;width:360px}
#header_container header #header_bar #header_search #search_field{border:1px solid #006;float:left;height:17px;padding-left:25px;padding-right:5px;width:320px}
#header_container header #header_bar #header_search #search_button{background:transparent url(../img/icons/search_button.jpg) no-repeat;border:0;border-radius:0;cursor:pointer;height:20px;margin-left:-352px;padding-top:20px;width:20px}
#header_container header #header_bar #header_flags{float:left;height:25px;padding:5px 0 0 0;width:286px}
#header_container header #header_bar #header_social{float:right;height:25px;padding:5px 0 0 0;width:120px}
/* ~~ content ~~ */
#content_container{width:780px}
#content_container #content_left_column{float:left;margin:0;width:390px}
#content_container #content_right_column{float:right;margin:0;width:390px}
#content_container #content_social{float:left;margin:0;width:780px}
#content_container #content_social #social_left { float: left; margin: 0; width: 385px; }
#content_container #content_social #social_right { float: right; margin: 0; width: 385px; }
#content_container .content_mainbar{float:left;padding:0 15px 5px 0;width:640px}
#content_container .content_sidebar{float:right;padding:0 0px 5px 0;width:125px}
#content_container .content_news {
	float: left;
	padding: 1px 5px 1px 15px;
	width: 760px;
	margin: 0 0 25px 0;
	background-color: #FFF7EE;
	border-top: 1pt #930 dotted;
	border-bottom: 1pt #930 dotted;
}
/* ~~ footer ~~ */
#footer_container{}
#footer_container footer{color:#999;font:8pt normal Arial,Helvetica,sans-serif}
#footer_container footer #footer_sidebar{float:left;margin:-10px 10px 0 10px;padding:5px 0 0 0;height:20px;width:140px}
#footer_container footer #footer_content{float:right;margin:-10px 0 0 10px;padding:5px 0 0 0;height:30px;width:780px}
#footer_container footer #footer_content #content_main{float:left;margin:0;padding:0;width:750px}
#footer_container footer #footer_content #content_curl{float:right;margin:0;padding:0;width:30px}