public/styles/site.css

@import url("typo.css");
@import url("form.css");

/* basic elements */
/*---------------------------------------------------*/

body, html {
        margin: 0;
        padding: 0;        
}


body { 
        color: #666;            
/*    background: #fff url(bg.gif) bottom left no-repeat fixed; */
    background: #fff;
}

body, p, li, td, th, dd, dt, h1, h2, h3, h4, h5, h6 /* help browser to not forget */
{               
        font: normal medium/150% "Trebuchet MS", Verdana, Arial, sans-serif;
}


a img {
    border-style: none;
}

/* main contents */

#main { 
    padding: 0;                 
        margin: 2em auto;       
        
    width: 35em;    
}


/* 
=============================================
header 
=============================================
*/

#header {       
    margin: 0;    
    margin-top: 20px;    

    padding: 0;

        
    background: transparent;    
}


#header h1 { 
            
    margin: 0;
    padding: 0;
    
    color: #666;

/*    background: transparent url(h1-bg.png) top left no-repeat;    */
    font-size: xx-large;
    font-weight: bold;
     
}

#header h1 span { 
 /*   display: none;*/
}

#header p { 
    font-style: italic;
    
    margin: 0;
    padding: 0;
    
}


#header p span { 
    /*display: none;*/
}


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

#content{
    padding: 20px 0; 
    margin: 0;
    
    /*background: transparent url(/skin/col-bg.jpg) top left no-repeat;   */
}


/*
#content ul, #content ol, #content dl, #content blockquote {
        line-height: 150%; 
}
*/


#content hr {
    display: none;
}

/*
#menu {
            
    margin: 0;
    padding: 0;
    padding-left: 10px;
    
    background: transparent url(menu-bg.png) top left repeat-x;  
    
    height: 35px;

}

*/

#content h2 {
        font: bold large/150% "Trebuchet MS", Verdana, Arial, sans-serif;
    
    margin: 0;
    margin-bottom: 5px;  /* space below the color border */
    
    padding: 0;
}

#content p {    
    margin: 0;
    margin-bottom: 1em;    
}


/* 
=============================================
hyperlinks 
=============================================
*/
a:link, a:visited, a:hover, a:active {
        
    border-bottom: 1px solid #c00;
    
    color: #c00;    
        text-decoration: none;
        
    font-weight: bold;    
}

a:visited {

}

a:hover {
        color: #990000;
    border-bottom: none;
}

a:active {
    background: #c00;
    color: #fff;
    
    border-bottom: none;    
}

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


#footer {
    clear: both;          /* float reset */                     
    
    margin: 0;  
    padding: 0;
        
        
}


#footer p {
    margin:0;    
    padding: 0;    
    
    text-align: center;
    font-size: 80%;
}


/* utilities */
/* --------------------------------------------------- */

.cut {clear: both; height: 1px;}
.hidden {display: none;}

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


/* 
=============================================
subway stops
=============================================
*/


#one {
    border-bottom: 3px solid #FF0000;    
}

#two {

    border-bottom: 3px solid #FEDE58;    

}


#three {

    border-bottom: 3px solid #34A02C;    

}
1	@import url("typo.css");
2	@import url("form.css");
3
4	/* basic elements */
5	/---------------------------------------------------/
6
7	body, html {
8	margin: 0;
9	padding: 0;
10	}
11
12
13	body {
14	color: #666;
15	/* background: #fff url(bg.gif) bottom left no-repeat fixed; */
16	background: #fff;
17	}
18
19	body, p, li, td, th, dd, dt, h1, h2, h3, h4, h5, h6 /* help browser to not forget */
20	{
21	font: normal medium/150% "Trebuchet MS", Verdana, Arial, sans-serif;
22	}
23
24
25
26	a img {
27	border-style: none;
28	}
29
30	/* main contents */
31
32	#main {
33	padding: 0;
34	margin: 2em auto;
35
36	width: 35em;
37	}
38
39
40	/*
41	=============================================
42	header
43	=============================================
44	*/
45
46	#header {
47	margin: 0;
48	margin-top: 20px;
49
50	padding: 0;
51
52
53	background: transparent;
54	}
55
56
57	#header h1 {
58
59	margin: 0;
60	padding: 0;
61
62	color: #666;
63
64	/* background: transparent url(h1-bg.png) top left no-repeat; */
65	font-size: xx-large;
66	font-weight: bold;
67
68	}
69
70	#header h1 span {
71	/* display: none;*/
72	}
73
74	#header p {
75	font-style: italic;
76
77	margin: 0;
78	padding: 0;
79
80	}
81
82
83	#header p span {
84	/display: none;/
85	}
86
87
88
89	/---------------------------------------------------/
90
91	#content{
92	padding: 20px 0;
93	margin: 0;
94
95	/background: transparent url(/skin/col-bg.jpg) top left no-repeat; /
96	}
97
98
99	/*
100	#content ul, #content ol, #content dl, #content blockquote {
101	line-height: 150%;
102	}
103	*/
104
105
106	#content hr {
107	display: none;
108	}
109
110	/*
111	#menu {
112
113	margin: 0;
114	padding: 0;
115	padding-left: 10px;
116
117	background: transparent url(menu-bg.png) top left repeat-x;
118
119	height: 35px;
120
121	}
122
123	*/
124
125	#content h2 {
126	font: bold large/150% "Trebuchet MS", Verdana, Arial, sans-serif;
127
128	margin: 0;
129	margin-bottom: 5px; /* space below the color border */
130
131	padding: 0;
132	}
133
134	#content p {
135	margin: 0;
136	margin-bottom: 1em;
137	}
138
139
140
141	/*
142	=============================================
143	hyperlinks
144	=============================================
145	*/
146	a:link, a:visited, a:hover, a:active {
147
148	border-bottom: 1px solid #c00;
149
150	color: #c00;
151	text-decoration: none;
152
153	font-weight: bold;
154	}
155
156	a:visited {
157
158	}
159
160	a:hover {
161	color: #990000;
162	border-bottom: none;
163	}
164
165	a:active {
166	background: #c00;
167	color: #fff;
168
169	border-bottom: none;
170	}
171
172	/---------------------------------------------------/
173
174
175
176	#footer {
177	clear: both; /* float reset */
178
179	margin: 0;
180	padding: 0;
181
182
183
184	}
185
186
187	#footer p {
188	margin:0;
189	padding: 0;
190
191	text-align: center;
192	font-size: 80%;
193	}
194
195
196	/* utilities */
197	/* --------------------------------------------------- */
198
199	.cut {clear: both; height: 1px;}
200	.hidden {display: none;}
201
202	/* --------------------------------------------------- */
203
204
205	/*
206	=============================================
207	subway stops
208	=============================================
209	*/
210
211
212	#one {
213	border-bottom: 3px solid #FF0000;
214	}
215
216	#two {
217
218	border-bottom: 3px solid #FEDE58;
219
220	}
221
222
223	#three {
224
225	border-bottom: 3px solid #34A02C;
226
227	}