@charset "UTF-8";

html,body {margin:0; padding:0; height:100%}
html {background:transparent url(../images/grad.png) repeat-x}
div#container {position:relative; min-height:100%}

div#header {text-align:right; width:760px; margin:0 auto}
div#sidebar {float:left; width:308px; padding-right:32px; position:relative; top:-95px}
div#movie {height:224px; width:288px}
div#content {width:760px; margin:0 auto}
div#footer {clear:both; text-align:center; background:transparent url(../images/bottom.png) 10px repeat-x}
div#footer p {border-top:1px grey solid; border-bottom:1px grey solid; line-height:4em; margin:0; color:white}

h1,h2 {color:white; font-family:Verdana, Arial, Helvetica, sans-serif}
h1 {border-bottom:3px double white; font-size:2.3em; margin-left:300px}
h2 {font-size:1.3em; margin-top:-20px}
h3 {font-size:1.3em; color:#4d52bd; text-align:center}

p.order {line-height:100px; height:100px; text-align:center; margin-left:-20px}
a.order {background:transparent url(../images/order2.png) repeat-x; display:block; color:yellow; font-size:2em; text-decoration:none; border:yellow 1px solid}
a.order:hover {background:transparent url(../images/order.png) repeat-x}

a {text-decoration:none; border-bottom:1px dotted; font-weight:bold; color:#FF3000}
a:hover {border-bottom:1px solid}

p {font-family:"Times New Roman", Times, serif; font-size:1.1em; line-height:1.3em}
span {color:grey; font-size:.9em}
strong {color:#FFD300; background-colo:red}

img {float:right}

blockquote {font-size:1.1em; line-height:1.2em; background:transparent url(../images/blockquote.png) 0 -5px no-repeat; margin-left:330px; padding-left:100px}
p.source {text-align:right; margin-top:-15px; line-height:1.1em}

ul {margin-left:300px}
li {list-style-type:none; padding-left:30px; background:transparent url(../images/check.png) no-repeat; font-size:1.1em; line-height:1.2em}