/* -------------------------------------------------------------
      CSS3, Please! The Cross-Browser CSS3 Rule Generator
------------------------------------------------------------- */
body{text-align:left;padding:0;background:#000;color:#ff0}a:link{color:#daf611}a:visited{color:#fff192}a:hover{color:#fff}

#navcontainer { margin-left: 30px; }

/*Fat Erik's Pipelist*/
#navlist
{
list-style: none;
padding: 3px;
margin: 0;
font-size:0.8em;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

#wruup{
padding-left:7px;
padding-bottom:3px;
height:auto;
width:auto;
font-size:1.3em;
}
#wruup ul li {
margin-top: 1px; /* or however many pixels distance you want */
}
#wrapitup{
padding-left:7px;
padding-bottom:7px;
height:auto;
width:auto;
font-size:1.2em;
}
.ie9.wrapper {
    overflow: hidden;
    border-radius: 12px;
    border: 0px solid grey;
}

.ie9.wrapper .box_gradient {
    border: 0;
}
.box_round {
     -moz-border-radius: 12px; /* FF1-3.6 */
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
          
  /* useful if you don't want a bg color from leaking outside the border: */        
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

/*                            [toggle rule off] */

.box_shadow {
     -moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5 - 3.6 */
  -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}

/*                            [toggle rule off] */

.box_gradient {
  background-color: #d40000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d40000), to(#ffffff)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #b50404, #f79a08); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #b50404, #f79a08); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #b50404, #f79a08); /* IE10 */
  background-image:      -o-linear-gradient(top, #b50404, #f79a08); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #b50404, #f79a08);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b50404', EndColorStr='#f79a08'); /* IE6–IE9 */
}


.box_transition {
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
          transition: all 0.3s ease-out;  
}


.box_textshadow {
     text-shadow: 1px 1px 3px #888; /* FF3.5+, Opera 9+, Saf1+, Chrome */
}


@font-face {
  font-family: 'WebFont';
  src: url('myfont.eot?#') format('eot'),  /* IE6–8 */
       url('myfont.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('myfont.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


.box_bgsize {
     -moz-background-size: 100% 100%; /* FF3.6 */
  -webkit-background-size: 100% 100%; /* Saf3-4 */
          background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */
}


/*     © 2010; a Paul Irish and Jonathan Neal joint, in association w/ Boaz Sender and Zoltan Hawryluk */