@CHARSET "UTF-8";


/*
*	
*   Connectionary eMarketing Services.
*   Sean Wilson: sean [at] connectionary [dot] com
*   URL: www.connectionary.com
*   Renegade MoPic Theme, site.css, v 1.0, 5/3/2007
*	Created for: Renegade Motion Pictures
*   URL: www.renegademotionpictures.com
*	
*	This template was created to use on the main
*	website and blog for Renegade Motion Pictures.
*	The company, headed up by award winning director
*	Steven Rumbelow, needed a new look for the site
*	and wanted an edgier website look that reflected
*	more of the company's personality and quality.
*
*	This theme is decidedly darker, and was in part
*	inspired by the emarketing consulting I was doing
*	for the company on the movie, Autumn. Adapted from
*	the novel of the same name by author David Moody,
*	it is a zombie film quite unlike any other in the
*	the genre. Focusing more on the characters and the
*	psychological terror rather than being the normal
*	gore-fest that is often expected from the genre,
*	this film is a must see.
*	
*	
*	
*	
*	
*/


html
	{
height: 100%;
text-align: center;
	}

body
	{
background-color: #313131;
background-image: url(images/back_plain.gif);
background-position: top center;
background-repeat: repeat-y;
margin: 0px;
border: 0px;
z-index: -1;
	}








/* design */


body, div, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, li, dl, dd, hr, address, a, strong
	{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
font-weight: normal;
font-style: normal;
font-size: 94%;
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
	}

h1, h2, h3, h4, h5, h6
	{
padding: 0px 0px 5px 0px;
margin: 25px 0px 0px 0px; 
font-weight: bold;
font-style: normal;
font-size: 100%;
	}

h1
	{
font-size: 175%;
	}

h2
	{
font-size: 170%;
	}

h2 .blue
	{
color: #cdd8e2;
background: inherit;
	}

h3
	{
font-size: 145%;
	}

h4
	{
font-size: 130%;
	}

h5
	{
font-size: 120%;
	}

h6
	{
font-size: 110%;
	}

p, dl
	{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px; 
font-weight: normal;
font-style: normal;
font-size: 100%;
	}

dt, dd
	{

font-weight: normal;
font-style: normal;
font-size: 100%;
	}

ul, li
	{
padding: 5px 0px 5px 10px;
margin: 0px 0px 0px 0px; 
font-weight: normal;
font-style: normal;
font-size: 100%;
	}

img
	{
border: 0px;
	}

div div a
	{
color: #002448;
font-size: 100%;
	}

strong
	{
font-weight: bold;
font-size: 115%;
font-style: normal;
text-transform: uppercase;
	}











#wrapper
	{
height: auto !important;
height: 100%;
min-height: 100%;
width: 800px;
margin: 0px auto;
padding: 0px;
text-align: left;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
z-index: 1;
overflow: hidden;
	}

#topSpacebar
	{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: auto;
width: 800px;
background: #292929 url(images/topback.gif) repeat;
border: 0px;
border-top: 2px solid #202020;
border-bottom: 1px solid #404040;
text-align: left;
vertical-align: middle;
display: block;
z-index: 1000;
overflow: hidden;
	}

#topSpacebar p
	{
width: 300px;
margin: 20px 0px 8px 15px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: middle;
color: #808080;
font-size: 92%;
border: none;
float: left;
display: inline;
	}

#topSpacebar a
	{
color: #c1c1c1;
border: none;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px 0px;
text-decoration: none;
	}

#topSpacebar a:hover
	{
color: #ffffff;
border: none;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px 0px;
text-decoration: none;
	}

#topSpacebar img
	{
margin: 0px 5px 2px 0px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
border: none;
	}

#header
	{

height: 180px;
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
vertical-align: top;
background: #000000 url(images/RenegadeZombie_sepia.gif) no-repeat;
border: none;
border-top:  2px solid #141414;
border-bottom: none;
display: block;
z-index: 1000;
overflow: hidden;
	}

#logo
	{
width: 258px;
height: 52px;
padding: 0px 0px 0px 0px;
margin: 4px 3px 0px 0px;
text-align: right;
vertical-align: top;
float: right;
display: inline;
	}

#logo h1
	{

margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
color: #c00000;
font-size:200%;
font-weight: bold;;
vertical-align: middle;
text-align: right;
border: none;
	}

#logo h2
	{
margin: -2px 15px 0px 0px;
padding: 0px 0px 0px 0px;
color: #dedede;
font-size: 110%;
font-weight: bold;
vertical-align: top;
text-align: right;
border: none;
	}	

#header p
	{
width: 300px;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
text-align: right;
vertical-align: middle;
font-size: 92%;
border: none;
float: right;
	}


#bottomSpacebar
	{
padding: 0px 0px 0px 0px;
margin: -5px 0px 0px 0px;
width: 800px;
background: #606060 url(images/hnb_3.gif) repeat-x;
border: 0px;
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
text-align: left;
vertical-align: middle;
line-height: 1.4em;
display: block;
overflow: hidden;
	}

#bottomSpacebar p
	{
width: 300px;
margin: 8px 0px 7px 15px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: middle;
color: #808080;
font-size: 92%;
border: none;
display: block;
	}

#bottomSpacebar ul
	{
border: none;
padding: 8px 0px 8px 0px;	
margin: 0px 0px 0px 6px;
text-align: left;
font-size: 92%;
list-style-type: none;
line-height: 1.4em;
	}

#bottomSpacebar li
	{
border: none;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;
line-height: 1.4em;
	}

#bottomSpacebar a
	{
background: #606060 url(images/hnb_3.gif) repeat-x;
color: #000000;
border: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 8px 12px 8px 12px;	
margin: 0px 0px 0px -6px;
text-decoration: none;
display: inline;
line-height: 1.4em;
	}

