body {
  background: #0066cc;
  margin: 0;
  padding: 0;
  font: 10.5pt/1.3em "Trebuchet MS", Helvetica, Arial;
}

#container {
  width: 954px;
  height:auto;
  position: relative;
  top:0px;
  background: #fff url('images/bg-main.jpg') top left repeat-y;
  margin: auto;

}
#clearer
{
	width: 954px;
	clear:both;
}
.comment-banner
{
	font-size:large;
	font-weight: bold;
	color: Black;
}
.comment1{
position: relative;
font: 10.5pt/1.3em "Trebuchet MS", Helvetica, Arial;
width: 500px;
background:url("images/comment1-mid.jpg") repeat-y;
}
.comment1-top{
float: left;
width: 500px;
background: url("images/comment1-top.jpg") top left no-repeat;
font-size: 16px;
font-weight: 600;
}
.comment1-mid{
float: left;
width: 500px;
background: url("images/comment1-mid.jpg") top left repeat-y;
font-size: 12px;
}
.comment1-bottom{
float: left;
width: 500px;
height: 36px;
background: url("images/comment1-bottom.jpg") top left no-repeat;
}
.comment-content{
float: left;
	width: 470px;
	margin-left: 17px;
	padding-top: 10px;

}
.date{
font-size:12px;
font-style: italic;
font-weight: normal;
}
.comment-title{
float: left;
width: 470px;
margin-top: 20px;
padding-left: 17px;
padding-right: 15px;
background: url("images/comment1-mid.jpg") bottom left repeat-y;
}

.comment-title2{
float: left;
width: 470px;
margin-top: 20px;
padding-left: 17px;
padding-right: 15px;
background: url("images/comment2-mid.jpg") bottom left repeat-y;
}


.comment2{
position: relative;
font: 10.5pt/1.3em "Trebuchet MS", Helvetica, Arial;
width: 500px;
background:url("images/comment2-mid.jpg") repeat-y;
}
.comment2-top{
float: left;
width: 500px;
background: url("images/comment2-top.jpg") top left no-repeat;
font-size: 16px;
font-weight: 600;
}
.comment2-mid{
float: left;
width: 500px;
background: url("images/comment2-mid.jpg") top left repeat-y;
font-size: 12px;
}
.comment2-bottom{
float: left;
width: 500px;
height: 36px;
background: url("images/comment2-bottom.jpg") top left no-repeat;
}
#clearer
{
	clear:both;
	width: 600px;
}
#customWrap a
{
    color:#0000ff;
}

#customWrap a:hover
{
    color:#ff0000;
    text-decoration:none;
}
#main-top {
width:954px;
height:225px;
background: url(images/bg-main-top.png) top left no-repeat;

}
#main-bottom {
	width:954px;
	height:200px;
	background:url(images/bg-main-bottom.jpg) top left no-repeat;
	position:absolute;
	left: 0px;
	background-color: #0066cc;
}
.main-content 
{
float: left;
width:850px;
height: auto;
margin-left: 60px;
min-height: 600px;
}
/*a.main-content
{
    color:#0000FF;
}
a.main-content:hover
{
    color:#FF0000;
    text-decoration: none;
}*/
#main-content-home {
width:850px;
height: auto;
margin-left: 60px;
min-height: 1000px;
}
#movie-grid-box
{
	position:absolute;
	width:610px;
	height:200px;
	left: 270px;
	background-image: url(images/grid-header.jpg);
}
#movieGridMain
{
	position:absolute;
	top: 200px;
	height:auto;
}
#nav{
width:780px;
margin-left:70px;
z-index: -1;
}
#mainPost{
width:500px;
height:auto;
}
#mainPost a{
color: #0000FF;

}
#mainPost a:hover{
color: #FF0000;
text-decoration:none;
}
.heading{
font-size: 16pt;	
	font-weight: bold;
	color:#990000;
	line-height: 22px;
}
#main-right{
        float: right;
	width: 300px;
	height: auto;
}
a.moviepopup:hover
{
    text-decoration:none;
}
#right-top{
width:300px;
height:24px;
background: url(images/bg-right-top.jpg) top left no-repeat;
margin: 0 0 0 0;
}
#right-main{
	width:300px;
	height:600px;
	background:url(images/bg-right-main.jpg) top left repeat-y;
	line-height:20px;
}
#right-content{
width:280px;
height:600px;
padding-left:12px;
}

