/*
Initial Design by Free CSS Templates
http://www.freecsstemplates.org
Massively modified by Courtney Milan
Released for free under a Creative Commons Attribution 2.5 License

?>

*/



* {
	margin: 0px 0px 0px 0px;
	padding: 0;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #000;
        background: #;
	height: 100%;
        background-image:url('http://www.courtneymilan.com/themes/general-images/backback.jpg');
}

form {
}

fieldset {
}

legend {
}

p,  ul, ol {
	font-family: Georgia,"Times New Roman", Times, serif;
	margin-bottom: 2.0em;
	line-height: 1.8em;
	font-size: 1em;
}

input { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

p.divider {

	text-align: center 

}

p.bookquote {
        line-height: 1.6em;
        text-indent: 20px;
        margin-bottom: .3em;
        margin-top: 0em;
	text-align: justify;
}

p.scenebreak {
        line-height: 1.6em;
        text-indent: 0px;
        margin-bottom: .3em;
        margin-top: 2em;
	text-align: justify;
}


blockquote {
	margin-left: 1.2em;
	margin-right: 1.2em;
	border: none;
        line-height: 1.3em;
}

blockquote.results {
        border-style: dashed;
        border-width: 2px;
        border-color: black;
        margin: 10px 10px 10px 30px;
        background-color: #ffdddd;
        padding: 10px;
}

p.review {
	margin-left:50px;
	line-height:1.3em;
	margin-bottom:0em;
}

h2.review{
	text-transform:none;
	color: #000;
	font-style:italic;
	margin-left:70px;
	margin-bottom:1em;
}

h2 {
	font-weight: normal;
	font-style: italic;
}

ul {
	margin-left: 3em;
}

ul li {
}

ol {
	margin-left: 3em;
}

ol li {
}

a {
	text-decoration: none;
	color: #00a;
}

a:link {
	text-decoration: none;
	color: #00a;
}

a:hover {
	text-decoration: underline;
	color: #;
}

a:active {
	text-decoration: underline;
	color: #;
}

img {
}

#inflag img.smallflag {
        padding: 0px 0px 0px 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        width: 40px;
        height:25px;
        float:left;
}

#flags {
        margin: 0px 0px 0px 90px;
        width: 850px;
        float:none;
}


#inflag {
        margin: 10px 0px 0px 15px;
        width: 40px;
        float: left;
}

#sflag {
        margin: 10px 0px 40px 60px;
        width: 100px;
        float: left;
}


#inflag h2.underwords {
        margin: 0px 0px 0px 5px;
        padding: 0px 0px 0px 0px;
        font-style: italic;
        font-size: 0.9em;
}

#inflag h2.underwords-japan {
        margin: 0px 0px 0px 5px;
        padding: 0px 0px 0px 0px;
        font-style: normal;
        font-size: 0.8em;
}

#top-menu {
        margin-left: auto;
        margin-right: auto;
	width: 1000;
	height: 19px;
	margin-bottom: 0px;
        background-image: url('http://www.courtneymilan.com/themes/general-images/topmenu.jpg');
	background-repeat: no-repeat;
        background-position: top left;
	padding-top:5px;
	overflow: visible;
}


#spoilerspace {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 1000px;

}

#spoilerspace h1.spoilerwarn {
        margin-top:500px;
        font-family: YanaBold;
        font-weight: normal;
        font-style: normal;
	letter-spacing: 0.2em;
        color: #00f;
        font-size: x-large;
        float:none;
        text-align: center;
        text-transform: capitalize;

}

img.spoiler {
        padding: 0px 0px 0px 0px;
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        float:left;
}

#top-menu img {
	display:inline
}

#dropdown {
	margin-left:100px;
}

#top-menu a.dropdown {
	font-family: YanaBold;
	font-weight: normal;
	font-style: none;
	font-size: medium;
	margin-right:40px;
}


#top-menu a.dropdown:first-letter {
	font-family: YanaBSwashCapsIBold;
	font-weight: normal;
	font-style: none;
	font-size: medium;
	margin-right:0px;
	padding-top:3px;
}

#top-menu a.side-drop {
	font-family: YanaBold;
	font-weight: normal;
	font-style: normal;
	font-size: small;
	margin-left:190px;
	color:#fff;
	text-align:right;
	text-transform:uppercase;
}

#top-menu a.side-drop:hover {
	color:#ccc;
	text-decoration:none;
}

#top-menu a.side-drop2 {
	font-weight: normal;
	font-style: normal;
	font-size: small;
	padding-left:100px;
	color:#ccc;
	text-align:right;
	cursor: default;
}

