/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

html { background:#000000 }
body { font-family: "Bookman Old Style", "Verdana", "Palatino Linotype", "Book Antiqua", "Georgia", "Palatino", "serif"; margin:0; padding:0; }

a { color:#517307 }
a:hover { color:#67920D }

.sf-menu ul { border:2px solid #67920D }

.sf-menu a { border-left:1px solid #FFFFD2; border-right:1px solid #A4CF47 }
.sf-menu ul a { border-bottom:1px solid #A4CF47; border-top:1px solid #FFFFD2 }

.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }

.sf-menu ul a:hover { background:#336A93 !important; color:#FFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#517307 }

.sf-menu li li { background:#E2F3BE }
.sf-menu li li li { background:#E2F3BE }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li.current_page_item a,
.sf-menu li.current_page_parent a,
.sf-menu li.current_page_ancestor a { background:#E2F3BE }

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#336A93; color:#FFFFFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

.sf-menu ul li.sfHover li a {
	background:#E2F3BE !important; color:#517307 !important; border-bottom:1px solid #A4CF47 !important; border-top:1px solid #FFFFD2 !important }
	
.sf-menu ul li.sfHover li a:hover {
	background:#336A93 !important; color:#FFFFFF !important; border-bottom-color:#1C4563 !important; border-top-color:#84B1D3 !important }

#slider-content { position:relative; z-index:100; border-bottom:1px solid #000 }

.blue-block { color:#FFF; border-top:1px solid #000 }
.blue-block a { color:#C7E687 }
.blue-block a:hover { color:#fff }

#main-content { background:#000000 }

#header .contact-info { color:#d3e6f3 }
#header .contact-info small em { color:#FFF }
#header .contact-info a { color:#C7E687 }
#header .contact-info a:hover { color:#d3e6f3 }

.jFlowSelected { color:#FFF !important }

.gallery-block { background:#DBD1B9; border:2px solid #f3ece3 }
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

#main-content .full { background:#000000 }
#main-content .left { background:#000000; border-right:1px solid #000000 }
#main-content .right { border-left:1px solid #A7947A; background:#000000 }
	
#main-content ul { color:#FFF }
#main-content .right ul { color:#23201B !important }

#main-content h3 { color:#4B3D1B }

#main-content p { color:#FFF }
#main-content .right p { color:#23201B !important }
#main-content p.intro-text { color:#23201B }

#main-content a { color:#2E546F }
.portfolio-entry { border-top:1px solid #DBD1B9 }
.search-entry { border-bottom:1px solid #DBD1B9 }

.textbox { border:1px solid #C7B998; color:#888 }
.textarea { border:1px solid #C7B998; color:#888 }
.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }

#footer { border-left:1px solid #325772; border-right:1px solid #325772; color:#FFF; border-top:1px solid #000; background:#0F3149 }
#footer a { color:#E2F3BE }
#footer a:hover { color:#FFF }

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/





/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:"Palatino Linotype", "Book Antiqua", Georgia, Palatino, serif; margin:0; padding:0 }
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:980px; margin:0 auto }
.clear { clear:both; display:block }

img { border:none }
	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:157px;  background:url('../graphics/Hemp_Stevens_Ban_1.jpg') no-repeat; margin-top:7px;}
#header h1 { width:458px; height:157px; margin:0; padding:0; position:absolute; top:0px; left:458px }
#header h1 a { display:block; background:url('../graphics/Hemp_Stevens_Ban_2.jpg') no-repeat; width:522px; height:157px }

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation { font-family:Arial, Helvetica, sans-serif; position:relative; font-size:16px; font-weight:bold; width:980px; height:30px; }

#navigation ul { margin:0; padding:0; }

#navigation ul li {display:block; float:left;  list-style-type:none;   }

#nav_pre {
	display:block;
	height:30px; width:126px;
	background:url(../graphics/HEMP-2107-v2_04.jpg) no-repeat 0 0;
	background-position: -34px 0
	text-indent:-9009px;}

#nav_home a {
	display:block;
	height:30px; width:81px;
	background:url(../graphics/Home_Hemp_Stevens.jpg) no-repeat 0 0;
	text-indent:-5000px;}
	
#nav_movie a {
	display:block;
	height:30px; width:100px;
	background:url(../graphics/Movie.jpg) no-repeat 0 0;
	text-indent:-5000px;}
		
#nav_donate a {
	display:block;
	height:30px; width:150px;
	background:url(../graphics/Donate.jpg) no-repeat 0 0;
	text-indent:-5000px;}

#nav_nosox a {
	display:block;
	height:30px; width:210px;
	background:url(../graphics/NoSox_Productions.jpg) no-repeat 0 0;
	text-indent:-5000px;}

#nav_bios a {
	display:block;
	height:30px; width:83px;
	background:url(../graphics/Bios.jpg) no-repeat 0 0;
	text-indent:-5000px;}
	
#nav_photos a {
	display:block;
	height:30px; width:112px;
	background:url(../graphics/Photos.jpg) no-repeat 0 0;
	text-indent:-5000px;}	

#nav_post {
	display:block;
	height:30px; width:117px;
	background:url(../graphics/HEMP-2107-v2_11.jpg) no-repeat 0 0;
	text-indent:-5000px;}

#nav_bread {
	display:block;
	height:9px; width:979px;
	background:url(../graphics/Breadcrumb_Bar.jpg) no-repeat 0 0;
	text-indent:-5000px;}

/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:980px;
	border-bottom:none }
	
	#main-content.subpage { border-top:none }
	
#main-content .full {
	margin:0;
	padding:25px;
	width:924px }	
	
#main-content .left {
	margin:0;
	padding:25px;
	width:645px;
	float:left }

#main-content .right {
	width:229px;
	margin:0;
	padding:25px;
	float:left }
	
#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:22px; font-size:14px }

#main-content h2 {
	font-size:31px;
	color:#fff;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0 0 15px;
	padding:0 0 10px }

#main-content h3 { font-size:12px; line-height:23px; font-weight:bold; margin:10px 0; padding:0 }
#main-content p { padding:0; margin:15px 0; font-size:15px; line-height:22px }

#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:bold; line-height:26px }


/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }
.portfolio-entry h3 {
	font-size:24px !important;
	font-weight:normal !important;
	margin:0 !important;
	padding:5px 0 0 !important }
	
	
/* --------------------------------------------- */
/* Search Results Page ------------------------- */

.search-entry { clear:both; margin:0 0 15px; padding:0 }
.search-entry h3 {
	font-size:24px !important;
	font-weight:normal !important;
	margin:0 !important;
	padding:5px 0 0 !important }
.search-entry small { margin:5px 0 0 0; display:block; font-size:12px }


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }


/* --------------------------------------------- */
/* Footer ----------------------- */

#footer {
	font-size:14px;
	height:20px;
	margin:0 auto;
	padding:15px;
	position:relative;
	width:948px }
	
#footer ul { list-style:none; margin:0; padding:0 }
#footer ul li { float:left; margin:0 6px; padding:0 }
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:15px }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */