body {
	/*background: url("../images/bg.gif") repeat-x;*/
}

/*------------------------------------------------------------------------------
- structure
------------------------------------------------------------------------------*/

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 15px;	
	background: #FFF url("../images/bg.gif") repeat-x;
}

#inner {
	background: #FFFFFF url("../images/inner-bg.png") no-repeat;
	width: 100%;
	overflow: hidden;
}

/*------------------------------------------------------------------------------
- left column
------------------------------------------------------------------------------*/

#left {
	float: left;
	width: 229px;
	background: url("../images/left-bg.png") repeat-x;
	z-index: 1;
}

	#left h1.logo {
		text-indent: -999px;
		padding: 15px 0 0 20px;
	}
	
	#left h1.logo a {
		display: block;
		background: url("../images/rollem-logo.png") no-repeat;
		width: 150px;
		height: 150px;
	}

/*------------------------------------------------------------------------------
- main nav
------------------------------------------------------------------------------*/

#menu {
	float: left;
	width: 200px;
	font-size: 93%;
	line-height: normal;
	z-index: 99;
	padding-bottom: 20em;
}

	#menu ul {
		margin: 10px 0 0 0;
		padding: 10px 10px 0 15px;
		list-style: none;
		overflow: hidden;
	}

		#menu ul li {
			width: auto;
			overflow: hidden;
			margin-bottom: 15px;
		}

			#menu li a {
				float: left;
				clear: both;
				background: url("../images/menu/left.gif") no-repeat left top;
				padding: 0 0 0 9px;
				cursor: pointer;
				position: relative;
			}
			
			#menu li a:focus {
				text-decoration: none;
			}

			#menu a span {
				float: left;
				display: block;
				background: url("../images/menu/right.gif") no-repeat right top;
				padding: 7px 10px 8px 0;
				color: #FFFFFF;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				font-size: 1.2em;
			}

			/* Commented Backslash Hack
				 hides rule from IE5-Mac \*/
			#menu a {float:none;}
			/* End IE5-Mac hack */
			#menu #current {
				background-image: url("../images/menu/left_on.gif");
			}
			#menu #current a {
				background-image: url("../images/menu/right_on.gif");
				color:#333;
				padding-bottom: 5px;
			}
		
			#menu a:hover, #menu ul li.current a {
				text-decoration: none;
				background-image: url("../images/menu/left_on.gif");
			}

			#menu a:hover span, #menu ul li.current a span {
				text-decoration: none;
				background-image: url("../images/menu/right_on.gif");
			}

/*------------------------------------------------------------------------------
- sub nav
------------------------------------------------------------------------------*/

#menu ul li ul {
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
}

	#menu ul li ul li {
		margin: 0;
	}

	#menu ul li ul li a {
		color: #000000;
		background: none;
		font-size: 1.1em;
		line-height: 1.4em;
		font-weight: bold;
		padding-left: 10px;
		background: none;
	}
	
	#menu ul li.current ul li a {
		background: none;	
	}

	#menu ul li ul li a:hover {
		background: none;
		color: #EA2225;
	}


/*------------------------------------------------------------------------------
- homepage content
------------------------------------------------------------------------------*/

#content {
	float: left;
	width: 510px;
	margin: 50px -2px 50px -4px;
	
	position:relative;
	z-index:2;
}

	* html #content {
		margin-left: -5px;
	}

/*------------------------------------------------------------------------------
- breadcrumb
------------------------------------------------------------------------------*/

#breadcrumb {
	color: #FFF;
	margin-bottom: 5px;
	width: 500px;
}

	#breadcrumb ul li {
		display: inline;
		font-weight: bold;
	}
	
	#breadcrumb ul li span {
		font-weight: normal;
	}
	
	#breadcrumb ul li a {
		font-weight: bold;
		text-decoration: underline;
		border-right: 1px solid #FFF;
		padding-right: 10px;
		position: relative;
	}
	
		#breadcrumb ul li.last a {
			border: 0;
		}

	#breadcrumb ul.writers li,
	#breadcrumb ul.writers li a {
		color:#000000;
	}
	
	#breadcrumb ul.writers li a {
		border-color: #000000;
	}
	
/*------------------------------------------------------------------------------
- banner
------------------------------------------------------------------------------*/

#banner {
	position: relative;
	width: 500px;
	min-height: 50px;
	margin-bottom: 15px;

    height:auto !important;
    height:50px;
}

	#banner .tagline {
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(../images/tagline-bg.png) no-repeat;
		width: 480px;
		height: 25px;
		padding: 10px 10px 5px 10px;
		color: #FFFFFF;
		font-weight: bold;
	}

	#banner .writers-corner-overlay {
		background: url(../images/writers-corner/writers-corner.png);
		width: 115px;
		height: 65px;
		position: absolute;
		top: 0;
		left: 0;
	}

