/*
Theme Name: Mr Singh's Bangras
Theme URI: http://bangras.com/
Description: The theme for Mr Singh's Bangras website.
Version: 1.0
Author: Chris Bews
Author URI: http://www.digitlondon.com/
Tags: black, custom layout, fixed width, three columns
*/



/* ------------------------------------------*/
/* Core Layout
/* ------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: verdana, arial, sans;
	background: #000000 url('images/main_bg.jpg') repeat-x 0 0;
}

/* ------------------------------------------*/
/* Header
/* ------------------------------------------*/

/* Main Title */
h1 {
    display: block;
    width: 965px;
    height: 344px;
    margin: 0 auto;
    padding: 0;
    background: transparent url('images/header.jpg') no-repeat 0 0;
}

h1#homepage a {
    display: none;
}

h1 a {
    float: left;
    display: inline;
    width: 223px;
    height: 103px;
    margin: 105px 0 0 71px;
    text-indent: -99999px;
    overflow: hidden;
    text-decoration: none;
    background: transparent url('images/header_site_logo.gif') no-repeat 0 0;
}

h1 a:hover {
    background-position: 0 -103px;
}


#main_nav {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 17px 0 14px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #1f1f1f;
}

#main_nav ul {
    margin: 0 auto;
    padding: 0 0 0 40px;
    width: 865px;
    height: 34px;
    list-style-type: none;
}

#main_nav li {
    display: inline;
    margin: 0 20px 0 0;
    padding: 0;
}

#main_nav li.secondary {
    float: right;
    margin-right: 12px;
}

#main_nav li a {
    float: left;
    display: block;
    height: 34px;
    margin: 0;
    padding: 0 0 0 19px;
    overflow: hidden;
    font-size: 0.1em;
    text-decoration: none;
    text-indent: -99999px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}

#main_nav li a:hover {
    background-position: 0 -34px;
}

#main_nav a#bangras_story {
    width: 134px;
    background-image: url('images/nav_story.jpg');
}

#main_nav a#explore {
    width: 188px;
    background-image: url('images/nav_explore.jpg');
}

#main_nav a#game {
    width: 140px;
    background-image: url('images/nav_game.jpg');
}

#main_nav a#other-mr-singhs {
    width: 72px;
    background-image: url('images/nav_theSinghs.jpg');
}

#main_nav a#where-to-buy {
    width: 93px;
    background-image: url('images/nav_whereToBuy.jpg');
}

#main_nav a#feedback {
    width: 83px;
    background-image: url('images/nav_feedback.jpg');
}

/* ------------------------------------------*/
/* Story
/* ------------------------------------------*/
#page {
    width: 965px;
    min-height: 400px;
    margin: 0px auto;
    padding: 0 0 0 0;
    background: transparent url('images/content_bg.jpg') no-repeat 50% 0;
}

#inner_page {
    float: left;
    width: 900px;
    height: 100%;
    margin: 0;
    padding: 0 0 200px 0;
    background: transparent url('images/content_bg_borders.gif') repeat-y 100% 0;
}

#left_column {
    float: left;
    width: 617px;
    margin: 0;
    padding: 0;
}

h2 {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.1em;
    text-decoration: none;
    text-indent: -99999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

ul.sub_nav {
    float: left;
    width: 526px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.sub_nav li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

#story {
    float: left;
    display: inline;
    width: 530px;
    margin: 0 0 0 70px;
    padding: 45px 0 0 0;
    background: transparent url('images/story_mr_singh.jpg') no-repeat 100% 47px;
}

#story div.prop {
    float: left;
    width: 1px;
    height: 390px;
    padding: 0;
    font-size: 0.1em;
    text-indent: 99999px;
    text-decoration: none;
}

#story h2 {
    float: left;
    width: 273px;
    height: 26px;
    margin-bottom: 27px;
    background-image: url('images/header_story.jpg');
}

#story p {
    float: left;
    width: 250px;
    margin: 0;
    padding: 0 184px 17px 0;
    color: #cbc7cc;
    font-size: 0.75em;
    line-height: 1.3em;
}

#story a#film {
    float: left;
    display: block;
    width: 273px;
    height: 49px;
    margin: 9px 0 0 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.1em;
    text-indent: -99999px;
    text-decoration: none;
    background: transparent url('images/story_film_button.jpg') no-repeat 0 0;
}

#story a:hover#film {
    background-position: 0 -49px;
}

