/* Tokafi bespoke CSS */

/*
 *  Global styles
 */ 
body {background:#242424;}
a {color:#F29D04;}
h1 {border-bottom:1px dotted #999999; border-top:1px dotted #999999; padding-bottom:5px; padding-top:5px}
.right {float: right;}
.left {float:left;}
.invisible {display:none;}

/* Global colours */
*.orange-f {color:#F29D04;}
*.orange-b {background-color:#F29D04;}
*.orange-g {background:url('../img/bg_header_orange.jpg') repeat-x;}
*.blue-f {color:#0E95C2;}
*.blue-b {background-color:#0E95C2;}
*.blue-g {background:url('../img/bg_header_blue.jpg') repeat-x;}
*.purple-f {color:#8440C9;}
*.purple-b {background-color:#8440C9;}
*.purple-g {background:url('../img/bg_header_purple.jpg') repeat-x;}
*.dark-f {color:#242424;}
*.black-g {background:url('../img/bg_header_black.jpg') repeat-x;}
*.dark-b {background-color:#242424;}

ul.orange li {list-style-image:url('../img/li-orange.gif'); height:20px; margin-top:3px;}
ul.orange li a:hover {color:#F29D04;}
ul.blue li {list-style-image:url('../img/li-blue.gif'); height:20px; margin-top:3px;}
ul.blue li a:hover {color:#0E95C2;}
ul.purple li {list-style-image:url('../img/li-purple.gif'); height:20px; margin-top:3px;}
ul.purple li a:hover {color:#8440C9;}
ul.dark li {list-style-image:url('../img/li-dark.gif'); height:20px; margin-top:3px;}
ul.dark li a:hover {color:#999999;}

.ad-row {display:block; text-align:center; padding:10px; margin:10px;}
.row-text {
	clear:both; 
	font-size:13px; 
	margin:10px; 
  margin-top:10px;
	padding-top:20px; 
	padding-bottom:20px; 
	display:block;
	text-align:center;
	color:#666
}

.row-text-item {border: 0pt none ; margin: 0pt ! important; padding: 1px 0pt 0pt; font-style: normal; font-weight: normal; font-family: "trebuchet ms",arial,helvetica,sans-serif; float: none; visibility: visible; height: 12px;  text-decoration: none; display: inline; color:#666;
}


/*
 *  Page header styles, including top banner, logo and main site nav
 */ 
 
/* Login form and banner */
.header-top-container {padding-bottom:0px;}
.header-top-login {margin-top:10px; display:block;}
.header-top-login h4 {margin-bottom:6px;}
.header-top-login fieldset {margin:0; padding:0; border:0; color:#FFFFFF;}
.header-top-login fieldset a:hover {color:#FFFFFF; text-decoration:none;}
.header-top-login fieldset label {color:#FFFFFF; font-size: 10px;}
.header-top-login fieldset input[type=text] {width:80px; font-size: 10px; border:0;}
.header-top-login fieldset input[type=submit] {
    width:50px; 
    height:15px; 
    line-height:15px;
    font-size:9px;
    border:0; 
    margin:0;
    background-image: url('../img/button-login-small.jpg');
    overflow:hidden;
    cursor:pointer;}
.header-top-login fieldset input[type=checkbox] {border:0; margin-left:0;}
.header-top-banner {margin-top:20px;}

/* Login/Register tab */
a.login-tab {
	display:block; 
	height:30px;
	line-height:30px;
	margin-top:-10px;
	padding-left:10px;
	padding-right:10px;
	_padding-top:5px;
	color:#fff;
	text-decoration:none}
a.login-tab:hover{text-decoration:underline}

/* Login bar which appears at the top of the page */
.login-bar {width:100%; background-color:#FFB901; padding-top:10px}
fieldset.login-form {
	border:0;
	padding:0
}
fieldset.login-form input[type="text"] {border:1px solid #000; margin-right:5px}
fieldset.login-form label {font-weight:normal}
fieldset.login-form a{color:#000; text-decoration:underline}
fieldset.login-form a.register {padding:3px; color:#fff; background-color:#000; text-decoration:none; margin-left:5px}
fieldset.login-form a:hover{text-decoration:none; color:#fff}
fieldset.login-form a.register:hover {color:#000; background-color:#fff}

/* Logo and main nav */
.header-main-container {height:150px; background:#FCFCFC url('../img/bg_header_main.jpg') repeat-x;}
.header-main-logo {width:250px;height:150px;}
.nav-box {margin-right:10px; float:left; width:125px;}
.nav-box h4 {
    display:block; 
    padding-top:5px;
    padding-bottom:5px; 
    margin:0; 
    font-size: 12px;
    color: #FFFFFF;
    text-align:center; 
    text-transform:uppercase;}
ul.nav {margin-left:18px; margin-top:6px;}
ul.nav li {font-size:11px; padding-left:0; text-transform:uppercase; border-bottom:1px solid #9c9c9c;}
ul.nav li a {color:#000000; text-decoration:none;}
a.nav-selected {
	display:block;
	padding-left:5px;
	color: #fff !important;
	border:0;
}

.category-aboutlinks .aboutlinks,
.category-countries .countries
{
	display:block;
	padding-left:5px;
	color: #fff !important;
	border:0;
  background-color:#F29D04;
}


.category-cd-feature .cd-feature,
.category-aboutour-aim .aboutour-aim,
.category-aboutthe-team .aboutthe-team,
.category-aboutthe-history .aboutthe-history
{
	display:block;
	padding-left:5px;
	color: #fff !important;
	border:0;
    background-color:#242424;
}

.category-concert-report .concert-report,
.category-A .concert-report,
.category-cd-feature .cd-feature,
.category-C .cd-feature,
.category-movie .movie
{
	display:block;
	padding-left:5px;
	color: #fff !important;
	border:0;
    background-color:#0E95C2;
}

.category-interviews .interviews,
.category-portraits .portraits,
.category-I .interviews,
.category-news .news,
.category-N .news,

{
	display:block;
	padding-left:5px;
	color: #fff !important;
	border:0;
    background-color:#8440C9;
}
/* Box with all the social media icons - twitter, rss etc */
.follow-us-box {
	height:23px; 
	background:#fff; 
	padding-left:10px; 
	padding-right:10px;
	padding-top:5px;
	background:#F1F1F1;
	border-bottom:2px solid #e1e1e1}
.follow-us-box a {
	float:left; 
	margin-right:5px;
	text-decoration:none}

/* #############################################################################
 * INDEX PAGE
 * ############################################################################# */
 
/*
 *  Large promo image with link to featured article
 */ 
.large-promo-container {
    text-align:right;
}


.promo-featured-container {width:475px; padding-top:100px;}

.large-promo-container h2 a
{
    display:block; 
    text-align:left;
    color:#FFFFFF;
    padding:15px;
    margin-top:0;
    margin-bottom:0;
    text-decoration:none;}

.large-promo-container h3
{
    font-size:24px;
    text-align:left;
    color:#FFFFFF;
    padding:15px;
    margin-top:0;
} 


.large-promo-container h2 a:hover {text-decoration:underline;}
.large-promo-container h4 {
    display:block;
    text-align:left;
    background:#000000;
    color:#FFFFFF;
    font-size:12px;
    padding:10px;
    margin-top:-15px;
    margin-bottom:0;
    filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8;}

/*
 *  Main content
 */ 
.main-content-container {background:#FFFFFF;}
.column-left {display:block; margin-left:10px;}
.column-right {display:block; margin-right:10px;}
h3.col-header {color:#FFFFFF; text-transform:uppercase; font-size:12px; padding:10px;}
h3.col-header a {color:#fff; text-decoration:none}
h3.col-header a:hover {text-decoration:underline}

/* Items - normal, small thumbnail */
.item-row1-reg {
    height:103px; 
    padding-left:5px;
    background:url('../img/bg_gradient.jpg') repeat-x; 
    border-bottom:1px solid #999999;
    font-size:11px;
    margin-bottom:10px}
.item-row1-reg a {text-decoration:none; font-weight:bold}
.item-row1-img {width:64px; height:64px; cursor:pointer}
.item-row1-text {margin-left:69px; padding-right:3px;}
.item-row2-reg {
    height:86px;
    padding-left:5px; 
    background:url('../img/bg_gradient.jpg') repeat-x; 
    border-bottom:1px solid #999999;
    font-size:11px;
    margin-bottom:10px}
.item-row2-reg a {text-decoration:none; font-weight:bold}
.item-row2-img {width:52px; height:52px; cursor:pointer}
.item-row2-text {margin-left:57px; padding-right:3px;}
.item-date-comments, .item-date-comments a {color:#999999; font-size:10px; font-weight:normal}

/* Items - wide, large thumbnail */
.item-widethumb {
    height:160px;
    border-bottom:1px solid #999999;
    margin-bottom:10px;}
.item-widethumb-last {
    height:160px;
    border-bottom:1px solid #999999;
    margin-bottom:5px}
.item-widethumb-img {display:block; height:90px; cursor:pointer}}
.item-widethumb-text {display:block; font-size:12px}
.item-widethumb-text a {text-decoration:none;}

/* Items - small, just text (interviews) */
.item-basic {height:40px; margin-bottom:5px; padding-left:5px; border-bottom:1px solid #999999; background:url('../img/bg_small_gradient.jpg') repeat-x;}
.item-basic a, .item-basic-last a {text-decoration:none;}
.item-basic-last {height:38px; padding-left:5px; margin-bottom:10px; border-bottom:1px solid #999999; background:url('../img/bg_small_gradient.jpg') repeat-x;}

.aotm-img {
    height: 270px;
    text-align:center; 
    margin-bottom:10px; 
    padding-bottom:10px;
}
.aotm-text {
    height:173px;
    font-size:11px; 
    padding:5px;
    margin-bottom:5px;
    border-bottom:1px solid #999999; 
    background:url('../img/bg_gradient.jpg') repeat-x bottom;}
.aotm-text p {margin-bottom:10px;}
.aotm-text h4 a {text-decoration:none; font-weight:bold; font-size:14px;}
.aotm-text a {text-decoration:none}


.special-frontpage-text {
    height:178px;
    font-size:11px; 
    padding:5px;
    margin-bottom:5px;
    border-bottom:1px solid #999999; 
    background:url('../img/bg_gradient.jpg') repeat-x bottom;}
.special-frontpage-text p {margin-bottom:10px;}
.special-frontpage-text h4 a {text-decoration:none; font-weight:bold; font-size:14px;}
.special-frontpage-text a {text-decoration:none}


.special-row {display:block; text-align:left; padding:10px; margin:10px;margin-bottom:0px}
.special-img {
    height: 260px;
    text-align:center; 
    margin-bottom:10px; 
    padding-bottom:10px;
}
.special-text {
    height:350px;
    font-size:11px; 
    padding:5px;
    border-bottom:1px solid #999999; 
    background:url('../img/bg_gradient.jpg') repeat-x bottom;}
.special-text p {margin-bottom:10px;}
.special-text h4 a {text-decoration:none; font-weight:bold; font-size:14px;}
.special-text a {text-decoration:none}

.special-table td {
vertical-align: top;
}

.movie-review {height:145px; padding-left:5px; margin-bottom:10px; border-bottom:1px solid #999999; background:url('../img/bg_gradient.jpg') repeat-x bottom;}
.item-movie-img {width:82px; height:117px;}
.item-movie-text {margin-left:87px; font-size:11px;}
.item-movie-text a {text-decoration:none;}

.article-widethumb {height:145px; margin-bottom:10px; border-bottom:1px solid #999999; }

/* Twitter feed */
.twitterbox { margin-bottom:10px; border-bottom:1px solid #999999;}
.twitterbox {margin:0; padding:0}
.twitterbox p {
margin:0;
padding:5px;
padding-bottom:0px;
border-bottom: 1px solid #999999;
background:url('../img/bg_small_gradient.jpg') repeat-x bottom;
font-style:normal;
font-size:12px;
color:#000
}


/* #############################################################################
 * ARTICLE VIEW
 * ############################################################################# */
 
.breadcrumb {padding-bottom:5px; font-size:11px;}
 
.article-container {margin-left:10px; margin-bottom:10px;}
.article-container h2 {margin:0; font-weight:bold;}
.headline-container {margin-bottom:10px; padding-bottom:5px; border-bottom: 1px dotted #999999;}
.article-type a:hover {color:#242424;}
.article-teaser p {font-style:italic;}
.article-image {margin-right:10px;margin-bottom:5px;}
.article-tags-container {
    padding-top:5px; 
    padding-bottom:5px; 
    margin-bottom:20px;
    border-top:1px solid #ececec; 
    border-bottom:1px solid #ececec;
	font-size:16px}
.article-comment-total {border-bottom:1px dotted #999999; font-size:14px;}
.article-comment {
    border-bottom:1px dotted #999999;
    padding-top:15px;
    padding-bottom:15px;
    padding-left: 60px;
    background:url('../img/bg_comment.gif') no-repeat top left;}
.article-comment h4 {margin:0; font-weight:bold;}
.comment-add-form {
    padding:20px;
    margin-top:10px;
    background:#EcEcEc;}
.comment-add-form fieldset {margin:0; border:0; padding:0;}
.comment-add-form fieldset label {width:30%; float:left; margin-bottom:3px;}
.comment-add-form fieldset textarea {margin:0; padding:0}

.sidebar-search {
    padding:10px;
    padding-top:1px;
    margin-bottom:10px;
    background:url('../img/bg_gradient.jpg') repeat-x bottom;
    border-bottom:1px solid #999999}
.sidebar-search h3 {line-height:28px; margin-bottom:3px}
.sidebar-search input[type="text"] {border:1px solid #999; width:200px}
.sidebar-search input[type="submit"] {border:1px solid #999}

.ad-side-large {text-align:center; padding-bottom:10px; border-bottom:1px solid #999999}
.ad-sponsor {margin-top:10px; margin-bottom:10px; border-bottom:1px solid #999999}

/* #############################################################################
 * ARTICLE LISTING PAGE
 * ############################################################################# */
 
/* Paginator class */
.paginator {
    text-align:center;
    padding:10px;
    margin-bottom:5px;}
.paginator span.prev-na, .paginator span.next-na, .paginator span.curr, .paginator span.page a, .paginator span.prev a, .paginator span.next a {
    padding-top:3px; 
    padding-bottom:3px; 
    padding-left:5px; 
    padding-right:5px}
.paginator span.prev-na, .paginator span.next-na {color:#999999; background:#ececec}
.paginator span.curr {color:#ffffff; background:#F29D04}
.paginator span.page a, .paginator span.prev a, .paginator span.next a {background:#ececec; color:#000; text-decoration:none;}
.paginator span.page a:hover, .paginator span.prev a:hover, .paginator span.next a:hover {background:#d1d1d1}

.article-list-container {
    height:100px;
    margin-bottom:10px;
    padding-bottom:10px;

    padding-right:10px;
    display:block; 
    border-bottom:1px solid #999999; 
}
.article-list-container a {text-decoration:none;}
.article-list-container h3 {margin-bottom:3px; margin-left:110px; padding-bottom:5px}
.article-list-container h3 a {text-decoration:none;}
.article-list-img {width:100px; height:100px; margin-right:10px;}
.browse-type-menu {margin-bottom:20px; border-bottom:2px solid #F29D04; height:30px}
.browse-type-menu ul {margin:0; margin-bottom:10px; padding:0; list-style-type:none}
.browse-type-menu ul li {
    float:left; 
    margin-bottom:0px; 
    height:30px; 
    width:80px; 
    text-align:center; 
    line-height:30px;
    background:#F29D04;
    color:#ffffff;
    margin-right:1px}
.browse-type-menu ul li a.sel {
    color:#ffffff;
    background:#F29D04;
}

.browse-type-menu ul li a {
    display:block;
    height:30px;
    width:80px;
    background:#ececec;
    color:#000;
    text-decoration:none}
.browse-type-menu ul li a:hover {background:#d1d1d1}

.series-listing {margin-bottom:10px}
.series-listing img {border-bottom:1px solid #F29D04}
.series-listing img:hover {border-bottom:1px solid #000}

/*
 *  Footer
 */
.footer-container {
    height:147px; 
    background-color: #FFFFFF;
    background:url('../img/bg_footer.jpg') repeat-x;
    border-top:1px solid #bebebe;} 
.inner-footer {padding:10px;}
.footer-backtotop {width: 250px; text-align:right; margin-right:10px;}
.footer-backtotop a {text-decoration:none;}
ul.sitemap {list-style-type: none;}
ul.sitemap li {text-transform:uppercase; color:#F29D04; font-size:13px;} 
ul.sitemap li a {text-transform:uppercase; color:#F29D04; font-size:13px; text-decoration:none; line-height:180%;}
ul.sitemap li a:hover {text-decoration:underline; color:#F29D04;}
ul.sitemap li.sitemap-subnav a {line-height:100%; text-transform:none; color:#999999;}
ul.sitemap li.sitemap-subnav a:hover {text-decoration:underline; color:#999999;}

.errorlist {
list-style: none;
}

ul.errorlist { 
    font-size: 12px !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    display: block;
    background: url(/static/img/icon_alert.gif) 5px .3em no-repeat;
    background-color:red;
}

ul.errorlist li { 
    padding: 4px 5px 4px 25px; 
    margin: 0 0 3px 0; 
    border: 1px solid red; 
    color: white;
}


#slideshow {
    position:relative;
    height:280px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

.acountry {margin-bottom:20px; border-bottom:2px solid #F29D04;} 
.country ul {margin:0; margin-bottom:10px; padding:0; list-style-type:none}
.ciaountry li {
    float:left; 
    margin-bottom:0px; 
    height:30px; 
    width:80px; 
    text-align:center; 
    line-height:30px;
    background:#F29D04;
    color:#ffffff;
    margin-right:1px}
.country-table td {
    vertical-align:top
 }

.country-table {
border-bottom:2px solid #F29D04;}

.article-listing h3 {
 margin-bottom:0.1em;
 margin-top:0.5em;
}
.article-listing h2{
 margin-bottom:0;
 margin-top:1em;
}