#top-menu a.side-drop2:hover {
	color:#ccc;
	text-decoration:none;
}

#textalign {

	width: 800px;
	padding-left: 90px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-right: 0px;
	height:264px;
}

#nextannounce {
        width:800px;
        margin: 0px;
	float:left;
}

#nextannounce-cover {
        width:90px;
	float: left;
	margin-left:30px;
}

#nextannounce-longcover {
        width:700px;
        float: left;
        margin-left:30px;
}

#nextannounce-box
{        width:150px;
        float: left;
        margin-left:30px;
}

#nextannounce-longcover img.tinyimg {
        width:70px;
        border:1px solid #000;
	margin-right: 5px;
}


#nextannounce-cover img.tinyimg {
        width:70px;
        border:1px solid #000;
}


#nextannounce-box img.boximg {
        width:110px;
        border:0px solid #000;
}

#nextannounce-longcover img.boximg {
        height:120px;
        border:0px solid #000;
}


#nextannounce-text{
        width:500px;
        float:left;
        margin-top:30px;
}

#nextannounce-boxtext{
        width:400px;
        float:left;
        margin-top:30px;
}

#series {
	padding: 15px 0px 15px 0px;
	margin-bottom:20px;
	float: left;
	width: 765px;
        background-color: #;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

#series p {
	margin-top:3px;
	margin-bottom:0px;
	text-align: center;
}

#series p.nothereyet {
	color:#666;
}

#series h1.midtitle {
	margin-top:0px;
	font-family: YanaBold;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: large;
	float:none;
	text-transform: none;
	text-align: center;
}


#carouselcontain {

	width: 540px;
	height: 244px;
	float: left;
	margin-bottom:0px;
	margin-top:0px;
}

#noncarousel {
	display: none;
}

#carouselside {

	width: 230px;
	height:90px;
	margin-top: 70px;
	padding-left: 10px;
	margin-bottom:0px;
	margin-right: 0px;
	float: left;
}

#carouselside p {
        font-size: small;
        color: #000;
        line-height: 1.5em;
	margin-bottom: 0.9em;
}

#wrapper-head {
	width: 1000;
        background-image: url('http://www.courtneymilan.com/themes/general-images/-top.jpg');
	background-size: 1000px;
	background-repeat: no-repeat;
        background-position: top left;
	margin-top: 0px;
	padding-top:20px;
	margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
}

#wrapper-head-main {
	width: 1000;
        height: 244px;
        background-image: url('http://www.courtneymilan.com/themes/general-images/-top.jpg');
	background-size: 1000px;
	background-repeat: no-repeat;
        background-position: top left;
	margin-top: 0px;
	padding-top:20px;
	margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
}


#maintop {
	width: 1000;
        background-image: url('http://www.courtneymilan.com/themes/general-images/background.jpg');
	background-repeat: no-repeat;
	background-size: 1000px;
        background-position: top left;
	margin-top: 0px;
	margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
}


img.mobileribbon {
        display:none;
}

#mobilemenu {
	display: none;
}

#desktopmenu {
	display:block;
}

#mobilevanish {
	display:none;
}


#ribbonwidth {
	width: 100%;
	height:90px;
	background-repeat: repeat-all;
	margin-top: 0px;
	margin-bottom: 0px;
}

#midribbon {
	width: 1000px;
        height: 90px;
        background-image: url('http://www.courtneymilan.com/themes/general-images/-midribbon.jpg');
	background-size: 1000px;
	background-repeat: no-repeat;
        background-position: top left;
	margin-top: 0px;
	margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
}



/* Wrapper */

#wrapper {
	width: 1000px;
        background-image: url('http://www.courtneymilan.com/themes/general-images/background.jpg');
	background-size: 1000px;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
}

#wrapper img {
        display:inline;
	border-style: none;
	padding: 0;
	border: 0;
}




#wrapper:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

/* Logo */

#logo {
	float: left;
	width: 250px;
	height: 430px;
	padding: 0px 0px 0 0;
	text-align: left;
        display: block;
}


#logo:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
}


#menu {
	float: left;
	width: 140px;
	padding: 30px 0px 0px 70px;
}

#menu img {
	display: block;
	border-style:none;
}

#menu:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

/* maintext */

#maintext {
	float: left;
	width: 450px;
	color: #000;

}

#content {
	float: left;
	width: 450px;
	color: #000;
	margin: 10px;
}

#content a{
	color:#00a;
}

#content a:hover{
	color:#04a;
}

#maintextside {
	float: left;
	width: 590px;
	color: #000;
	display: block;
}

#maintextside .clearfix:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

