/*
 Short lines
 http://userstyles.org/styles/3804
 BEGIN
*/

/*
name:         short-lines.user.css
description:  limits maximum line-length
version:      0.2
scope:        global
last modif:   2007-10-13 21:44:35
created:      2006-12-27 (?)
url:          http://eldar.cz/myf/pub/firefox/short-lines.user.css
author:       myf

*** longdesc:
Makes pages more readable especially for some
typographic freaks. Usefull for large viewports.
(And for the tiny ones as well.)

** How?
1) Sets max-width of every container that
 is supposed to hold text directly in it.
2) Tries to center these blocks
 That is overriden by any more specific
 authors rule; so it should not damage
 anything.

** known issues:
1) blocks sized by theirs not-wrapping content
 seen at http://www.graphicsguru.com/

** questions:
1) what the hell is the THE optimal width?

*/

@namespace
 url(http://www.w3.org/1999/xhtml);
@-moz-document 
 url-prefix(http://)
,url-prefix(https://) 
{

/*
 headings
 excluding:
  h1
 reason:
  some webs have whole title in it
*//* */
h2  ,
h3  ,
h4  ,
h5  ,
h6  ,
/* */

/*
 other 'headings';
*//* */
caption  ,
th  ,
lh  ,
dt  ,
/* */

/*
 context-dependant blocks
 excluding:
  ul , ol , dl
 reason:
  - they cannot actually hold the text directly
  - are often wide (horizontal menus, multiple colls…)
 exc. adept is:
  td ,
 (may destroy table layouts;
 but I haven't met that case yet.
 Also DD would cause unwanted mesh
 but its easy to fix. see (§dd_fix)
*//* */
td  ,
li  ,
dd  ,

/*
 general blocks
 excluding:
  div , center
 reason:
  makes layouts :] (ancient web-design used the CENTER tag)
*//* */
address  ,
blockquote  ,
/* */

/*
 and the holy paragraph itself
*//* */
p  {
 max-width: 60ex;
 margin-left: auto;
 margin-right: auto;
}

/*
 monospaces (different width??)
*//* */
pre  ,
xmp  {
 max-width: 80ex;
 margin-left: auto;
 margin-right: auto; 
 overflow: auto;
}

/*
 §dd_fix
 makes dt VS dd distinguishable again
*//* */
dd  {
 padding-left: 1.5em;
}
/* */

/*
 try to center the content container, gently
*//* */
body > *  {
 margin-left: auto;
 margin-right: auto;
}
/* */


}

/*
 END
 Short lines
 http://userstyles.org/styles/3804
*/