html {
 overflow-x:hidden;
 overflow-y:scroll;
 }
 
body {
 background-image: url("/portfolio/images/bgcorner1.png");
 background-color: #fff;
 background-repeat: no-repeat;
 }

#links {
 padding: 0px 0px 10px 100px;
 word-spacing: 100px;
 }
 
font{
 font-size: 10px;
 font-family: verdana;
 }

a:link,a:visited,a:active{
 color: #999;
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
 }

a:hover{
 color: #ccc;
 font-size: 10px;
 text-decoration: none;
 }
 
#header {
 color:#999;
 font-family: chelshandwriting;
 font-size: 50px;
 background: none;
 text-decoration: none;
 text-align: center;
 }

td,p,body,table,A,div,footer_legal,footer_spacer{
 color: #999;
 font-size: 10px;
 font-family: verdana;
 line-height:14px;
 letter-spacing: .5;
 }

b{
 color: #666;
 font-size: 10px;
 font-family: verdana;
 }

i{
 font-size: 10px;
 font-family: verdana;
 }
 
#links a:link, #links a:active, #links a:visited {
 color:#999;
 font-family: chelshandwriting;
 font-size: 25px;
 background: none;
 text-decoration: none;
 }

#links a:hover {
 font-family: chelshandwriting;
 font-size: 25px;
 color: #ccc;
 text-decoration: none;
 background: none;
 transition: all 0.5s ease-out;
 -o-transition-transition: all 0.5s ease-out;
 -webkit-transition: all 0.5s ease-out; 
 -moz-transition: all 0.5s ease-out;
 }
 
#main {
 width: 90%;
 height: 310px;
 padding: 50px;
 text-align: justify;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 0px;
 border-right: 0px;
 overflow-x:hidden;
 overflow-y:scroll;
 }
 
#content {
 width: 70%;
 padding: 50px;
 text-align: justify;
 }
 
#portfolio {
 width: auto;
 padding: 50px;
 text-align: center;
 border-top: 0px solid #ccc;
 border-bottom: 0px solid #ccc;
 border-left: 0px;
 border-right: 0px;
 }
 
#portfolio a:link, #portfolio a:active, #portfolio a:visited {
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
 }

#portfolio a:hover {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
 }
 
#portfolio img {
 padding-bottom: 5px;
 }

::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); 
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: rgba(0.1,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(1,0,0,0.4); }
	
#primary_nav_wrap {
 margin-top:0px
 }

#primary_nav_wrap ul {
 list-style:none;
 position:relative;
 float:left;
 margin:0;
 padding:5;
 }

#primary_nav_wrap ul a {
 display:block;
 color:#333;
 text-decoration:none;
 font-weight:700;
 font-size:12px;
 line-height:15px;
 padding:5px 25px;
}

#primary_nav_wrap ul li {
 font-size: 13px;
 position:relative;
 float:left;
 margin:0;
 padding:0;
 }

#primary_nav_wrap ul li.current-menu-item {
 background: none;
 }

#primary_nav_wrap ul li:hover {
 background:;
 opacity: 1;
 }

#primary_nav_wrap ul ul {
 display:none;
 position:absolute;
 top:100%;
 left:0;
 background: #fff;
 padding:0
 }

#primary_nav_wrap ul ul li {
 float:none;
 width:175px;
 background: none;
 }

#primary_nav_wrap ul ul a {
 line-height:120%;
 padding:5px 15px;
 }

#primary_nav_wrap ul ul ul {
 top:0;
 left:100%
 }

#primary_nav_wrap ul li:hover > ul {
 display:block
 }

@font-face { font-family: "silkscreen"; src: url('http://malyote.webs.com/slkscr.ttf'); }
@font-face { font-family: "chelshandwriting"; src: url('/portfolio/fonts/chels_handwriting.ttf'); }

}