﻿/*------------------------------------------------------------

* Filename: base.css
* Version: 1.0.0 (2008-03-24) 
* Website: http://
* Author: Medialand digi-tech. Inc. 米蘭數位科技 
* Contact: service@mail.medialand.com.tw
* Description: basic elements

== STRUCTURE: ==============================
* Page width: 990 px
* Number of columns: 2

+ WRAPPER
	+ HEADER
	  - branding
	  - main-nav
	
	+ CONTENT
	  - main-article
	    - pagebar
	  - sidebar
	  
	+ FOOTER
	  - address

============================================


== Color Codes: ============================
* Background: #ffffff(white)
* Content:
* Header h1:
* Header h2:
* Footer:

a(standard):
a(visited):
a(active):

============================================


== Typography: ============================
Body copy: 1.2em/1.6em Verdana, Helvetica, Arial, Geneva, sans-serif;
Headers: 
Inputs, textarea: 
Sidebar heading: 

Notes: decreasing heading by 0.4em with every subsequent heading level
============================================

-------------------------------------------------------------*/


/* =CSS RESET ========================*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,     
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,     
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,     
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {    
/*vertical-align: baseline;    */
font-family: inherit;    
font-weight: inherit;    
font-style: normal;    
font-size: 100%;    
outline: 0;    
padding: 0;    
margin: 0;    
border: 0;    
}    
/* remember to define focus styles! */   
:focus {    
outline: 0;    
}    
body {    
background: white;    
line-height: 1;    
color: black;    
}    
ol, ul {    
list-style: none;    
}    
/* tables still need cellspacing="0" in the markup */   
table {    
border-collapse: separate;    
border-spacing: 0;    
}    
caption, th, td {    
font-weight: normal;    
text-align: left;    
}    
/* remove possible quote marks (") from <q> & <blockquote> */   
blockquote:before, blockquote:after, q:before, q:after {    
content: "";   
}   
blockquote, q {   
quotes: "" "";    
}   

/* =CSS RESET ========================*/

body {
	font:  normal 11px/20px "Arial";
	color: #656565;
}

input, select {
	font-size: 11px;
	*font-size: 10px;
}
/* H1: main-article title */
h1 {
}
/* H2: sidebar title */
h2 {
	text-indent: -9999px;
}
/* H3: sidebar title */
h3 {
}
/* H4: series title */
h4 {
}
/* H5: product title */
h5 {
}
/* H6: section title */
h6 {
}


a:link {
	color: #b50000;
	text-decoration: none;	
}
a:visited {
	color: #9d9d9d;
}
a:hover {
	color: #5B5B5B;
	text-decoration: underline;
}

a:active {
	color: #b50000;	
}


.clear { clear: both; }

