/* ODYSSEY CSS - PUREDAZZLE.SE */

/*** GENEREL ***/

body {
	color:#333;
	font-family:"Times New Roman", Helvetica,Arial,sans-serif;
	font-style:italic;
	font-size:12px;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	}

body#index {
	background-color:#fff;
}

body#start {
	background-color:#f1f1f1;
}

.left {
	float:left;
	}
	
.right {
	float:right;
	}
	
.clear {
	clear:both;
	}
	
.uppercase {
	text-transform:uppercase;
	}
	
.bold {
	font-weight:bold;
	}
	
img {
	border:0px;
	}
	
hr {
	color: #472c06;
	background-color: #472c06;
	height: 1px;
	border:0px;
	margin:14px auto 26px auto;
	opacity:0.5;
	width:30%;
	}
	
/*** A HREF ***/

a, a:active {
	color:#923a92;
	text-decoration:none;
	}
	
a:hover { text-decoration:underline; }
	
.clickable {
	cursor:pointer;
	}
	
a.link {
	text-transform:uppercase;
	font-family:"GothamHTF", "Helvetica Neue", Helvetica, Verdana, Helvetica;
	}
	
a.link.prev {
	font-size:11px;
	color:#adacad;
	}

a.link.menu {
	font-size:12px;
	color:#333;
	}
	
a.link.menu.active {
	color:#923a92;
	text-decoration:underline;
	}
	
/*** TYPO ***/

h2 {
color:#923a92;
font-size:20px;
font-weight:normal;
letter-spacing:0;
line-height:26px;
margin:0;
padding:0;
text-align:center;
text-transform:uppercase;
	}
	
h3 {
	color:#999999;
	font-size:15px;
	line-height:23px;
	margin:15px 10px;
	padding:0;
	text-align:center;
	text-transform:uppercase;
		}
		
h4 {
	color:#472c06;
	font-size:12px;
	margin:3px 0 0px 0;
	padding:0;
	}
	
p {
color:#333333;
font-size:16px;
line-height:22px;
margin:10px 0 30px 0;
padding:0;
	}
	
p.news {
	font-size:18px;
	}
	
span.quote {
	font-size:20px;
	}

/*** GENEREL GRID ***/
#header {
	background-color:#fff;
	text-align:center;
	padding:23px 0;
	float:left;
	width:100%;
	clear:both;
	}
	
#moviewrapper {
	float:left;
	width:100%;
	background-color:#f1f1f1;
	text-align:center;
	padding:50px 0 20px;
	margin:0 0 30px 0;
	}
	
#textwrapper {
		margin:0 auto;
		width:623px;
		text-align:center;
	}

/*** movie wrapping  ***/

#moviewrapper div.moviecontainer {
	width:787px;
	margin:0 auto;
	}

#moviewrapper ul {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	}
	
#moviewrapper ul li {
	float:left;
	margin:0 8px;
	}
	
#moviewrapper ul li img {
	opacity:0;filter:alpha(opacity=0)
	}
	
/*** movie menu  ***/

div.moviemenu {
margin:0 auto 9px auto;
text-align:center;
	}
	
div.moviemenu span {
	padding:0 10px;
	}
	
/*** reviews ***/

div#reviews {
	margin-top:18px;
	}