#contentside {
	float: left;
	color: #000;
	margin: 10px;
}

#contentside a{
	color:#04a;
}

#contentside a:hover{
	color:#000;
}

#contentside img {
	display:block;
	border-style:none;
}

#contentside p{
	padding: 13px 0px 0px 0px;
        margin: 0px 0px 00px 0px;
}

#introtext {
        margin: 0px 0px 0px 0px;
	float: left;
	width: 370px;
}

#seriesbooks {
       width: 800px;
       display: block;
	margin: auto;
	clear: both;
}

#titlebook img.cover {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        clear: both;
        border: 1px solid #000;
        height: 300px;
}

#titlebox img.boxcover {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        clear: both;
        border: 0px solid #000;
        height: 300px;
}

#titletext {
	height:140px;
	margin-left: auto;
	margin-right:auto
	float: left;
	margin-top:40px;
}

#titlecontents {
	width: 600px;
	float: left;
}

#titlecontentsbox {
	width: 400px;
	float: left;
}

#title {
	width:1000px;
}

#titleside {
	width: 550px;
	float: left;
	margin-left: 0px;
	margin-bottom:10px;
	z-index: 2;
}


#titlesidebox {
	height:150px;
	width: 350px;
	float: left;
	margin-left: 0px;
	margin-bottom:0px;
	z-index: 2;
}

#titlebook {
	height:320px;
	width: 250px;
	float: left;
	padding-left:10px;
	margin-top: 0px;
}

#titlebox {
	height:320px;
	width: 380px;
	float: left;
	padding-left:0px;
	margin-top: 0px;
}

#buyfrom {
	margin-left:10px;
}

#titleside h1.wheretobuy {
	font-family: YanaBold;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: large;
	text-transform: none;
	padding-top:10px;
        margin-bottom: 0.2em;
        line-height: 1.0em;
}

#titleside h1.wheretobuy:first-letter {
	font-family: YanaBSwashCapsIBold;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: large;
	text-transform: none;
	padding-top:10px;
}

#titleside p.bookindent {
	width:400px;
	margin-left:50px;
	margin-top: 0;
	margin-bottom: 0;
}

#titleside h3 {
        padding: 0px 0px 0px 5px;
        font-size: small;
        text-transform: uppercase;
        font-style: normal;
	text-align: right;
        color: #00a;
}

#titlesidebox h1.booktitle {
	font-family: YanaBold;
	font-weight: normal;
	font-style: normal;
	color: #00a;
	font-size: large;
	text-transform: none;
	padding-top:10px;
	margin-bottom:0px;
	line-height:0em;

}

#titlesidebox h1.booktitle:first-letter {
	font-family: YanaBSwashCapsIBold;
	font-weight: normal;
	font-style: normal;
	color: #00a;
	font-size: large;
	text-transform: none;
	padding-top:10px;
}

#titlesidebox h1.jumpto {
	font-weight: normal;
	font-style: normal;
	color: #00a;
	font-size: small;
	text-transform: none;
	padding-top:10px;
}


#titlesidebox h1.wheretobuy {
	font-family: YanaBold;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: large;
	text-transform: none;
	padding-top:10px;
        margin-bottom: 0.2em;
        line-height: 1.0em;
}

#titlesidebox h1.wheretobuy:first-letter {
	font-family: YanaBSwashCapsIBold;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: large;
	text-transform: none;
	padding-top:10px;
}

#titlesidebox p.bookindent {
	width:400px;
	margin-left:50px;
	margin-top: 0;
	margin-bottom: 0;
}

#titlesidebox h3 {
        padding: 0px 0px 0px 5px;
        font-size: small;
        text-transform: uppercase;
        font-style: normal;
	text-align: right;
        color: #00a;
}


#seriesbooks img.offset {
       margin: 20px 5px 0px 50px;
}

#bookinseries {
       margin: 10px 10px 10px 0px;
       float:left;
}

#bookinseries h1.date {
       font-size:small;
       font-weight: bold;
       text-align: center;
       text-transform: smallcaps;
       color: #00a;
       max-width: 100px;
	padding-left:18px;
}

#bookinseries img.cover {
        margin: 5px 0px 10px 10px;
        padding: 0px 0px 0px 0px;
        float: left;
        border: 1px solid #000;
        height: 150px;
}


#bookinseries img.box {
        margin: 5px 0px 10px 10px;
        padding: 0px 0px 0px 0px;
        float: left;
        border: 0px solid #000;
        height: 160px;
}

#bookinseries img.coversmall {
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
        border: 1px solid #000;
        width: 115px;
}

