/*-------------------------------------------------------------------

Filename: style.css
Description: style for event "ride adult"
Version: 1.0
Website: http://cert.cycling-lifestyle.org.tw/event/rideadult/
Author: Matt Kan

Page width: 752px

--------index------------------------------------------------------*/

/*****Reset*****/
/*Remove margin and padding from elements*/

/*****Basic Elements*****/
/*Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc*/

/*****Generic Classes*****/
/*Define styles for general use like floating to the sides, etc*/

/*****Basic Layout*****/  
/*Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site*/

/*****Header*****/
/*Define all elements in the header*/

/*****Content*****/
/*Define all elements in the content area*/

/*****Footer*****/
/*Define all elements in the footer*/

/*****Etc*****/
/*Define anything else*/

/*-----------------------------------------------------------------*/

/*****Reset*****/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

body { line-height: 1;}

ol, ul { list-style: none;}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

/*****Basic Elements*****/

body {
	background-color:#ebe8d5;
	color:#52301E;
	font:normal normal 0.8em/1.2 Arial, Helvetica, sans-serif;
	}
	
a {
	color:#ff0000;
	}
	
h1 {
	color:#EB4E45;
	font:normal bolder 1.5em/1.5 Arial, Helvetica, sans-serif;
	}
	
input {
	margin:5px;
	}

/*****Generic Classes*****/

.absolute_right {
	position:absolute;
	right:130px;
	top: 862px;
	}

.container {
	margin:0 auto 0;
	width:752px;
	}
	
.container_round {
	position:relative;
	}

.container_round_bgcolor {
	background-color:white;
	}

.container_round_content {
	}

.corner_top-left {
	background:white url(images/bg_corner_top-left.gif) no-repeat top left;
	}
	
.corner_top-right {
	background:white url(images/bg_corner_top-right.gif) no-repeat top right;
	}
	
.corner_bottom-right {
	background:white url(images/bg_corner_bottom-right.gif) no-repeat bottom right;
	}
	
.corner_bottom-left {
	background:white url(images/bg_corner_bottom-left.gif) no-repeat bottom left;
	}
	
.corner_top-left_red {
	background:#EB4E45 url(images/bg_corner_top-left_red.gif) no-repeat top left;
	}
	
.corner_top-right_red {
	background:#EB4E45 url(images/bg_corner_top-right_red.gif) no-repeat top right;
	}
	
.table_head_red {
	background-color:#EB4E45;
	color:white;
	padding:6px;
	vertical-align:middle;
	}
	
.valign_top {
	vertical-align:top;
	}


/*****Basic Layout*****/ 

/*****Header*****/

#header {
	width:100%;
	}
	
#name_company {
	padding-right:auto;
	}
	
#menu_main {
	background-color:#52301E;
	margin:5px 0 0 0;
	width:100%;
	}

/*****Content*****/

#breadcrumbs {
	padding:10px;
	}
	
#btn_track {
	color:green;
	font:normal normal 12px/1.5 Arial, Helvetica, sans-serif;
	height:25px;
	margin:0;
	padding:0;
	text-align:center;
	width:90px;
	}
	
#track {
	position:relative;
	}

#track iframe {
	height:570px;
	width:530px;
	}
	
#btn_blog {
	position:absolute;
		top:0;
	}
	
#widget_flickr {
	position:absolute;
		right:0;
		top:74px;
	}

#track table {

	padding:0 0 0 10px;
	position:absolute;
	right:0;
	top:0;
	width:210px;
	}
	
#table_title {
	border-bottom:1px #ebe8d5 solid;
	padding:0 0 17px 0;
	vertical-align:middle;
	}
	
#table_title img {
	position:relative;
	bottom:-3px;
	left:-2px;
	}
	
#col1 {
	vertical-align:middle;
	}

#track table tbody td {
	border-top:1px #ebe8d5 solid;
	padding:6px 5px;
	}

#messege {
	padding-top:1em;
	}

#form_area {
	margin-top:1em;
	}

#form_area, #messege h1 {
	margin-left:32px;
	}
	
#poster {
	height:1.5em;
	}

#label_poster, #label_post_content {
	margin:5px;
	}

#post_content {
	height:1.5em;
	width:560px;
	}

#messege_area {
	background:white;
	border:1px solid #999;
	margin:1em 0;
	padding:32px;
	width:688px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	}
	
#messege_area p {
	border:1px gray dashed;
	border-width:0 0 1px;
	color:#666;
	font:normal normal 16px/1.5 Arial, Helvetica, sans-serif;
	padding:10px 0;
	}
	
#page {
	text-align:center;
	}
	
#page a {
	padding:2px;
	}

#page a:hover {
	background-color:#f00;
	color:#fff;
	}
	
#poster_name {
	color:#52301E;
	font-weight:bold;
	}
	
#timestamp {
	color:#CCC;
	font-size:0.8em;
	padding-left:2em;
	}

/*****Footer*****/

#footer {
	background-color:#52301E;
	height:70px;
	margin-top:10px;
	width:100%;
	}
	
#footer p {
	border:14px #e3c9b6 solid;
	border-width:0 0 14px;
	color:#E0681B;
	padding:12px;
	text-align:center;
	}
	
#line {
	background-color:#e3c9b6;
	height:15px;
	padding:0;
	width:100%;
	}

/*****Etc*****/