/*
The-Teen-Spirit.dk
Design version2
Start: 2006/07/19
David Bjerre
*/

body, html, div {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Verdana;
	font-size: 11px;
	}

/* Mac IE hack\*/
* html div {
	display: inline-block
	}
/* End hack */

a:link, a:visited { 
	color: blue;
	text-decoration: underline;
	}

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

img {
	padding: 0;
	margin: 0;
	border: 0;
	}

p {
	margin: 0 0 10px 0;
	padding: 0px;
	}

body {
	text-align: center;
	background: white url(/look/bg_liniarpaper.gif);
	}

h1 { 
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
	}

h2 { 
	font-weight: bold;
	font-size: 12px;
	text-transform: lowercase; 
	margin: -10px 0 0 0;
	}

h3 { 
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase; 
	line-height: 1.4;
	margin: 0 0 10px 0;
	}

h4 {
	display: inline;
	font-weight: bold;
	font-size: 13px;
	line-height: 3;
	border-bottom: solid 2px red;
	}

h5 {
	font-size: 13px;
	font-weight: bold;
	}

h6 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 10px 0;
	}

#wrapper {
	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	}

#top {
	margin-bottom: 20px;
	}

#left-panel {
	width: 150px;
	float: left;
	text-align: center;
	}

#content {
	margin-left: 170px;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	background-color: white;
	border: 2px solid red;
	}

#content-center {
	margin-left: 170px;
	margin-right: 170px;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	background-color: white;
	border: 2px solid red;
	}

#right-panel {
	width: 150px;
	float: right;
	text-align: center;
	}

#footer {
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: right;
	clear: both;
	}

/* mainpages stuff */

#welcome {
	margin-left: 170px;
	margin-right: 170px;
	width: auto;
	padding: 20px;
	background-color: #fff0f5;
	border: 2px solid #ff1493;
	font-size: 13px;
	}

#welcome p {
	margin: 10px 0px;
	}

#updates {
	background-color: #ffff85;
	font-family: Arial; 
	text-align: left;
	margin: -2px 0px;
	padding-top: 10px; 
	padding-left: 10px;
	padding-right: 10px;
	}

#information, #formpage, #the411page, #quotespage, #sitemap {
	margin-left: 170px;
	width: auto;
	font-size: 12px;
	}

#sitemap ul {
	list-style-type: circle;
	margin: 10px 30px;
	padding: 0;
	}

.theform {
	padding: 20px;
	background-color: #DDFFDD;
	}

.theform label {
	font-weight: bold;
	}

/*
categories stuff
*/

#categories, #categoriesindex {
	margin-left: 170px;
	width: auto;
	font-size: 12px;
	}

#categoriesindex a:link, #categoriesindex a:visited { 
	color: black;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	}

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

.catbox { 
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 190px;
	float: left;
	}

#catremember { 
	background-color: #99FF99;
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

#catgirlietalk { 
	background-color: #0ff;
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

#catdramaqueen {
	background-color: #e6e6fa; 
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

#catguything {
	background-color: #ff6347;
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

#catfancyfree {
	background-color: #FFFF66;
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

#catforkids {
	background-color: #87cefa;
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

#catdelinquent {
	background-color: #CCCC99;
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

#catgutter {
	background-color: #ffb6c1;
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

#cattvtalent {
	background-color: #ee82ee;
	border: solid 2px #800000;
	padding: 10px;
	font-size: 12px;
	}

.categoryheadline {
	font-size: 14px;
	}

.categoryimage {
	border: solid 2px #800000;
	}

.returntocat {
	margin-top: 30px;
	}

#essentialviewing {
	text-align: center;
	}

#essentialviewing ul, #essentialviewing li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	}

#essentialviewing img {
	margin: 5px;
	border: solid 2px #800000;
	}

/*
review stuff
*/

#reviewlist	{
	margin-left: 170px;
	margin-right: 170px;
	width: auto;
	font-size: 12px;
	}

ul 	{
	list-style-position: inside;
	list-style-image: url(/look/bullet.gif);
	margin: 0;
	padding: 0;
	}

#recent5 {
	width: auto;
	background-color: #bbffaa; 
	text-align: center;
	}

#recent5header {
	font-weight: bold;
	font-size: 14px;
	line-height: 2;
	}

#recent5 img {
	margin: 0 0 5px 0;
	padding: 0px;
	}

.alphabetheader {
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
	line-height: 2.5;
	}

/*
single review stuff
*/

#reviewromance {
	margin-left: 170px;
	width: auto;
	background-color: white;
	background-image: url(/look/bg_hearts.gif);
	border: 2px solid #f00;
	}

