@charset "utf-8";
/* CSS Document */
@font-face { 
font-family: Delicious; 
src: url('Delicious-Roman.otf'); 
} 
@font-face { 
font-family: Delicious; 
font-weight: bold; 
src: url('Delicious-Bold.otf'); 
}
#nav {
float:right;	
}
#nav div {
text-shadow: 2px 2px 5px #000;
font-size: 1.18em;
color:rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 5px 5px 15px #888;
box-shadow: 5px 5px 15px #888;
padding: 5px 5px 5px 15px;
border-radius: 5px;
-webkit-transition: all 0.5s ease-in-out;
transition: all 1s ease-in-out;
width:60px;
}
#nav div[id="current"] {
color:rgba(0, 0, 0, 1);
-webkit-box-shadow: 5px 5px 15px #888; 
box-shadow: 5px 5px 15px #888;
padding: 5px 5px 5px 15px;
border-radius: 5px;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
}
#nav div[id="current"]:hover {
-webkit-transform: rotate(360deg) scale(1.5);
transform: rotate(360deg) scale(1.5);
}
#nav div[id="ncurrent"]:hover {
-webkit-transform: rotate(20deg) scale(1.5);
transform: rotate(20deg) scale(1.5);
}
#nav a {
text-decoration:none;
color:rgba(0,0,0,0.7);
}
#title {
text-shadow: 2px 2px 6px #000;
font-size: 3em;
font-family: Delicious;
font-weight:bold;
font-variant:small-caps;
}
#testcontent {
font-family: Delicious;
position:absolute;
top: 140px;
width:70%;
-webkit-box-shadow: 5px 5px 15px #888;
box-shadow: 5px 5px 15px #888; 
padding: 5px 5px 5px 15px;
border-radius: 5px;
}
#widget {
position:absolute;
top: 140px;
-webkit-box-shadow: 5px 5px 15px #888; 
box-shadow: 5px 5px 15px #888; 
padding: 5px 5px 5px 15px;
border-radius: 5px;
}
#widget li {
list-style-type: none;
}
#widget ul{
padding:0;	
}
#rss {
position:absolute;
top: 140px;
left:243px;
-webkit-box-shadow: 5px 5px 15px #888; 
box-shadow: 5px 5px 15px #888;
padding: 5px 5px 5px 15px;
border-radius: 5px;
}
#rss li {
list-style-type: none;
}
#rss ul{
padding:0;	
}
#last {
position:absolute;
top: 140px;
left:570px;
-webkit-box-shadow: 5px 5px 15px #888; 
box-shadow: 5px 5px 15px #888;
padding: 5px 5px 5px 15px;
border-radius: 5px;
}
#last li {
list-style-type: none;
}
#last ul{
padding:0;	
}
#profile {
/*float:right;*/
position:absolute;
right:10px;
top:140px;
font-family: Delicious;
font-weight:bold;
font-variant:small-caps;
-webkit-box-shadow: -5px 5px 15px #888; 
box-shadow: -5px 5px 15px #888;
padding: 15px 15px 15px 15px;
border-radius: 5px;
}
#footer {
position:absolute;
bottom:-1px;
width:90%;
left:4%;
font-family: Delicious;
font-weight:bold;
font-size:0.8 em;
font-variant:small-caps;
-webkit-box-shadow: 0px -5px 15px #888; 
box-shadow: 0px -5px 15px #888;
padding: 15px 15px 15px 15px;
border-radius: 5px;
text-decoration:none;
}
#footer a{
text-decoration:none;
color:#333;
}

/*transform data */
#submenu {
background-color: #eee;
-webkit-transition: all 1s ease-in-out;
}
#submenu:hover {
background-color: #fc3;
-webkit-transform: rotate(360deg) scale(2);
}