body {background: url(tt/back.png) #D6D4D4; text-align: center; font: 0.74em/1.5em Verdana, Arial, Helvetica, Sans-Serif; margin: 20px 0px 20px; padding: 0px;}

#wrap {background: url(tt/bg.png) left top repeat-y;}
#wrap {width: 746px; margin: 0 auto; border: 1px solid #5E7860; text-align: left;}

#filmwrap {background: url(tt/bg.png) left top repeat-y;}
#filmwrap {width: 746px; margin: 0 auto; border: 1px solid #5E7860; text-align: left;}

#top {background: #000000; margin: 0 0 0 0px; border-bottom: 2px solid #000000;}
#top #flashcontent {margin: 0; width: 435px ; height: 80px ; display: inline; float: left; clear: both;}
#top #search {position: relative; top: -34px; clear: both; text-align: right; text-transform: uppercase; font-size: 1.3em; padding-top: 10px;}
#top #search form {margin: 5px 5px 5px 5px;}
#top #search input {font-size: 0.8em; margin: 0;}
#top #search .searchbutton {font-size: 1em; display: block;}

#topnav {list-style: none; text-align: right; margin: 0; padding: 5px 20px 0px 0; height: 80px;}
#topnav li {padding: 0px; margin: 0; font-size: 1em;}
#topnav a {color: #FFFFFF; text-decoration: none; font-weight: bold;}
#topnav a:visited {color: #FFFFFF;}
#topnav a:hover {color: #F3B131;}

#banner {position: relative; top: -30px; border-bottom: 2px solid #FFFFFF; height: 147px; background: url(tt/landscape.png);}
#banner img {margin: 0px 0px 0px 0px;}

#style {position: relative; bottom: 30px; padding: 2px;}

#main {margin: 0;}
#main a {color: #A31F2C; background: url(http://poirot.us/CSS/tt/arwlfto.png) right center no-repeat; padding-right: 0px}
#main a:hover {text-decoration: none;}

#side {position: relative; top: 6px; float: left; list-style: none; margin: 0 0 30px 0; padding: 0;}
#side li {margin: 0 0 1px 0;}

#side a {width: 145px; padding: 7px 25px 7px 0; display: block; text-decoration: none; color: #FFFFFF; text-align: right; font-size: 1.2em;}

#side .home a {background: url(tt/linkback.png);}
#side .home a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .poirot a {background: #5E7860 url(tt/arwlft.png);}
#side .poirot a:hover {font-weight: bold; color: #000000; background: url(tt/arwdwn.png);}
#side .marple a {background: #5E7860 url(tt/arwlft.png);}
#side .marple a:hover {font-weight: bold; color: #000000; background: url(tt/arwdwn.png);}
#side .other a {background: #5E7860 url(tt/arwlft.png);}
#side .other a:hover {font-weight: bold; color: #000000; background: url(tt/arwdwn.png);}
#side .agatha a {background: #5E7860 url(tt/arwlft.png);}
#side .agatha a:hover {font-weight: bold; color: #000000; background: url(tt/arwdwn.png);}
#side .writing a {background: #5E7860 url(tt/arwlft.png);}
#side .writing a:hover {font-weight: bold; color: #000000; background: url(tt/arwdwn.png);}
#side .fun a {background: url(tt/linkback.png);}
#side .fun a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .forums a {background: url(tt/linkback.png);}
#side .forums a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .news a {background: url(tt/linkback.png);}
#side .news a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .links a {background: url(tt/linkback.png);}
#side .links a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .contact a {background: url(tt/linkback.png);}
#side .contact a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .support a {background:url(tt/linkback.png);}
#side .support a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .about a {background: url(tt/linkback.png);}
#side .about a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .shop a {background: url(tt/linkback.png);}
#side .shop a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}

#side .current a {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .current a:hover {font-weight: bold; color: #000000; background: url(tt/currback.png);}
#side .currentdrop a {font-weight: bold; color: #000000; background: #F3B131 url(tt/arwdwn.png);}
#side .currentdrop a:hover {font-weight: bold; color: #000000; background: #F3B131 url(tt/arwdwn.png);}
#side .drop a {font-weight: bold; color: #000000; background: #5E7860 url(tt/arwdwn.png) 158px 13px no-repeat}
#side .drop a:hover {font-weight: bold; color: #000000; background: #F3B131 url(tt/arwdwn.png) 158px 13px no-repeat}

#side ul {margin: 0; padding: 0; list-style: none; margin: 1px 0 0 0;}
#side ul li {margin: 0 0 1px 0;}

#subnav a:link {width: 165px; padding: 3px 5px 3px 0; display: block; background: #F0EBE6; text-decoration: none; color: #404040; text-align: right; font-size: 0.9em;}
#side #subnav a:visited {width: 165px; padding: 3px 5px 3px 0; display: block; background: #F0EBE6; text-decoration: none; color: #404040; text-align: right; font-size: 0.9em;}
#side #subnav a:hover {width: 165px; padding: 3px 5px 3px 0; display: block; background: #DCD3CB; text-decoration: none; color: #404040; text-align: right; font-size: 0.9em;}
#side #subnav #picked a {width: 165px; background: #9DCCCA; padding: 3px 5px 3px 0; text-transform: uppercase; color: #000000;}
#side #subnav .innerdrop a {width: 145px; padding: 2px 25px 7px 0; display: block; color: #000000; text-align: right; font-weight: bold; background: #F3B131 url(tt/arwdwn.png);}

#innernav a:link {width: 185px; padding: 3px 5px 3px 0; display: block; background: #D0D0D0; text-decoration: none; color: #404040; text-align: right; font-size: 0.9em; border: 1px solid #363636;}
#side #innernav a:visited {width: 185px; padding: 3px 5px 3px 0; display: block; background: #D0D0D0; text-decoration: none; color: #404040; text-align: right; font-size: 0.9em; border: 1px solid #363636;}
#side #innernav a:hover {width: 185px; padding: 3px 5px 3px 0; display: block; background: #D0D0D0; text-decoration: none; color: #404040; text-align: right; font-size: 0.9em; border: 1px solid #FF0000;}
#side #innernav .picked a {width: 185px; background:#9DCCCA; padding: 3px 5px 3px 0; text-transform: uppercase; color: #000000;}

#article {margin: -40px 15px 0 190px; font-size: 1em;}
#article strong {color: #E40000;}
#article ol {margin: 40px;}
#article ul {list-style: none;}
#article ul li {padding: 3px 20px 3px 13px; color: #000000;}
#article a {background: none; padding-right: 0}
#article h1 {margin: 0px 0 10px 0; padding: 0px 0 2px 0px; font: 2.7em "Georgia", Times, Serif; letter-spacing: 0.03em; color: #171717; text-transform: uppercase;}
#article h2 {margin: 9px 0 10px -10px; padding: 0px 0 7px 20px; font: 2.2em "Georgia", Times, Serif; letter-spacing: .5em; color: #171717; text-transform: uppercase; background-color: #CBD5CC;}
#article h3 {padding-left: 10px; font: 1.4em "Georgia", Times, Serif; letter-spacing: .5em; color: #171717; text-transform: uppercase; background-color: #CBD5CC; padding-left: 50px; width: 270px;}
#article h4 {padding-left: 5px; font: 1.4em "Georgia", Times, Serif; letter-spacing: .5em; color: #171717; text-transform: uppercase; background-color: #CBD5CC; padding-left: 50px; width: 370px;}
#article h5 {padding-left: 0px; font: 1.2em "Georgia", Times, Serif; letter-spacing: .01em; border-bottom: 1px dashed #CBD5CC; font-weight: bold; padding-left: 10px;}
#article h6 {padding-left: 5px; font: 1.5em "Georgia", Times, Serif; letter-spacing: .01em; border-bottom: 1px dotted #CBD5CC; font-weight: bold; padding-left: 35px;}

#article #pprofile {background: url(http://poirot.us/CSS/tt/pprofile.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #pnovels {background: url(http://poirot.us/CSS/tt/pnovels.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #timeline {background: url(http://poirot.us/CSS/tt/timeline.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #costume {background: url(http://poirot.us/CSS/tt/costume.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #ptvfilm {background: url(http://poirot.us/CSS/tt/ptvfilm.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #pcrime {background: url(http://poirot.us/CSS/tt/pcrime.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #mansions {background: url(http://poirot.us/CSS/tt/mansions.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #suchet {background: url(http://poirot.us/CSS/tt/suchet.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #obituary {background: url(http://poirot.us/CSS/tt/obituary.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #pgallery {background: url(http://poirot.us/CSS/tt/pgallery.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #mprofile {background: url(http://poirot.us/CSS/tt/mprofile.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #mnovels {background: url(http://poirot.us/CSS/tt/mnovels.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #mscreen {background: url(http://poirot.us/CSS/tt/mscreen.png) no-repeat; padding: 10px 0px 50px 0px;}
#article #mcontest {background: url(http://poirot.us/CSS/tt/mcontest.png) no-repeat; padding: 10px 0px 50px 0px;}

#article #poll {margin: 0px;}
#article #poll table {width: 400px;}

#extarticle {margin: -40px 15px 0 210px; font-size: 1em;}
#extarticle strong {color: #E40000;}
#extarticle ul {list-style: none;}
#extarticle ul li {padding: 3px 20px 3px 13px; color: #000000;}
#extarticle a {background: none; padding-right: 0;}
#extarticle h1 {margin: 0px 0 10px 0; padding: 0px 0 2px 0px; font: 2.7em "Georgia", Times, Serif; letter-spacing: 0.03em; color: #171717; text-transform: uppercase;}
#extarticle h2 {margin: 9px 0 10px -10px; padding: 0px 0 7px 20px; font: 2.2em "Georgia", Times, Serif; letter-spacing: .5em; color: #171717; text-transform: uppercase; background-color: #CBD5CC;}
#extarticle h3 {padding-left: 10px; font: 1.4em "Georgia", Times, Serif; letter-spacing: .5em; color: #171717; text-transform: uppercase; background-color: #CBD5CC; padding-left: 50px; width: 400px;}
#extarticle h4 {padding-left: 5px; font: 1.4em "Georgia", Times, Serif; letter-spacing: .5em; color: #171717; text-transform: uppercase; background-color: #CBD5CC; padding-left: 50px; width: 370px;}
#extarticle h5	{padding-left: 5px; font: 1em "Georgia", Times, Serif; letter-spacing: .01em; border-bottom: 1px dashed #CBD5CC; font-weight: bold; padding-left: 40px;}

.dot {margin-right: 8px;}
 
#info {float: right; width: 195px; border-left: 1px dotted #680E0E; font-size: 0.9em; padding: 10px 10px 0 10px; margin-bottom: 30px; margin-left: 15px; clear: right; position: relative; top: -60px;}
#info h2 {text-transform: uppercase; border-bottom: 1px dotted #ccc; font-size: 1.0em; color: #171717; padding: 0 0 10px 40px;}
#article h3, #info h3 {margin: 0; font-weight: normal;}
#info p {margin: 0px 0 5px 0;}
#info img {margin-bottom: 10px;}
#info .events {background: url(tt/events.png) no-repeat;}
#info .investigate {background: url(tt/investigate.png) no-repeat;}
#info .poll {background: url(tt/vote.png) no-repeat;}
#info #poll table {width: 190px;}
#info .quote {background: url(http://poirot.us/CSS/tt/quote2.png) no-repeat;}
#face {float: right; width: 195px; font-size: 0.9em; padding: 10px 10px 0 10px; margin-bottom: 30px; margin-left: 15px; clear: right; position: relative; top: -60px; z-index: 100;}
#face .facebook {background: #D8DFEA; padding-bottom: 6px; border: 1px solid #000;}

#moreinfo {width: 335px; padding: 10px 10px 0 10px; margin-bottom: 30px; margin-left: 170px;}
#moreinfo h2 {text-transform: uppercase; border-bottom: 1px dotted #ccc; font-size: 1.0em; color: #171717; padding: 0 0 10px 40px;}
#moreinfo p {margin: 0px 0 5px 0;}
#moreinfo img {float: left; margin: 10px;}
#moreinfo .events {background: url(tt/events.png) no-repeat;}
#moreinfo .investigate {background: url(tt/investigate.png) no-repeat;}
#moreinfo .quote {background: url(http://poirot.us/CSS/tt/quote2.png) no-repeat;}

.side {float: right; margin: 0 0 10px 10px;}
.leftpic {float: left; margin: 10px 10px 10px 0px; padding: 3px; border: 1px solid #ccc;}
.rightpic {float: right; margin: 10px 0px 10px 10px; padding: 3px; border: 1px solid #ccc;}
.midpic {text-align: center; font-weight: bold; color: #0C2555; margin: 15px 0 15px 0;}
.midpic img {padding: 3px; border: 1px solid #ccc;}
.lines {width: 500px; color: #000000; border: 2px solid #404040; padding: 15px 15px; background: #E5EBE5;}
.quote {background: url(http://poirot.us/CSS/tt/quote1.png) no-repeat #2C2C2C; background-position: 5px 8px; padding: 10px 0 10px 40px; color: #000000; text-transform: uppercase;}
#youtube1 {text-align: center;}
#youtube2 {text-align: center;}
#youtube3 {text-align: center;}
#youtube4 {text-align: center;}
#youtube5 {text-align: center;}

#soundclip {visibility: visible;}

#flags {position: relative; top: 10px; padding-left: 10px; padding-right: 10px;}

blockquote {background-color: #D1F0FF; font: 1.2em Georgia, "Times New Roman", Times, serif; color: #000000; line-height: 1.8em; padding: 10px; margin: 0; width: 300px;}
blockquote p {margin: 0;}

.col {width: 220px; float: left;margin:5px 10px 20px 10px}
.col ul {margin:0; padding: 0;}
.col li {margin:0; padding: 0;}
.col h3 {border-bottom: 1px dotted #ccc; padding: 18px 0 3px 0}
.col h3 a {text-decoration: none; font-weight: bold}
.map ul {margin: 0; padding: 0}

#article table {font: 1.1em Georgia, "Times New Roman", Times, serif; color: #000000; line-height: 1.5em; width: auto;}

#forum {background-color: #F8F7C8; font-size: 12px; font-weight: bold; font-family: Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #000072;
	padding: 0px 5px 5px 0px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	list-style-image: url(../images/dot.png);
	width: 355px;
	margin-left: 170px;
}

#forum center {font-size: 12px;	font-weight: bold; color: #000000;}
#forum a {font-size: 12px; text-indent: -10px; text-decoration: none; text-transform: uppercase; color: #A60008;}
#forum a:visited {text-decoration: none; text-transform: uppercase; color: #A60008;}
#forum a:hover {text-decoration: none; text-transform:uppercase; color: #E2A012;}

#footer {clear: both; color: #171717; background: #CBD5CC; border-top: 1px dotted #ccc; border: 2px solid #fff; border-width: 3px 0 0px 0; font-size: 0.8em; padding: 2px 0 2px 0; margin-top: 30px}
#footer img.displayed {display: block; margin-left: auto; margin-right: auto; text-align: center;}
#footer span {float: right;}
#footer a {color: #171717; padding-left: 25px; padding-right: 25px;}
#footer a:visited {color: #171717;}
#footer a:hover {color: #5E7860; text-decoration: none; font-weight: bold;}