﻿/* Imports 
----------------------------------------*/

@import url("http://www.livingitlovingit.com/css/screen.css");

body { background: #616163 url('/images/background.jpg') no-repeat; color: #fff; }
body#section-home .inner { background: transparent url('/images/home/splash.jpg') no-repeat center top; color: #fff; }

#footer { background-image: url('/images/layout/footer.png'); }

.tab ul.login li { background-color: transparent; }

#primary-content a, #primary-content a:link { color: #e5c345; }

#branding, #branding h1 { background: none;  margin-top: 15px;}
#branding h1 a { width: 462px; height: 87px; background: transparent url('/images/branding.png') no-repeat; }

#main-nav { text-transform: uppercase; }
#main-nav li li { text-transform: none; }

.nav1 ul li a, .nav2 ul li a, .nav3 ul li a, .nav4 ul li a, .nav5 ul li a { background: #5a93c1; color: #fff; text-align: left; padding-left: 5px; padding-right: 5px; }
.nav1 ul li a:hover, .nav2 ul li a:hover, .nav3 ul li a:hover, .nav4 ul li a:hover, .nav5 ul li a:hover { background: #8ac6ea; color: #fff; text-align: left; padding-left: 5px; padding-right: 5px; }

.sf-menu li { background: transparent; }
ul#main-nav li#mnuHome a { background-image: url('/images/nav/home.png'); }

/* Navbar Links */
ul#main-nav a:hover { background-position: 0 0; }

.nav1 a { background-image: url('/images/nav/nav-blue.png'); }
.nav2 a { background-image: url('/images/nav/nav-green.png'); }
.nav3 a { background-image: url('/images/nav/nav-purple.png'); }
.nav4 a { background-image: url('/images/nav/nav-grey.png'); }
.nav5 a { background-image: url('/images/nav/nav-orange.png'); }
ul#main-nav li#mnuMothership a { background-image: url('/images/nav/nav-lili.png'); }
    
.nav1 ul li a { background: #5a93c1; }
.nav1 ul li a:hover { background: #05659e; }
.nav2 ul li a { background: #539932; }
.nav2 ul li a:hover { background: #40712f; }
.nav3 ul li a { background: #9f3478; }
.nav3 ul li a:hover { background: #821e5a; }
.nav4 ul li a { background: #898585; }
.nav4 ul li a:hover { background: #4c4c4c; }
.nav5 ul li a { background: #D18926; }
.nav5 ul li a:hover { background: #EFA422; }

.tab ul.login li.social a { margin-top: 5px; }
.tab ul.login li.social a.twitter { background-image: url('/images/icons/panel_twitter.png'); width: 33px; height: 33px; display: block;}
.tab ul.login li.social a.facebook { background-image: url('/images/icons/panel_facebook.png'); width: 33px; height: 33px; display: block;}
.tab ul.login li.social a.flickr { background-image: url('/images/icons/panel_flickr.png'); width: 33px; height: 33px; display: block;}

.tab ul.login { margin-left: 460px; }
.tab ul.login li a { color: orange; text-decoration: none; }
.tab ul.login li.social a { text-indent: -9999px; width: 16px; display: block; float: left; }

#splash { height: 380px; clear: both; position: relative; }
#splash h2 { text-indent: -9999px; display:block; }
#splash ul#icon-nav { position: absolute; right: 30px; bottom: -10px; }
#splash ul#icon-nav li { float: left; list-style: none;}
#splash ul#icon-nav li a { display: block; width: 81px; height: 87px; text-indent: -9999px; background-repeat: no-repeat; }
#splash ul#icon-nav li#icon-nav1 a { background-image: url('/images/icons/chip-blue.png'); }
#splash ul#icon-nav li#icon-nav2 a { background-image: url('/images/icons/chip-green.png'); }
#splash ul#icon-nav li#icon-nav3 a { background-image: url('/images/icons/chip-purple.png'); }
#splash ul#icon-nav li#icon-nav4 a { background-image: url('/images/icons/chip-grey.png'); }
#splash ul#icon-nav li#icon-nav5 a { background-image: url('/images/icons/chip-orange.png'); }

#secondary-content ul li a, #secondary-content ul li a:link, .sidebar a:link { color: #fff; }
#secondary-content ul li a:visited { color: #ccc; }
#secondary-content ul li a:hover { background-color: #888; }

#overview { width: 480px; height: 346px; background: transparent url('/images/home/bg-signup.png') no-repeat; }
#overview, .type12, #overview .type24, #overview .type32, #overview .type52 { font-weight: bold; line-height: 1em; }
body#section-home #overview div { padding: 20px 30px 20px 60px; }
body#section-home #overview p { line-height: 1.1em; margin-bottom: .2em; }

.type12 { font-size: 12px; }
.type24 { font-size: 24px; }
.type32 { font-size: 32px; }
.type52 { font-size: 52px; }

.mustard, a.mustard { color: #f4be00; }

/* Generic */
.smallprint { font-size: .9em; }

#socialmedia { position: absolute; top: 120px; right: 20px;  }
#socialmedia a { float: left; margin-right: 10px; width: 32px; height: 32px; text-indent: -9999px; display: block; }

#loginControl ul { background-image: none; }
#loginControl { position: absolute; top: 120px; left: 20px; z-index: 1000; }
#secondary-content #loginControl  ul li a { padding: 8px; }
#secondary-content #loginControl  ul li a:hover { background-color: transparent; color: #ccc; }

#main-nav { padding-bottom: 0; }
ul#tweet {  font-size: .9em; color: #ccc; height: 2em; overflow: hidden; padding: 0 0 5px 0;  }
#tweet li { margin-left: 0; padding-left: 40px; list-style: none; background: transparent url('../images/icons/twitter.png') no-repeat 15px center; line-height: 2em; }

#primary-content { line-height: 1.5em; }

#info-panel { background-image: url('/images/home/menu-header.png'); }
#info-panel ul { background-image: url('http://www.livingitlovingit.com/images/home/ft-paddypower.jpg'); }

#site-info p { margin-bottom: 1em; line-height: 1.5em; font-size: 1.3em; }
#site-info h2 { text-indent: -9999px; background: transparent url('/images/home/howgood.png') no-repeat; width: 398px; height: 78px; }

#countdown-wrapper { text-align:center; background: transparent url('/images/countdown-clock-bottom.png') no-repeat bottom; padding-bottom: 16px; width: 220px; margin-bottom: 20px; }
#countdown-wrapper h4 { background: #000 url('/images/countdown-clock-top.png') no-repeat top; margin-bottom: 0; color: #fff; padding: 10px; font-weight: bold; font-size: 1.1em; }
#countdown { width: 220px; margin: 0 auto; }

.box340 { background: #000 url('../images/purple-top-340px.png') no-repeat top; color: #fff; text-align: center; }
.box340  .inner { background: #85287f url('../images/black-btm-340px.png') no-repeat bottom; padding-bottom: 10px; }
.box340 h2, .box340 h3, .box340 p { margin: 10px; }
.box340 a { color: #fff; }

#showtime { color: #fff; text-align: left;  margin: 60px 15px 15px 10px; }
#showtime .slideimg { float: left; margin-right: 15px; width: 200px; overflow: hidden; }
#showtime h3 { font-weight: bold; margin: .5em 0; }
#showtime ul { margin: 0; background: none; padding-left: 20px;}
#showtime ul li { margin: 0 5px 5px 20px; }

#packslides { width: 480px; height: 283px; background: transparent url('/images/home/bg-slideshow.png') no-repeat; margin-top: 20px; }

.quicklinks, #venue-search { margin-bottom: 0; }
.quicklinks ul { padding-left: 20px; }
.quicklinks h3 { margin: 0 0 10px 0; }
.quicklinks li { line-height: 1.3em; width: 120px; float: left; font-size: .9em; }
.quicklinks li a, .quicklinks li a:link { line-height: 1em; color: #fff; }

#testimonials { margin-bottom: 0; }
#testimonials li { list-style: none; font-style: italic;  }

.box h3 a { width: 190px; height: 130px; overflow: hidden; }

#gallery { clear: both; }
#gallery a { float:left; margin: 0 15px 15px 0; border: 1px solid #000; padding: 0; width: 75px; height: 75px; text-align:center; overflow: hidden; }

.gmap-overlay { line-height: 1em; font-size: .9em; color: #333; }

#venues h4 { margin-bottom: 0; font-weight: bold; }
#venues p { margin-top: 0; }

.GridView { background-color: #333; }
.GridView a { font-weight:bold; }
.GridView th { background-color: #000; color: #fff;  }
.GridView th, .GridView td { border-color: #666; }
.GridView th, .GridView td { padding: 8px 5px; }
.GridView img { margin:0; padding: 0; }
.GridView .pager { background: #663366;  }
.GridView .pager td { text-align:center; font-weight:bold; border: none; }
.GridView .pager a { font-weight: normal;}
.GridView .pager table { margin: 0; }
.GridView .alphaPager { text-align: center;  background: #000;  }
.GridView .alphaPager a { margin: 0 .5em; color:#fff; }
.GridView .alt { background-color: #444; }

.VenueHighScoreQualifier { background-color: #f4be00; color: #000; }
#primary-content .GridView .VenueHighScoreQualifier a, #primary-content .GridView .VenueHighScoreQualifier a:link { color: #000; }

.rank { background: #e4e4e4 url(../images/hands/bottom.png) no-repeat bottom; width: 340px; float: left; height: 280px; margin: 0 10px 20px 0; }
.rank h3 { background: transparent url(../images/hands/top.png) no-repeat top; padding: 10px; margin-bottom: 0; }
.rank p { margin: 0 10px 10px 10px; padding-bottom: 150px; background-position: left bottom; background-repeat: no-repeat; }

#faqs li { list-style: none; }
#faqs p.question { font-size: 1.4em; font-weight: bold; margin-bottom: 0; line-height: 1.1em; }
#faqs div.question { font-size: 1.4em; font-weight: bold; }

.rflush p { background-image: url(../images/hands/royal-flush.png); }
.sflush p { background-image: url(../images/hands/straight-flush.png); }
.fourofakind p { background-image: url(../images/hands/four-of-a-kind.png); }
.fullhouse p { background-image: url(../images/hands/full-house.png); }
.flush p { background-image: url(../images/hands/flush.png); }
.straight p { background-image: url(../images/hands/straight.png); }
.twopair p { background-image: url(../images/hands/two-pair.png); }
.threeofakind p { background-image: url(../images/hands/three-of-a-kind.png); }
.pair p { background-image: url(../images/hands/pair.png); }
.highcard p { background-image: url(../images/hands/high-card.png); }

.notattending { text-decoration: line-through; }

.placeholder { background: #000; text-align: center; color: #fff; }

#panel1, #panel2 { height: 255px; background: transparent url('/images/home/panel220px.png') no-repeat; }
#panel1 h3, #panel2 h3, #panel1 p, #panel2 p { margin: 1em; }


/* Blog
***********************************************************/
.comment, .post { border-bottom: 1px dashed #999; margin-bottom: 1em; padding: 1em 0; }
.commentlist { list-style: none; margin-left: 0; }
.comment-author { margin-bottom: 0; line-height: 1em; font-weight: bold; }
.comment-author img { float: left; margin-right: 8px; }
.comment-meta { font-size: .9em; color: #666; margin-top: 0; }

.entry-meta { background: transparent; }