a.back_to_top {
    float: right;
    margin: 0 26px 0 0;
    padding: 0 15px 0 0;
    color: #cc4370;
    font-size: 0.75em;
    text-decoration: none;
    background: transparent url('images/link_back_to_top_bg.gif') no-repeat 100% 2px;
}

a:hover.back_to_top {
    text-decoration: underline;
}

a:active, a:focus {
	outline: 0;
}

/* ------------------------------------------*/
/* Flavours
/* ------------------------------------------*/

#flavours {
    float: left;
    display: inline;
    width: 612px;
    margin: 0 0 0 0;
    padding: 48px 0 0 0;
    background: transparent url('images/flavours_top_bg.jpg') no-repeat 100% 0;
}

#flavours h2 {
    float: left;
    display: inline;
    width: 273px;
    height: 28px;
    margin: 0 0 0 70px;
    background-image: url('images/header_explore.jpg');
}

#flavours ul {
    float: left;
    width: 542px;
    margin: 0;
    padding: 1px 0 0 70px;
    list-style-type: none;
}

#flavours ul#first {
    background: transparent url('images/flavours_row_1_bg.jpg') no-repeat 0 150px;
}
#flavours ul#second {
    margin-top: 20px;
    background: transparent url('images/flavours_row_2_bg.jpg') no-repeat 0 128px;
}

#flavours li {
    float: left;
    display: inline;
    width: 257px;
    margin: 0;
    padding: 150px 14px 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#flavours #back_to_top li {
    width: 547px;
    padding: 0;
}

#flavours ul#second li {
    padding-top: 128px;
}

#flavours li#original {
    background-image: url('images/flavours_original_bg.jpg');
}

#flavours li#apricot {
    background-image: url('images/flavours_apricot_bg.jpg');
    background-position: 0 1px;
}

#flavours li#chilli {
    background-image: url('images/flavours_chilli_bg.jpg');
}

#flavours li dl {
    float: left;
    width: 240px;
    margin: 0;
    padding: 0;
}

#flavours dl dt {
    float: left;
    width: 100%;
    height: 16px;
    margin: 16px 0 0 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#flavours li#original dt {
    background-image: url('images/header_flavours_original.gif');
}

#flavours li#apricot dt {
    background-image: url('images/header_flavours_apricot.gif');
}

#flavours li#chilli dt {
    background-image: url('images/header_flavours_chilli.gif');
}

#flavours dl dd {
    float: left;
    width: 100%;
    margin: 18px 0 0 0;
    padding: 0;
}

#flavours dl dd p {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 16px 0;
    color: #cbc7cc;
    font-size: 0.75em;
}

#flavours li dl dd p {
    color: #969696;
}

#flavours li dl dd p:first-child {
    color: #fff;
}

/* ------------------------------------------*/
/* News Column for Homepage
/* ------------------------------------------*/

#news_column {
    float: left;
    width: 237px;
    margin: 0;
    padding: 45px 16px 0 13px;
}

#news_column h2 {
    float: left;
    width: 190px;
    height: 27px;
    margin: 0 0 -9px 0;
    background-image: url('images/header_news.jpg');
}

#news_column h3 {
    float: left;
    width: 237px;
    margin: 30px 0 4px 0;
    padding: 0;
    color: #e5e1e6;
    font-size: 0.75em;
}

#news_column h3 a {
    color: #e5e1e6;
    text-decoration: none;
}
#news_column h3 a:hover {
    text-decoration: underline;
}

#news_column p {
    float: left;
    width: 237px;
    margin: 0;
    padding: 0 0 0 0;
    font-size: 0.688em;
    line-height: 1.45em;
    color: #cbc7cc;
}

#news_column p.read_more {
    width: auto;
    margin: 0;
    padding-right: 16px;
    background: transparent url('images/link_newer_bg.gif') no-repeat 100% 2px;
}

#news_column p.read_more a {
    float: left;
    margin: 0;
    padding: 0;
    color: #ce3a6a;
    text-decoration: none;
}
#news_column p.read_more a:hover {
    text-decoration: underline;
}

#news_column p.poster {
    color: #fff;
}

#news_column p.post_date {
    color: #8e8590;
}

#news_column ul {
    float: right;
    width: 237px;
    margin: 0;
    padding: 30px 0 0 0;
    list-style-type: none;
}

