/* 
- Author: soundfire [http://userstyles.org/users/15497]
- Style name: Dyslexia online 
- URL: http://userstyles.org/styles/11113 
- Version: 0.7 
- Description: This is a style for dyslexic people who have problems reading  the web pages they're visiting. It removes practically all formatting elements from a page and leaves it clean and easy to read for dyslexic individuals. Created by following the University of Dublin's Clear Print Guidelines [http://www.tcd.ie/disability/accessibility/accessible_info/clear_print.php]. The code that was used to highlight links, text areas, text boxes and buttons was taken from the Bright Focus (for buttons, links, and textboxes) style [http://userstyles.org/styles/305] and modified to suit the needs of this global style. I hope you will find it useful and please make sure you leave your feedback, either it's positive or negative. Thank you! 
- Notes: I will try to constantly update the following code as I browse the web and try to make it as usable as possible. 
*/

@namespace url(http://www.w3.org/1999/xhtml);

/* This bit handles the general focus rules */
*:focus {
    outline: 2px solid -moz-rgba(255,0,0,0.5) !important;
    outline-offset: 1px !important;
    -moz-outline-radius: 5px !important;
    outline-radius: 5px !important;
}

/* This bit handles the more specific focus rules */
textarea:focus, input[type="text"]:focus, select:focus, input[name="q"]:focus, input[type="password"]:focus {
    -moz-appearance: none !important; 
    background: #FFFFDE !important;
    color: #000 !important;
    outline: red outset 2px !important;
    font-size: 100% !important;
  /* font-weight: bold !important; */
}

/* This bit handles the general page reformatting rules */
html, body, div, h1, h2, h3, h4, h5, h6, p, table, td, th, span, nav, form, fieldset, tt, i, b, big, small, section, pre, aside {
    -moz-appearance: none !important;
    font-family: verdana, arial, helvetica, sans-serif !important;
    font-size: 12pt !important;
    color: #000 !important;
    background: #FFFFDE !important;
    background-image: none !important;
    /* border: #000 2px solid !important; */
}

/* This bit handles the general hyperlink reformatting rules */
a, a:link, a:visited, a:hover, a:active, hr, ul, li {
    -moz-appearance: none !important;
    color: #00E !important;
    background-image: none !important;
    background: #FFFFDE !important;
    font-size: 12pt !important;
}

/* This bit handles just the HTML5 <mark> tag for now... */ 
mark { 
    background-color: cyan !important;
}