/* ============================================================== */
/* ============================================================== */
/* +++++	Document:	main.css - main styles for resume website
/* +++++	Author:		Jeremy Jackson
/* +++++	Browers:	IE6+, Firefox, Safari, Opera		
/* ============================================================== */
/* ============================================================== */

/* +++++++++++++++++++++++++++++++++++ */
/* +++++ global styles +++++ */
body { margin:30px 0px 0px 0px; background-color:#b9b9b9; font-family:Tahoma,“Lucida Sans Unicode”, san-serif; font-size:12px; line-height: 1.5em; }
img { border:0px; }
a { color:#6f7b71; text-decoration:underline; background:#fcefb9; padding:0px 5px 2px 5px; }
a:link { color:#6f7b71; text-decoration:underline; }
a:active { color:#6f7b71; text-decoration:underline; }
a:visited { color:#6f7b71; text-decoration:underline; }
a:hover { color:#ffffff; background:#6f7b71; }
h1 { height:25px; width:370px; margin:0px; padding:0px;  }
h2 { height:15px; width:370px; margin:25px 0px 0px 55px; }
h1, h2 { font-size:12px; text-indent:-999px; overflow:hidden; }
p { margin:10px 0px 0px 55px; line-height:22px; width:540px; }
p.quote { font-style:italic; margin:10px 0px 0px 15px; padding-left:40px; background:url(../img/quote.png) no-repeat 0px 5px; }
p.avatar { margin:10px 0px 0px -5px; padding-left:60px; background:url(../img/avatar.gif) no-repeat 5px 5px; }
p.strong { font-weight:bold; }

/* +++++++++++++++++++++++++++++++++++ */
/* +++++ header +++++ */
div#header { background:url(../img/paper_top.png) no-repeat 0px 0px;  width:876px; height:84px; margin:0px auto 0px auto; }
div#header ul { margin:0px 0px 0px 100px; padding:35px 0px 0px 0px; list-style-type:none; }
div#header ul li { display:inline; text-transform:uppercase; letter-spacing:1px; font-size:10px; padding:10px 3px 0px 3px; }
div#header ul li.active { background:url(../img/arrow.png) no-repeat center top; }

/* +++++++++++++++++++++++++++++++++++ */
/* +++++ content modules & bg +++++ */
div#main { background:url(../img/paper_mid.png) repeat-y 0px 0px;  width:876px; margin:0px auto 0px auto; }
div#content { padding:0px 15px 50px 0px; margin:0px 15px 0px 50px; }

div#main ul { margin:10px 0px 0px 55px; padding:0px; list-style-type:none; }
div#main ul li { margin:0px; padding:0px; list-style-type:none; line-height:22px; }
div#main ul li.bold { font-weight:bold; }
div#main ul li.ital { font-style:italic; }

h1.name_hdr { background:url(../img/name_hdr.png) 0px 0px no-repeat; cursor:pointer; width:300px; }
h2.design_hdr { background:url(../img/design_hdr.png) 0px 0px no-repeat; }
h2.overview_hdr { background:url(../img/overview_hdr.png) 0px 0px no-repeat; }
h2.education_hdr { background:url(../img/education_hdr.png) 0px 0px no-repeat; }
h2.exp_hdr { background:url(../img/exp_hdr.png) 0px 0px no-repeat; }
h2.comp_hdr { background:url(../img/comp_hdr.png) 0px 0px no-repeat; }
h2.appTech_hdr { background:url(../img/appsTech_hdr.png) 0px 0px no-repeat; }

/* +++++++++++++++++++++++++++++++++++ */
/* +++++ header +++++ */
div#footer { background:url(../img/paper_foot.png) no-repeat 0px 0px; width:876px; height:84px; margin:0px auto 0px auto; }
div#footer ul { background:url(../img/border_pixel.png) top no-repeat; margin:0px 15px 0px 98px; padding:10px 0px 0px 0px; list-style-type:none; }
div#footer ul li { display:inline; padding:0px 7px 0px 7px; }
div#footer p { font-size:10px; margin:0px 0px 0px 105px; padding:0px; color:#6f7b71; }