<html>
<head>
<style>
LI { list-style: none; }
/**********************************************************************************/
@font-face {
font-family: âCursiveHandwritingâ;
src: url(â../fonts/cursht__-webfont.eotâ);
src: url(â../fonts/cursht__-webfont.eot?#iefixâ) format(âembedded-opentypeâ),
url(â../fonts/cursht__-webfont.woffâ) format(âwoffâ),
url(â../fonts/cursht__-webfont.ttfâ) format(âtruetypeâ),
url(â../fonts/cursht__-webfont.svg#CursiveHandwritingTryoutRgâ) format(âsvgâ);
font-weight: normal;
font-style: normal;
}
/**************************************************************************************/
#menu {
height: 53px;
width: 1200px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
background-color: #726e69;
padding: 0px;
margin-bottom: 5px;
z-index: 1;
}
#menu .navBreaks{
font-family: âTimes New Romanâ, Times, serif;
color: #FFF;
font-size: 20px;
margin-right: 20px;
margin-left: 20px;
}
#menu .navSubBreaks{
font-family: âTimes New Romanâ, Times, serif;
color: #FFF;
font-size: 18px;
margin-right: 20px;
margin-left: 20px;
}
#menu LI {
line-height: 30px;
font-size: 16px;
cursor: pointer;
float: left;
}
#menu LI.main-item {
line-height: 30px;
font-size: 16px;
cursor: pointer;
float: left;
background-color: #99C;
}
#menu LI A.main-item{
text-decoration: none;
font-family: CursiveHandwriting, sans-serif;
display: inline;
color: #FFF;
font-size: 30px;
margin-right: 30px;
margin-left: 30px;
margin-top: 5px;
line-height: 50px;
padding-bottom: 5px;
}
#menu LI A.main-item:hover {
font-family: CursiveHandwriting, sans-serif;
color: #fa1c97;
}
#menu LI A.main-item-sel{
text-decoration: none;
font-family: CursiveHandwriting, sans-serif;
display: inline;
color: #FFF;
font-size: 30px;
margin-right: 20px;
margin-left: 20px;
margin-top: 3px;
line-height: 50px;
background-image: url(../images/resume2.png);
background-repeat: no-repeat;
background-position: center 6px;
}
#menu LI A.main-item-sel:hover {
font-family: CursiveHandwriting, sans-serif;
color: #fa1c97;
background-image: url(../images/resume_pink2.png);
background-repeat: no-repeat;
background-position: center 6px;
}
#menu LI UL LI A:hover {
text-decoration: none;
background: transparent;
color: #ff0093;
}
#menu LI UL LI A {
font-family: CursiveHandwriting, sans-serif;
font-size: 26px;
color: #fff;
text-decoration: none;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
line-height: 30px;
}
#menu UL LI UL {
position: absolute;
display: none;
width: 600px;
}
#menu UL LI UL.sub-rivista {
position: absolute;
display: none;
width: 1061px;
background-color: #726E69;
padding-top: 0px;
margin-top: -7px;
z-index: 0;
padding-left: 139px;
border-top-width: thin;
border-top-style: solid;
border-top-color: #e2c5bc;
}
#menu UL LI:hover UL, #menu UL LI A:hover UL, #menu LI.sfhover UL { display: block; }
#menu .sel, #menu .actual, #menu .sel:hover {
background: url(âimages/menu-item-sel.jpgâ) repeat-x;
padding: 0px 20px 0px 20px;
color: #F29063;
}
#menu .sub-rivista {
margin-left: -505px;
}
/**************************************************************************************/
/**************************************************************************************/
</style>
</head>
<body>
<div id=âmenuâ>
<ul>
<li><a href=âhttp://www.hollymwallace.comâ title=âHomeâ>Home</a> <span>♥</span></li>
<li> <a href=âaboutâ title=âAboutâ>About</a> <span>♥</span></li>
<li > <a href=âhttp://hollymwallace.com/blogâ title=âBlogâ>Blog</a> <span>♥</span></li>
<li > <a href=âportfolioâ title=âPortfolioâ>Portfolio</a>
<ul>
<li><a href=âwebâ title=âWebâ>Web</a><span>♥</span></li>
<li><a href=âgraphicâ title=âGraphic Designâ>Graphic Design</a><span>♥</span></li>
<li><a href=âvideoâ title=âVideoâ>Video</a><span>♥</span></li>
<li><a href=âflashâ title=âFlashâ>Flash</a><span>♥</span></li>
<li><a href=âphotoâ title=âPhotoâ>Photography</a></li>
</ul>
<span>♥</span></li>
<li > <a href=âresumeâ title=âResumeâ>Resume</a> <span>♥</span></li>
<li > <a href=âcontactâ title=âContactâ>Contact</a> <span>♥</span></li>
<li > <a href=âcreditsâ title=âCreditsâ>Credits</a> </li>
</ul>
</div>
</body>
</html>