/*
	Main Style sheet for shootlive.com
	ShootLive (c)2007
	Apr 2007
	pwarnes
*/

/* ------ */
/* GLOBAL */
/* ------ */

* {
	margin: 0;
	padding: 0;
}

p {
	
}

	p.bulletin {
		color: #eee;
		padding: 5px 10px;
		margin: 10px;
		border: 1px solid #000;
		background-color: #e66;
		text-align: center;
		font-weight: bold;
	}
	
a {
	text-decoration: none;
	color: #ff0;
}

	a:hover {
		text-decoration: underline;
	}

	a img {
		border: none;
	}

ul {
	list-style-type: none;
}

.hide {
	display: none;
}

.right {
	text-align: right;
}

.small {
	font-size: 70%;
}

.date {
	color: #999;
	font-size: 80%;
}

.big {
	font-size: 130%;
}

.bold {
	font-weight: bold;
}

body {
	background-color: #000;
	font-family: Arial;
}

#container {
	border: 1px solid #999;
	width: 800px;
	margin: 10px auto;
	background-color: #000;
	color: #fff;
}

/* ------ */
/* HEADER */
/* ------ */

#header {
	height: 70px;
	background: url("/images/logo_shootlive_header_stroke.jpg") no-repeat #000 10px 10px;
}

	#header h1 {
		display: none;
	}
	
	#header p {
		margin: 30px 10px 0 0;
		float: right;
		color: #fff;
		font-size: 80%;
	}

	#header a img {
		float: right;
		border: none;
	}

	

/* ---------- */
/* NAVIGATION */
/* ---------- */
	
#nav,#subnav {
	/*border-top: 1px solid #fff;*/
	border-bottom: 1px solid #999;
	background-color: #000;
}

		#nav ul li,#subnav ul li {
			display: inline;
		}
		
			#nav ul li a,#subnav ul li a {
				display: block;
				float: left;
				background-color: #000;
				border: 1px solid #000;
				color: #fff;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				padding: 5px 19px;
			}
			
				#nav ul li a:hover,#nav ul li a.here {
					color: #000;
					background-color: #666;
				}
				
				#nav ul li a.last {
					padding: 5px 25px 5px 26px;
				}
				
/* -------------- */				
/* SUB NAVIGATION */
/* -------------- */

#subnav {
	background-color: #333;
}

	#subnav ul {
		float: right;
	}
	
		#subnav ul li a {
			color: #fff;
			background-color: #333;
			border: 1px solid #333;
		}
		
			#subnav ul li a:hover,#subnav ul li a.here {
				color: #999;
				background-color: #222;
			}

/* ------- */
/* CONTENT */
/* ------- */
		
#content {
	padding: 10px 10px 0 10px;
}

	#content p {
		margin: 10px 0;
	}
	
	#content h2 {
		color: #ff3;
		font-size: 17pt;
	}
	
	#content h3 {
		color: #ccc;
		font-size: 13.5pt;
	}
	
/* ----------- */
/* PAGE STYLES */
/* ----------- */

#content ul {
	margin: 0 10px 10px 10px;
	list-style-image: url("/images/yellow_point.gif");
	list-style-position: inside;
}

#content ul ul {
	margin: 0 30px;
}

/* ------- */
/* SIDEBAR */
/* ------- */

#column {
	position: relative;
	margin-top: 50px;
	float: right;
	width: 300px;
	text-align: center;
}

	#column img {
		margin-top: 10px;
	}

	#inner_column {
		height: 300px;
	}

/* ----- */
/* FORMS */
/* ----- */
		
	.clickable {
		width: auto !IMPORTANT;
		cursor: pointer;
	}

	form fieldset {
		border: none;
		margin-bottom: 20px;
	}
		form fieldset legend {
			display: none;
		}
		
		form fieldset p {
			height: 30px;
		}
			form fieldset p.textarea, form fieldset p textarea {
				height: 60px;
			}
			
			form fieldset p label {
				display: block;
				float: left;
				width: 200px;
			}
			
			form fieldset p input, form fieldset p textarea, form fieldset p select {
				width: 200px;
			}
			
			form.wide fieldset p input, form.wide fieldset p textarea, form.wide fieldset p select {
				width: 400px;
			}
			
			form.wide fieldset p label {
				width: 300px;
			}

/* ------ */
/* TABLES */
/* ------ */
/*
	#content table.neat {
		width: 100%;
		border: 1px solid #999;
		border-collapse: collapse;
	}
	
		#content table.neat tr.stripe {
			background-color: #333;
		}
		
		#content table.neat th {
			background-color: #666;
			color: #fff;
			padding: 2px 5px;
			text-align: left;
		}
		
			#content table.neat th.title {
				width: 80%;
			}
		
		#content table.neat td {
			border: 1px solid #999;
			padding: 2px 5px;
		}
*/
/* ------ */
/* FOOTER */
/* ------ */

#footer {
	border-top: 1px solid #eee;
	margin-top: 10px;
	padding: 5px 10px 10px 10px;
	height: 20px;
}
	
	#footer p {
		font-weight: bold;
		color: #999;
	}

	#footer ul li {
		display: inline;
		float: right;
		color: #999;
		font-size: 90%;
		padding: 0px 10px;
		border-right: 1px solid #ccc;
	}
	
		#footer ul li.last {
			border: none;
		}
	
		#footer ul li a {
			text-decoration: none;
			color: #999;
		}
		
			#footer ul li a:hover {
				color: #ccc;
			}