#bottomSpacebar a:hover
	{
background: #000000 url(images/hnb_2.gif) repeat-x;
color: #ffffff;
border: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 8px 12px 8px 12px;	
margin: 0px 0px 0px -6px;
text-decoration: none;
display: inline;
line-height: 1.4em;
	}

#bottomSpacebar img
	{
margin: 0px 5px 2px 0px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
border: none;
	}

#search
	{
margin: 5px 10px 5px 10px;
padding: 0px 0px 0px 0px;
text-align: center;
vertical-align: middle;
color: #ffffff;
border: none;
float: right;
display: inline;
z-index: 1;
	}

#searchform
	{
margin: 0px;
padding: 0px;
font-size: 1em;
height: 1.2em;
width: 234px;
display: inline;
overflow: hidden;
	}

#s {
color: #666666;
background: #101010;
width: 234px;
font-size: 1em;
padding: 3px;
margin: 2px 0px 2px 0px;
border-top: 1px solid #555555;
border-left: 1px solid #555555;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
display: inline;
	}

.splitLeft
	{
/* background: url(images/bloodtop.gif) 160px -5px no-repeat; */
width: 520px;
margin: 0px 0px 10px 15px;
padding: 0px 10px 0px 0px;
text-align: left;
vertical-align: top;
float: left;
display: inline;
	}

.article
	{
margin: 15px 25px 22px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
color: #CDCD9E;
	}

.breadcrumbs
	{
margin: 30px 0px 30px 0px;
	}

.feature
	{
vertical-align: top;
color: #eeeeee;
font-size: 100%;
padding: 0px 12px 5px 15px;
margin: 40px 0px 0px 0px;
background: #6e6e6e url(images/ftop.gif) no-repeat top left;
min-height: 150px;
height: auto;
	}

.fbottom
	{
font-size: 1%;
height: 10px;
background: #6e6e6e url(images/fbottom.gif) no-repeat;
color: #ffffff;
width: 480px;
margin: 0px 12px 22px 0px;
padding: 0px 0px 0px 0px;
	}

.feature a
	{
color: #cdd8e2;
background: inherit;
	}

.feature h2
	{
margin: 0px 12px 12px 0px;
padding: 10px 0px 0px 0px;
color: #ffffff;
background: transparent;
font-size: 140%;
	}

.feature p
	{
margin: 0px 12px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
	}

.featurePic
	{
float: left;
width: 150px;
height: 100px;
border: 1px solid #d4d4d4;
color: #ffffff;
background: #6e6e6e;
margin: 3px 12px 2px 0px;
padding: 0px 0px 0px 0px;
	}

.splitRight
	{
margin: 14px 6px 10px 10px;
padding: 0px 0px 0px 0px;
width: 235px;
float: right;
text-align: right;
vertical-align: top;
display: inline;
	}

.splitRight a
	{
color: #002448;
background: inherit;
font-size: 100%;
white-space: wrap;
	}

.image
	{
float: left;
margin: 3px 8px 1px 0px;
padding: 0px 0px 0px 0px;
	}

.rightTop
	{
width: 235px;
background: #4f4215 url(images/rbt_sepia.gif) center top no-repeat;
color: #ffffff;
height: 14px;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px 0px;
	}
	
.rightContent
	{
width: 235px;
font-size: 100%;
background: #4f4215;
color: #eeeeee;
text-align: left;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px 0px;
border: none;
display: block;
	}

.rightContent p
	{
font-size: 94%;
color: #eeeeee;
text-align: left;
padding: 0px 9px 0px 9px;	
margin: 0px 0px 0px 0px;
border: none;
	}

.rightContent a
	{
font-size: 100%;
color: #Cc9a54;
text-decoration: underline;
	}

.rightContent a:hover
	{
font-size: 100%;
color: #ffffff;
text-decoration: underline;
	}

.rightBottom
	{
width: 235px;
background: #4f4215 url(images/rbb_sepia.gif) center bottom no-repeat;
color: #ffffff;
height: 14px;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 22px 0px;
display: block;
	}

.splitRight .box
	{
border: none;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 20px 0px;
text-align: left;
vertical-align: top;
float: right;
font-size: 96%;
	}

.splitRight h3
	{
display: block;
width: 235px;
padding: 0px 0px 2px 0px;	
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: bottom;
line-height: 1em;
color: #C8904b;
border-bottom: 1px solid #c8904b; /* #c00000; */
	}

.splitRight .box ul
	{
display: block;
border: none;
width: 235px;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
list-style: none;
	}
	
.splitRight .box ul li
	{
display: block;
width: 235px;
background-color: #000000;
border: none;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
	}

.splitRight .box ul li a
	{
display: block;
width: 235px;
background-color: #000000;
color: #c1c1c1;
border: none;
border-bottom: 1px solid #252525;
padding: 3px 0px 3px 0px;	
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
text-decoration: none;
	}

.splitRight .box ul li a:hover
	{
display: block;
width: 235px;
background-color: #202020;
color: #ffffff;
border: none;
border-bottom: 1px solid #303030;
padding: 3px 0px 3px 0px;	
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
text-decoration: none;
	}

.clear
	{
clear: both;
border: none;
padding: 0px;
margin: 0px;
	}

#footer
	{ 
clear: both; 
text-align: center;
line-height: 1.5em;
color: #808080;
background: #292929 url(images/topback.gif) repeat;
padding: 8px 0px 15px 0px;
margin: 0px 0px -5px 0px;
border-top: 2px solid #404040; /* Bottom stripe */
z-index: 100;
overflow: hidden;
	}

#footer a
	{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #c1c1c1;
background: inherit;
text-decoration: none;
	}

#footer a:hover
	{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
background: inherit;
text-decoration: none;
	}