.h2{
font-size:11pt;
font-weight:bold;
}
#rightheading{
font-size:14pt; 
background:url(images/bg-right-main.jpg) top left repeat-y;
margin:0 0 0 0;
text-align:center;
}
#right-bottom{
width:300px;
height:36px;
background:url(images/bg-right-bottom.jpg) top left no-repeat;
}
#footer{
padding-top:100px;
width:954px;
text-align:center;
font:"Trebuchet MS", Helvetica, Arial;
color:#FFFFFF;
font-size:14px;
}
a.footer:link{
text-decoration:none;
color:#FFFFFF;
}
a.footer:hover{
text-decoration:none;
color:#FF0000;
}
a.footer:visited{
text-decoration:none;
color:#CCCCCC;
}

.hoverbox-title
{
	z-index:200;
	width: 230px;
	padding-top: 35px;
	margin-left: 35px;
	margin-right:10px;
	height:auto;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
}
#hoverbox
{
    width: 365px;
    z-index: 102;
}

.hoverbox-main
{
    background-image: url(images/hoverbox-bg.png);
    background-repeat: repeat-y;
    width: 365px;
    z-index: 100;
    
}
.hoverbox-inner
{
    width: 297px;
    margin-left: 35px;
}

.hoverbox-bottom
{
    background-image: url(images/hoverbox-bottom.png);
    background-repeat: no-repeat;
    height: 45px;
    width: 365px;
}

.hoverbox-top
{
    background-image: url(images/hoverbox-top.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 82px;
    width: 365px;
}




.genreGrid
{
	z-index: 101;
        font-weight: bold;

}
a.genreGrid{
color: #0033FF;
text-decoration: none;
padding: 2px 2px 2px 50px;
}

a:visited.genreGrid{
color: #0033FF;
}

a:hover.genreGrid{
color: White;
}

#genreBox td:hover
{
	padding: 4px 7px 2px 7px;
	background-color:Maroon;
	color:White;
}


#movie-detail-title
{
	margin:auto;
	font-size:x-large;
	width:600px;
	text-align:center;
	line-height: normal;
}
#left-movie-box
{
	padding-top: 198px;
	WIDTH: 192px;
	top: 200px;
	left: 0px;
}
#login
{
	position: relative;
	top:70px;
    left: 220px;
    width: 250px;
}
#post-wrapper
{
	width:500px;
	height:auto;
	float: left;
	margin: 60px 0px 0px 5px;
	padding-right: 10px;
	background: url("images/main-border.jpg") bottom right repeat-y;
}

#previousPosts{
	font-family:Arial, Helvetica, sans-serif;
	float: right;
	margin: 60px 15px 15px 0px;
	width: 300px;

}
.previousPosts:hover{
text-decoration:none;
color:#FF0000;

}
#previous-posts-header{
padding-top: 8px;
text-align: center;
font-weight: bold;
height:28px;
background: url("images/previous-posts-header.jpg") top center no-repeat;

}
#rants-intro{
width: 800px;
font-style: italic;
margin-left: 25px;

}
#previous-rants{
/*width: 300px;
position:absolute;
top: 600px;
left: 600px;*/
float: left;
width: 300px;
margin: 20px 0px 0px 15px;
}
#previous-rants-header
{
	background: url("images/previous-rants.jpg") top left no-repeat;
	height: 51px;
	width: 300px;
	
}