<!--
/************************************
* Reset
************************************/

* {
    margin:0;
    padding:0;
}


/************************************
* Utility classes
************************************/

table {
    border-collapse: collapse;
}

/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/**/

.shadow {
    -moz-box-shadow: 3px 3px 4px #666;
    -webkit-box-shadow: 3px 3px 4px #666;
    box-shadow: 3px 3px 4px #666;
}


.bordered {
    border:1px #666 solid;
}

/* */
.rounded-corners {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

 
/* 
.toprounded-corners {
    -moz-border-radius: 14px 14px 0px 0px;
    -webkit-border-radius:  14px 14px 0px 0px;
    -khtml-border-radius:  14px 14px 0px 0px;
    border-radius:  14px 14px 0px 0px;
}

.toplftrounded-corners {
    -moz-border-radius: 14px 0px 0px 0px;
    -webkit-border-radius:  14px 0px 0px 0px;
    -khtml-border-radius:  14px 0px 0px 0px;
    border-radius:  14px 0px 0px 0px;
}

.toprhtrounded-corners {
    -moz-border-radius: 0px 14px 0px 0px;
    -webkit-border-radius:  0px 14px 0px 0px;
    -khtml-border-radius:  0px 14px 0px 0px;
    border-radius:  0x 14px 0px 0px;
}
*/
/************************************
* Site specific
************************************/

body {
    text-align:center; /*required for IE*/
    background:#F1F2FE;
}

#pageContainer {
    /*background-image:url('http://phuket-hhh.com/images/ph3wallpaper.jpg');*/
	text-align:left;
	width:960px;
	margin:10px auto;
	padding:5px 5px;
 	/* 	border:1px #444 solid;
  -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    border-radius: 14px;
    -moz-box-shadow: 3px 3px 4px #666;
    -webkit-box-shadow: 3px 3px 4px #666;
    box-shadow: 3px 3px 4px #666;*/
}

.firstVert {
    margin-top:0;
    padding-top:0;
}

#main {
	margin:0;
	padding:5px 5px;
}

div.box_01 {
	padding:5px;
	margin:0px;
}

div.box_00 {
	padding:0px;
	margin:0px;
}

/*ironpussy */
div.shade_01 {
	background:#FFEBFF;
}

/* announcebox*/
div.shade_02 {
	background:#FFF2E5;
}

/*kamalakoma */
div.shade_03 {
	background:#E5FFE5;
}

/* */
div.shade_04 {
	background:#ffffff;
}

/*pooying */
div.shade_05 {
	background:#EBD6FF;
}

/*saturdaybox */
div.shade_06 {
	background:#FEFDF1;
}

/*tinmen */
div.shade_07 {
	background:#E6E6E6;
}

/*bike */
div.shade_08 {
	background:#EEF7FC;
}

/*announceball */
div.shade_09 {
	background:#29FFFF;
}

/*maraud */
div.shade_10 {
	background:#E7DBCD;
}

/*PH3yellow */
div.shade_11 {
	background:#FCFE04;
}

div.border_01 {
	border:1px solid #e8e8e8;
}

/*tinmen */
div.border_02 {
	border:1px solid #203B7C;
}

div.border_03 {
	border:1px solid #FF03FF;
}

div.border_04 {
	border:1px solid #880088;
}

div.border_05 {
	border:1px solid #000000;
}

/*bikehash*/
div.border_06 {
	border:1px solid #217FB2;
}


html, input, textarea, select {
    font-family:Arial, Helvetica, sans-serif;
    color:#424E4F;
}


h1 {
	font-size:24px;
    font-weight:bold;
    line-height:1.5em;
    margin:15px 0;
    padding:5px 5px;
    color:#000;
    text-align:left;
}

h2 {
	font-size:16px;
    font-weight:bold;
    line-height:1.5em;
    margin:10px 0;
    padding:5px 5px;
    color:#000;
    text-align:center;
}

h3 {
    font-size:14px;
    font-weight:bold;
    line-height:1.5em;
    margin:10px 0;
    padding:5px 5px;
    color:#424E4F;
    text-align:left;
}

h4 {
    font-size:13px;
    font-weight:bold;
    line-height:1.2em;
    margin:5px 0;
    padding:5px 5px;
}

th, td {
    font-size:16px;
    line-height:1.5em;
	text-align:center;
    padding:5px 5px;
}