/*------------------------------------------------------------------------------
- text pods
------------------------------------------------------------------------------*/
.pod {
	width: 240px;
	float: left;
	display: inline;
	color: #FFF;
	margin: 0 15px 15px 0;
}

	* html #content .pod {
			margin-right: 13px;
	}

	.pod h3 {
		background: url(../images/pods/pod-top.png) no-repeat;
		height: 23px;
		text-transform: uppercase;
		font-size: 1em;
		padding: 10px 0 0 15px;
	}
	
		.pod h3 a:hover {
			text-decoration: none;
		}
	
	.pod .content {
		background: url(../images/pods/pod-bg.png) repeat-y;
		padding: 10px 10px 15px 15px;
		height: 94px;
		min-height: 94px;
	}
	
	.pod .bottom {
		background: url(../images/pods/pod-bottom.png) repeat-y;
		height: 15px;
	}

/*------------------------------------------------------------------------------
- image pods
------------------------------------------------------------------------------*/

#content .image-pod {
	width: 240px;
	height: 166px;
	min-height: 166px;	
	float: left;
	display: inline;
	margin: 0 20px 15px 0;
	position: relative;
}

	#content .image-pod a img {
		border: 0;
	}

	#content .image-pod a:hover {
		text-decoration: none;
	}

	#content .image-pod.last {
		margin-right: 0;
	}
	
	.image-pod .video-overlay {
		position: absolute;
		top: 58px;
		left: 95px;
		width: 56px;
		height: 52px;
		background: url(../images/pods/video_overlay.png) no-repeat;
		cursor: pointer;
	}

	#content .image-pod .bottom {
		background: url("../images/pods/image-pod-bottom.png") no-repeat;
		position: absolute;
		top: 136px;
		left: 0;
		width: 225px;
		height: 24px;
		padding: 6px 0 0 15px;
		color: #FFFFFF;
		font-weight: bold;
		cursor: pointer;
	}

/*------------------------------------------------------------------------------
- blog
------------------------------------------------------------------------------*/

.blog {
	width: 500px;
	margin-bottom: 0.5em;
	color: #FFF;
}

	.blog h3 {
		background: url(../images/blog/blog-top.png) no-repeat;
		width: 485px;
		height: 35px;
		padding: 10px 0 0 15px;
		font-size: 1.6em;
	}
	
		.blog h3 a {
			position: relative;
		}
	
		.blog h3 a:hover {
			text-decoration: none;
		}
	
	.blog .content {
		background: url(../images/shadow-bg.png) repeat-y;
		padding: 0 15px 15px 15px;
		overflow: hidden;
		width: 470px;
	}
	
	.blog .content .date {
		padding: 0 0 15px 0;
	}
	
	.blog .content img {
		float: left;
		display: inline;
		margin: 0 15px 15px 0;
	}
	
	.blog .links {
		background: url(../images/shadow-bottom.png) no-repeat;
		width: 485px;
		height: 25px;
		padding-left: 15px;
	}	
	
		.blog .links a {
			position: relative;
		}

		.blog .links .comments-link {
			border-right: 1px solid #FFF;
			padding-right: 5px;
		}
		
/* blog comments */
	.add_comments form {
		margin-top: 10px;
	}

	.add_comments .field {
		margin-bottom: 5px;	
		overflow: hidden;
	}
		
		.add_comments .field label {
			float: left;
			text-align: right;
			margin-right: 10px;
			width: 100px;
		}	

	.add_comments .button {
		margin-right: 45px;
	}
	
.user-comment {
	width: auto;
	overflow: hidden;
	margin-bottom: 10px;
}	
		

#right .archive {
	width: 164px;
	color: #000;
	margin-top: 1.5em;
}

	#right .archive h3 {
		color: #000;
		text-transform: uppercase;
		font-size: 1.2em;
		padding: 4px 0 0 10px;
		background: url(../images/blog/archive-top.png) no-repeat;
		height: 21px;
	}

	#right .archive a {
		color: #000;
	}
	
	#right .archive ul {
		padding: 10px 0 0 20px;
		background: url(../images/blog/archive-bg.png);
		overflow: hidden;
		width: 144px;
	}
	
	#right .archive ul li {
		line-height: 1.4em;
	}
	
	#right .archive .archive-bottom {
		background: url(../images/blog/archive-bottom.png);
		height: 5px;
		width: 164px;
	}

