SliTaz Repositories

     1.1 --- a/slitaz.css	Wed Mar 23 00:12:01 2011 +0000
     1.2 +++ b/slitaz.css	Sat Mar 26 02:10:02 2011 +0100
     1.3 @@ -1,224 +1,222 @@
     1.4  /*
     1.5 -	CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux
     1.6 +	CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux
     1.7  */
     1.8  
     1.9  html {
    1.10  	min-height:  102%;
    1.11  }
    1.12 +
    1.13  body {
    1.14  	background: #ffffff;
    1.15  	color: black;
    1.16  	font: 13px sans-serif, vernada, arial;
    1.17  	margin: 0;
    1.18 -	border-top: 34px solid #f1f1f1;
    1.19 +	min-width: 900px;
    1.20  }
    1.21 -a { text-decoration: underline; color: #103a5e; }
    1.22 +
    1.23 +a { text-decoration: underline; color: #215090; }
    1.24  a:hover { text-decoration: none; color: blue; }
    1.25 -img { border: 0pt none; }
    1.26 -
    1.27 -/* Accessibility */
    1.28 -
    1.29 -#access {
    1.30 -	position: absolute;
    1.31 -	top: 4px;
    1.32 -	right: 0px;
    1.33 -	text-align: right;
    1.34 -	width: auto;
    1.35 -	margin: 0;
    1.36 -	padding: 4px 4px 4px 20px;
    1.37 -	font-size: 12px;
    1.38 -	font-weight: bold;
    1.39 +img { border: 0pt none; vertical-align: middle; }
    1.40 +h2 { color: #444; }
    1.41 +h3 { color: #666; font-size: 140%; }
    1.42 +h4 { color: #888; font-size: 120%; }
    1.43 +pre { 
    1.44 +	background-color: #f8f8f8; 
    1.45 +	border: 1px solid #ddd; 
    1.46 +	padding: 10px;
    1.47  }
    1.48 -#access a {
    1.49 -	background: transparent;
    1.50 -	color: #0F314E;
    1.51 -	text-decoration: none;
    1.52 -	padding: 0 2px 0 2px;
    1.53 -}
    1.54 -#access a:hover { color: #b64b22; }
    1.55 -#access img { vertical-align: middle; }
    1.56  
    1.57  /* Header */
    1.58  
    1.59 -#header {
    1.60 -	background: #351a0a url(pics/website/header-img.png) no-repeat top right;
    1.61 -	color: black;
    1.62 -	width: 100%;
    1.63 -	height: 42px;
    1.64 -	border-top: 1px solid black;
    1.65 -	border-bottom: 1px solid #999;
    1.66 -	margin-bottom: 33px;
    1.67 +#header { 
    1.68 +	height: 40px; 
    1.69 +	background: #351a0a;
    1.70  }
    1.71 -#titre {
    1.72 -	position: absolute;
    1.73 -	font-size: 14px;
    1.74 -	font-weight: bolder ;
    1.75 -	left: 180px;
    1.76 -	top: 4px;
    1.77 +
    1.78 +#header h1 {
    1.79 +	margin: 0;
    1.80 +	padding: 8px 0 0 42px;
    1.81 +	width: 250px;
    1.82  }
    1.83 +
    1.84 +#header h1 a { 
    1.85 +	color: white; 
    1.86 +	text-decoration: none;
    1.87 +	font-size: 20px;
    1.88 +	font-style: italic;
    1.89 +}
    1.90 +
    1.91 +#header h1 a:hover, #network a:hover { 
    1.92 +	color: #d66018;
    1.93 +}
    1.94 +
    1.95 +/* Logo */
    1.96 +
    1.97  #logo {
    1.98 +	background: url(images/logo.png) no-repeat left;
    1.99  	position: absolute;
   1.100  	float: left;
   1.101 -	left: 16px;
   1.102 -	top: -10px;
   1.103 -	width: 200px;
   1.104 -	height: 74px;
   1.105 +	left: 0px;
   1.106 +	top: 0px;
   1.107 +	width: 40px;
   1.108 +	height: 40px;
   1.109  }
   1.110  
   1.111 -/* Side bar */
   1.112 +/* SliTaz Network */
   1.113  
   1.114 -#nav {
   1.115 -	position: absolute;
   1.116 -	top: 102px;
   1.117 -	right: 80px;
   1.118 -	color: #555555;
   1.119 -	float: right;
   1.120 -	width: 250px;
   1.121 -	line-height: 1.5em;
   1.122 -	text-align: left;
   1.123 +#network { 
   1.124 +	float: right; 
   1.125 +	padding: 10px 5px 0; 
   1.126  	font-size: 12px;
   1.127  }
   1.128 -#nav h4 {
   1.129 -	font-size: 120%;
   1.130 -	color: #666666;
   1.131 +
   1.132 +#network a { padding: 0 6px; }
   1.133 +
   1.134 +/* Block */
   1.135 +
   1.136 +#block { 
   1.137 +	min-height: 200px; 
   1.138 +	background: #d66018; 
   1.139 +	padding: 26px 10% 0px;
   1.140 +	text-align: center;
   1.141 +	color: #333;
   1.142 +	border-bottom: 1px solid #f5f5f5;
   1.143 +}
   1.144 +
   1.145 +#block_info {
   1.146 +	text-align: justify; 
   1.147 +	width: 48%;
   1.148 +	padding: 10px 10px 0 0;
   1.149 +}
   1.150 +
   1.151 +#block a, #network a { 
   1.152 +	color: #fff; 
   1.153  	font-weight: bold;
   1.154 -	margin: 0;
   1.155 -	padding: 0 0 1px 0;
   1.156 -	border-bottom: 1px solid #cecece;
   1.157 +	text-decoration: none;
   1.158  }
   1.159 -#nav a {
   1.160 -	color: #0F314E;
   1.161 -	background: inherit;
   1.162 -	display: block;
   1.163 +
   1.164 +#block h4 {
   1.165 +	color: #351a0a;
   1.166 +	margin: 0px;
   1.167 +	font-weight: bold;
   1.168 +	font-size: 110%;
   1.169 +}
   1.170 +
   1.171 +#block_info p { margin: 6px 0; padding: 0 12px 0 0; }
   1.172 +#block_info a { font-weight: normal; }
   1.173 +#block ul { list-style-type: square; }
   1.174 +#block a:hover { color: #351a0a; }
   1.175 +
   1.176 +/* Navigation */
   1.177 +
   1.178 +#block_nav {
   1.179 +	background: #cc5b17;
   1.180 +	padding: 10px 10px 40px;
   1.181 +	text-align: justify;
   1.182 +	width: 48%;
   1.183 +	float: right;
   1.184 +}
   1.185 +
   1.186 +#block_nav ul { 
   1.187 +	list-style-type: none; 
   1.188 +	margin: 6px 0; 
   1.189 +	padding: 0;
   1.190 +}
   1.191 +
   1.192 +/* Languages */
   1.193 +
   1.194 +#lang {
   1.195 +	float: right;
   1.196 +	padding: 6px;
   1.197 +	font-size: 11px;
   1.198 +}
   1.199 +
   1.200 +#lang a {
   1.201  	text-decoration: none;
   1.202 -	font-weight: bold;
   1.203 +	padding: 0 2px;
   1.204  }
   1.205 -#nav a:hover {
   1.206 -	color: #b64b22;
   1.207 -	text-decoration: none;
   1.208 -	display: block;
   1.209 +
   1.210 +#lang a:hover {
   1.211 +	text-decoration: underline;
   1.212  }
   1.213 -#nav .nav_box ul {
   1.214 -	list-style-type: none;
   1.215 -	margin: 0;
   1.216 -	padding: 10px 24px 10px 0px;
   1.217 -	background-color: inherit;
   1.218 -}
   1.219 -#nav li { display: inline; }
   1.220 -#nav ul {
   1.221 -	-moz-border-radius: 8px;
   1.222 -	-webkit-border-radius: 8px;
   1.223 -	border-radius: 8px;
   1.224 -	list-style-type: none;
   1.225 -	margin: 10px 0;
   1.226 -	padding: 10px 24px 10px 24px;
   1.227 -	background-color: #eaeaea;
   1.228 -}
   1.229 -.nav_box {
   1.230 -	margin: 10px 0;
   1.231 -	padding: 10px 24px 10px 24px;
   1.232 -	background-color: #eaeaea;
   1.233 +
   1.234 +/* Content */
   1.235 +
   1.236 +#content {
   1.237 +	padding: 30px 80px;
   1.238  	text-align: justify;
   1.239  }
   1.240 -#nav .nav_box p { line-height: 1.3em; }
   1.241 -#nav .nav_box p a {
   1.242 -	display: inline;
   1.243 -	font-weight: normal;
   1.244 -	text-decoration: underline;
   1.245 -}
   1.246 -#nav .nav_box p a:hover {
   1.247 -	text-decoration: none;
   1.248 -	color: blue;
   1.249 -	background: inherit;
   1.250 -}
   1.251  
   1.252 -/* Page content */
   1.253 -
   1.254 -#content, #content-full {
   1.255 -	background: white;
   1.256 -	color: black;
   1.257 -	text-align: justify;
   1.258 -	height: auto;
   1.259 -}
   1.260 -#content, #content-full {
   1.261 -	margin: 6px 320px 0px 0px;
   1.262 -	padding: 0px 40px 60px 80px;
   1.263 -}
   1.264 -#content-full {
   1.265 -	margin: 0;
   1.266 -	padding: 0px 80px 40px 80px;
   1.267 -}
   1.268 -#content li, #content-full li {
   1.269 -	line-height: 1.5em;
   1.270 -	text-align: left;
   1.271 -}
   1.272  #news li {
   1.273  	list-style-type: square;
   1.274  	border-bottom: 1px dotted #BEBEBE;
   1.275  	margin-left: -25px;
   1.276  	padding: 4px 0px 4px 0px;
   1.277  }
   1.278 -#news a { text-decoration: none; }
   1.279  
   1.280 -/* Box and block. */
   1.281 +#news a, .feed-grid a { text-decoration: none; }
   1.282 +#news p a { text-decoration: underline; }
   1.283 +#news p a:hover { text-decoration: none; }
   1.284 +#twitter { margin: 20px 0; }
   1.285 +#gallery { text-align: center; }
   1.286  
   1.287 -.infobox {
   1.288 +/* Classes */
   1.289 +
   1.290 +.right_box { width: 48%; float: right; }
   1.291 +.left_box { width: 48%; float: left; }
   1.292 +
   1.293 +.box {
   1.294  	margin: 20px 60px;
   1.295  	padding: 12px;
   1.296 +	background: #efefef;
   1.297 +	border: 1px solid #ddd;
   1.298 +}
   1.299 +
   1.300 +.searchbox { 
   1.301 +	margin: 20px 80px; 
   1.302 +	padding: 12px; 
   1.303  	background: #f8f8f8;
   1.304 +	text-align: center;
   1.305 +	border: 1px solid #ddd;
   1.306  }
   1.307 -.infobox img { vertical-align: middle; }
   1.308 -.infobox:hover { background-color: #FBFBFB; }
   1.309 -.block {
   1.310 -	/*padding-bottom: 35%;*/
   1.311 -	color: black;
   1.312 -	min-height: 200px;
   1.313 -	margin-bottom: 40px;
   1.314 +
   1.315 +.feed-grid { height: 180px; overflow: hidden; text-align: left; }
   1.316 +.feed-grid h3 { 
   1.317 +	margin: 15px 0 0; font-size: 16px; 
   1.318 +	padding: 0 22px;
   1.319 +	background: url(images/feed.png) no-repeat left; }
   1.320 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
   1.321 +.feed-grid ul { color: #666; }
   1.322 +.feed-grid a { color: #666; }
   1.323 +.feed-grid a:hover { color: blue; }
   1.324 +
   1.325 +/* Button */
   1.326 +
   1.327 +.button a { 
   1.328 +	background-color: #b64b22;
   1.329 +	color: #ffffff;
   1.330 +	margin-right: 6px;
   1.331 +	padding: 6px 10px;
   1.332 +	font-size: 12px;
   1.333 +	text-decoration: none;
   1.334 +	font-weight: bold;
   1.335  }
   1.336 -.block ul {
   1.337 -	list-style-type: none;
   1.338 -	margin: 0;
   1.339 -	padding: 0 20px;
   1.340 +.button a:hover, input[type=submit]:hover { 
   1.341 +	background-color: #a3431f;
   1.342 +	color: #ffffff;
   1.343  }
   1.344 -.block_left {
   1.345 -	width: 46%;
   1.346 -	float: left;
   1.347 -	background-color: #eaeaea;
   1.348 -	margin: 4px 2px;
   1.349 -	padding: 0 10px 10px 10px;
   1.350 +
   1.351 +/* Round corner */
   1.352 +
   1.353 +#block_nav, pre, .box, .searchbox, .button a, #twitter {
   1.354 +	-moz-border-radius: 4px;
   1.355 +	-webkit-border-radius: 4px;
   1.356 +	border-radius: 4px;
   1.357  }
   1.358 -.block_right {
   1.359 -	width: 46%;
   1.360 -	float: right;
   1.361 -	background-color: #eaeaea;
   1.362 -	margin: 4px 2px;
   1.363 -	padding: 0 10px 10px 10px;
   1.364 -}
   1.365 -#block_top {
   1.366 -	color: black;
   1.367 -	background-color: #eaeaea;
   1.368 -	min-height: 180px;
   1.369 -	margin-bottom: 40px;
   1.370 -	margin-right: 340px;
   1.371 -	padding: 0 10px;
   1.372 -}
   1.373 -#block_nav {
   1.374 -	width: 300px;
   1.375 -	min-height: 180px;
   1.376 -	float: right;
   1.377 -	background-color: #eaeaea;
   1.378 -	margin: 0;
   1.379 -	padding: 0 10px;
   1.380 -}
   1.381 -.nav_box, .infobox, .block_left, .block_right, #block_top, 
   1.382 -#block_nav, #footer {
   1.383 -	-moz-border-radius: 8px;
   1.384 -	-webkit-border-radius: 8px;
   1.385 -	border-radius: 8px;
   1.386 -	-moz-box-shadow: 0 1px 3px #666;
   1.387 -	-webkit-box-shadow: 0 1px 3px #666;
   1.388 -	box-shadow: 0 1px 3px #666;
   1.389 -	/* CSS3 transition */
   1.390 +
   1.391 +/* Transition */
   1.392 +
   1.393 +.box {	
   1.394  	-webkit-transition-property: background-color;
   1.395  	-webkit-transition-duration: 2s;
   1.396  	-moz-transition-property: background-color;
   1.397 @@ -226,217 +224,52 @@
   1.398  	transition-property: background-color;
   1.399  	transition-duration: 2s;
   1.400  }
   1.401 -#block_nav { font-weight: bold; }
   1.402 -#block_nav a { text-decoration: none; }
   1.403 -#block_nav li a:hover { color: #b64b22; }
   1.404 -#block_nav ul { margin: 0; list-style-type: none; }
   1.405 -#block_nav h3 { font-size: 110%; }
   1.406 -.nav_box:hover, .block_left:hover, .block_right:hover, 
   1.407 -#block_top:hover, #block_nav:hover, #footer:hover { 
   1.408 -	background-color: #f8f8f8;
   1.409 -}
   1.410 -.right_box { width: 48%; float: right; }
   1.411 -.left_box { width: 48%; float: left; }
   1.412  
   1.413 -/* Button */
   1.414 -.button { margin-left: 20px; }
   1.415 -.button a { 
   1.416 -	background-color: #b64b22;
   1.417 -	color: #ffffff;
   1.418 -	margin-right: 6px;
   1.419 -	padding: 6px 10px;
   1.420 -	font-size: 14px;
   1.421 -	-moz-border-radius: 4px;
   1.422 -	-webkit-border-radius: 4px;
   1.423 -	border-radius: 4px;
   1.424 -	-moz-box-shadow: 0 1px 3px #666;
   1.425 -	-webkit-box-shadow: 0 1px 3px #666;
   1.426 -	box-shadow: 0 1px 3px #666;
   1.427 -}
   1.428 -.button a:hover, input[type=submit]:hover { 
   1.429 -	background-color: #a3431f;
   1.430 -	color: #ffffff;
   1.431 -}
   1.432 +/* Form */
   1.433 +
   1.434  input[type=submit] {
   1.435  	border: 1px solid #b64b22;
   1.436  	background-color: #b64b22;
   1.437  	color: white;
   1.438  	font-weight: bold;
   1.439  	cursor: pointer;
   1.440 -	padding: 3px 10px;
   1.441 +	padding: 4px 10px;
   1.442  	font-size: 14px;
   1.443 -	-moz-border-radius: 2px;
   1.444 -	-webkit-border-radius: 2px;
   1.445 -	border-radius: 2px;
   1.446 -	-moz-box-shadow: 0 0 5px #666;
   1.447 -	-webkit-box-shadow: 0 0 5px#666;
   1.448 -	box-shadow: 0 0 5px #666;
   1.449  	margin-left: -5px;
   1.450 +	-webkit-border-top-right-radius: 4px;
   1.451 +	-webkit-border-bottom-right-radius: 4px;
   1.452 +	-moz-border-radius-topright: 4px;
   1.453 +	-moz-border-radius-bottomright: 4px;
   1.454 +	border-top-right-radius: 4px;
   1.455 +	border-bottom-right-radius: 4px;
   1.456  }
   1.457 +
   1.458 +input[type=submit]:hover { background-color: #a3431f; }
   1.459 +
   1.460  input[type=text] {
   1.461  	border: 1px solid #333333;
   1.462 -	padding: 3px;
   1.463 +	padding: 4px;
   1.464 +	height: 17px;
   1.465  	width: 100%;
   1.466 -}
   1.467 -
   1.468 -/* Text transform at 45deg */
   1.469 -.floor {
   1.470 -	color: #999999;
   1.471 -	font-size: 20px;
   1.472 -	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
   1.473 -	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
   1.474 -	-o-transform: rotate(-45deg) skew(15deg, 15deg);
   1.475 -	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
   1.476 -	transform: rotate(-45deg) skew(15deg, 15deg);
   1.477 -}
   1.478 -#twitter {
   1.479 -	margin-top: 20px;
   1.480 -	-moz-border-radius: 8px;
   1.481 -	-webkit-border-radius: 8px;
   1.482 -	border-radius: 8px;
   1.483 -	-moz-box-shadow: 0 1px 3px #666;
   1.484 -	-webkit-box-shadow: 0 1px 3px #666;
   1.485 -	box-shadow: 0 1px 3px #666;
   1.486 -}
   1.487 -.feed-grid { height: 180px; overflow: hidden; }
   1.488 -.feed-grid h3 { margin: 15px 0 0; }
   1.489 -.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
   1.490 -.feed-grid ul { color: #888; }
   1.491 -
   1.492 -/* Clouds */
   1.493 -#cloud {
   1.494 -	padding: 10px 0px;
   1.495 -	line-height: 3em;
   1.496 -	text-align: center;
   1.497 -}
   1.498 -#cloud a { padding: 0 2px; color: #444444; }
   1.499 -#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   1.500 -#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   1.501 -#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   1.502 -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
   1.503 -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
   1.504 -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
   1.505 -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
   1.506 -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
   1.507 -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   1.508 -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   1.509 -
   1.510 -/* Slideshow and gallery */
   1.511 -#slideshow
   1.512 -{
   1.513 -	overflow: hidden;
   1.514 -	margin: 10px auto 10px;
   1.515 -	position: relative;
   1.516 -	width: 260px;
   1.517 -	height: 163px;
   1.518 -}
   1.519 -#slideshow img
   1.520 -{
   1.521 -	border: 0;
   1.522 -	width: 260px;
   1.523 -	height: 163px;
   1.524 -}
   1.525 -#gallery { text-align: center; }
   1.526 -
   1.527 -/* HTML styles */
   1.528 -
   1.529 -h1 {
   1.530 -	color: #444444;
   1.531 -	background: transparent;
   1.532 -	text-align: left;
   1.533 -	margin: 0px 0px 4px 0px;
   1.534 -	font-size: 150%;
   1.535 -	font-weight: bold;
   1.536 -	padding: 5px 0 0 10px;
   1.537 -}
   1.538 -h2 {
   1.539 -	color: #b64b22;
   1.540 -	padding: 0;
   1.541 -	margin: 20px 0 0 0;
   1.542 -	font-size: 130%;
   1.543 -	font-weight: bold;
   1.544 -}
   1.545 -h3 {
   1.546 -	font-weight: bold;
   1.547 -	color: #666666;
   1.548 -	background: transparent;
   1.549 -}
   1.550 -h3 img, h2 img { 
   1.551 -	vertical-align: middle;
   1.552 -	width: 20px;
   1.553 -	height: 20px;
   1.554 -	padding-right: 4px; 
   1.555 -}
   1.556 -code, tt {
   1.557 -	font-size: 12px;
   1.558 -	color: #669900;
   1.559 -}
   1.560 -pre, pre.script {
   1.561 -	padding: 10px;
   1.562 -	color: black;
   1.563 -	border-radius: 4px;
   1.564 -	-moz-border-radius: 4px;
   1.565 -	-webkit-border-radius: 4px;
   1.566 -}
   1.567 -pre {
   1.568 -	background: #e1e0b0;
   1.569 -}
   1.570 -pre.script {
   1.571 -	background: #E8E8E8;
   1.572 -}
   1.573 -
   1.574 -/* Packages pages */
   1.575 -
   1.576 -.pkg_nav {
   1.577 -	border-top: 1px solid black;
   1.578 -	margin-top: 10px;
   1.579 -	padding-top: 10px;
   1.580 -}
   1.581 -pre.package {
   1.582 -	padding: 0px;
   1.583 -	color: black;
   1.584 -	background: white;
   1.585 -}
   1.586 -p.get {
   1.587 -	text-align: center;
   1.588 -	padding: 10px;
   1.589 -	color: black;
   1.590 -	background: #F3F3F3;
   1.591 -	border: 1px solid #DEDEDE;
   1.592 -	border-radius: 4px;
   1.593 -	-moz-border-radius: 4px;
   1.594 -	-webkit-border-radius: 4px;
   1.595 -}
   1.596 -p.get a {
   1.597 -	font-weight: bold;
   1.598 -	text-decoration: none;
   1.599 -}
   1.600 -.pkgs-search { 
   1.601 -	text-align: center; 
   1.602 -	padding: 40px 20px 80px 20px;
   1.603 +	-webkit-border-top-left-radius: 4px;
   1.604 +	-webkit-border-bottom-left-radius: 4px;
   1.605 +	-moz-border-radius-topleft: 4px;
   1.606 +	-moz-border-radius-bottomleft: 4px;
   1.607 +	border-top-left-radius: 4px;
   1.608 +	border-bottom-left-radius: 4px;
   1.609  }
   1.610  
   1.611  /* Footer */
   1.612  
   1.613  #footer {
   1.614 -	margin: 0px 80px 80px 80px;
   1.615 -	padding: 10px;
   1.616 -	background: #eaeaea;
   1.617 -	color: #666666;
   1.618 -	height: 180px;
   1.619 -	clear: both;
   1.620 -	border-radius: 8px;
   1.621 -	-moz-border-radius: 8px;
   1.622 -	-webkit-border-radius: 8px;
   1.623 -	-moz-box-shadow: 0 1px 3px #666;
   1.624 -	-webkit-box-shadow: 0 1px 3px #666;
   1.625 -	box-shadow: 0 1px 3px #666;
   1.626 +	background: #f1f1f1;
   1.627 +	text-align: center;
   1.628 +	border-top: 1px solid #ddd;
   1.629 +	padding: 40px;
   1.630 +	color: #666;
   1.631  }
   1.632 -#footer a { color: #666666; }
   1.633 -#footer a:hover { color: #333333; }
   1.634 -#footer ul { list-style-type: none; }
   1.635 -#footer li { padding: 2px; }
   1.636 -#footer h4 { margin: 0 20px; font-size: 125%; }
   1.637 +
   1.638 +#footer a { color: #666; padding: 0 2px; }
   1.639  
   1.640  .year:after {
   1.641  	/* content: "2007-2011"; */