/*html **/body {color: #000; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 16px;}
body {background: transparent url(/home/images/back.png) repeat top left; position:relative; z-index:0;}
html {height:100%;}
body {min-height:100%;}

/*#zhannas-welcome, #zhannas-about, #zhannas-resume, #zhannas-contact, #zhannas-services, #zhannas-portfolio, #zhannas-news, #zhannas-sitemap, #zhannas-oops {background: transparent url(/home/images/back.png) repeat top left;}*/

/*hacks */
a {text-decoration: none;}
a:active {outline: none;}
a:focus {-moz-outline-style: none;}
button::-moz-focus-inner,input[type=submit]::-moz-focus-inner { border: 0; }

/* colors */
a, a:hover, a:focus, a:visited {color:#000;}
a.ambertxt:hover,a.ambertxt:focus,a.ambertxt:visited, .ambertxt {color: #ffcc00;}
a.magentatxt:hover,a.magentatxt:focus,a.magentatxt:visited, .magentatxt {color: #ff3399;}
a.whitetxt:hover,a.whitetxt:focus,a.whitetxt:visited, .whitetxt {color: #fff;}


/* header */
#header {border-top:14px solid #000; background: #fff; position:relative; z-index:10px; padding-bottom:23px;}

#nav {list-style-type: none; margin:0px;}
#nav li {float:left;}
#nav_about, #nav_portfolio, #nav_resume, #nav_services, #nav_blog {margin-right:64px;}
#nav li a {font-size:30px; font-style: italic; padding-left:4px; padding-right:4px;}
#nav li	a:hover {border-bottom:10px solid #ff3399;}

#zhannas-about #nav_about a {border-bottom:10px solid #ffcc00;}
#zhannas-about #nav_about a:hover {cursor: default;}

#zhannas-portfolio #nav_portfolio a  {border-bottom:10px solid #ffcc00;} 
#zhannas-portfolio #nav_portfolio a:hover {cursor: default;}

#zhannas-resume #nav_resume a  {border-bottom:10px solid #ffcc00;}
#zhannas-resume #nav_resume a:hover {cursor: default;}

#zhannas-services #nav_services a  {border-bottom:10px solid #ffcc00;}
#zhannas-services #nav_services a:hover {cursor: default;}

#zhannas-blog #nav_blog a  {border-bottom:10px solid #ffcc00;}
#zhannas-blog #nav_blog a:hover {cursor: default;}

#zhannas-contact #nav_contact a  {border-bottom:10px solid #ffcc00;}
#zhannas-contact #nav_contact a:hover {cursor: default;}

#logo {padding: 0; margin:0;} /* what comes below, adjusts heights for different pages logo section */
#header .secondarypage {margin-top:120px;} 
#header .homepage {margin-top:60px; padding-bottom:85px;} /* 85 + 23 normally = 108... older version*/
#header .wblogo {margin-top:47px;} /*also serves as promotion logo margins*/
/*all of the above result in a header size of 14,542px,23*/

#logo h1 {font-style: italic; font-size:73px; margin:0;}
#logo #cntrh1 {margin:0 auto; text-align: center;}

#zhannas-welcome #logo a {text-indent: -9999px; text-decoration: none; display:block; margin:0px auto;}
#zhannas-welcome #logo .standardlogo {width:694px; height:352px; background:transparent url(/home/images/logobig.gif) no-repeat top center;}
#zhannas-welcome #logo .welcomebacklogo {position:relative; width:930px; height:450px; background: transparent url(/home/images/logowb.jpg) no-repeat top center;}
#zhannas-welcome #logo .promotionlink {position:relative; width:930px; height:450px;}
/*body section */

#bodyanchor {position:relative; z-index:10;}

/*right body section css that applies to all pages */

#twitterbox {margin: 48px 0 0 0; height:230px; width:223px;}
#twitterbox div {margin:0;padding:0;}
#twitterbox .twittermid {background:#e6e6e6; border-right:15px solid #8d8d8d; width:208px; z-index:11;}
#twitterbox .twitterboxbottom {position:relative; top:-13px; z-index:11;}
#twitterbox .twittermid p {margin:0 auto; padding:0; width:160px; position:relative; top:-10px; font-style: italic; font-size:14px; z-index:12;}
/*speacial */
#twitterbox .twittermid p .swalker {color: #ff3399; font-style: italic; font-weight: bold;}
#twitterbox .twittermid p a {font-size:14px; font-style: italic; display:inline;}
#twitterbox p img {margin-left:9px;}

#twittertease {color:#fff; margin:0px 0 0 22px; font-size:16px; position:relative; top:-7px;}
#twittertease b {color:#fff;}
#twittertease a {text-decoration: none; color:#fff; border-bottom: 2px solid #ff3399; font-weight: bold; }

#cherrydecor {margin:32px 0 0 58px;}
#cherrydecor img {margin:0 8px 0 0;}
#bigcherrydecor {margin:50px 0 0 90px;}

#portfoliotease {position:relative; background: #c7c7c7; padding:17px 18px 15px 22px; margin:48px 0 60px 0; font-size:15px; line-height: 26px;}
#portfoliotease a {text-decoration: underline;}
#portfoliotease a:hover {color:#ff3399}
#portfoliotease a:visited {color:#ff3399}
#portfoliotease #timerimg {float:right; position:relative; left:5px; top: 5px;}

.linkp a{display:block; text-indent: -9999px;}
.linkp {margin:0; margin-bottom:32px;}

#rightcolmargin {height:120px;}
#logosmall {position:absolute; bottom:-25px; right:0;}

/* footer */
#footersection {background: transparent; padding-bottom:50px; position:relative; z-index:10;}
#footergrad {position:absolute; bottom:0px; background: transparent url(/home/images/grad.png) repeat-x top left; height:245px; width:100%; z-index:1;}
#footerdecor {position:absolute; bottom:0px; background:transparent url(/home/images/foot.png) no-repeat top left; height:411px; width:1100px; z-index:2; left:50%; margin-left:-550px;}

#footer {background: #000; border:1px solid #333; padding:10px;  margin-top:44px;}
#copyrightbox {margin:0;}
#footer_navbar {margin:0;}

#footer p, #footer a {color:#ccc;}
#footer p {font-size:14px; font-style: italic; margin:0;}
#footer ul {list-style-type: none; margin:0; float:right;}
#footer ul li {float:left;}
#footernav_home, #footernav_about, #footernav_portfolio, #footernav_resume, #footernav_services, #footernav_blog, #footernav_contact {margin-right:10px;}
#footer ul li a {font-size:14px; font-style: italic; text-decoration: underline;}


/* HEATMAP EXPERIMENT */
#heatmapdiv {position:absolute; top:0; left:0;}
#heatmapdiv div {position:relative; margin:0; padding:0; float:left; z-index:75; opacity:0.65; text-indent:-999px;}