body {
background-color: #e6e6e6; 
background-image:url('/images/cute.png');
background-repeat: repeat;
background-attachment:fixed;
background-position:top;
font-family: 'Nunito', sans-serif;
font-size: 15px; 
text-align: justify;
color: #666;
margin: 0px; 
padding: 0px;
}

a:link, a:active, a:visited {text-decoration: none; color: #b8e6ef; }
a:hover {color: #ff7092;
text-decoration: 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;}

@font-face { font-family: "04b24"; text-transform:uppercase; src: url('http://static.tumblr.com/zei83do/8jlmi91fu/04b_24__.ttf');}

::-webkit-scrollbar { width: 6px; background-color:#b8e6ef;}
::-webkit-scrollbar-thumb { background-color: #ffd8e2;}

::selection {
	background:#d6d3f7;
}

::-moz-selection {
	background:#d6d3f7;
}

#container{
margin: 60px auto;
width:1107px;
padding:5px 5px 5px 5px;
background-color:#ffffff;
border:1px solid #eeeeee;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
z-index:999999;
}

#header{
width:1101px; 
height:405px;
padding:2px;
margin:0px 0px;
border:1px solid #ffffff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background:#ffffff;
background-image:url('/images/felixheader.png')}

#header img{
border-top-left-radius: 15px;
border-top-right-radius: 15px;}



#headerbox {
width:1100px;
height:190px;
margin-left:-2px;
background:#ffffff;}


.hbox {
width:540px;
padding:5px;
background-color:#fff;
border:none;
text-align:justify;}

.bh {
color: #b8e6ef; 
line-height:16px; 
font-family: 'Sacramento', cursive;
font-size: 28px;
font-weight: normal;
letter-spacing: 0px;
text-transform: lowercase;
padding-left:2px; 
text-align:center;
background:none;
border-bottom:1px dashed #d8d8d8;
margin:0px;
padding:2px; }


.box{
padding:2px;
background-color:#f7f7f7;
border:1px solid #eeeeee;
border-top-left-radius: 15px;
margin-bottom:3px
}

#content{
width: 1100px;
padding:5px;
margin-top:25px;
background-color:#ffffff;
border:none;}

.entry, p {
  margin: 0;
  padding: 0px;
  line-height: 1.5; }



#footer{
clear:both;
border:none;
font-family: inherit;
text-align: center;
font-size: inherit; 
padding:2px;}



b, strong {
	color: #ff7092;
	}
	
i, em {
	color: #ff7092;
}

u {
	text-decoration: none;
	border-bottom: 1px dashed #ff7092;
}

#content h1,h2,h3,h4 {border-top-left-radius:0px;}

h1 {
padding: 5px;
margin-bottom: -10px;
background-color: none;
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
text-align:center;
color: #ff7092; }

h1:after {
	content:' *';
	color: #b8e6ef;
}

h2 {
color: #ff7092; 
line-height:16px; 
font-family: 'Sacramento', cursive;
font-size: 36px;
font-weight: normal;
letter-spacing: 0px;
text-transform: lowercase;
padding-left:2px; 
text-align:center;
background:none;
border-bottom:1px dashed #d8d8d8;
margin-bottom:10px;
padding:2px;}

h2:after {
	content:'*';
	color:#b8e6ef;
}

h3 {
padding: 0px;
background-color: none;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: lowercase;
letter-spacing: 3px;
color: #b8e6ef;
border: none;
margin-bottom: 0px; }

h4 {
color: #222222; 
font-size: 10px;
line-height:16px; 
font-family: arial;
font-style: none;
font-weight: normal; 
padding-left:2px; 
text-align:center;
background:#eee;
border-bottom:2px solid #d8d8d8; 
display:block;
border-top-left-radius: 15px;
text-transform: uppercase; 
margin:0px; padding:2px;}



a.navi,a.navi:link,a.navi:active,a.navi:visited {
color:#ff7092;
background-color:#fff;
text-transform:uppercase;
text-align: center;
font-weight:bold;
letter-spacing: 1px;
line-height: 150%;
margin-top:2px;
display:block;
-moz-transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;}

a.navi:hover {
letter-spacing: 2px;
color:#fff;
background: #ff7092;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}


ul {
	list-style-image:url(http://www.cassidy.milkbaeri.net/siteimages/bulletpoint3.gif);
	vertical-align: middle;
}


input, select, textarea {
  padding: 10px;
  background-color: #fefefe;
  font-family: inherit;
  font-size: inherit;
  border: #b8e6ef 1px dashed;
  word-wrap: break-word;
}



.highlightCard {
	border: 0px solid #D63550;
	background: invisible;
}

.dimmedCard {
	opacity:0.3;
	filter:alpha(opacity=30);
}

.sakura.character {
    display: inline-block;
    width: 40%;
	vertical-align: middle;
}

.general {
    display: inline-block;
    width: 47%;
	vertical-align: middle;
}

.collecting-deck {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

#main {
  margin: 0;
  padding: 0;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%;
  background-color: #c0e3ea;
  font-size: 0.875em;
  text-align: center;
  text-transform: uppercase; }
  #main ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #main ul > li {
      margin: 0 10px;
      padding: 10px;
      display: inline-block;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      #main ul > li > ul {
        margin: 10px 0 0 -20px;
        padding: 0;
        width: 100px;
        display: none;
        position: absolute;
        z-index: 10;
        background-color: #c0e3ea; }
        #main ul > li > ul > li {
          margin: 0;
          padding: 10px;
          display: block;
          text-align: left; }
    #main ul > li:hover {
      background-color: #cbe4e6; }
      #main ul > li:hover > ul {
        display: block; }
  #main a {
    text-decoration: none;
    color: #FFF; }
