@import url("fonts.css");

/* ~~~ JunoMagic's style ~~~
~~~ juno AT magic DOT ms ~~~
~~~~ all rights reserved ~~~ */

body { 
background:#D1D5DF;
color:#333;
font-size:100%;
margin:0;
padding:0;
} 

img { border:0; }

h2 { font-family:Cataclysmic, Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif;
font-size:200%; }

p { font-family:Garamond, "Hoefler Text", "Times New Roman", Times, serif; }

em { font-family:Cataclysmic, Garamond, "Hoefler Text", "Times New Roman", Times, serif; }

#container {
margin:0 auto;
overflow:hidden;
width:980px;
}

#left {
-webkit-box-shadow: -3px 0px 3px #003;
-moz-box-shadow: -3px 0px 3px #003; 
box-shadow: -3px 0px 3px #003; 
margin-left:25px;
overflow:hidden;
width:940px;
}

#right {
background:#78829A;
-webkit-box-shadow: 3px 0px 3px #003;
-moz-box-shadow: 3px 0px 3px #003; 
box-shadow: 3px 0px 3px #003; 
margin-right:10px;
overflow:hidden;
}

#poem {
background-image:url('http://juno-magic.fancrone.net/blog/wp-content/themes/junomagic/img/bg.jpg');
background-color:#F8EBCF; 
font-size:1.1em;
line-height:1.3em;
margin-top:20px;
margin-right:auto;
margin-bottom:20px;
margin-left:auto;
padding:20px 40px 40px 60px;
width:420px;
}

#poem-text p:first-letter { font-size:x-large; }

.Cataclysmic { font-family:Cataclysmic, Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif; font-size:120%; }
.Cataclysmic img { vertical-align:text-bottom; }


#navigation {
font-family:Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif;
font-size:85%;
margin-bottom:40px;
margin-left:165px;
text-transform: uppercase;
}

#navigation ul li {
list-style:none;
display:inline;
margin-right:5px;
}

#navigation a:link {
background-image:url('http://juno-magic.fancrone.net/blog/wp-content/themes/junomagic/img/bg.jpg');
background-color:#F8EBCF;
border:1px solid #DFDAC3; 
color: #333;
font-weight:bold;
padding:10px 15px 10px 15px;
text-decoration:none;
}     /* unvisited link */

#navigation a:visited {
background-image:url('http://juno-magic.fancrone.net/blog/wp-content/themes/junomagic/img/bg.jpg');
background-color:#F8EBCF; 
border:1px solid #DFDAC3;
color: #333;
font-weight:bold;
padding:10px 15px 10px 15px;
text-decoration:none;
}  /* visited link */

#navigation a:hover {
background:#798288;
border:1px solid #DFDAC3;
color: #DFDAC3;
font-weight:bold;
padding:10px 15px 10px 15px;
text-decoration:none;
}   /* mouse over link */

#navigation a:active {
background:#798288;
border:1px solid #DFDAC3;
color: #333;
font-weight:bold;
padding:10px 15px 10px 15px;
text-decoration:none;
}   /* selected link */