#introtext img.cover {
        margin: 5px 10px 10px 15px;
        padding: 0px 0px 0px 0px;
        float: left;
        border: 1px solid #000;
        width: 128px;
}

#introtext h1 {
        padding: 0px 0px 5px 0px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-weight: bold;
        text-transform: uppercase;
        color: #00a;
}

#introtext h2 {
        padding: 0px 0px 20px 20px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-style: italic;
        line-height: 1.5em;
        text-transform: uppercase;
        color: #a00;

}

#bookcontainer {
        margin: 10px 0px 0px 0px;
	float: left;
	width: 400px;
}

#bookcoverleft {
        padding: 0px 0px 0px 0px;
        margin: -130px 0px 20px 0px;
        float: left;
        width: 165px;
}

#bookcoverleft img.blurbs {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
        display: block;
}

#bookcoverleft img.cover {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
        border: 1px solid #000;
        width: 150px;
        display: block;
}

#bookcoverleft p.blurb {
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 8px;
        float: left;
        color: #000;
        width: 150px;
        text-indent: -5px;
        font-size:0.85em;
        line-height:1.1em;
}

#bookcoverleft h4 a {
        float: right;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: x-small;
        font-weight: bold;
        line-height: 1.6em;
        text-transform: uppercase;
	color: #00a;
}

#bookcoverleft a:hover {
	text-decoration: underline;
	color: #205;
}

#bookcover {
        margin: 0px 0px 20px 0px;
        float: left;
        width: 150px;
}


#bookcover img.cover {
        float: left;
        border: 1px solid #000000;
        width: 138px;
}

#bookcover img.covernoborder {
        float: left;
        width: 140px;
}


#buylinks {
        padding: 0px 0px 0px 0px;
}

#buylinks p{
        line-height: 1.1em;
}

#buylinks h3 {
        padding: 0px 0px 0px 5px;
        font-size: small;
        text-transform: lowercase;
        font-style: normal;
        color: #00a;
}

#buylinks img {
        display:inline;
        margin: 1px 1px 1px 1px;
}

#buylinks img.space {
        display: block;
        float: left;
        margin: 0px 0px 0px 0px;
}

#buylinks hr {
        color:#000;
        background-color:#000;
        height:1px;
}

#buylinks a {
        padding: 0px 0px 0px 0px;
        font-size: 8pt;
        text-transform: lowercase;
        color: #55f;
}

#buylinks a.bookstore-brdrs {
        color: #000080;
}

#buylinks a.bookstore-bnn {
        color: #2a2aff;
}


#buylinks a.bookstore-vrm {
        color: #2c2ca0;
}

#buylinks a.bookstore-pow {
        color: #0000d4;
}

#buylinks a.bookstore-amzn {
        color: #00f;
}

#buylinks a.bookstore-ind {
        color: #55f;
}

#buylinks a.bookstore-chap {
        color: #00a;
}

#buylinks a.bookstore-bd {
        color: #04a;
}

#buylinks a.bookstore-bam {
        color: #0055d4;
}



#bookspace {
        margin: 0px 0px 20px 10px;
	float: left;
	width: 380px;
}

#bookspace h1.declare {
        padding: 0px 0px 0px 0px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-weight: bold;
        text-transform: uppercase;
        color: #00a;
}

#bookspace h1.order {
        padding: 5px 0px 0px 10px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-weight: bold;
        text-transform: lowercase;
        color: #000;
}

#textbody h1.midannounce {
	margin-top:20px;
	font-family: YanaBold;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: large;
	float:none;
	text-transform: none;
	vertical-align: middle;
}

#textbody h1.maintitle {
	margin-top:50px;
	font-family: YanaBold;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: x-large;
	float:none;
	text-align: center;
	text-transform: capitalize;

}

#textbody h1.maintitle:first-letter {
	margin-top:20px;
	font-family: YanaBSwashCapsIBold;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: xx-large;
	float:none;
	text-transform: capitalize;
}


#textbody h1.order {
        padding: 5px 0px 0px 10px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-weight: bold;
        text-transform: lowercase;
        color: #000;
}

#bookspace h2 {
        padding: 0px 0px 0px 0px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        color: #000;
        margin-top: .5em;
        line-height: 1.0em;
}

#bookspace h3 {
        padding: 10px 0px 0px 0px;
        text-align: right;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: x-small;
        line-height: 1.6em;
        text-transform: uppercase;
        color: #000;
}

#bookspace h3 a {
	text-decoration: none;
	color: #00a;
}

#bookspace h3 a:hover {
	text-decoration: underline;
	color: #205;
}