#reviewcomedy {
	margin-left: 170px;
	width: auto;
	background-color: white;
	background-image: url(/look/bg_smiley.gif);
	border: 2px solid #ff8c00;
	}

#reviewdrama {
	margin-left: 170px;
	width: auto;
	background-color: white;
	background-image: url(/look/bg_happysad.gif);
	border: 2px solid #00008b;
	}

#reviewtop {
	margin: 0px;
	padding: 20px; 
	}

#review {
	margin: 0px;
	padding: 20px
	}

#filminfo {
	width: auto;
	background-color: #ffff85;
	font-family: Arial; 
	text-align: center;
	margin: -2px 0px;
	padding-top: 10px; 
	padding-left: 10px;
	padding-right: 10px;
	}

#amazonbox {
	margin: 20px 0;
	}

#dlthis {
	width: 100%;
	background-color: #333333;
	border: solid 5px #333333; 
	margin-top: 15px;
	}

#dlthis-header {
	color: #00FF00;
	margin: 5px;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	}

.dlthis-txt {
	color: white;
	margin: 0 0 5px 0;
	padding: 0;
	}

#dlthis-cover {
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
	}

.dlthis-odd {
	border: 2px solid #00FF00;
	color: black;
	background-color: white;
	padding: 3px;
	}

.dlthis-even {
	border-left: 2px solid #00FF00;
	border-right: 2px solid #00FF00;
	color: black;
	background-color: #00FF00;
	padding: 3px;
	}

.dlthis-song {
	text-align: left;
	font-size: 10px;
	background-color: transparent;
	margin: 0 0 3px 0;
	padding: 0;
	}

.dlthis-artist {
	text-align: right;
	font-size: 10px;
	background-color: transparent;
	margin: 0;
	padding: 0;
	}

.dlthis-buy {
	font-size: 9px;
	color: white;
	margin: 0 5px 10px 5px;
	padding: 0;
	}

#dlthis a:link, #dlthis a:visited { 
	color: white;
	text-decoration: underline;
	}

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

#gallerybox {
	margin-top: 20px;
	margin-left: 170px;
	text-align: center;
	padding-top: 15px;
	background-color: #008000;
	}

#gallerybox img {
	margin: 0px 5px 10px 5px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	vertical-align: top;
	}

.xtraimage-c	{
	text-align: center;
	margin: 10px 0px;
	}

#reviewromance .xtraimage-c img {
	border: 2px solid #f00;
	}

#reviewcomedy .xtraimage-c img {
	border: 2px solid #ff8c00;
	}

#reviewdrama .xtraimage-c img {
	border: 2px solid #00008b;
	}

#infobox {
	float: right;
	width: 180px;
	margin-left: 15px;
	margin-bottom: 10px;
	}	

#ratingbox {
	width: auto;
	border: 1px solid #f00;
	background-color: #ffc0cb;
	margin-bottom: 10px;
	}

#ratingheadline {
	color: maroon;
	font-weight: bold;
	font-size: 13px;
	margin-top: 5px;
	margin-left: 5px;
	}

#symbolbox {
	width: auto;
	border: 1px solid #008000;
	background-color: #90ee90;
	padding: 5px;
	}

#symbolbox img {
	border: 1px solid #008000;
	}

#symbolcat {
	text-align: center;
	margin-top: 5px;
	}

#symbolheadline {
	color: #006400;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
	}

#specialbox {
	float: right;
	width: 180px;
	margin: 10px 0 10px 10px;
	border: 1px solid #0000FF;
	background-color: #87CEFA;
	padding: 5px;
	}

#specialboxheadline {
	color: #000080;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
	}

#specialboxcaption {
	font-size: 11px;
	font-style: italic;
	}

#specialboxcounter {
	font-size: 13px;
	font-family: Courier;	
	font-weight: bold;
	}

#specialboxtxt {
	font-size: 10px;
	}

#quote {
	color: #696969;
	xfont-style: italic;
	font-size: 15px;
	text-align: center;
	margin: 20px 100px;
	}

#signature {	
	text-align: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	}

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

#signature a:visited { 
	color: blue;
	text-decoration: none;
	}

#signature a:hover { 
	color: red;
	text-decoration: none;
	}

/*
topteen stuff
*/

#topteenpage {
	margin-left: 170px;
	width: auto;
	font-size: 12px;
	}

.topteenlist {
	text-align: center;
	margin-bottom: 50px;
	font-size: 12px;
	}

.topteenlist img {
	vertical-align: middle;
	margin: 0 5px 0 5px;
	}

