/* DEFAULT */
*{padding:0; margin:0}
body{background:#686748 url(/images/global/layout/bg-new.jpg) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:0.75em;color:#929292; text-align: center;}
input, select, textarea{font-family:Verdana, Arial, sans-serif; font-size:0.9em}
div{text-align:left}
img{border:0}
h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; padding:0px; color:#888570; font-weight:bold; text-transform:uppercase;}
p{margin:0 0 1.1em 0; padding:0}
form{margin:0; padding:0; display:block}
.clear{clear:both; font-size:0; line-height:0;}
.fltl{float:left}
.fltr{float:right}
.txt-right{text-align:right}
.txt-center{text-align:center}
a{color:#888570; font-weight:bold; text-decoration:underline}
a:hover{color:#888570; text-decoration:none}
ul {margin:0; padding:0;}
ul li {margin:0; padding:0 0 5px 0;}
h1{font-size:1.35em;}
h2{font-size:1.35em;}
h3{font-size:1.15em;}
h4{font-size:0.9em;}
table {border-collapse:collapse;}
form ul {list-style:none; margin:0; padding:0;}
img.fltl {padding-right:5px;}
img.fltr {padding-left:5px;}

.hide {display:none}

#wrapper {width:760px; margin:0 auto;}
#header {width:760px; height:98px;/* z-index:10; */}
#header h1 {background:url(/images/com/en/layout/h1-howard.jpg) top left no-repeat; width:760px; height:66px; text-indent:-999em; overflow:hidden; margin:29px 0 0 0; padding:0;}

/* MENU */
#nav {background:url(/images/global/layout/nav-back.gif) top left no-repeat; width:760px; height:72px; position:absolute;}
#nav ul {list-style:none; margin:0; padding:0; width:760px; position:relative; z-index:1;}
#nav ul li {padding:0; position:absolute; font-size:0.85em; text-align:center;}
#nav ul li a {text-transform:uppercase; color:#e1dcb6; display:block; height:20px; padding:12px 0 0 0; overflow:hidden; text-decoration:none; font-size:0.95em;}
#nav ul li a:hover {color:#333229; text-decoration:none;}
#nav ul li.active a {color:#333229;}
#nav ul li.active a:hover {color:#e1dcb6;}
/* position main items */
#nav li.home {width:88px; left:0;}
#nav li.about {width:66px; left:88px;}
#nav li.tips {width:76px; left:154px;}
#nav li.multimedia {width:91px; left:230px;}
#nav li.logo {width:127px; height:73px; left:321px; z-index:3; text-indent:-999em; text-align:left;}
#nav li.logo a {width:127px; height:73px; position:relative;}
#nav li.logo div {background:url(/images/global/layout/logo.png) top left no-repeat; height:73px;}
/* html>body #nav li.logo {background:url(logo.png) top left no-repeat;} */
#nav li.news {width:59px; left:448px;}
#nav li.links {width:62px; left:507px;}
#nav li.gallery {width:78px; left:569px;}
#nav li.poker_articles {width:113px; left:647px;}
/* anchor sizes */
#nav li.home a {width:88px;}
#nav li.about a {width:66px;}
#nav li.reading a {width:76px;}
#nav li.multimedia a {width:91px;}
#nav li.news a {width:59px;}
#nav li.links a {width:62px;}
#nav li.gallery a {width:78px;}
#nav li.poker_articles a {width:113px;}

#top {width:760px; height:191px; margin-top:29px; background:#888570;}
#top.homepage {background:url(/images/com/en/content/home/top-homepage.jpg) top left no-repeat;}
#top.homepage a {display:block; float:right; padding:68px 53px 0 0; width:92px; height:87px; text-indent:-999em; overflow:hidden;}
#top.ff {margin-top:0;} /* firefox hack */
#top h2 {text-indent:-999em; overflow:hidden;  width:760px; height:183px;}
#top h2.about {background:url(/images/com/en/headers/about.jpg) top left no-repeat;}
#top h2.reading {background:url(/images/com/en/headers/reading.jpg) top left no-repeat;}
#top h2.multimedia {background:url(/images/com/en/headers/multimedia.jpg) top left no-repeat;}
#top h2.news {background:url(/images/com/en/headers/news.jpg) top left no-repeat;}
#top h2.links {background:url(/images/com/en/headers/links.jpg) top left no-repeat;}
#top h2.articles {background:url(/images/com/en/headers/articles.jpg) top left no-repeat;}
#top h2.gallery {background:url(/images/com/en/headers/gallery.jpg) top left no-repeat; height:70px; padding:0; margin:0;}

#content {background:#fff url(/images/global/layout/content-back.jpg) 8px 8px no-repeat; width:744px; padding:8px;}
#left {width:125px; float:left; margin:30px 0 15px 0; border-right:1px solid #888570; padding:0 15px 10px 5px;}
#right {width:535px; float:right; margin:30px 0 0 0; padding:0 35px 0 0; }

/* white-2col */
#wrapper.white-2col #left {width:147px; border:none; background:url(/images/global/layout/grey-2col-left-back.gif) repeat-y; padding:0 0 10px 5px;}

/* brown-1col */
#wrapper.brown-1col #left {width:147px; border:none; background:url(/images/global/layout/grey-2col-left-back.gif) repeat-y; padding:0 0 10px 5px;}
#wrapper.brown-1col #content {background:#424036 url(/images/global/layout/brown-1col-back.gif) repeat-y; width:744px; padding:8px;}
#wrapper.brown-1col #top {height:70px;}
html>body #wrapper.brown-1col #footer-close {background:url(/images/global/layout/bot-brown.png) top left no-repeat;}
/* gallery text */
#wrapper.brown-1col #content p {padding:0 60px 0 72px;color:#888570;}
#wrapper.brown-1col #content h1 {padding:10px 60px 0 72px;}

#footer-links {list-style:none; padding:0 0 0 24px; margin:0 auto; text-align:center}
#footer-links li {padding:25px 8px 8px 0; display:inline; font-size:11px;}
#footer-links li a {text-decoration:none; font-weight:normal; text-transform:uppercase; font-size:11px;}
#footer-links li a:hover {text-decoration:underline;}
#footer-links li.poker_articles {padding-right:0;}
#footer-links li.tips {margin:0;}

#footer-close { height:41px;}
html>body #footer-close {background:url(/images/global/layout/bot.png) bottom left no-repeat;}

/* Slider - Photo Gallery */
.photo-gallery {position:relative;width:640px;margin:0 auto 50px auto;padding-top:10px}
.photo-gallery .prev, .photo-gallery .next {position:absolute;bottom:25px;display:none}
.photo-gallery .prev {left:-8px}
.photo-gallery .next {right:-8px}
.photo-gallery .items {position:relative;width:600px;left:20px;overflow:hidden;background:#c0bb93;height:95px}
.photo-gallery .items .container {position:relative;top:0;left:0;width:600px;float:left;display:inline;}
.photo-gallery .items .container .item {width:100px;margin:0;float:left;text-align:center;padding:5px 0 10px 0}
.photo-gallery .items .container .item img {margin 0 auto;height:75px;width:75px;border:4px solid #fff}
.photo-gallery .full-size {text-align:center;height:420px;padding-top:10px;margin:0 auto 15px auto;}
.photo-gallery .full-size p {/* margin-top:5px */ display:none;}
.photo-gallery .full-size img {border:10px solid #fff;}

/* HOMEPAGE */
div.line {background:url(/images/global/content/home/line.gif) no-repeat; height:2px; margin:15px 0; clear:both; font-size:0; line-height:0; overflow:hidden}
#cols {list-style:none; margin:0; padding:0;}
#cols li {float:left; width:165px; padding:0 20px 0 0; background:url(/images/global/content/home/story-back.jpg) top left no-repeat;}
#cols li.last {padding-right:0;}
#cols h3, #cols h2 {padding:5px 5px 0 5px; margin:0 0 5px 0;}
#cols p {padding:0 5px 0 5px;}
#cols h2 {font-size:1.5em;}
#cols h3 {font-size:1.1em; padding-top:0;}
#cols h3 a {text-decoration:none;}
#cols h3 a:hover {text-decoration:underline;}

/* SUBPAGES - LEFT MENU */
#left ul.left-menu {list-style:none; margin:0 0 20px 0; padding:0; text-transform:uppercase; font-size:1em; font-family:Verdana, Arial, sans-serif; text-align:right;}
#left ul.left-menu li {padding:0 0 15px 0;}
#left ul.left-menu li a {text-decoration:none;  padding:0 20px 0 0; display:block;}
#left ul.left-menu li a:hover {background:url(/images/global/layout/subnav-back.gif) top right no-repeat;}
#left ul.left-menu li.active a {background:url(/images/global/layout/subnav-back.gif) top right no-repeat;}

/** SUBPAGES - LEFT MENU 2nd tier **/
#left ul.left-menu ul {margin:10px 0 0 0;}
#left ul.left-menu ul li {list-style:none; margin:0; padding:0 0 8px 0; text-transform:none; font-size:0.9em; font-family:Verdana, Arial, sans-serif; text-align:right;}
#left ul.left-menu li ul li a {text-decoration:none; padding:0 20px 0 0; display:block; font-weight:normal;}
#left ul.left-menu li ul li a:hover {background:url(/images/global/layout/subnav-back.gif) top right no-repeat;}
#left ul.left-menu ul li.active a {background:url(/images/global/layout/subnav-back.gif) top right no-repeat;}
/* turn off effect of selected for submenu */
#left ul.left-menu li.active li a {background:none;}

#left-content {text-align:center}
#left-content * {text-align:center}
#left-content img {margin:0 auto}
#content blockquote {padding:0 10px}

/* about - bio */
div.bio ul {margin:0 0 10px 20px;}

/* tips */
.tips {margin-bottom:60px;}
.tip {margin-bottom:25px;}
.tip h3 {margin-bottom:3px;}
.tip h3 a {text-decoration:none;}
.tip h3 a:hover {text-decoration:underline;}
.tip span.author {margin:0; padding:3px 0;}
.tips h2 {font-size:1.7em; margin-bottom:15px;}
.tips p.txt-right {margin-top:-10px;}

/* multimedia landing page */
.multimedia-landing {width:570px; margin:70px auto 40px auto;}
.multimedia-landing ul.list {list-style:none; margin:0; padding:0;}
.multimedia-landing ul.list li {float:left; padding:0 40px 20px 0; text-align:center;}
.multimedia-landing ul.list li.last {padding-right:0;}
.multimedia-landing ul.list li a {display:block; font-size:1.2em; text-transform:uppercase; text-decoration:none;}
.multimedia-landing ul.list li a:hover {text-decoration:underline;}

/* multimedia - commercials */
.commercial {float:left; width:240px; padding-right:25px; margin-bottom:30px;}
.commercial ul {list-style:none; margin:0; padding:0;}
.commercial ul li {float:left; padding:0 10px 0 0;}
.commercial img {padding:0 0 5px 0;}
.commercial a {color:#ee4747; text-decoration:underline; font-size:0.95em; text-transform:uppercase;}
.commercial a:hover {text-decoration:none;}
.commercial span {padding-right:5px;}
.commercial h3 {font-size:1em;}

/* multimedia - podcasts */
div.podcast {margin-bottom:30px;}
div.podcast p {margin-bottom:8px;}
div.podcast h3 {margin-bottom:3px;}
div.podcast a {color:#ee4747; text-decoration:underline; font-size:0.95em;}
div.podcast a:hover {text-decoration:none;}
div.podcast a.listen {background:url(/images/global/content/multimedia/podcasts/listen.jpg) top right no-repeat; padding:3px 27px 5px 0; }
div.podcast a.save {background:url(/images/global/content/multimedia/podcasts/save.jpg) top right no-repeat; padding:3px 25px 5px 10px; }

/* multimedia - vodcasts */
div.vodcast {float:left; width:240px; padding:0 20px 0 0; margin-bottom:55px;}
div.vodcast img {padding:0 0 8px 0;}
div.vodcast a {color:#ee4747; text-decoration:underline; font-size:0.95em;}
div.vodcast a:hover {text-decoration:none;}
div.vodcast a.watch {background:url(/images/global/content/multimedia/vodcasts/watch-icon.gif) top right no-repeat; padding:3px 35px 5px 0}
div.vodcast a.save {background:url(/images/global/content/multimedia/vodcasts/save-icon.jpg) top right no-repeat; padding:3px 25px 6px 10px}

/* news */
div.news {margin-bottom:35px;}
div.news .news-item {margin-bottom:25px;}
div.news .news-item h2 {margin-bottom:4px;}

/* links */
.link {margin-bottom:15px;}
.link h2 {font-size:1.15em; margin-bottom:4px;}
.link a {text-decoration:none;}
.link a:hover {text-decoration:underline;}
.link h4 {text-transform:none; font-size:1em; font-weight:normal;}

/* subheaders for multimedia pages */
h2.subheader {width:530px; height:61px; text-indent:-999em; margin:0 0 15px 0;}
html>body h2.subheader.commercials {background:url(/images/com/en/headers/commercials-sub.png) top left no-repeat;}
html>body h2.subheader.podcasts {background:url(/images/com/en/headers/podcasts-sub.png) top left no-repeat; height:72px;}
html>body h2.subheader.vodcasts {background:url(/images/com/en/headers/vodcasts-sub.png) top left no-repeat; height:72px;}
html>body h2.subheader.video {background:url(/images/com/en/headers/video-clips-sub.png) top left no-repeat;}

/* copyright */
.copyright {width:760px; margin:10px auto 5px auto; color:#aaa682; text-align:center; font-size:1em;}
.copyright a {color:#aaa682; text-decoration:none;}
.copyright a:hover {text-decoration:underline;}
.copyright h2 {font-size:1em; text-align:center;}
.copyright p {text-align:center;}

/* download text below download button on LHS */
p.download-text {text-align:center; margin:10px 0;}
#left-content p.download-text {padding:0 15px 0 0;}

.poker-article-list div.item {padding-bottom:15px;}
.poker-article-list div.item p.title {margin-bottom:5px;}

.trip-reports {float:left; width:260px; padding:0 15px 0 0;}
.poker-articles {float:right;  width:260px;}
h2 a, h3 a {text-decoration:none;}
h2 a:hover, h3 a:hover {text-decoration:underline;}

#right.homepage{position:relative; height:675px;}
div.reading {position:absolute; top:565px; height:120px;}
