/* sting.css */

/* styling */
body { margin: 0px; padding: 0px; background-color: #49250A; background-image: url(/prx/000/http/www.markschenk.com/cssexp/contentnstyle/images/hookerandgondorf.jpg); background-attachment: fixed; background-position: 5% 50%; background-repeat: no-repeat; }
h1 { padding: 0px; width: 310px; color: #F7BA87; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-size: 22px; font-style: italic; text-align: right; word-spacing: 15px; position: absolute; top: 10px; left: 20px; }
p { padding: 2px; margin: 0px 20px 10px 20px; color: #FFFFF0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
div.main { border-style: solid; border-width: 1px; border-color: #D3D3D3; padding: 5px; margin: 10px 20px 100px 370px; width: auto; background-image: url(/prx/000/http/www.markschenk.com/cssexp/contentnstyle/images/dark.png); background-color: #4C270B; text-align: justify; min-width: 400px; }
p:before { display: block; color: #F4A460; font-weight: bold; font-size: 14px; text-transform: capitalize; }
a,a:visited { padding: 0px; color: #8B0000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; position: relative; left: 23px; top: -10px; }
a:hover { color: #006400; }
div.main:after { color: #FFFFE0; font-size: 10px; }
#nostyle { display: none; }

/* content */
#headline { content: "\0022 All it takes is a little confidence! \0022"; }
#introduction { content: "The Sting is a brilliant movie, with an ingenious plot and a collection of fine actors. The story is set in the Chicago of the 1930s where the conman Johnny Hooker, played by Robert Redford, tries to seek revenge for the murder on his partner by teaming up with the big man Gondorf (played by Paul Newman) to play a big con on the banker/mobster Doyle Lonnegan. The plot is clever, funny and full of unexpected twists and turns which makes it a great watch along with the 30s atmosphere."; }
#introduction:before { content: counter(chapter) "- The Sting (1973)"; counter-increment: chapter; }
#introduction:after { padding-top: 10px; display: block; content: url(/prx/000/http/www.markschenk.com/cssexp/contentnstyle/images/crew.jpg); }
#content { content: "The soundtrack of the movie is also beautiful because the director chose to closely incorporate existing Ragtime pieces by Scot Joplin into the movie. These pieces of music set the tone of many scenes and especially the song 'The Entertainer' has gained wide-spread attention by this movie."; }
#content:before { content: counter(chapter) "- Soundtrack"; counter-increment: chapter; }
#stylesheet { display: none; }
#advanced { content: "Henry Gondorf is the greates con artist all time. He played many big cons untill one of his marks got suspicious of a stocks deal and turned the Feds on Gondorf. He hides out until one day he is visited by Johnny Hooker who convinces him to get his gang together again and Sting a big-time banker/mobster."; }
#advanced:before { content: counter(chapter) "- Henry Gondorf <- hover me!"; counter-increment: chapter; }
#advanced:hover:before { content: counter(chapter) "- Henry Gondorf"; counter-increment: chapter; }
#advanced:after { display: none; }
#advanced:hover:after { padding-top: 10px; display: block; content: url(/prx/000/http/www.markschenk.com/cssexp/contentnstyle/images/newman.jpg); }
#usage { content: "Johnny Hooker is the simple conman on the street, living off small-time scams. His partner is Luther Coleman who decides to call it a day when they con a man for a large sum of money. However this guy was a money-runner for mobster Doyle Lonnegan with fatal consequences for Luther and leaving Hooker on the run and ready for revenge: The Sting!"; }
#usage:before { content: counter(chapter) "- Johnny Hooker <- hover me!"; counter-increment: chapter; }
#usage:hover:before { content: counter(chapter) "- Johnny Hooker"; counter-increment: chapter; }
#usage:after { display: none; }
#usage:hover:after { padding-top: 10px; display: block; content: url(/prx/000/http/www.markschenk.com/cssexp/contentnstyle/images/redford.jpg); }
div.main:after { content: "\00A9  2003 - Mark Schenk"; }