#news_column li {
    float: left;
    display: inline;
    width: 49%;
    color: #662238;
}
#news_column li#next_posts {
    float: right;
    text-align: right;

}
#news_column li#back_to_top {
    width: 100%;
    margin-top: 18px;
}

#news_column li a {
    margin: 0;
    font-size: 0.75em;
    color: #cc4370;
    text-decoration: none;
}
#news_column li#next_posts a {
    padding-right: 16px;
    background: transparent url('images/link_newer_bg.gif') no-repeat 100% 2px;
}
#news_column li#previous_posts a {
    padding-right: 16px;
    background: transparent url('images/link_older_bg.gif') no-repeat 100% 2px;
}

#news_column li a:hover {
    text-decoration: underline;
}

/* ------------------------------------------*/
/* News Article Page
/* ------------------------------------------*/

#news {
    float: left;
    display: inline;
    width: 540px;
    margin: 0 0 0 70px;
    padding: 48px 0 0 0;
    overflow: hidden;
}

#news h2 {
    float: left;
    display: inline;
    width: 273px;
    height: 28px;
    margin: 0 0 23px 0;
    background-image: url('images/header_news.jpg');
}

#news h3 {
    float: left;
    display: inline;
    width: 538px;
    margin: 0 0 16px 0;
    padding: 0 0 0 2px;
    color: #fff;
    font-size: 1.125em;
    font-weight: 700;
}

#news h3 a {
    color: #fff;
    text-decoration: none;
}

#news p {
    float: left;
    display: inline;
    width: 520px;
    margin: 0;
    padding: 0 0 18px 2px;
    color: #cbc7cc;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.25em;
}

#news_archive .wp-caption,
#news .wp-caption {
    float: left;
    display: inline;
    width: 500px !important;
    margin: 0;
    padding: 0 0 0 2px;

}

#news_archive .wp-caption-text,
#news_archive .wp-caption-dd,
#news .wp-caption-text,
#news .wp-caption-dd {
    float: left;
    display: inline;
    margin: 0;
    padding: 5px 0 20px 0;
    color: #fff;
    font-size: 0.75em;
    text-align: left;
}

ul#back_to_top {
    float: right;
    margin: 0;
    padding: 0;
}

ul#back_to_top li {
    margin: 0;
    padding: 0;
}

ul#news_nav {
    float: left;
    display: inline;
    width: 540px;
    margin: 20px 0 0 70px;
    padding: 0;
    list-style-type: none;
    color: #cc4370;
    font-size: 0.75em;
}

ul#news_nav li {
    float: left;
    margin: 0;
    padding: 0;
}

ul#news_nav li#previous_link {
    float: left;
}

ul#news_nav li#next_link {
    float: right;
    padding: 0 17px 0 0;
}

ul#news_nav li#previous_link a,
ul#news_nav li#next_link a {
    color: #cc4370;
    text-decoration: none;
}
ul#news_nav li#previous_link a:hover,
ul#news_nav li#next_link a:hover {
    text-decoration: underline;
}

ul#news_nav li#previous_link a {
    padding: 0 0 0 17px;
    background: transparent url('images/link_older_bg.gif') no-repeat 0 1px;
}

ul#news_nav li#next_link a {
    padding: 0 17px 0 0;
    background: transparent url('images/link_newer_bg.gif') no-repeat 100% 1px;
}


/* ------------------------------------------*/
/* Footer
/* ------------------------------------------*/
#footer {
    float: left;
    width: 100%;
    height: 63px;
    margin: 0;
    padding: 0;
    background: transparent url('images/footer_bg.jpg') no-repeat 0 0;
}

#footer p {
    float: left;
    margin: 0;
    padding: 24px 0 0 52px;
    color: #666666;
    font-size: 0.75em;
}

/* ------------------------------------------*/
/* Popup Window
/* ------------------------------------------*/

#overlay{
    position: absolute;
    display: none;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#popup {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    width: 555px;
    height: 365px;
    z-index: 1002;
}
#popup[id]{
	position: absolute;
}

#popup_content {
    position: relative;
    top: 21px;
    left: 21px;
    padding: 17px;
}
.popup_film {
    width: 481px;
    height: 266px;
    background: transparent url('images/popup_bg_film.png') no-repeat 0 0;
}

.popup_game {
    width: 600px;
    height: 435px;
    background: transparent url('images/popup_bg_game.png') no-repeat 0 0;
}

#popup_content #flash {
    float: left;
}

