body {	margin: 0; padding: 0; font-size: small; font-family: georgia, verdana, arial, sans-serif; text-align: center;}

.clr { clear: both; margin: 0; overflow: hidden; height: 1px; }
.site-width { margin: 0 auto; padding: 1px 0; text-align: left; width: 900px; position: relative; }

#header { background: #333; padding: 1px 0; margin: 0; border-bottom: 3px solid #af9; }
#header h1 { font-weight: normal; font-size: 300%; margin: 10px 10px 5px 0; border-width: 0;}
#header h1 a { color: #af9; text-decoration: none; }
#header h2 { color: #ffd; font-weight: normal; font-size: 120%; margin: 5px 10px 15px 0; }

#global-nav { position: absolute; margin: 0; top: -2px; /*padding on header and site-width*/ right: 0; padding: 0; list-style: none; }
#global-nav li{ float: left; margin: 1px 6px; padding: 3px; }
#global-nav li a{ padding: 3px 6px; background: #ff8; border: solid #af9; border-width: 0 1px 1px 1px; color: #333; text-decoration: none; }
#global-nav li a:hover { background: #ffd; }

#content { margin: 0; background: #ffd url(/img/content-bg.png) top left repeat-x; }

#poker { width: 70%; float: left; margin: 20px 0 30px 0; }

#menu { width: 28%; margin: 20px 0 30px 2%; float: left; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { margin: 10px 0; border-bottom: 1px solid #af9; padding: 2px 0;}
#menu ul li.blank { border: 0; }
#menu ul li a { color: #333; text-decoration: none; margin: 3px 5px; }
#menu ul li a:hover { font-weight: bold; }

#footer { background: #333; border: solid #af9; border-width: 3px 0; clear: both; }
#footer ul { margin: 5px; padding: 0; list-style: none; }
#footer ul li { margin: 0 5px; padding: 0; display: inline; }
#footer ul li a { color: #ffd; text-decoration: none; }
 
.game_ajax_controls { margin: 15px 0; }
.game_ajax_controls label { margin: 6px 0; font-weight: bold; }
.game_ajax_controls ul { margin: 5px 0 8px 0; padding: 0; list-style: none; }
.game_ajax_controls ul li { margin: 0 3px; padding: 3px; display: inline; }
.game_ajax_controls ul li a { background: #ff8; color: #333; padding: 3px; border: 1px solid #af9; text-decoration: none; }

table { border-collapse: collapse; margin: 20px 0; font-size: 85%;}
table tr { border: 1px solid #888; background: #aaa; }
table tr.r1 { background: #eee; }
table tr.r2 { background: #ddd; }
table tr th 
,table tr td { padding: 2px 20px 2px 5px; }
table tr td.game-type { width: 80px; }
table tr td.casino { width: 140px; }
table tr td.postcode { width: 80px; }
table tr td.blinds { width: 100px; }

.game-location { margin: 15px 0; border: 1px solid #000; padding: 0; background: #ff8; }
.game-location legend { margin: 0 10px; }
.game-location p { margin: 10px 15px; }

.comments { margin: 15px 0; }
.comments .comment { margin: 5px 0; border: 1px solid #000; background: #fff; }
.comments .comment span { float: right; font-size: 80%; margin: 2px 5px; font-weight: bold; }
.comments .comment p a { color: #000; }
.comments .comment div { margin: 5px; font-size: 80%; }

form label { font-weight: bold; display: block; margin: 20px 0 2px 0; clear: both; }
form textarea { display: block; margin: 2px 0 2px 0; clear: both; width: 350px; height: 7em; }
form select { display: block; margin: 2px 0 2px 0; clear: both; width: 200px; }
form input { display: block; margin: 2px 0 2px 0; clear: both; width: 350px; }
form input.pair { width: 60px; float: left; margin: 2px 5px 10px 0; clear: none; }
form div.error_message { color: #f00; font-weight: bold; font-size: 120%; clear: both;}	
form input.submit { margin-top: 20px; }

h1 { font-size: 160%; color: #333; margin: 15px 100px 15px 0; border: solid #70a865; border-width: 0 0 2px 0; }
h2 { font-size: 140%; color: #70a865; }

a { color: #70a865; }

a.cloud_1, a.cloud_2, a.cloud_3, a.cloud_4, a.cloud_5, a.cloud_6 { margin: 5px 10px; }

a.cloud_1 { font-size: 90%; }
a.cloud_2 { font-size: 100; }
a.cloud_3 { font-size: 150%; }
a.cloud_4 { font-size: 200%; }
a.cloud_5 { font-size: 250%; }
a.cloud_6 { font-size: 350%; }