@charset "utf-8";
/* CSS Document */
/* =============================================================
Name: Steens Mountain Running Camp // Media
Last Modified: 6/11/09
Author: Kevin Jantzer
www.kevinjantzer.com/webdesign
==============================================================*/

body
	{background:url(img/body_bgd_top.jpg) no-repeat top center #121212;
	margin:0px;
	padding:0px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
a	{text-decoration:none; color:#fff}
.clearer	{clear:both;}
	
/* =============================================================
              top header and menu
============================================================== */
#header_base
	{width:912px;
	height:53px;
	margin:0 auto 0 auto;
	background:url(img/header_menu_bgd.png) no-repeat;
	}
	
	/* code for menu */
		 .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 521px;
            padding: 7px;
			left:340px;
            margin:0;
            overflow: hidden;
            border: 0;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 3px solid #ef4d0e;
                        width: 9px;
                        height: 25px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 16px Verdana, Arial, Helvetica, sans-serif;
                        text-decoration: none;
                        color: #c9b48f;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 17px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }      
						
/* =============================================================
             content base and title bar
============================================================== */   
#base
	{width:908px;
	margin:0 auto 0 auto;
	margin-top:180px;
	}      
	
#title_base
	{width:908px;
	height:70px;
	background:url(img/title_bgd.jpg) no-repeat;
	}
	
	#title_base h2
		{font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#352931;
		margin:0;
		padding:0;
		padding-top:15px;
		padding-left:17px;
		}  
		
		.subheader
			{color:#444444;
			font-size:20px;
			}
		
	/* controls */
		#controls_base
			{width:100px;
			height:40px;
			float:right;
			margin-right:20px;
			margin-top:15px;
			text-align:right;
			}  
			
				#controls_base_help
					{width:100px;
					height:10px;
					} 
					
				#controls_base_return
					{width:100px;
					height:10px;
					margin-top:15px;
					}  
			
			#controls_base_help p, #controls_base_return p
				{padding:0;
				margin:0;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#352931;
				}

/* =========== title bar sub menu =========== */
#title_base_sub	{width:900px; margin:0 auto 0 auto;}

	#title_base_sub ul
		{margin:0;
		padding:0px;}
	#title_base_sub ul li
		{display:inline;
		padding-right:5x;
		padding-top:3px;
		padding-bottom:3px;
		color:#444444;
		font-weight:bold}
		
		#title_base_sub ul li a
			{color:#555555;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:13px;}
		#title_base_sub ul li a:hover	{text-decoration:underline;}
			
		
/* =============================================================
           camp photo, video, extra menu item
============================================================== */  
#media_item_base
	{width:95%;
	height:213px;
	margin:0 auto 0 auto;
	}
	
	#media_item_base_single
	{width:95%;
	height:175px;
	margin:0 auto 0 auto;
	}
	
	#media_item_pic
		{float:left;
		width:275px;
		height:213px;
		}
		
	#media_item_text
		{float:right;
		width:570px;
		margin-top:10px;
		height:203px;;
		background:url(img/runners.jpg) no-repeat top left;
		font-variant:small-caps;
		}
		
	#media_item_pic_single
		{float:left;
		width:275px;
		height:175px;
		}
		
	#media_item_text_single
		{float:right;
		width:570px;
		margin-top:10px;
		height:150px;;
		background:url(img/runners.jpg) no-repeat top left;
		font-variant:small-caps;
		}
		
			#media_item_text h2, #media_item_text_single h2
				{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:25px;
				text-transform:uppercase;
				color:#CCCCCC;
				margin-left:25px;
				}
			
		#media_item_session_base
			{width:470px;
			float:right;
			}
			
				#media_item_session_base h3
					{color:#cccccc;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:18px;
					margin:0;
					padding:0;
					text-decoration:underline;
					}
					
				.media_item_session_table
					{margin-top:10px;}
					
						.media_item_session_table a
							{color:#ef4d0e; color:#cccccc;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:16px;}
						.media_item_session_table a:hover
							{color:#ef4d0e;}
			
				#media_item_session_one
					{float:left;
					width:220px;
					}
					
				#media_item_session_two
					{float:right;
					width:220px;
					}
					
						.media_item_icon td
							{width:16px;}
							
/* =============================================================
           video page layout
============================================================== */  
#video_base
	{width:756px;
	height:468px;
	background:url(img/video_bgd.png) no-repeat;
	margin:0 auto 0 auto;}
	
	#video_wrapper
		{width:720px;
		height:432px;
		margin:0 auto 0 auto;
		padding-top:18px;}
		
/* //video menu */
#video_category					{width:160px; float:left; margin:0 15px 0 0;}
#video_category	h2				{border-bottom:dashed 1px #444; color:#444; padding-bottom:3px; font-size:16px;}
#video_category	p 				{margin:0 0 5px 0;}
#video_category	p a:hover		{color:#ef4d0e;}
							
/* ==========================================
              footer
===========================================*/
.footer	{color:#444444; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
	.footer a {color:#444444; text-decoration:none}
	.footer a:hover {color:#999999}