/*------------------------------------------------------------------------------
- people
------------------------------------------------------------------------------*/

.generic {
	width: 500px;
	margin-bottom: 0.5em;
	color: #FFF;
}

	.generic h3 {
		background: url(../images/generic-top.png) no-repeat;
		width: 485px;
		height: 27px;
		padding: 9px 0 0 15px;
		font-size: 1.3em;
	}
	
	.generic .content {
		background: url(../images/shadow-bg.png) repeat-y;
		padding: 15px 15px 0 15px;
		overflow: hidden;
		width: 470px;
	}

	#content .generic .content .image {
		position: relative;
		width: 240px;
		overflow: hidden;
		float: left;
		margin: 0 15px 15px 0;
	}
	
	#content .generic .content .image .video-overlay {
		position: absolute;
		top: 58px;
		left: 95px;
		width: 56px;
		height: 52px;
		background: url(../images/pods/video_overlay.png) no-repeat;
		cursor: pointer;
	}
	
	.generic .bottom {
		background: url(../images/shadow-bottom.png) no-repeat;	
		height: 25px;
	}

/*------------------------------------------------------------------------------
- productions
------------------------------------------------------------------------------*/

.synopsis {
	margin-bottom: 15px;
}

	.synopsis h3 {
		width: 485px;
		height: 24px;
		padding: 12px 0 0 15px;
		font-size: 1em;
	}

/*------------------------------------------------------------------------------
- contact form
------------------------------------------------------------------------------*/

#contact_form p {
	margin-bottom: 15px;
}

#contact_form .field {
	width: auto;
	overflow: hidden;
	margin: 0 0 5px 0;
}

#contact_form .field label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 5px;
}

	.fake-field {
		background: transparent url(../images/form/fake-field-small.png) no-repeat;
		padding: 5px;
		display: block;
		float: left;
		width: 290px;
	}
	
		.fake-field input {
			border: 0;
			width: 280px;
		}
		
	.fake-textarea {
		background: transparent url(../images/form/fake-textarea.png) no-repeat;
		padding: 5px;
		display: block;
		float: left;
		width: 290px;
		height: 54px;
	}
	
		.fake-textarea textarea {
			border: 0;
			width: 285px;
			height: 47px;
		}
		
	.button input {
		float: right;
		margin-right: 15px;
	}


/*------------------------------------------------------------------------------
- right column
------------------------------------------------------------------------------*/

#right {
	float: left;
	display: inline;
	width: 163px;
	background: url("../images/right-bg.png") repeat-x;
	height: 900px;
	padding: 50px 19px 0 45px;
}

	#right a {
		position: relative;
	}

#right h3 {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	height:27px;

}

#right .address,
#right .phone {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 10px;
	clear: both;
	overflow: hidden;
}

	#right .phone {
		font-size: 1.4em;
		margin: 0.5em 0;
		width: 122px;
	}

	#right .address {
		font-size: 1em;
		margin: 1em 0;		
	}

/*------------------------------------------------------------------------------
- right column pods
------------------------------------------------------------------------------*/

/* writers corner */

	#right .writers-corner-pod  h4 {
		text-indent: -9999px;
	}

	#right .writers-corner-pod h4 span {
		background: url("../images/writers-corner/writers-corner.png");
		display: block;
		width: 115px;
		height: 65px;
		margin: 0 auto;
		cursor: pointer;
	}

		#right .writers-corner-pod .summary {
			width: 133px;
			background: url("../images/writers-corner/writers-corner-pod-bg.png") no-repeat;
			color: #FFFFFF;
			padding: 10px 15px;
		}

	.video {
		background: url("../images/video-bg.png") no-repeat;
		width: 480px;
		height: 440px;
		padding: 10px;
		margin-bottom: 15px;
	}

/* blog pod */

	#right .blog-pod {
		margin-bottom: 10px;
	}

	#right .blog-pod .blog-image {
		clear: both;
		overflow: hidden;
	}

	#right .blog-pod .blog-image img {
		float: left;
		margin-right: 10px;
		border: 0;
	}
	
	#right .blog-pod .blog-image a {
		color: #fff;
		font-weight: bold;
	}

	#right .blog-pod .blog-summary {
		color: #000;
		clear: both;
		margin-top: 10px;
		
	}
	
	#right .blog-pod h3 a {
		margin-bottom: 10px;
	}
	
	div#right div.blog-pod div.blog-image p{
		color:#FFFFFF;
	}
	
/* google map */

#google-map {
	width: 160px;
	height: 160px;
	margin: 0 0 2em 1px;
}

	#google-map .gmnoprint {
		display: none;
	}