p {
    font-size:16px;
    font-weight:normal;
    line-height:1.2em;
    margin:5px 0;
    text-align:left;
    padding:5px 5px;
}

.thai { font-family:AngsanaUPC;BrowalliaUPC;font-size:22px;}


.color02 {
	color:#990000;
}

.color03 {
	color:#E84100;
}

.left {
    text-align:left;
}
.center {
    text-align:center;
}
.right {
    text-align:right;
}
.justify {
    text-align:justify;
}

.strike {
	text-decoration: line-through;
}


del {
	text-decoration:line-through;
	color:red;
}


blockquote {
    margin:0;
    padding:0 0 0 30px;
    /*font-style:italic;*/
}

a { text-decoration:none; color:#000099; }
a:hover { text-decoration:none; color:#DC1500; }

li {
    list-style-type:none;
    text-align:left;
	font-weight:normal;
}
ul {
	padding:0px 2px 2px 0px;
	margin:0px 0px 0px 8px;
}

ul.styled li {
	font-size:16px;
	font-weight:normal;
	padding:0px 2px 2px 0px;
	margin:6px 0px 0px 20px;
}

ul.pack li {
	font-size:16px;
	font-weight:normal;
	padding:0px 2px 0px 2px;
	margin:2px 2px 2px 2px;
}

ul.a li {list-style-type:disc;}
ul.b li {list-style-type:circle;}
ul.c li {list-style-type:square;}
ul.i li {display:inline;}
ol li {list-style-type:decimal;}
ul.ar li {list-style-image:url('http://phuket-hhh.com/images/arrow_puce.gif');}
ul.af li {list-style-image:url('http://phuket-hhh.com/images/arrow_foot3.gif'); margin:10px 0px 0px 20px;}

.menu ul.styled li {
	font-size:18px;
	font-weight:normal;
}

.bike {color:#217FB2;}
.bike a { text-decoration:underline; color:#217FB2; }
.bike a:hover { text-decoration:none; color:#F6981C; }

.ironpussy p, .ironpussy li {color:#FF03FF;}
.ironpussy a { text-decoration:none; color:#000099; }
.ironpussy a:hover { text-decoration:none; color:#990000; }

.kamalakoma li, .kamalakoma p { color:#006600;}
.kamalakoma a { text-decoration:underline; color:#006600; }
.kamalakoma a:hover { text-decoration:none; color:#F6981C; }

.pooying li, .pooying p { color:#880088;}
.pooying a { text-decoration:none; color:#000099; }
.pooying a:hover { text-decoration:none; color:#990000; }

.saturday li, .saturday p { color:#000000;}
.saturday a { text-decoration:none; color:#000099; }
.saturday a:hover { text-decoration:none; color:#F6981C; }

.tinmen li, .tinmen p { color:#203B7C;}
.tinmen a { text-decoration:none; color:#0000FF; }
.tinmen a:hover { text-decoration:none; color:#DC1500; }


/*now some table styling */

/*runstats 
.runstats th {
	font-size:20px;
	font-weight: normal;
	color:#0000FF;
	text-decoration: underline;
{
*/

/*hareline+pastruns */
.hareline tr.head th, .pastruns tr.head th {font-weight:bold;background-color:#FFF2E5;color:#000;text-align:center;}
.hareline tr.tinmen td, .pastruns tr.tinmen td { color:#203B7C;background-color:#E6E6E6;}
.hareline tr.saturday td, .pastruns tr.saturday td { color:#000000;background-color:#FEFDF1;}
.hareline tr.ironpussy td, .pastruns tr.ironpussy td {color:#FF03FF;background-color:#FFEBFF;}
.hareline tr.pooying td, .pastruns tr.pooying td {color:#880088;background-color:#EBD6FF;}
.hareline tr.kamalakoma td, .pastruns tr.kamalakoma td {color:#006600;background-color:#E5FFE5;}
.hareline tr.bike td, .pastruns tr.bike td {color:#217FB2;background-color:#EEF7FC;}
.hareline tr.outinvite td, .pastruns tr.outinvite td {color:#F6981C;background-color:#FDE6C9; }
.hareline tr.maraud td, .pastruns tr.maraud td {color:#72473C;background-color:#E3CFCA; }

/*#FCF5BF */

/*bikehashiframe */


/* */
/* */


div.img {
	margin:5px;
}

div.imgleft {
	float:left; margin:5px 10px 5px 0px;
}

div.imgright {
	float:right; margin:5px 10px 5px 10px;
}