#popup a#close_button {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    z-index: 1003;
    font-size: 0.01em;
    text-decoration: none;
    text-indent: -99999px;
    overflow: hidden;
    background: transparent url('images/button_close.png') no-repeat 0 0;
}

/* ------------------------------------------*/
/* The Singhs
/* ------------------------------------------*/

#other-mr-singhs {
    float: left;
    display: inline;
    width: 542px;
    margin: 20px 0 0 70px;
    padding: 48px 0 0 0;
    background: transparent url('images/flavours_top_bg.jpg') no-repeat 100% 0;
}

#other-mr-singhs h2 {
    float: left;
    display: inline;
    width: 273px;
    height: 28px;
    margin: 0 0 27px 0;
    background-image: url('images/header_theSinghs.jpg');
}

#other-mr-singhs p {
    float: left;
    width: 540px;
    margin: 0;
    padding: 0 0 16px 0;
    color: #cbc7cc;
    font-size: 0.75em;
}

#other-mr-singhs object {
    padding-bottom: 20px;
}

/* ------------------------------------------*/
/* Where to buy
/* ------------------------------------------*/

#where-to-buy {
    float: left;
    display: inline;
    width: 542px;
    margin: 20px 0 0 70px;
    padding: 48px 0 0 0;
    background: transparent url('images/flavours_top_bg.jpg') no-repeat 100% 0;
}

#where-to-buy h2 {
    float: left;
    display: inline;
    width: 273px;
    height: 28px;
    margin: 0 0 27px 0;
    background-image: url('images/header_whereToBuy.jpg');
}

#where-to-buy p {
    float: left;
    width: 540px;
    margin: 0;
    padding: 0 0 16px 0;
    color: #cbc7cc;
    font-size: 0.75em;
}

#where-to-buy object {
    padding-bottom: 20px;
}

/* ------------------------------------------*/
/* Archive Column for News Page
/* ------------------------------------------*/

#archive_column {
    float: left;
    width: 237px;
    margin: 0;
    padding: 45px 16px 0 13px;
}

#archive_column h2 {
    float: left;
    width: 107px;
    height: 27px;
    margin: 0 0 23px 0;
    background-image: url('images/header_archive.jpg');
}

#archive_column ul {
    float: left;
    width: 237px;
    margin: 0;
    padding: 0;
    color: #cc4370;
}

#archive_column li {
    float: left;
    display: inline;
    width: 237px;
    margin: 0;
    padding: 0 0 2px 0;
    font-size: 0.688em;
}

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

/* ------------------------------------------*/
/* News Archive Page
/* ------------------------------------------*/

#news_archive {
    float: left;
    display: inline;
    width: 547px;
    margin: 0 0 0 70px;
    padding: 48px 0 0 0;
    overflow: hidden;
}

#news_archive h2 {
    float: left;
    display: inline;
    width: 170px;
    height: 27px;
    margin: 0 0 23px 0;
    background-image: url('images/header_news.jpg');
}

#news_archive h3 {
    float: left;
    display: inline;
    width: 538px;
    margin: 0 0 10px 0;
    padding: 0 0 0 2px;
    color: #fff;
    font-size: 1.125em;
    font-weight: 700;
}

#news_archive h3 a {
    color: #fff;
    text-decoration: none;
}

#news_archive p {
    float: left;
    display: inline;
    width: 520px;
    margin: 0;
    padding: 0 0 18px 2px;
    color: #cbc7cc;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.25em;
}

#news_archive .post {
    float: left;
    padding-bottom: 30px;
}

#news_archive small {
    float: left;
    padding-left: 2px;
    padding-bottom: 14px;
    color: #fff;
}

ul.archive_nav {
    float: left;
    width: 520px;
    margin: 0;
    padding: 0 0 30px 0;
    list-style-type: none;
}

ul.archive_nav li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

ul.archive_nav li.newer {
    float: right;
    text-align: right;
}

ul.archive_nav li a {
    font-size: 0.75em;
    color: #cc4370;
    text-decoration: none;
}

ul.archive_nav li.newer a {
    padding: 0 17px 0 0;
    background: transparent url('images/link_newer_bg.gif') no-repeat 100% 1px;
}

ul.archive_nav li.older a {
    padding: 0 0 0 17px;
    background: transparent url('images/link_older_bg.gif') no-repeat 0 1px;
}

ul.archive_nav li a:hover {
    text-decoration: underline;
}