#bookspace p {
        padding: 0px 0px 5px 0px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        color: #000;
        font-style: normal;
        line-height: 1.3em;
}

#bookspacefront {
        margin: 0px 20px 5px 10px;
	float: left;
	width: 500px;
}


#bookspaceright {
        margin: 0px 50px 5px 10px;
	float: left;
	width: 650px;
}

#textbody h1.blurb {
        padding: 0px 0px 0px 30px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-weight: bold;
        text-transform: uppercase;
        color: #00a;
        text-indent: -12px;
}

#bookspaceright h1.findoutmore {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-weight: bold;
        text-transform: lowercase;
        color: #000;
        padding: 0px 0px 0px 10px;
        margin: 0px 0px 0px 15px;
}

#bookspaceright h1.findoutmore img {
        display: inline;
}

#bookspaceright hr {
        height: 3px;
        width: 80%;
        color: #000;
        background-color: #000;
        margin: 0px 0px 0px 15px;
}

#bookspaceright h1.findoutmore a {
        color: #00a;
        font-weight: normal;
}

#bookspaceright h2 {
        padding: 0px 0px 0px 20px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        color: #000;
        margin-top: .5em;
        line-height: 1.3em;
        text-transform: none;
}

#bookspaceright h3 {
        padding: 10px 0px 10px 0px;
        text-align: right;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: x-small;
        line-height: 1.3em;
        text-transform: uppercase;
        color: #000;
}

#bookspaceright h3 a {
	text-decoration: none;
	color: #00a;
}

#bookspaceright h3 a:hover {
	text-decoration: underline;
	color: #205;
}

#fineprint {
        margin: 0px 0px 0px 0px;
	width: 800px;
        font-size: xx-small;
        color: #666;
        text-align:center;
	margin-left:auto;
	margin-right:auto;

}

#fineprint a {
        color: #5555ff;
}

#textbodyfront {
        margin: 0px 0px 0px 0px;
	float: left;
	width: 600px;
}


#textbody {
        margin: 0px 0px 0px 0px;
	padding-left: 20px;
	float: left;
	width: 750px;
	z-index: 1;
}

#textbody h1 {
        padding: 0px 0px 5px 0px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-weight: bold;
        text-transform: uppercase;
        color: #00a;
}

#textbody h2 {
        padding: 0px 0px 20px 20px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: small;
        font-style: italic;
        line-height: 1.5em;
        color: #000;
}

#textbody img.rightside {
	float: right;
        margin: 20px 10px 0px 10px;
}

#textbody img.thumbnail {
        margin: 10px 10px 20px 10px;
        border: 1px solid;
        border-color:#000;
        height: 100px;
        float: left;
}

#textbody img.printthumb {
        margin: 10px 10px 20px 10px;
        border: 1px solid;
        border-color:#000;
        height: 150px;
}

#introtext img.doohickey {
        margin: 0px 5px 0px 30px;
        border: none;
	display:inline;
        float:left;
}

/* Footer */

#bottom {
        background-image: url('http://www.courtneymilan.com/themes/general-images/-bottom.jpg');
	background-repeat: no-repeat;
	background-size: 1000px;
        background-position: bottom left;
	clear: both;
	width: 1000px;
        height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#bottom img {
	display:block;
	border-style:none;
	padding: 0px 0px 0px 0px;
}

div.spoiler {
      border:0px;
      width:80%;
      margin:0 auto;
      position:relative;
      overflow:hidden;
    }

    div.spoiler div.view-protection {
      background-color:#a00;
      width:100%;
      height:50%;
      position:absolute;
      left:0;
      z-index:100;
      -webkit-transition:1s 0s;
      -moz-transition:1s 0s;
    }

    div.spoiler div.view-protection.top {
      top:0;
    }

    div.spoiler div.view-protection.bottom {
      bottom:0;
    }

    div.spoiler:hover div.view-protection {
      -webkit-transition:1s 1s;
      -moz-transition:1s 1s;
    }

    div.spoiler:hover div.view-protection.top {
      top:-50%;
    }

    div.spoiler:hover div.view-protection.bottom {
      bottom:-50%;
    }

    div.spoiler div.text {
      padding:10px 20px;
    }

    div.spoiler div.text > :first-child {
      margin-top:0;
    }

    div.spoiler div.text > :last-child {
      margin-bottom:0;
    }

#final {
        clear: both;
        text-align: center;
        padding: 0 0 5px 80px;
}



#final img {
        border-style:none;
        padding: 0px 0px 0px 2px;
        margin: 0px 23px -4px 0px;
}

#final a{
       color: #00a;
}