/* ------------------------------------------------------------------
[Master Stylesheet]

Project:	losergeekdesign Portfolio Site
Version:	1.1
Last change:	05/18/08

||****==================================================================****||

[Typography]

Body copy:		1.2em/1.6em Verdana, Helvetica, Arial, Geneva, sans-serif;
Headers:		2.7em/1.3em Helvetica, Arial, "Lucida Sans Unicode", Verdana, sans-serif;
Input, textarea:	1.1em Helvetica, Verdana, Geneva, Arial, sans-serif;
Sidebar heading:	1.5em Helvetica, Trebuchet MS, Arial, sans-serif;

Notes:	decreasing heading by 0.4em with every subsequent heading level

||****==================================================================****||

# [Color codes]

# Dark grey (text): #333333
# Dark Blue (headings, links) #000066
# Mid Blue (header) #333399
# Light blue (top navigation) #CCCCFF
# Mid grey: #666666

||****==================================================================****||

/* ------------------------------- */
/* Import Elements - Begin Section
/* ------------------------------- */

@import "reset.css";

/* -------------------------------------- */
/* END Section
/* -------------------------------------- */

/****==================================================================****/

/* ------------------------------- */
/* PAGE Elements - Begin Section
/* ------------------------------- */

body { background:url(../images/allBG.png) top center repeat-y #000; }
#contentBody { margin:0 auto; width:559px; text-align:center; position:relative; }
#footer { margin:0 auto; background:url(../splash_src/footer_bg.png) bottom left repeat-x; width:100%; height:33px; position:relative; text-align:center;}

/* -------------------------------------- */
/* END Section
/* -------------------------------------- */


/* ------------------------------- */
/* HEADER Elements - Begin Section
/* ------------------------------- */

#header { width:925px; height:50px; display:block; background:url(../images/header_logo.png) 5px bottom no-repeat; }
#header span { display:none; }
#header #cLogin { background:url(../images/cLogin.png) 0 -27px no-repeat; height:27px; width:149px; position:absolute; top:0; right:8px;}
#header #cLogin a { position:relative; display:block; height:27px; }
#header #cLogin a:Hover { background:url(../images/cLogin.png) 0 0 no-repeat; }

/* -------------------------------------- */
/* END Section
/* -------------------------------------- */

/* ------------------------------- */
/* MAINMENU Elements - Begin Section
/* ------------------------------- */
#mainmenu { width:125px; min-height:274px; position:relative; top:34px; background:url(../images/mm_divider.png) right 10px no-repeat;}
#mainmenu span { display:none; }
#mainmenu ul { list-style:none; text-align:right; width:110px; padding-left:5px; }
#mainmenu li { height:30px; margin-bottom:5px; width:110px; }
#mainmenu li a { position:relative; display:block; height:30px; }
#mainmenu .about { background:url(../images/mm/about.png) right -30px no-repeat; width:72px; padding-left:38px;}
#mainmenu .about a:Hover { background:url(../images/mm/about.png) right 0 no-repeat; }
#mainmenu .portfolio { background:url(../images/mm/portfolio.png) right -30px no-repeat; width:110px; }
#mainmenu .portfolio a:Hover { background:url(../images/mm/portfolio.png) right 0 no-repeat; }
#mainmenu .contact { background:url(../images/mm/contact.png) right -30px no-repeat; width:95px; padding-left:15px;}
#mainmenu .contact a:Hover { background:url(../images/mm/contact.png) right 0 no-repeat; }

/* -------------------------------------- */
/* END Section
/* -------------------------------------- */

/* ------------------------------- */
/* SPLASHPAGE Elements - Begin Section
/* ------------------------------- */

.splashlogo { position:relative; top:250px; clear:both; background:url(../images/entrance_bg.png) 0 0 no-repeat; width:559px; height:228px; }

/* Small Menu */
.entRollOver {  }
.entRollOver a { display:block; width:100%; height:74px; position:relative; } 
.entRollOver a span { display:none; }

#resumelink { position:absolute; left:33px; top:126px; width:69px; height:74px; z-index:2; background:url(../images/icon_sprites.png) 0px 0px; }
#resumebg { position:absolute; left:33px; top:126px; width:69px; height:74px; z-index:1; background:url(../images/icon_sprites.png) 0px 78px; }

#portfoliolink { position:absolute; left:234px; top:126px; width:111px; height:74px; z-index:2; background:url(../images/icon_sprites.png) -200px 0px; }
#portfoliobg { position:absolute; left:234px; top:126px; width:111px; height:74px; z-index:1; background:url(../images/icon_sprites.png) -200px 78px; }

#bloglink { position:absolute; left:484px; top:126px; width:65px; height:74px; z-index:2; background:url(../images/icon_sprites.png) -450px 0px; }
#blogbg { position:absolute; left:484px; top:126px; width:65px; height:74px; z-index:1; background:url(../images/icon_sprites.png) -450px 78px; }

/*
#bloglink { width:187px; height:196px; display:block; background:url(../splash_src/bloglink.png) 0 0 no-repeat; position:absolute; right:215px; top:100px;}
#bloglink span { visibility:hidden; display:none; }
#bloglink a { width:158px; height:155px; display:block; left:15px; top:14px; position:relative; }
*/
 

/* -------------------------------------- */
/* END Section
/* -------------------------------------- */

/* ------------------------------- */
/* QUESTIONNAIRE Elements - Begin Section
/* ------------------------------- */

#qnaform { position:relative; margin:0 auto; width: 750px; clear:both; font-family:Verdana; }
#qnaform h1, h2, h3, p { display:block; margin:3px 0 8px 0; color:#CCCCCC; }
#qnaform h1 { font-size:2em; font-weight:bold; color:#333333; }
#qnaform p { font-size:.8em; }
 

/* -------------------------------------- */
/* END Section
/* -------------------------------------- */