/** 
 * @author Jeff a.k.a. (topdown / phpbbxpert) 
 * @package Valid Webs Mobile Sample - style.css 
 * @version $Id: style.css 10 2010-08-11 01:57:02Z topdown $ 
 * Created Aug 10, 2010, 6:12:07 PM 
 * @copyright (c) 2009-10 Valid-Webs.com 
 * @license http://opensource.org/licenses/gpl-license.php GNU Public License 
 */ 
 
 
html, body { 
    width:              100%; 
} 
 
/*-------------------------------------------- 
= Typography 
--------------------------------------------*/ 
body { 
    font-family:        Arial, sans-serif; 
    font-size:          14px; /* Control the entire typographic font list here */ 
    color:              #222; 
    background:         #ccc; 
    margin:             0; 
    padding:            0; 
    line-height:        14px; 
    height:             100%; 
    width:              100%; 
    text-align:         center; /* IE block element center fix */ 
} 
 
h1 { 
    font-size:          2.0em; 
    line-height:        2.2em; 
    margin:             0; 
    padding:            5px 10px; 
} 
 
h2 { 
    font-size:          1.8em; 
    line-height:        2.0em; 
    margin:             0; 
    padding:            5px 10px; 
} 
 
h3 { 
    font-size:          1.6em; 
    line-height:        1.8em; 
    margin:             0; 
    padding:            5px 10px; 
} 
 
h4 { 
    font-size:          1.4em; 
    line-height:        1.6em; 
    margin:             0; 
    padding:            5px 10px; 
} 
 
h5 { 
    font-size:          1.2em; 
    line-height:        1.4em; 
    margin:             0; 
    padding:            5px 10px; 
} 
 
h6 { 
    font-size:          1.2em; 
    line-height:        1.2em; 
    margin:             0; 
    padding:            5px 10px; 
} 
 
p { 
    font-size:          1.0em; 
    line-height:        1.2em; 
    margin:             0; 
    padding:            5px 10px; 
 
} 
 
ul { 
    font-size:          1.0em; 
    line-height:        1.2em; 
    margin:             5px 5px 10px 35px; 
    padding:            5px 10px; 
    list-style:         square; 
} 
 
blockquote { 
    display:            block; 
    font-style:         italic; 
    background:         #eee; 
    color:              #333; 
    border:             1px solid #aaa; 
    border-left:        8px solid #aaa; 
    margin:             20px 35px 20px 45px; 
    padding:            10px; 
} 
 
/*----------------------------------------------------------------- 
 = Start the page layout 
-------------------------------------------------------------------*/ 
 
#page { 
    display:                block; 
    width:                  820px; 
    margin:                 10px auto; 
    padding:                0; 
    border:                 1px solid #4b4d4a; 
} 
 
#header { 
    display:                block; 
    width:                  800px; 
    margin:                 0 auto; 
    padding:                10px; 
    height:                 100px; 
    background:             #4b4d4a; 
    border-top:             1px solid #666; 
    border-bottom:          1px solid #777; 
    text-align:             left; 
 
} 
 
#nav { 
    display:                block; 
    width:                  800px; 
    margin:                 0 auto; 
    padding:                0 10px; 
    background:             #222; 
} 
 
#nav ul { 
    display:                block; 
    height:                 30px; 
    list-style:             none; 
    margin:                 0; 
    padding:                0; 
} 
 
#nav li { 
    display:                block; 
    float:                  left; 
    width:                  auto; 
    height:                 30px; 
    text-align:             center; 
    margin:                 0 10px; 
    padding:                0; 
} 
 
#nav a { 
    display:                block; 
    color:                  #fff; 
    padding:                8px 20px 5px 20px; 
    text-decoration:        none; 
} 
 
#nav a:hover { 
    background:             #333; 
} 
 
#nav a.current { 
    background:             #333; 
} 
#content { 
    display:                block; 
    width:                  800px; 
    min-height:             400px; /* Full browser supported min-height fix */ 
    height:                 auto !important; 
    height:                 400px; 
    background:             #aaa; 
    color:                  #fff; 
    margin:                 0 auto; 
    text-align:             left; 
    padding:                10px; 
    border-top:             1px solid #4b4d4a; 
    border-bottom:          1px solid #4b4d4a; 
} 
 
#footer { 
    display:                block; 
    width:                  800px; 
    margin:                 0 auto; 
    padding:                10px; 
    background:             #4b4d4a; 
    color:                  #111111; 
    text-decoration:        none; 
    text-shadow:            0 1px 1px #888888; 
    border-top:             1px solid #777; 
    height:                 50px; 
} 
 
#footer a { 
    color:                  #111111; 
    text-decoration:        none; 
    text-shadow:            0 1px 1px #888888; 
} 
 
#footer a:hover { 
    color:                  #00FFFF; 
    text-decoration:        underline; 
}