/*###### CSS File Structure ######*//*
site: EmpirePoker.com

[ ------[ Styles Breakdown ][start]------ ]
1. Tag Overide
2. Classes
3. Header
4. Column Layout
5. Main
6. Sidebar
7. Footer
8. Page Styles
[ ------[ Styles Breakdown ][end]------ ]

*//*###### CSS File Structure ######*/


/*[ ------[1][ Tag Overide ][start]------ ]*/
body { margin: 0; padding: 0; color: #222; background-color: #000; background-image: url("../images/bg_main.jpg"); background-repeat: no-repeat; background-position: top center; font-family: Verdana, Arial , Helvetica, Sans-serif; font-size: .9em; line-height: 1.5em; }

a { color: #687eAc; }
    a:hover { color: #CA0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #b8a02d; padding-top: 10px; }
    h1 { font-size: 170%; }
    h2 { font-size: 160%; }
    h3 { font-size: 145%; }
    h4 { font-size: 130%; }
    h5 { font-size: 115%; }
    h6 { font-size: 100%; }
/*[ ------[1][ Tag Overide ][end]------ ]*/


/*[ ------[2][ Classes ][start]------ ]*/
.container { clear: both; margin: 0 auto; text-align: left; width: 960px; }
/*[ ------[2][ Classes ][end]------ ]*/


/*[ ------ [3][ Header ][start]------ ]*/
#header { font-size: .75em; }

.logo, #branding { float: left; margin: 0; height: 120px; z-index: 1; }
    .logo, #branding { background-image: url("../images/logo.gif"); background-repeat: no-repeat; background-position: 10px -19px; }
        .logo #logo a, #branding #logo a { display: block; height: 80px; width: 360px; font: 36px Arial, Verdana, sans-serif; display: block; text-decoration: none; text-indent: -9999px; }

.site-navigation li, .secondary-site-navigation li, .brand-navigation li { display: inline; }

.site-navigation { clear: both; top: 80px; position: absolute; z-index: 2; width: 960px; height: 37px; background-image: url("../images/bg_nav-main.jpg"); background-repeat: no-repeat; }
    .site-navigation ul { margin: 0; padding: 0; }
        .site-navigation ul li { margin: 0; padding: 0; float: left; height: 35px; overflow: hidden; }
            .site-navigation li.last { float: right; border-left: 1px solid #b8a02d; background-image: url("../images/bg_nav-main.jpg"); background-repeat: no-repeat; background-position: top right; }
    .site-navigation a { text-decoration: none; display: block; padding: 7px 10px; color: #081e4c; font-weight: bold; border-right: 1px solid #b9c6d4; }
        .site-navigation li.active a,.site-navigation a:hover { background-image: url("../images/bg_nav-main.jpg"); background-repeat: no-repeat; background-position: -965px 0; color: #000; border-color: #b8a02d; }
            .site-navigation li.first.active a, .site-navigation li.first a:hover { background-position: -960px 0; }
        .site-navigation li.last a { border-right: 0; padding: 7px 14px 7px 13px; }
            .site-navigation li.last a:hover { background-position: top right; }

.secondary-site-navigation { top: 110px; position: absolute; width: 100%; }

.brand-navigation { position: absolute; top: 0px; width: 500px; text-align: left; }
    .brand-navigation h5 { float: left; margin: 5px 10px 5px 0px; }
    .brand-navigation ul { margin: 5px 0px; }
        .brand-navigation ul li { margin-right: 10px; }
    .brand-navigation a { text-decoration: none; }

.breadcrumbs { clear: both; top: 0; padding: 0; position: relative; width: auto; height: 30px; font-size: .8em; color: #FFF; }
    .breadcrumbs h5 { display: none; }
    .breadcrumbs ul { display: block; margin: 0; padding: 0; }
        .breadcrumbs ul li { float: left; list-style: none; margin: 0; padding: 2px 20px 2px 10px; background-image: url("../images/bg_arrows.gif"); background-repeat: no-repeat; background-position: right 9px; }
            .breadcrumbs ul li.last-crumb { background-image: none; }
            .breadcrumbs ul li a { color: #FC0; text-decoration: none; }
/*[ ------ [3][ Header ][end]------ ]*/


/*[ ------ [4][ Column Layout ][start]------ ]*/
.one-column #main { float: none; padding: 15px 25px; }

.two-column #sidebar,
.two-column-footer #sidebar { float: left; margin: 15px 0; padding: 0; width: 240px; z-index: 100; }
.two-column #main,
.two-column-footer #main,
.two-column-right #main,
.two-column-right-footer #main { float: left; padding: 15px 25px !important; width: 650px; }
.two-column-right #main,
.two-column-right-footer #main { width: 700px; }

.three-column #sidebar,
.three-column-footer #sidebar { float: left; margin: 15px 0; padding: 0; width: 240px; z-index: 100; }
.three-column #main,
.three-column-footer #main { float: left; padding: 15px 10px 15px 25px; width: 465px; }
.two-column-right #secondary-sidebar,
.two-column-right-footer #secondary-sidebar,
.three-column #secondary-sidebar,
.three-column-footer #secondary-sidebar { float: right; margin: 15px 15px 15px 0; padding: 0; width: 200px; z-index: 100; }

.two-column-footer #content-footer,
.two-column-right-footer #content-footer,
.three-column-footer #content-footer { clear: both; padding: 0 25px 15px 25px; }
/*[ ------ [4][ Column Layout ][end]------ ]*/


/*[ ------ [5][ Main ][start] ------ ]*/
#content { font-size: .8em; }
#content.two-column .container, #content.three-column .container { background-image: url("../images/bg_content.jpg"); background-repeat: repeat-y; }
#content .container { background-color: #FFF; color: #000; }
    #content .container p { margin: 0 0 15px 0; }

#main { min-height: 350px; }
    #main ul, #main ol { margin: 0 0 15px 0; padding-left: 15px; }
        #main ul ul, #main ol ol { margin: 4px 0 -5px 0; }
        #main ul li, #main ol li { line-height: 16px; padding: 6px 0 4px 5px; }
        #main ol li { list-style-type: decimal; }
        #main ol li ol li { list-style-type: decimal; margin: 0 0 0 5px; }

    #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { margin: 0 0 15px 0; }

    #main blockquote { clear: both; font-family: Georgia, serif; font-style: italic; margin: 25px 0; padding: 15px 20px 15px 15px;  }
        #main blockquote p { margin: 0 0 15px 0; }
        #main blockquote a:link, #main blockquote a:visited { text-decoration: underline; }

    #main img.left, #main img.right, #main img.center, #sidebar .left, #sidebar .right, #sidebar .center { padding: 5px; }
        #main img.left, #sidebar .left { float: left; clear: left; margin: 5px 10px 5px 0px; }
        #main img.right, #sidebar .right { float: right; clear: right; margin: 5px 0px 5px 10px; }
    #main div.image.center, #sidebar .center { display: block; margin: 0% auto 10px; text-align: center; }
/*[ ------ [5][ Main ][end]------ ]*/


/*[ ------ [6][ Sidebar ][start]------ ]*/
#sidebar { background-image: url("../images/bg_sidebar.jpg"); background-repeat: repeat-y; background-position: top left; }
    #sidebar .center { margin-top: 10px; text-align: center; }
        #sidebar .center img { float: none; margin: 0% auto; }

div#above-navigation, div#below-navigation { clear: both; padding-left: 10px; }
div#below-navigation { background-image: url("../images/bg_sidebar.jpg"); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 10px; }

.page-navigation { font-size: .95em; line-height: 1.5em; margin: 0; padding: 0 0 0 15px; }
    .page-navigation ul li { display: block; clear: left; float: left; list-style: none; margin: 0; padding: 0; width: 225px; }
        .page-navigation ul li a { display: block; padding: 7px 10px 7px 25px; text-decoration: none; color: #1f2a56; }
        .page-navigation a:hover, .page-navigation li.active a:hover { background-color: #D8C04D; }
            .page-navigation ul li.active a { background-image: url("../images/bg_arrows.gif"); background-repeat: no-repeat; background-position: 10px -37px; }
            .page-navigation ul li li {}
            .page-navigation ul li li a, .page-navigation ul li.active li a { padding-left: 35px; background: none; }
            .page-navigation ul li li.active a { background-position: 20px -37px; }
                .page-navigation ul li li li { }
                .page-navigation ul li li li a, .page-navigation ul li.active li li a, .page-navigation ul li li.active li a { padding-left: 45px; background: none; }
                .page-navigation ul li li li.active a { background-position: 30px -37px; }
/*[ ------ [6][ Sidebar ][end]------ ]*/


/*[ ------ [7][ Footer ][start]------ ]*/
#footer { font-size: .6em; line-height: 1.3em; padding-top: 15px; clear: both; color: #5c6885; }
    #footer .container { text-align: left; }
        #footer .container h5 { font-weight: bold; }
        #footer .container p { clear: both; text-align: left; margin: 0; padding: 0 15px 8px 15px; }
        #footer .container ul { display: block; margin: 0; }
            #footer .container ul li { list-style: none; margin-right: 0; padding: 0 15px 8px 15px; }
                #footer .container ul li a { text-decoration: none; color: #FFF; }

    #footer #footer-navigation,
    #footer #licensed-regulated { float: left; margin: 0 0 15px 0; width: 225px; } 
    #footer #responsible-gaming { float: left; margin: 0 0 15px 0; width: 140px; }

    #footer #licensed-regulated { float: left; width: 508px; border-left: 1px solid #131929; border-right: 1px solid #131929; }
        #footer .container #responsible-gaming p { color: #FFF; width: 100px; padding-bottom: 10px; }

    #footer #footer-icons { clear: both; margin: 0; padding: 15px 0 0 0; border-top: 1px solid #131929; }
            #footer .container #footer-icons ul { padding-bottom: 20px; }
                #footer .container #footer-icons ul li { padding: 0 10px 0 0; }
                #footer #eighteen { float: right; height: 40px; padding: 0; margin: 0; }
                #footer #eighteen ul li a { background: url("/content/dam/poker/ep/designs/footer/ft_18_plus.png") top left no-repeat; width: 41px; height: 40px; text-indent: -9999px; display: block; }
/*[ ------ [7][ Footer ][end]------ ]*/


/*[ ------ [8][ Page Styles ][start]------ ]*/
#main #terms-and-conditions h3 { font-size: 1.2em; }
#main #terms-and-conditions p,#main #terms-and-conditions li { font-size: .75em; line-height: 1.5em; }
/*[ ------ [8][ Page Styles ][end]------ ]*/