.topteenbox {
	width: auto;
	background-color: white;
	border: 2px solid red;
	}

.topteenbox td {
    vertical-align: top;	
	}

.topteenheader {
	font-size: 13px;
	text-transform: uppercase;
	padding: 10px;
	color: white;
	background-color: red;
	font-weight: bold;
	}

.topteen-odd {
	background-color: white;
	}

.topteen-even {
	background-color: yellow;
	}

.toptitle {
	font-size: 13px;
	font-weight: bold;
	color: black;
	}

.topteenactor {
	font-style: italic;
	font-size: 11px;
	margin: -10px 0 10px 0;
	}

.topquotetitle {
	font-weight: bold;
	font-size: 11px;
	color: black;
	}

.topquote {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	color: black;
	}

.topscene {
	font-size: 11px;
	color: black;
	}

.topposter {
	text-align: center;
	}

#topteensuggest {
	margin-top: 20px;
	background-color: yellow;
	border: 2px solid red;
	padding: 10px;
	}

#topteensuggest p {
	font-size: 13px;
	}

/*
ruler stuff
*/

#rulermenu { 
	background-image: url(/look/rulermenu.gif);
	background-repeat: no-repeat;
	color: white;
	width: 150px;
	height: 400px;
	}

#reviewmenu { 
	background-image: url(/look/reviewmenu.gif);
	background-repeat: no-repeat;
	color: white;
	width: 150px;
	height: 400px;
	}

#rulermenu p, #reviewmenu p {
	margin: 5px 0;
	}

#rulertxt {
	padding-top: 35px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Courier;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	}

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

#rulermenu a:visited { 
	color: white;
	text-decoration: none;
	}

#rulermenu a:hover { 
	color: white;
	background-color: red;
	}

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

#reviewmenu a:visited { 
	color: white;
	text-decoration: none;
	}

#reviewmenu a:hover { 
	color: white;
	background-color: red;
	}

.rulerheader { 
	font-family: Courier;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
	text-align: center;
	}

/*
list stuff
*/

dl	{
	list-style-image: url(/look/bullet.gif);
	margin: 15px;
	padding: 0;
	}

#the411page dt {
	font-weight: bold;
	}

#the411page dd {
	font-style: italic;
	}

/*
diverse site stuff
*/

.banner { 
	margin-top: 10px;
	border: solid 3px #808080
	}

.headline {
	font-weight: bold;
	}

.panelcontainer {
	width: 150px;
	margin-top: 15px
	}

.poster { 
	background-color: #A52A2A;
	border: solid 3px maroon; 
	padding: 2px;
	margin-top: 15px;
	}

.heart {
	padding: 10px;
	text-align: center;
	}

.quotebox {
	text-align: center;
	color: black;
	border-top: 1px solid black;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid black;
	background: white url(/look/bg_filmreel.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 20px 120px 20px 120px;
	}

.quoteboxheader {
	color: black;
	font-size: 11px;
	text-align: left;
	padding: 0;
	margin: 0;
	text-transform: uppercase; 
	font-style: italic;
	}

.quoteboxtxt {
	color: #009966;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 40px 30px 30px 30px;
	}

.quoteboxwhat {
	font-size: 10px;
	text-align: right;
	padding: 0;
	margin: 0;
	}

.quoteboxwhat a:link, .quoteboxwhat a:visited { 
	color: black;
	text-decoration: none;
	}

.quoteboxwhat a:hover { 
	color: red;
	text-decoration: underline;
	}

.randomquote {
	margin: 15px 0 0 0;
	font-style: italic;
	}

.randomquotetitle {
	margin: 0 20px 10px 60px;
	font-weight: bold;
	}
	
.xtraimage-random {
	text-align: center;
	margin: 10px 0px;
	}


/*
TV stuff
*/

#reviewtv {
	margin-left: 170px;
	width: auto;
	background-color: white;
	background-image: url(/look/bg_tv.gif);
	border: 2px solid #009900;
	}

#bestepisodes {
	margin-top: 10px;
	margin-left: 170px;
	width: auto;
	background-color: white;
	border: 2px solid #009900;
	}

#bestepisodesheader {
	font-size: 15px;
	color: white;
	background-color: #009900;
	padding: 10px;
	}

.episodebox {
	width: auto;
	min-height: 135px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #009900;
	}

.episodebox img {
	clear: both;
	float: left;
	margin-right: 10px;
	}

#bestepisodes .tvheader1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 190px;
	}

#bestepisodes .tvheader2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 190px;
	}

#bestepisodes .tvtxt {
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 5px 190px;
	}

#bestepisodes .tvquote {
	font-style: italic;
	}