/* General Settings */
body {margin: 0; padding: 0; text-align: center; font-size: 11px; color: #333; font-family: arial, verdana, sans-serif; background: url('../layout/bodybg.gif') no-repeat; background-color: #e4f2e3; background-position: top center;}

img {border: none;}
hr {height: 1px; background-color: #f2f2f2; border: none; border-top: 1px solid #f2f2f2; margin: 10px 0;}
a {color: #0000ff;}
a:hover {text-decoration: none;}
a:visited {color: #0000ff;}

.newsinput {width: 180px; border: 1px solid #b5b5b5; font-size: 11px; padding: 5px;}

/* Layout */
#container {width: 990px; text-align: left; margin: 0 auto; background-color: #fff;}
.clear {clear: both;}
.centered {text-align: center;}
.signupbutton {padding-top: 10px;}

ul {list-style-type: none; padding: 0; margin: 10px 0 0 8px; line-height: 1.7em;}
li {background: url('../layout/liarrow.gif') no-repeat; background-position: center left; padding-left: 10px;}

/* Header */
#header {background: url('../layout/header_bg.jpg') repeat-x; height: 275px;}
#hdr_logo {height: 76px; padding-top: 16px; padding-left: 27px; }
#hdr_logo h1 a {display: block; background: url('../layout/hdr_logo.gif'); width: 207px; height: 56px; margin: 0; padding: 0;}
#hdr_logo h1 {margin: 0; padding: 0;}
#hdr_logo h1 span {display: none;}
#hdr_advert {margin-left: 5px;}

/* Header Nav */
#nav {text-transform: uppercase; font-weight: bold; float: left;}
#nav ul {margin: 7px 0 0 10px; padding: 0;}
#nav a {color: #fff; float: left; padding: 12px 13px 0 6px; text-decoration: none;}
#nav li {float: left; background: url('../layout/nav_button.gif') no-repeat; background-position: top left; height: 38px; margin: 0 5px 0 0; list-style-type: none;}
#nav li:hover {background: url('../layout/nav_buttonhover.gif') no-repeat;}
#nav li:hover span {background: url('../layout/nav_buttonrighthover.gif') no-repeat; width: 5px; height: 38px; background-position: top right; float: left; }
#nav li span {background: url('../layout/nav_buttonright.gif') no-repeat; width: 5px; height: 38px; background-position: top right; float: left; }

BODY#home #nav #nav_home {background: url('../layout/nav_active.gif') no-repeat;}
BODY#home #nav #nav_home span {background: url('../layout/nav_activeright.gif') no-repeat;}
BODY#rummy #nav #nav_rummy {background: url('../layout/nav_active.gif') no-repeat;}
BODY#rummy #nav #nav_rummy span {background: url('../layout/nav_activeright.gif') no-repeat;}
BODY#rules #nav #nav_rules {background: url('../layout/nav_active.gif') no-repeat;}
BODY#rules #nav #nav_rules span {background: url('../layout/nav_activeright.gif') no-repeat;}
BODY#play #nav #nav_play {background: url('../layout/nav_active.gif') no-repeat;}
BODY#play #nav #nav_play  span {background: url('../layout/nav_activeright.gif') no-repeat;}
BODY#strategy #nav #nav_strategy {background: url('../layout/nav_active.gif') no-repeat;}
BODY#strategy #nav #nav_strategy  span {background: url('../layout/nav_activeright.gif') no-repeat;}

BODY#home #nav_home a, BODY#rummy #nav_rummy a, BODY#rules #nav_rules a, BODY#play #nav_play a {color: #1c4b09;}

/* Content */
#content {background-color: #fff;}
p {margin: 10px 0; line-height: 1.4em;}

h2.welcome {background: url('../layout/index_welcome.gif') no-repeat; display: block; height: 35px; width: 76px; margin: 10px 0 0 0;}
h2.howto {background: url('../layout/index_howtoplay.gif') no-repeat; display: block; height: 35px; width: 120px; margin: 10px 0 0 0;}
h2 span {display: none;}

.right-img {float: right; margin: 0 0 10px 10px;}

.playgin {background: url('../layout/index_howtoplaybg.jpg') no-repeat; width: 305px; height: 138px;}
.playgin a {color: #0f3600;}
.playgin .one {padding: 20px 0 0 40px;}
.playgin .two {padding: 18px 0 0 40px;}
.playgin .three {padding: 18px 0 0 40px; font-weight: bold;}

/* Link Submission */
.linksub, textarea {border: 1px solid #b5b5b5; font-size: 11px; padding: 3px; font-family: arial, verdana, sans-serif;}
.linkinput {margin: 1px 0 6px 0;}
.linksubmessage {height: 99px;}
.submitbutton {background-color: #333; border: 1px solid #000; padding: 4px; color: #ccc; width: 100%; font-size: 9px; text-transform: uppercase; font-weight: bold;}

/* Banners */
.banner300x250 {text-align: center; margin: 0 0 10px 0;}

/* Columns */
#col1 {width: 665px; float: left;}
#col1 .inner {padding: 20px 10px 20px 10px;}
#col2 {width: 325px; float: left;}
#col2 .inner {padding: 20px 0 10px 10px;}

/* Box */
.box h3 {font-size: 14px; color: #003300;}
.box {background: url('../layout/box_middle.gif') repeat-x; background-position: 17px 0; background-color: #f5f5f5;}
.box .topleft {background: url('../layout/box_topleft.gif') no-repeat; background-position: top left;}
.box .top {background: url('../layout/box_top.gif') repeat-x; background-position: top left;}
.box .topright {background: url('../layout/box_topright.gif') no-repeat; background-position: top right;}
.box .left {background: url('../layout/box_left.gif') repeat-y; background-position: top left;}
.box .right {background: url('../layout/box_right.gif') repeat-y; background-position: top right;}
.box .bottomleft {background: url('../layout/box_bottomleft.gif') no-repeat; background-position: bottom left;}
.box .bottom {background: url('../layout/box_bottom.gif') repeat-x; background-position: bottom right;}
.box .bottomright {background: url('../layout/box_bottomright.gif') no-repeat; background-position: bottom right;}
.box .inner {padding: 6px !important;}

/* Inner Box */
.box .innerbox {background: url('../layout/innerbox_middle.gif') repeat-x; background-position: 13px 0; background-color: #f5f5f5;}
.box .innerbox hr {border-top: 1px solid #e9e9e9;}
.box .split {float: left; width: 313px;}
.box .margin {margin-right: 7px;}
.box .indexwelcome {margin-right: 7px; width: 282px;}
.box .indexwelcome .inner {height: 234px;}
.box .indexhowto {width: 343px; height: 232px;}
.box .split .inner {padding: 1px 20px 10px 20px !important;}
.box .innerbox .inner {padding: 1px 20px 10px 20px !important;}
.box .innerbox .innertopleft {background: url('../layout/innerbox_topleft.gif') no-repeat; background-position: top left;}
.box .innerbox .innertop {background: url('../layout/innerbox_top.gif') repeat-x; background-position: top left;}
.box .innerbox .innertopright {background: url('../layout/innerbox_topright.gif') no-repeat; background-position: top right;}
.box .innerbox .innerleft {background: url('../layout/innerbox_left.gif') repeat-y; background-position: top left;}
.box .innerbox .innerright {background: url('../layout/innerbox_right.gif') repeat-y; background-position: top right;}
.box .innerbox .innerbottomleft {background: url('../layout/innerbox_bottomleft.gif') no-repeat; background-position: bottom left;}
.box .innerbox .innerbottom {background: url('../layout/innerbox_bottom.gif') repeat-x; background-position: bottom left;}
.box .innerbox .innerbottomright {background: url('../layout/innerbox_bottomright.gif') no-repeat; background-position: bottom right;}

/* Col2 Box */
.col2box {background-color: #f0f0f0; border-bottom: 3px solid #e4e4e4; border-right: 1px solid #fff; line-height: 1.4em;}
.col2box .inner {padding: 15px !important;}
.col2box h3 {margin: 0; padding: 0; font-size: 14px;}

.col2box a {color: #1c4b0c; text-decoration: none;}
.col2box a:hover {text-decoration: underline;}

/* Footer */
#footer {clear: both; background: url('../layout/footer_bg.jpg') repeat-x; height: 274px; background-color: #184309; color: #a6c99a; text-align: left;}
#footer p {margin-bottom: 20px;}
#footer .inner {padding: 45px 50px 0 50px !important;}
#footer a {color: #fff; text-decoration: none; font-weight: bold;}
#footer a:hover {text-decoration: underline;}